GIÁO TRÌNH THIẾT kế WEB tự học MACROMEDIA FLASH 5 0 BẰNG HÌNH ẢNH CHƯƠNG 2

GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 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ự công cụ vẽ xác đường (Line), hình dạng (Shape), đường dẫn (Path) đối tượng tô màu vẽ Bảng công cụ 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 Tạ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 Khi bạn dùng công cụ Pencil, Line, Oval, Rectangle Brush để vẽ đường thẳng ngang qua đường thẳng khác tô màu cho hình, đường thẳng chồng chia thành nhiều đoạn nhiều giao điểm Bạn dùng công cụ Arrow để chọn, di chuyển tạo lại hình dạng đối tượng đoạn TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 56 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 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 Để vẽ đường thẳng hình dáng đối tượng, bạn chọn công cụ Pencil Bạn dùng công cụ theo nhiều cách mà bạn muốn Công cụ Pencil giúp cho việc vẽ đường thẳng hình dạng đối tượng nhẵn thẳng TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 57 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Vẽ công cụ Pencil: Chọn công cụ Pencil 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ỉ hình tam giác, hình bầu dục, hình tròn, hình chữ nhật hình vuông 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à thay đổi 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 vuông 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 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 tròn cách nhấp chuột vào vùng bổ sung Round Rectangle nhập vào giá trò cho bán kính góc Giá trò tạo góc vuông TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 58 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 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 vuông Đố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 Ngoà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 Bạn xác lập mức ưu tiên cho công cụ Pen xuất có trỏ để xem đoạn thẳng bạn vẽ điểm neo (các mấu) chọn xuất Các điểm neo đoạn thẳng chọn hiển thò với màu viền lớp Layer mà đường thẳng điểm xuất TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 59 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Cách thiết lập mức ưu tiên cho công cụ Pen Chọn trình đơn Edit > Preferences nhấp chuột vào tab Editing cửa sổ mở 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 Chọn mục Show Precise Cursors xác đònh trỏ công cụ Pen xuất có hình dấu thập, tốt so với để chế độ mặc đònh nhằm đặt đường thẳng xác Chọn lại tùy chọn để hiển thò biểu tượng công cụ Pen mặc đònh TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 60 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 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 Chọn thuộc tính nét vẽ tô màu cho đường thẳng cần vẽ Đặ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ỏ 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 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: Kết thúc đường mở, nhấp đúp chuột vào vò trí điểm cuối cùng, sau nhấp chuột vào công cụ Pen hộp công cụ nhấn phím Ctrl nhấp chuột (trong Windows) nhấn phím Command (trong Macintosh) nhấp nơi đâu vùng Stage TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 61 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 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: 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 xuất đầu mút ngòi viết thay đổi đầu mũi tên 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 Nhả nút chuột Độ dài hệ số gốc handle tiếp tuyến xác đònh hình dáng đoạn đường cong Sau bạn di chuyển handle tiếp tuyến để hiệu chỉnh đường cong TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 62 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Đặ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 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 Ngoà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 Bạn nhích điểm mấu neo chọn để thay đổi đường vẽ TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 63 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Việc xoá đ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 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 xoá lần Xoá điểm cong, dùng công Pen nhấp chuột vào điểm cần xoá hai lần (Nhấp chuột lần để chuyển đổi điểm cong sang điểm gốc lần để xoá điểm gốc đó.) Dùng công cụ Subselection chọn điểm cần xoá, sau nhấn phím Delete HIỆU CHỈNH CÁC ĐOẠN Bạn hiệu chỉnh đoạn thẳng để thay đổi góc chiều dài đoạn thẳng hiệu chỉnh đoạn cong nhằm thay đổi hệ số góc hướng cong Khi bạn di chuyển handle tiếp tuyến điểm cong, đường cong hai phía điểm bò thay đổi Và bạn di chuyển điểm gốc, có đường cong phía điểm bò thay đổi TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 64 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Hiệu chỉnh đoạn thẳng: Chọn công cụ Subselection chọn đường thẳng 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 Ngoà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: Chọn công cụ Subselection chọn đoạn đường cong Lúc handle tiếp tuyến xuất đường cong 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 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ẽ” TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 65 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 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 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 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 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 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 Bảng công cụ vẽ bổ sung bảng công cụ TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 66 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 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 Ngoà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 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 để 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 ngoà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 vuông 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 Thay đổi hình dạng đường thẳng đường viền dùng công cụ Arrow: TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 67 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Chọn công cụ Arrow Chọn hai thao tá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 LÀ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 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ó tác dụng đoạn thẳng Ngoà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 hoà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 phần khác kế Chế độ nhận dạng hình dáng chuyển dạng hình sang dạng hình bên TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 68 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 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 Ngoài ra, làm giảm số lượng đoạn cong Tuy nhiên việc làm nhẵn cân đối 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 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 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 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 hoá 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 Chọn thành phần vẽ để tối ưu hoá chúng chọn trình đơn Modify > Optimize Trong hộp thoại Optimize Curves, kéo trượt Smoothing để xác đònh góc độ làm nhẵn Kết xác phụ thuộc vào độ cong chọn Nói chung việc tối ưu hoá tạo số đường cong hơn, góc độ giống đường viền gốc TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 69 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 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 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 Sau nhấp OK CÔNG CỤ XOÁ Xoá công cụ Eraser loại bỏ tất các màu đường nét vẽ Bạn xoá cách nhanh chóng thứ có vùng Stage, xoá đ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 hoá công cụ Eraser để có xoá nét vẽ, vùng màu vùng màu độc lập Công cụ Eraser chọn hình vuông 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ụ xoá Xoá đoạn nét vẽ vùng màu Chọn công cụ Eraser sau nhấp chuột vào vùng công cụ bổ sung chọn Faucet 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 Nhấp chuột chọn công cụ Eraser Nhấp chuột chọn Eraser Mode vùng công cụ bổ sung chọn chế độ xoá sau: TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 70 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 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 xoá 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 xoá Các đường nét vẽ không bò ảnh hưởng chế độ xoá 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ụ xoá có bảng Bảo đảm chế độ Faucet chưa chọn 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 xoá 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ỏ 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 Các đường thẳng chọn bò thay đổi thành dạng tô màu Việc chuyển đổi đường thẳng thành màu tô làm kích thước file lớn làm tăng tốc độ vẽ cho đối tượng chuyển động TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 71 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG Mở rộng hình dạng đối tượng tô màu: Chọn đối tượng tô màu Lệnh hoạt động tốt đối tượng tô màu đường viền Chọn trình đơn Modify > Shape > Expand Fill 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 Cách làm mềm góc đối tượng: Chọn đối tượng tô màu Lệnh hoạt động tốt đối tượng tô màu đường viền 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 nhỏ lại để làm mềm góc TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 72 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 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ú ý : Ngoà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 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Ẽ Bạn thiết lập chế độ cho công cụ vẽ để xác đònh hành vi bắt dính, làm nhẵn hay làm thẳng đối tượng bạn dùng công cụ vẽ Flash Bạn thay đổi chế độ thiết lập Tolerance (sai số) tùy chọn tắt mở tùy chọn TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 73 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 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ẽ: Chọn trình đơn Edit > Preferences nhấp chuột vào tab Editing 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 hoàn toà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 vuông, 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ẽ TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 74 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 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 khuôn 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 Do thực tập cần phải đổ màu, chương : Đổ màu, bạn chưa hướng dẫn sử dụng Các bạn nhảy tới chương để xem phần lý thuyết Các bạn cho việc bố trí chương chưa hợp lý theo nhóm biên soạn để học xong phần đổ màu tới phần tập bạn mau chán nản với phần lý thuyết nhiều sách TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 75 BIÊN SOẠN : KS PHẠM QUANG HUY [...]... vẽ lại các dạng hình học mà bạn vẽ như các đường tròn, hình ô-van, hình vuông, hình chữ nhật và các hình cung 900 và1 800 một cách chính xác Các tùy chọn là Off, Strict, Normal và Tolerant Nếu bạn tắt mục Recognize Shapes trong khi vẽ TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 74 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5. 0 BẰNG HÌNH ẢNH CHƯƠNG 2 bạn có thể làm... KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5. 0 BẰNG HÌNH ẢNH CHƯƠNG 2 Chế độ thiết lập Tolerance tương đối phụ thuộc vào độ phân giải của màu hình máy tính của bạn và độ phóng đại hiện hành của một Scene Theo mặc đònh, mỗi tùy chọn mở lên có chế độ thiết lập Tolerance là Normal Cách thiết lập các chế độ thiết lập cho công cụ vẽ: 1 Chọn trên trình đơn Edit >... dạng không được nhận dạng mà chúng chạm nhau khi bạn vẽ, chúng sẽ tự nối kết đến các thành phần khác kế nó Chế độ nhận dạng hình dáng chuyển dạng hình trên sang dạng hình bên dưới TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 68 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5. 0 BẰNG HÌNH ẢNH CHƯƠNG 2 Việc làm nhẵn sẽ làm mềm các cạnh cong và làm giảm độ nảy hoặc các... HỌA 66 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5. 0 BẰNG HÌNH ẢNH CHƯƠNG 2 PHỤC HỒI HÌNH DẠNG ĐƯỜNG THẲNG VÀ ĐƯỜNG VIỀN NGOÀI Bạn có thể thay đổi hình dạng đường thẳng và đường viền ngoài được tạo ra bằng các công cụ Pencil, Brush, Line, Oval hoặc Rectangle bằng cách chọn công cụ Arrow vào kéo vào đối tượng hoặc bằng cách tối ưu các đường cong Ngoài... TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 71 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5. 0 BẰNG HÌNH ẢNH CHƯƠNG 2 1 Mở rộng hình dạng của đối tượng được tô màu: 1 Chọn một đối tượng đã được tô màu Lệnh này hoạt động tốt nhất trên các đối tượng được tô một màu và không có đường viền 2 Chọn trong trình đơn Modify > Shape > Expand Fill 3 Trong hộp thoại Expand... thước file càng lớn Các mục Expand hoặc Inset điều khiển hình dạng của đối tượng sẽ lớn lên hoặc nhỏ lại để làm mềm các góc TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 72 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5. 0 BẰNG HÌNH ẢNH CHƯƠNG 2 CHẾ ĐỘ BẮT DÍNH ( SNAP) Để sắp xếp các thành phần có trong vùng Stage tự động bắt dính vào nhau, bạn có thể dùng chế độ Snap... dễ dàng và chính xác hơn Thay đổi hình dạng đường thẳng và đường viền ngoài dùng công cụ Arrow: TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 67 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5. 0 BẰNG HÌNH ẢNH CHƯƠNG 2 1 Chọn công cụ Arrow 2 Chọn một trong hai thao tác sau: ♦ ♦ Kéo bất kỳ điểm nào trên đoạn thẳng để đònh dạng lại hình dáng Kéo chuột vào một đường thẳng... QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5. 0 BẰNG HÌNH ẢNH ♦ ♦ ♦ ♦ ♦ CHƯƠNG 2 Chế độ Erase Normal xoá các đường viền và nét vẽ trên cùng một Layer Chế độ Erase Fills chỉ xoá các màu tô; các đường nét vẽ không bò ảnh hưởng Chế độ Erase Lines chỉ xoá các đường nét vẽ, màu tô không bò ảnh hưởng Chế độ Erase Selected Fills chỉ xoá các vùng màu hiện hành, không làm ảnh hưởng... trên trình đơn Modify > Optimize 2 Trong hộp thoại Optimize Curves, kéo con trượt Smoothing để xác đònh góc độ làm nhẵn Kết quả chính xác phụ thuộc vào độ cong được chọn Nói chung việc tối ưu hoá tạo ra một số đường cong ít hơn, góc độ giống đường viền gốc ít hơn TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 69 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5. 0 BẰNG HÌNH...GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5. 0 BẰNG HÌNH ẢNH CHƯƠNG 2 3 Nhấp chuột chọn một trong các chế độ trong bảng bổ sung và chọn một chế độ vẽ: ♦ ♦ ♦ ♦ ♦ Chế độ vẽ Paint Normal vẽ các đường thẳng và phủ đầy màu trên ... dạng hình dáng chuyển dạng hình sang dạng hình bên TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 68 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH... QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 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... KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH 5.0 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