Baïn coù theå thay ñoåi hình daïng ñöôøng thaúng vaø ñöôøng vieàn ngoaøi ñöôïc taïo ra baèng caùc coâng cuï Pencil, Brush, Line, Oval hoaëc Rectangle baèng caùch choïn coâng cuï Arrow v[r]
(1)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
TỔNG QUAN VỀ CÁC CÔNG CỤ VẼ
Các công cụ vẽ Flash cho phép bạn tạo thay đổi hình dạng ảnh vẽ đoạn phim Bạn chọn trình đơn Help > Lessons > Drawing để biết thêm công cụ vẽ Flash Trước bạn vẽ tô màu Flash, điều quan trọng bạn phải làm quen với công cụ vẽ, tô màu thay đổi hình dạng đối tượng Layer
CÁC CÔNG CỤ VẼ VÀ TÔ MÀU TRONG FLASH
Flash cung cấp nhiều công cụ vẽ tự Bảng công cụ vẽ
hoặc công cụ vẽ xác đường (Line), hình dạng (Shape), đường dẫn (Path) đối tượng tô màu vẽ
Vẽ đường nét hình dạng tự giống vẽ cơng cụ viết chì thật, bạn dùng công cụ Pencil Vẽ đường thẳng xác đường cong, bạn dùng công cụ Pen Vẽ hình học bản, bạn dùng cơng cụ Line, Oval Rectangle
Taïo nét cọ vẽ giống vẽ cọ, bạn chọn công cụ Brush
Khi bạn dùng công cụ vẽ tô màu để tạo đối tượng, công cụ áp đặt nét cọ vẽ hành thuộc tính tơ màu vào đối tượng
Để thay đổi nét vẽ thuộc tính tơ màu đối tượng, bạn dùng công cụ Paint Bucket Ink Bottle
Bạn phục hồi lại đường nét đường viền theo nhiều cách khác sau bạn tạo chúng Thuộc tính nét vẽ tơ màu xem đối tượng độc lập Bạn chọn thuộc tính tơ màu nét vẽ tách rời để di chuyển thay đổi chúng Bạn dùng chế độ bắt dính để canh đối tượng thẳng hàng với công cụ vẽ chế độ khung lưới đường Guide
CÁC HÌNH DẠNG CHỒNG LẤP (OVERLAPPING SHAPE) TRONG FLASH
(2)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Chú ý : Các đường thẳng chồng mà bạn dùng công cụ Pen tạo chia đoạn thành đoạn
Một vùng màu tô, vùng màu tô với đường thẳng xuyên qua hai vùng màu chia với ba đoạn thẳng tạo thành đoạn
Khi bạn tô màu phần đối tượng đường thẳng, phần chia bên thay màu mà màu bên tô Khi tô màu trộn màu lại với Việc tô màu khác có khác biệt, màu khác khơng hịa trộn màu với Bạn dùng thuộc tính để tạo lớp mặt nạ, viền ảnh âm tính khác Ví dụ như, viền màu bên tạo cách di chuyển ảnh (file Kite) khơng nhóm lại vào đối tượng màu xanh cây, chọn lại ảnh Kite sau loại bỏ phần ảnh Kite tô màu xanh
Để tránh việc thay đổi đối tượng đường thẳng cách vơ tình cách vẽ chồng lên chúng, bạn nhóm đối tượng dùng lớp Layer để tách biệt chúng
VẼ BẰNG CÔNG CỤ PENCIL
(3)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Vẽ công cụ Pencil:
1 Chọn công cuï Pencil
2 Chọn màu cho nét vẽ, kiểu nét vẽ trọng lượng nét vẽ Chọn chế độ có hộp cơng cụ Options:
Chọn chế độ Straighten để vẽ đường thẳng nét chuyển đổi xấp xỉ
các hình tam giác, hình bầu dục, hình trịn, hình chữ nhật hình vng thành dạng hình học thơng thường
Chọn chế độ Smooth để vẽ đường cong nhẵn
Chọn chế độ Ink để vẽ đường thẳng tự mà khơng có thay đổi
naøo
Các đường thẳng vẽ với chế độ Straighten, Smooth Ink
Kéo công cụ Pencil vào vùng Stage để vẽ Trong vẽ nhấn phím Shift để cố đường thẳng đứng đường nằm ngang cho thật thẳng mong muốn
VẼ ĐƯỜNG THẲNG, HÌNH BẦU DỤC VÀ HÌNH CHỮ NHẬT
Bạn dùng cơng cụ Line, Oval Rectangle để tạo kiểu hình hình học dễ dàng Cơng cụ Oval Rectangle tạo nét vẽ tô đầy màu cho vùng vừa vẽ Bạn dùng cơng cụ Rectangle để tạo hình chữ nhật có góc vng trịn
Cách vẽ đường thẳng, hình bầu dục hình chữ nhật: Chọn cơng cụ Line, Oval Rectangle Chọn thuộc tính cho nét vẽ màu tơ
Chú ý : Bạn khơng thể thiết lập thuộc tính tơ màu cho công cụ Line Đối với công cụ Rectangle phải xác định góc
(4)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
4 Kéo vùng Stage bạn dùng công cụ Rectangle nhấn phím Up Down Arrow kéo để hiệu chỉnh bán kính góc trịn
Đối với công cụ Oval Rectangle, nhấn phím Shift kéo để tạo hình trịn hình vng Đối với cơng cụ Line, nhấn phím Shift kéo để tạo nhiều đường thẳng có góc 45°
DÙNG CÔNG CỤ PEN
Để vẽ đường thẳng mong muốn đường cong mịn cong liền nét, bạn dùng cơng cụ Pen Bạn tạo đoạn thẳng đường cong hiệu chỉnh độ dài, góc tạo đoạn độ nghiêng đoạn cong
Khi bạn chọn công cụ Pen, bạn nhấp chuột vào nơi để tạo điểm đoạn thẳng Sau nhấp chuột kéo để tạo đoạn đường cong Bạn hiệu chỉnh đoạn thẳng đoạn đường cong cách hiệu chỉnh điểm đường thẳng Bạn làm đảo ngược đường cong thành đường thẳng ngươc lại Ngồi bạn làm hiển thị điểm đường thẳng mà bạn tạo với công cụ vẽ Flash công cụ Pencil, Brush, Line, Oval Rectangle để hiệu chỉnh đường
Chọn công cụ Pen để vẽ hiệu chỉnh điểm vẽ đường thẳng THIẾT LẬP CÁC MỨC ƯU TIÊN CHO CÔNG CỤ PEN
(5)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Cách thiết lập mức ưu tiên cho công cụ Pen
1 Chọn trình đơn Edit > Preferences nhấp chuột vào tab Editing cửa sổ mở
2 Bên mục Pen Tool, bạn thiết lập tùy chọn sau đây:
Chọn mục Show Pen Preview để xem đoạn thẳng bạn vẽ Flash hiển thị đoạn thẳng bạn di chuyển trỏ xung quanh vùng Stage, trước bạn nhấp chuột tạo điểm cuối đoạn thẳng Nếu tùy chọn khơng chọn, Flash không hiển thị đoạn thẳng bạn tạo điểm cuối đoạn thẳng
Chọn mục Show Solid Points để xác định điểm neo (mấu) chưa chọn xuất điểm đặc điểm chọn xuất điểm rỗng (theo mặc định tùy chọn chọn) Chọn lại mục chọn điểm chưa chọn điểm rỗng điểm chọn điểm đặt
(6)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Chú ý : Nhấn phím Caps Lock bạn làm việc để chuyển đổi trỏ Chọn xong nhấp chuột vào nút OK
VẼ ĐƯỜNG THẲNG BẰNG CÔNG CỤ PEN
Để vẽ đoạn thẳng công cụ Pen, bạn tạo điểm neo, điểm đường thẳng xác định chiều dài đoạn thẳng riêng biệt
Cách vẽ đường thẳng công cụ Pen: Chọn công cụ Pen
2 Chọn thuộc tính nét vẽ tơ màu cho đường thẳng cần vẽ
3 Đặt trỏ vào vùng Stage nơi muốn bắt đầu vẽ đường thẳng, nhấp chuột vào để xác định mấu neo cho trỏ
4 Nhấp chuột lần cho đoạn thẳng đường thẳng kết thúc Nhấn phím Shift để cố định góc vẽ 450
5 Tiếp tục nhấp chuột để tạo đoạn thẳng bổ sung khác
Để kết thúc đường vẽ, bạn thực thao tác sau đây:
(7)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Kết thúc đường, đặt công cụ Pen
vị trí trỏ điểm vừa vẽ Một dấu tròn rỗng nhỏ xuất kế bên đầu ngịi viết vẽ Sau nhấp chuột kéo để kết thúc đường vẽ
Để kết thúc nét vẽ, bạn chọn
trình đơn Edit > Deselect All chọn công cụ khác hộp công cụ
VẼ ĐƯỜNG CONG BẰNG CƠNG CỤ PEN
Bạn tạo đường cong cách kéo công cụ Pen theo hướng bạn muốn đường cong tạo điểm mấu neo đầu tiên, sau kéo cơng cụ Pen theo hướng đối lập để tạo điểm mấu neo thứ hai
Khi dùng công cụ Pen để tạo đường cong, điểm mấu neo đoạn đường cong xuất handle tiếp tuyến Góc tiếp tuyến chiều dài handle tiếp tuyến xác định độ cao, góc tiếp tuyến chiều sâu lõm vào đường cong Việc di chuyển handle tiếp tuyến làm thay đổi hình dạng đường cong
Cách vẽ đường cong:
1 Chọn công cụ Pen hộp công cụ Đặt công cụ Pen vào vùng Stage nơi bạn muốn đường cong bắt đầu Sau giữ nút chuột Điểm mấu neo đầu tiên xuất đầu mút ngòi viết thay đổi đầu mũi tên
3 Kéo theo hướng bạn muốn đoạn đường cong vẽ Khi bạn kéo, handle tiếp tuyến xuất đường cong Nhấp phím Shift kéo để có đường cong góc 450
(8)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
5 Đặt trỏ nơi bạn muốn vị trí đường cong kết thúc nhấn giữ nút chuột kéo sang hướng đối diện để kết thúc đoạn vừa vẽ Nhấp phím Shift kéo
6 Vẽ đoạn đường cong kế tiếp, đặt trỏ vào vùng bạn muốn đoạn kết thúc kéo chuột khỏi đường cong
HIỆU CHỈNH CÁC MẤU NEO TRÊN ĐƯỜNG VẼ
Khi bạn vẽ đường cong công cụ Pen, bạn tạo điểm cong (Curved Point), gồm có điểm mấu neo đường cong liên tục
Khi bạn vẽ đường thẳng nối tiếp đến đoạn đường cong, bạn tạo điểm gốc (Corner Point), điểm mấu neo đường thẳng vùng tiếp nối đường thẳng đường cong
Theo mặc định, điểm đường cong chọn xuất lổ tròn rỗng điểm gốc chọn xuất lỗ vuông rỗng Biến đổi đoạn đường thẳng từ đoạn thẳng thành đoạn đường cong ngược lại, bạn chuyển đổi điểm gốc sang điểm cong (Curved Point) ngược lại
Ngồi ra, bạn di chuyển, thêm xoá điểm mấu neo đường vẽ Bạn di chuyển điểm mấu neo cách dùng công cụ Subselection để hiệu chỉnh độ dài, góc đoạn thẳng hệ số góc đoạn đường cong
(9)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Việc xố điểm mấu neo không cần thiết đường cong nhằm để tối ưu hoá đường cong làm giảm kích thước file
Cách di chuyển điểm mấu neo : Dùng công cụ Subselection kéo noù
Cách di chuyển hay nhiều điểm mấu neo : Chọn nhiều điểm cơng cụ Subselection dùng phím mũi tên để di chuyển điểm chọn
Cách chuyển đổi điểm mấu neo, bạn thực hai bước sau :
Chuyển đổi điểm gốc sang điểm cong, dùng công cụ Subselection
chọn điểm sau nhấn phím Alt kéo điểm (trong Windows) nhấn phím Option kéo (trong Macintosh)
Chuyển đổi điểm cong sang điểm góc, dùng cơng cụ Pen nhấp
chuột điểm
Cách thêm vào điểm : Nhấp công cụ Pen vào đoạn thẳng Cách xoá điểm, bạn thực thao tác sau:
Xoá điểm gốc, dùng
cơng cụ Pen nhấp chuột vào điểm cần xố lần
Xoá điểm cong, dùng cơng Pen nhấp chuột vào điểm cần xố hai
lần (Nhấp chuột lần để chuyển đổi điểm cong sang điểm gốc lần để xố điểm gốc đó.)
Dùng cơng cụ Subselection chọn điểm cần xố, sau nhấn phím Delete HIỆU CHỈNH CÁC ĐOẠN
(10)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Hiệu chỉnh đoạn thẳng:
1 Chọn công cụ Subselection chọn đường thẳng
2 Dùng công cụ Subselection để kéo điểm đoạn thẳng sang vị trí
Hiệu chỉnh đoạn đường cong : Chọn công cụ Subselection kéo đoạn cong
Chú ý : Các điểm thường bị che dấu bạn dùng cơng cụ Subselection nhấp chuột vào đường thẳng Để xem điểm sau hiệu chỉnh, bạn dùng cơng cụ Subselection cơng cụ Pen nhấp vào đoạn thẳng Ngồi ra, bạn dùng cơng cụ Subselection để thêm điểm vào đường thẳng
Hiệu chỉnh nhiều điểm nhiều handle tiếp tuyến đường cong:
1 Chọn công cụ Subselection chọn đoạn đường cong Lúc handle tiếp tuyến xuất đường cong
2 Thực thao tác sau:
Hiệu chỉnh vị trí mấu neo
đường cong kéo điểm
Hiệu chỉnh hình dạng đường cong
hai mặt mấu neo đó, sau kéo điểm kéo handle tiếp tuyến Trong kéo nhớ nhấn phím Shift để cố định góc 450
VẼ BẰNG CÔNG CỤ BRUSH
Cơng cụ Brush tạo nét vẽ giống cọ giống thể bạn sơn Nó cho phép tạo hiệu ứng đặc biệt, hiệu ứng tạo chữ đẹp Trong hầu hết trường hợp, bảng chọn dễ sử dụng, bạn có nhiều cách hiệu chỉnh độ rộng chọn nét vẽ cọ vẽ cách nhấp chuột vào chọn bút vẽ Stylus Bạn dùng ảnh Bitmap nhập vào dùng công cụ Brush để vẽ
Chọn bút vẽ với nét cọ vẽ lớn
Vẽ công cụ Brush: Chọn công cụ Brush
2 Chọn màu cho cọ vẽ Bạn xem mục “Xác định thuộc tính cho nét cọ vẽ màu vẽ”
(11)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
3 Nhấp chuột chọn chế độ bảng bổ sung chọn chế độ vẽ:
Chế độ vẽ Paint Normal vẽ đường thẳng
phủ đầy màu Layer
Chế độ vẽ Paint Fills tô màu vùng trống,
đường thẳng không bị thay đổi
Chế độ vẽ Paint Behind tô chỗ trống
vùng Stage Layer, đường thẳng không thay đổi màu
Chế độ Paint Selection áp đặt vùng màu
vào vùng chọn bạn chọn màu vùng bổ sung màu Fill bảng Fill (Tùy chọn giống việc chọn vùng màu tô áp đặt màu mới)
Chế độ vẽ Paint Inside vẽ tô màu bên vùng chọn, chúng không cho
phép bạn tơ màu bên ngồi đường chọn Nếu bạn bắt đầu vẽ vùng trống, việc tô màu không ảnh hưởng đến vùng màu tô tồn
Ảnh gốc với chế độ Paint Normal, Paint Behind, Paint Selection, Paint Fills Paint Inside
4 Chọn kích thước cọ vẽ, hình dáng cọ màu cọ vẽ bảng bổ sung công cụ Brush
5 Nếu bảng cơng cụ bổ sung gắn vào máy tính bạn, bạn chọn vùng cơng cụ bổ sung Pressure để thay đổi độ rộng nét cọ vẽ cách thay đổi bút cọ vẽ Stylus
6 Kéo chuột vùng Stage Trong kéo chuột vào vùng Stage, bạn nhấn phím Shift để cố định nét cọ vẽ theo hướng đường thẳng đường ngang
(12)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG PHỤC HỒI HÌNH DẠNG ĐƯỜNG THẲNG VÀ ĐƯỜNG VIỀN NGOÀI
Bạn thay đổi hình dạng đường thẳng đường viền tạo công cụ Pencil, Brush, Line, Oval Rectangle cách chọn công cụ Arrow vào kéo vào đối tượng cách tối ưu đường cong
Ngồi bạn dùng cơng cụ Subselection để hiển thị tất điểm đường thẳng đường viền thay đổi đường thẳng đường viền cách hiệu chỉnh điểm
Bạn cho hiển thị điểm mấu neo đường thẳng đường viền tạo công cụ Pencil, Brush, Line, Oval Rectangle
Chọn công cụ Subselection
Nhấp chuột vào đường thẳng đường viền ngồi
Dùng cơng cụ Subselection tạo vùng chọn sau nhấp chuột vào đường thẳng đường viền ngồi để thay đổi hình dạng
THAY ĐỔI HÌNH DẠNG DÙNG CƠNG CỤ ARROW
Để thay đổi hình dạng đường thẳng đường viền ngồi, bạn dùng cơng cụ Arrow kéo vào điểm có đường thẳng Lúc trỏ thay đổi để kiểu hình dáng đối tượng bị thay đổi
Flash hiệu chỉnh đường cong đoạn thẳng làm cho phù hợp với vị trí điểm di chuyển Nếu điểm định vị lại điểm cuối, bạn làm cho đường thẳng dài hoặn ngắn Nếu điểm định vị lại điểm gốc, đoạn thẳng giữ góc chúng thay đổi dài ngắn
Khi góc vng xuất kế bên trỏ, bạn thay đổi điểm cuối Trong đường cong xuất kế bên trỏ, bạn hiệu chỉnh cho đường thẳng đường cong cong Nếu bạn gặp rắc rối việc thay đổi hình dạng đường thẳng phức tạp, bạn làm nhẵn để loại bỏ số chi tiết, tạo lại cho hình dáng dễ nhìn Việc làm tăng độ phóng đại giúp cho việc thay đổi hình dạng đối tượng dễ dàng xác
(13)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
1 Chọn công cụ Arrow
2 Chọn hai thao taùc sau:
Kéo điểm đoạn thẳng để định dạng lại hình dáng
Kéo chuột vào đường thẳng nhấn phím Ctrl (trong Windows)
phím Option (trong Macintosh) để tạo điểm gốc
LAØM THẲNG VÀ NHẴN CÁC ĐƯỜNG THẲNG
Bạn thay đổi hình dáng đường thẳng đường viền ngồi cách làm thẳng nhẵn chúng
Chú ý : Hiệu chỉnh góc độ làm nhẵn thẳng tự động cách chọn chế độ thiết lập vẽ có trình đơn Edit > Preferences
Việc làm thẳng đường thẳng đường cong tạo thay đổi nhỏ bạn vẽ Nó khơng có tác dụng đoạn thẳng
Ngồi ra, bạn dùng kỹ thuật làm thẳng để tạo hình dạng nhận dạng khác Flash Nếu bạn vẽ hình ơ-van, hình chữ nhật hình tam giác với tùy chọn Recognize Shapes tắt đi, bạn dùng tùy chọn Straightening để làm cho hình dạnh hồn hảo (Bạn xem mục “Cách chọn chế độ thiết lập vẽ” để biết thêm chi tiết mục tùy chọn Recognize Shapes trình đơn Edit > Preferences) Các hình dạng khơng nhận dạng mà chúng chạm bạn vẽ, chúng tự nối kết đến thành
(14)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Việc làm nhẵn làm mềm cạnh cong làm giảm độ nảy chế độ rung tất hướng ơ-van đường cong Ngồi ra, cịn làm giảm số lượng đoạn cong Tuy nhiên việc làm nhẵn cân đối khơng có tác động đến đoạn thẳng
Đặc biệt, điều có ích bạn gặp rắc rối với việc làm thay đổi hình dạng số đoạn thẳng cong ngắn Chọn tất đoạn làm nhẵn đoạn tạo đường cong nhẹ nhàng dễ dàng thay đổi hình dạng
Lặp lại ứng dụng làm nhẵn làm cho đoạn nhẵn thẳng phụ thuộc vào đoạn cong đoạn thẳng gốc ban đầu
2 Làm nhẵn độ cong đường viền chọn đường cong:
Chọn công cụ Arrow nhấp chuột vào vùng công cụ bổ sung Smooth vùng tùy chọn Options hộp công cụ chọn trình đơn Modify > Smooth
3 Tạo thay đổi thẳng nhỏ viền chọn đường cong:
Chọn công cụ Arrow nhấp chuột vào vùng công cụ bổ sung Straighten vùng tùy chọn Options hộp công cụ chọn trình đơn Modify > Straighten
4 Dùng chế độ nhận dạng
Chọn công cụ Arrow nhấp chuột vào vùng công cụ bổ sung Straighten chọn trình đơn Modify > Straighten
TỐI ƯU HOÁ CÁC ĐƯỜNG CONG
Cách khác để làm nhẵn đường cong tối ưu hoá chúng Điều làm cải tiến đường cong đường viền cách làm giảm số lượng đường cong dùng để xác định thành phần
Ngoài ra, việc tối ưu hố làm giảm kích thước đoạn phim Flash xuất file Flash Player Với công cụ bổ sung Smooth hay Straighten lệnh có trình đơn, bạn áp dụng chế độ tối ưu hoá thành phần nhiều lần
Cách tối ưu hoá các đường cong
1 Chọn thành phần vẽ để tối ưu hố chúng chọn trình đơn Modify > Optimize
(15)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
3 Thiết lập tùy chọn bổ sung
Chọn mục Use Multiple Passes (Slower) lặp lại trình làm nhẵn
khơng cịn chế độ tối ưu hoá Điều giống việc chọn chế độ tối ưu hoá lặp lại nhiều lần thành phần chonï
Chọn mục Show Totals Message để hiển thị hộp thoại thay đổi mức
tối ưu hoá chế độ làm nhẵn chọn
4 Sau nhấp OK
CƠNG CỤ XỐ
Xố công cụ Eraser loại bỏ tất các màu đường nét vẽ Bạn xố cách nhanh chóng thứ có vùng Stage, xố đoạn viền nét vẽ, vùng màu dùng chuột kéo tách biệt
Bạn tối ưu hố cơng cụ Eraser để có xố nét vẽ, vùng màu vùng màu độc lập Cơng cụ Eraser chọn hình vng hình cầu, có năm kích thước khác
Để xoá tất thứ có vùng Stage cách nhanh chóng tiến hành cách nhấp đúp chuột vào cơng cụ xố
Xoá đoạn nét vẽ vùng màu
1 Chọn công cụ Eraser sau nhấp chuột vào vùng cơng cụ bổ sung chọn Faucet
2 Nhấp chuột vào đoạn nét vẽ vùng màu mà bạn muốn xoá
Xoá cách kéo chuột
1 Nhấp chuột chọn công cụ Eraser
(16)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Chế độ Erase Normal xoá đường viền
nét vẽ Layer
Chế độ Erase Fills xoá màu tô;
đường nét vẽ không bị ảnh hưởng
Chế độ Erase Lines xoá đường nét vẽ,
màu tô không bị ảnh hưởng
Chế độ Erase Selected Fills xố vùng
màu hành, khơng làm ảnh hưởng đến màu chọn đường nét vẽ (Chọn vùng màu bạn muốn xoá trước dùng công cụ Eraser chế độ này.)
Chế độ Erase Inside xoá vùng màu mà
bạn bắt đầu xoá đường nét vẽ Nếu bạn bắt đầu xoá điểm trống, khơng xố Các đường nét vẽ khơng bị ảnh hưởng chế độ xoá
3 Nhấp chuột vào vùng công cụ bổ sung chọn cơng cụ Eraser Shape Sau chọn loại cơng cụ xố có bảng Bảo đảm chế độ Faucet chưa chọn
4 Kéo chuột vào vùng Stage
THAY ĐỔI HÌNH DẠNG CỦA ĐỐI TƯỢNG
Bạn làm thay đổi hình dạng đối tượng cách biến đổi đường thẳng sang vùng màu tô, mở rộng hình dạng đối tượng tơ màu, làm mềm góc tơ màu cách thay đổi dạng đường cong
Đặc tính Lines to Fills thay đổi đường thẳng sang vùng màu, cho phép bạn tô màu đường thẳng màu Gradients xố phần đường thẳng Các đặc tính Expand Shape Soften Edges cho phép bạn mở rộng đối tượng tô màu làm mờ góc
Lệnh Expand Shape Soften Edges làm việc tốt đối tượng nhỏ khơng có nhiều chi tiết nhỏ Áp đặt lệnh Soften Edges đối tượng nhiều chi tiết làm tăng kích thước file Flash Player
Biến đổi đường thẳng thành màu tô:
a Chọn nhiều đường thẳng
b Chọn trình đơn Modify > Shape > Convert Lines to Fills
(17)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
1 Mở rộng hình dạng đối tượng tô màu:
1 Chọn đối tượng tô màu Lệnh hoạt động tốt đối tượng tô màu đường viền
2 Chọn trình đơn Modify > Shape > Expand Fill
3 Trong hộp thoại Expand Fill, nhập vào giá trị pixel mục Distance chọn mục Expand Inset tùy chọn Direction Mục Expand mở rộng kích thước đối tượng mục Inset làm nhỏ kích thước đối tượng
2 Cách làm mềm góc đối tượng:
1 Chọn đối tượng tô màu Lệnh hoạt động tốt đối tượng tô màu khơng có đường viền
2 Chọn trình đơn Modify > Shape > Soften Fill Edges Thiết lập tùy chọn sau đây:
Mục Distance độ rộng điểm pixel góc mềm
Mục Number of Steps điều khiển số đường cong sử dụng cho hiệu
ứng góc mềm Tạo thêm nhiều bước mục làm cho hiệu ứng nhẵn làm cho kích thước file lớn
Các mục Expand Inset điều khiển hình dạng đối tượng lớn lên
(18)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG CHẾ ĐỘ BẮT DÍNH ( SNAP)
Để xếp thành phần có vùng Stage tự động bắt dính vào nhau, bạn dùng chế độ Snap (bắt dính) Chế độ Snap mở vùng cơng cụ bổ sung bạn chọn công cụ Arrow, chọn lệnh Snap to Objects trình đơn View
Chú ý : Ngồi bạn chọn chế độ bắt dính vào khung lưới vào đường Guide
Nếu vùng công cụ bổ sung bạn chọn công cụ Arrow mở, xuất chế độ Snap, vòng đen nhỏ xuất bên trỏ bạn kéo đối tượng Vòng nhỏ thay đổi sang vòng lớn đối tượng nằm khoảng cách đường khung lưới
Để mở tắt chế độ Snap, bạn chọn hai chế độ sau:
Chọn công cụ Arrow nhấp chuột vào vùng công cụ bổ sung Snap hộp
công cụ
Chọn trình ñôn View > Snap to
Objects Một dấu kiểm xuất phía trước lệnh Snap to Object chế độ Snap chọn
Khi bạn di chuyển thay đổi hình dáng đối tượng, vị trí cơng cụ Arrow đối tượng cung cấp trỏ tham chiếu đến vùng Snap Chẳng hạn bạn di chuyển đối tượng tô màu cách kéo đối tượng đến gần tâm nó, trỏ tâm bắt dính vào đối tượng khác Đặc biệt điều có ích cho việc bắt dính đối tượng chuyển động thay đường dẫn chuyển động
3 Cách hiệu chỉnh dung sai chế độ Snap:
Hiệu chỉnh chế độ thiết lập mục Connect Lines bên mục tùy chọn Drawing Settings trình đơn Edit > Preferences
CHỌN CÁC CHẾ ĐỘ THIẾT LẬP CHO CÔNG CỤ VẼ
(19)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
Chế độ thiết lập Tolerance tương đối phụ thuộc vào độ phân giải màu hình máy tính bạn độ phóng đại hành Scene Theo mặc định, tùy chọn mở lên có chế độ thiết lập Tolerance Normal
Cách thiết lập chế độ thiết lập cho công cụ vẽ:
1 Chọn trình đơn Edit > Preferences nhấp chuột vào tab Editing
2 Bên mục Drawing Settings, bạn chọn tùy chọn sau:
Mục chọn Connect Lines xác định đường vẽ kết thúc đoạn thẳng tồn trước bắt dính vào điểm gần đoạn thẳng khác Các tùy chọn sẵn có Must Be Close, Normal Can Be Distant Ngoài chế độ thiết lập điều khiển nhận biết đường thẳng ngang dọc Flash giúp bạn vẽ đường thẳng ngang dọc cách xác Khi bạn chọn tùy chọn Snap to Objects, chế độ thiết lập điều khiển đối tượng gần bắt dính vào
Mục chọn Smooth Curves xác định độ nhẵn áp đặt vào đường cong vẽ công cụ Pencil bạn thiết lập chế độ vẽ Straighten Smooth (Các đường cong nhẵn dễ thay đổi hình dáng đối tượng đường cong thơ kệt lởm chởm làm cho đường vẽ giống đường vẽ ban đầu) Các tùy chọn Off, Rough, Normal Smooth
Chú ý : Bạn làm nhẵn đoạn cong dùng trình đơn Modify > Smooth Modify > Optimize Mục chọn Recognize Lines xác định đoạn thẳng gần thẳng dùng công cụ vẽ Pencil trước Flash nhận dạng làm thẳng hồn tồn Các mục chọn Off, Strict, Normal Tolerant Nếu bạn tắt mục Recognize Lines vẽ, sau bạn làm thẳng đường thẳng cách chọn nhiều đoạn thẳng chọn trình đơn Modify > Straighten
Mục chọn Recognize Shapes điều khiển xác việc nhận dạng vẽ lại dạng hình học mà bạn vẽ đường trịn, hình ơ-van, hình vng, hình chữ nhật hình cung 900 và1800 cách xác Các tùy chọn Off,
Strict, Normal Tolerant Nếu bạn tắt mục Recognize Shapes vẽ
(20)GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG
bạn làm thẳng đường thẳng sau cách chọn nhiều hình, (chẳng hạn đoạn thẳng nối lại với nhau) chọn trình đơn Modify > Straighten
Nhấp chuột vào mục chọn Accuracy xác định kiểu trỏ trước Flash nhận dạng chúng Các tùy chọn Strict, Normal, Tolerant
Các bạn học xong cách dùng công cụ vẽ bản, trước qua học tiếp phần lý thuyết tô màu bạn làm thử tập mẫu sau để rõ phần lý thuyết
Cần ý nhớ lưu kết để dùng lại phần thực phim hoạt hình chương sau Các tập biên soạn thực hành Flash tốt cho việc học CorelDraw, Illustrator hay Freehand Các bạn thử thực hành với tập thấy điểm lý thú với giới đồ họa Chỉ qua phát thảo đường thẳng đường tròn bạn tạo nhiều khn mặt với tính cách khác Cố gắng nhận xét nét vẽ trước bắt đầu thực hành vẽ hình sau