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

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Ẽ ĐƯỜNG THẲNG VÀ VÒNG TRÒN BÀI TẬP : VẼ KHỐI CHỮ NHẬT Các bạn vừa qua làm quen công cụ vẽ đường thẳng Bây bắt đầu vẽ số kết dựa đường thẳng Hãy thử vẽ khối chữ nhật hình bên Giống tập thực hành đồ họa, việc bạn phải chọn kích thước Chọn Modify > Movies, hộp thoại Movie Properties xuất Hãy chấp nhận tham số mặc đònh hộp thoại sau nhấp chuột vào nút OK Kế tiếp đặt lưới cách chọn trình đơn View > Grid > Show Grid Lập tức lưới xuất cửa sổ làm việc Flash TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 76 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ây bạn chọn công cụ Line Tool để vẽ hình khối chữ nhật Hãy nhấp vào điểm lưới chỗ hai đường chéo giao Sau kéo qua đường chéo bốn ô vuông lưới, kéo thêm nhiều đường thẳng bạn có sau Tiếp tục kéo thêm hai đường bạn hoàn tất khối chữ nhật Dùng công cụ mũi tên chọn toàn khối chữ nhật sau chọn trình đơn Edit > Copy để lưu vào clipboard chọn lệnh Edit > Paste bạn dán thêm khối chữ nhật nhanh chóng vào cửa sổ làm việc, nối thêm bốn đường thẳng bạn nối hai khối chữ nhật vào với nhau, tô thêm màu trở nên tuyệt đẹp hình bên Các bạn học tô màu chương sau BÀI TẬP : VẼ THƯỚC Ê KE Cũng với công cụ Line Tool sau vẽ đường thẳng, bạn tạo thước Ê-Ke thật dễ dàng Bước lại khó dành cho bạn : vạch khấc chia độ Các bạn xem thử thước mẫu để có ý tưởng thiết kế TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 77 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ÀI TẬP : VẼ CÂY CỌ VẼ Bài tập bạn tiến hành vẽ cọ hình bên Phần lông cọ phần phải vẽ đầu tiên, phần khó tập nầy Đầu tiên dùng công cụ Line Tool bạn kéo từ lên, xong kéo ngang kéo xuống để vẽ đầu cọ Để vẽ lông co,ï tiến hành kẻ thêm vài nét dài ngắn khác Ở ta vẽ thêm ba nét Dùng công cụ mũi tên kết hợp với phím Shift bạn chọn ba nét vừa vẽ (Khi chọn nét ta thấy có vệt lấm chấm kiến bò nét đó), nhấp vào trình đơn Edit > Copy để lưu nét vào clipboard chọn Edit > Paste Những nét dài ngắn nhân Tiếp lật theo hướng ngang cách nhấp vào Flip Horizontal từ trình đơn Modify > Transform > Dùng công cụ mũi tên kết hợp với phím Shift chọn hết ba vạch vừa xoay xong Dùng phím mũi tên đưa ba vạch gắn liền với ba vạch đầu tiên, xong dùng công cụ mũi tên kết hợp với phím Shift chọn hết nhân cách chọn Edit > Copy sau chọn Edit > Paste Tiếp tục dùng công cụ mũi tên kết hợp phím Shift chọn hết dùng phím mũi tên gắn kề bên vạch vừa tạo xong Tới phần lông cọ coi giải xong TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 78 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ế tiếp vẽ phần đầu cọ Đầu tiên bạn chọn công cụ Line Tool kéo đường ngang sau xổ xuống đường xiên, tiếp tục kéo đường ngang nhỏ sau trổ trở lên đường xiên Bạn hoàn tất đầu cọ (nhớ bổ xung thêm hai vạch thẳng cho đầu cọ thêm sinh động) Cứ tiếp tục bạn hoàn tất phần thân cọ Cũngï giống đầu cọ bạn kẻ thêm vạch dài cho thêm sinh động Cuối cọ hoàn tất Nhớ lưu lại kết BÀI TẬP : VẼ MỘT MẪU GẠCH BÔNG Muốn vẽ mẫu gạch hình dưới, bạn phải thiết lập đường lưới Kế bạn phải dùng công cụ Line Tool kéo cạnh đơn vò ô lưới Chúng ta hình vuông TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 79 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 Tiếp tục dùng công cụ Line Tool kẻ đường chéo ô lưới hình bên Kế tiếp kẻ đường chéo phía đối diện Xong bạn kẻ đường chéo bốn ô vuông chéo Và với công cụ Line Tool bạn kẻ hai đường màu nâu chạy dọc theo đường Dùng công cụ tô màu Paint Bucket Tool để đưa màu vào Dùng công cụ mũi tên kết hơpï với phím Shift chọn đường thẳng rìa hình vuông (chú ý sau chọn xong đường thẳng có dạng chấm chấm), xóa Bước dùng công cụ mũi tên tạo marquee chọn hết vùng vẽ Sau chọn Edit > Copy Edit > Paste để nhân phần vẽ Kế tiếp dùng trỏ chuột nhấp vào Flip Horizontal từ trình đơn Modify > Transform TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 80 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ần vừa tạo lật ngang.Ta dùng phím mũi tên di chuyển nằm sát lên phần đầu Xong dùng công cụ mũi tên tạo marquee chọn hết Rồi chọn từ trình đơn Edit > Copy Edit > Paste cách trên để tạo nhân Kế tiếp bạn dùng trỏ chuột nhấp vào Flip Vertical từ trình đơn Modify > Transform > Flip Vertical TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 81 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ần tạo xoay xuống phía Dùng phím mũi tên gắn liền chúng lại với Ta có viên gạch men hoàn hảo Đối với bạn có niềm mơ ước thiết kế mẫu gạch men, ceramic, gạch nên luyện tập vẽ nhuần nhuyển đường thẳng Chẳng hạn viên gạch Ceramic phía đường thẳng đóng vai trò vừa tạo nét vừa tạo hình,và bạn đưa thêm màu sắc thích hợp vào mẫu bạn có mẫu đẹp khác Hãûy thử thiết kế số mẫu khác Cần ý khả kết nối viên gạch với thiết kế Nhớ lưu lại file để thực tập cho phần thực hành chương sau BÀI TẬP : TRANG TRÍ MỘT MẪU GẠCH BÔNG Để tạo mẫu gạch hình Chúng ta bắt đầu vẽ hình vuông với đường lưới công cụ quen thuộc Line Tool Chúng ta kẻ bốn đường thẳng, đường cuối nối lại hình vuông Tiếp tục chọn vò trí, vò trí nầy cách cạnh hình vuông khoảng ba ô lưới TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 82 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ừ vò trí chọn, kéo đường thẳng phía tay trái (nhớ nhấn phím Shift cho việc kẻ đường thẳng dễ dàng hơn) Tiếp tục vẽ, cách ba ô lưới ta chọn vò trí kéo thẳng đến cạnh hình vuông Tiếp tục đạt bốn đường thẳng Kế tiếp vò trí cách ba ô lưới ta kẽ đường thẳng đụng cạnh hình vuông (chú ý đường thẳng ngắn) Chúng ta vẽ bốn đường thẳng ngắn tạo thành bốn ô vuông nhỏ Tiếp tục vẽ ta có kết sau Dùng công cụ xô sơn (Pain Bucket Tool) Chọn màu tô loại màu tô Ta đưa màu nâu vào hình vuông nhỏ TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 83 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 Hình vuông trung tâm Ta đổ màu cam vào Còn lại bốn hình chữ nhật ta đổ màu vàng vào Cuối ta hình vuông hoàn hảo BÀI TẬP : VẼ PHỐI CẢNH Với tập vẽ đoạn thẳng tập trước thực tập dễ dàng với bạn Bài tập bạn vẽ hình khối chữ nhật không gian Đầu tiên bạn dùng chuột nhấp vào biểu tượng Show Info Launcher Hộp thoại Info xuất Bạn dùng trỏ chuột nhấp vào Tab Stroke Hộp thoại Stroke xuất TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 84 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 Dùng trỏ chuột nhấp vào tam giác nhỏ góc phải phía hộp thoại Một hộp thoại xuất hiện, ta dùng trỏ chuột chọn đường chấm chấm Dùng công cụ Line Tool kẻ đường thẳng ngang qua lưới Đường ta gọi đường tầm mắt Xác đònh vò trí chấm cách đường tầm mắt hai ô lưới, Dùøng công cụ Line Tool kẻ đường thẳng lên với độ cao chiếm ô Trong hộp thoại Info Chọn Tab Stroke bạn chọn đường đứt khúc Bạn kéo từ đỉnh đường thẳng đến đường tầm mắt Và từ điểm đường tầm mắt ta kéo đến cạnh đáy đường thẳng diện Tương tự với công cụ Line Tool ta kéo hai đỉnh lại đường tầm mắt phía đối TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 85 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 Tiếp tục kẻ đường thẳng (chọn khoảng cách tùy ý) Đường thẳng nối hai đường chéo chấm chấm hai đỉnh Kẻ đường thẳng (công cụ Line Tool) phía đối diện Đường tiếp giáp hai đường chéo chấm chấm Kẻ đường chấm chấm từ đỉnh đường thẳng tạo điểm hội tụ đường tầm mắt Kẻ thêm đường chấm chấm bên Cạnh lại kéo hai đường chấm chấm điểm tụ đường tầm mắt TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 86 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 Dùng công cụ mũi tên kết hợp với phím Shift Chọn tất đường chấm chấm theo hướng mũi tên Vẫn đảm bảo bạn sử dụng hộp thoại Stroke Chọn tham số Bạn nhấp vào khoảng trống lưới Lập tức đường chọn biến thành đường thẳng Cuối bạn nhấp chọn công cụ tô sơn (Pain Bucket Tool) Biểu tượng hình xô sơn xuất hiện, nhấp chọn vùng đổi màu khối chữ nhật Ở giả sử ta đổ màu vào hai vùng Ta có kết hình bên TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 87 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ÀI TẬP : VẼ BẰNG ĐƯỜNG THẲNG VÀ VÒNG TRÒN Các bạn thử vẽ hình đơn giản sau : nhà, gà con, đóa vi tính Cần ý vẽ đóa vi tính, số hình chữ nhật có bo tròn góc nên xem đóa thực tế để vẽ xác BÀI TẬP : VẼ NÂNG CAO Một mạnh Flash làm đoạn phim cho đối tượng chuyển động sau xuất sang trang Web Bài tập hướng dẫn bạn thực thành phần đoạn phim hoạt hình thông qua nhân vật, qua củng cố bạn kiến thức phim hoạt hình Sau vẽ xong bạn nhớ lưu thành file để sử dụng lại sau Các bạn lấy ý tưởng phần hướng dẫn tiến hành vẽ CorelDraw để ôn tập thêm cho chương trình Trong phim hoạt hình, cần phải xử lý ảnh nhiều đối tượng, đối tượng nhân vật, thú vật, đồ vật Việc vẽ người hay thú điều bắt buộc cho bắt đầu học làm phim hoạt hình khuôn mặt ảnh cần phải vẽ Hình Hình Hình 10 Hình 11 Trước tiên bạn vẽ hình Để cho việc vẽ dễ dàng bạn cần phải hiển thò lưới tập trước Dùng công cụ Oval Tool kết hợp với phím Shift vẽ vòng tròn hình (hình 8a) Từ tâm vòng tròn kẻ đường thẳng lên (hình 8b) Đường thẳng xem trục đầu nhân vật Dùng công cụ Oval Tool vẽ thêm hình oval (hình 8c) Hình 8a TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA Hình 8b Hình 8c 88 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 Dùng công cụ mũi tên chọn Oval Xong dùng phím mũi tên di chuyển vào trung tâm hình tròn (hình 8d) Kế tiếp nhấp chọn công cụ Scale mục Options công cụ (hình 8e) Hình 8d Hình 8e Hình 8f Những nút hình vuông nhỏ xuất bao quanh hình oval Sau ta dùng trỏ chuột chỉnh theo hình 8d Bạn làm y hình Oval nằm ngang (hình 8f) Chú ý tâm hai hình Oval trùng với tâm vòng tròn Tiếp tục dùng công cụ Line Tool vẽ phần trục đầu phía Hình 8g Hình 8h Đường trục nằm khuất hình cầu (hình 8g) Chúng ta phải tạo thành đường chấm chấm cách sử dụng hộp thoại Stroke Chọn tab Stroke, sau dùng chuột nhấp chọn đường chấm chấm Xong nhấp chọn trở lại đường trục Bây đường thẳng trở thành đường chấm chấm (hình 8h) Từ trình đơn Modify > Transform > Rotate Ta dùng chuột nhấp chọn Rotate Lập tức xuất nút tròn bao quanh hình cầu (hình 8i) Dùng chuột trỏ vào nút tròn có mũi tên nhỏ xuất Chúng ta dùng chuột kéo nhẹ để xoay trục đầu nghiêng theo hình 8j TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 89 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 Hình 8i CHƯƠNG Hình 8j Dùng công cụ Oval Tool vẽ hai hình Oval nhỏ để làm hai hố mắt cho nhân vật (hình 8k) Chú ý hố mắt bên tay mặt nhỏ bên tay trái (theo luật phối cảnh) Nếu không ý điều bạn bò đánh rớt thi vào công ty làm phim hoạt hình chuyên gia kiểm tra gắt gao nguyên lý Tiếp tục kẻ hai hình Oval nhỏ để làm hai mắt (hình 8l) Vẽ tiếp hai hình Oval nhỏ, dùng công cụ xô sơn đưa màu đen vào để làm (hình 8m) Hình 8k Hình 8l Hình 8m Vẫn sử dụng công cụ Oval Tool tạo hình Oval lớn hốc mắt để làm mũi nhân vật Dùng chuột nhấp chọn hình Oval, xong chọn công cụ Scale mục Options công cụ (hình 8n)ï Hình 8n Hình 8o Hình 8p Lập tức nút hình vuông nhỏ xuất xung quanh hình Oval (hình 8o) Ta dùng chuột điều chỉnh hình Oval cho vừa Dùng phím mũi tên đưa hình Oval vào vò trí thích hợp Dùng chuột nhấp chọn công cụ Pencil Tool công cụ, sau dùng công cụ vẽ hai bên gò má TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 90 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ẽ tiếp miệng cằm Vẽ tiếp hàm lỗ tai Hãy nhớ với công cụ Pencil Tool, vẽ thêm chân mày tóc Cuối dùng công cụ mũi tên chọn tất không cần thiết xóa hết Các bạn thực xong tập! Hãy nhìn xem tác phẩm bạn nhân vật trông thật vui nhộn Nếu cố gắng luyện tập giỏi môn này, tương lai bạn chuyên gia lãnh vực vẽ làm phim hoạt hình máy tính Nhớ lưu lại kết quả! TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 91 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ÀI TẬP Bây bạn bước sang tập qua việc vẽ hình nhân vật hình bên (hình 9) Cũng với cấu trúc hình tròn Oval Nhưng diễn xuất khác hẳn đi, lần thực tập tập bạn học nhiều cách diễn xuất khác phong phú Thiết lập cấu trúc hình tròn trục đầu (hình 9a) Xong bạn chọn công cụ Rotate xoay hình tròn theo hình Bây mời bạn bắt đầu nhập Hãy dùng công cụ mũi tên chọn tất Sau chọn Modify > Transform > Rotate Bạn nhấp chọn góc xoay Hình 9a Hình 9b Dùng chuột chọn đường bên hình tròn Chọn xong, sử dụng hộp thoại Stroke, chọn Tab Stroke Chọn tham số hộp thoại này, chọn nét đứt khúc xong nhấp chuột vào lưới bạn có hình tròn hình 9c Hình 9c Dùng công cụ Oval Tool vẽ hình Oval để tạo hố mắt (hình 9d) Chọn công cụ Scale để điều chỉnh mắt cho phù hợp với gương mặt nhân vật (hình 9e) Hình 9d TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 92 Hình 9e 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ạo thêm mắt phía đối diện Hình 9f Hình 9g Tiếp tục chọn công cụ Oval Tool vẽ hình Oval tạo mũi nhân vật gắn vào chỗ thích hợp Sử dụng Pencil Tool vẽ miệng nhân vật gắn vào vò trí hình Hình 9h Hình 9i Vẽ thêm cằm gò má nhân vật Hình 9j Hình 9k Vẽ thêm lỗ tai, tóc cằm nhân vật Hình 9l Hình 9m Cuối dùng công cụ Oval Tool kết hợp công cụ xô sơn vẽ thêm tròng mắt đen Sau dùng công cụ mũi tên chọn xóa hết đường cấu trúc hình Cuối bạn có gương mặt diễn xuất sau TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 93 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ÀI TẬP 10 Trong hai tập trước bạn quen dần với cấu trúc hình tròn, Oval, công cụ Pencil, tô sơn v.v Bài tập tương tự tập trước, bạn vẽ hình 10 trình bày bên Đầu tiên bạn thiết lập cấu trúc hình tròn, oval, đường trục Ta dùng công cụ Rotate mục Option công cụ để xoay hình tròn (hình 10a, 10b) Các bạn thấy trục đầu nghiêng nhiều so với tập trước Hình 10 Độ nghiêng thường diễn tả cảnh khoái chí híp mắt Hình 10a Hình 10c Hình 10b Hình 10d Bây bạn chọn công cụ Pencil Tool dùng chuột vẽ cặp mắt híp với chân mày trước Kế đến dùng Oval Tool vẽ hình Oval để tạo mũi dùng phím mũi tên đưa vào vò trí thích hợp hình bên Xong bạn dùng Pencil Tool để vẽ miệng cằm Tiếp tục dùng Pencil Tool vẽ gò má hai bên, thêm tóc cho nhân vật Hình 10e TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA Hình 10f 94 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 Cuối bạn dùng công cụ mũi tên chọn xóa tất nét thừa, nhìn xem nhân vật vừa thực trông có vui không! BÀI TẬP 11 Bạn quen thuộc cấu trúc đầu nhân vật, tập việc thiết lập nhanh trước Bạn ý trục xoay nghiêng so với đầu nhân vật tập 10 Trục nghiêng diễn tả nhân vật với vẽ mặt căng thẳng hay gọi cách nôm na “ Quạu “ Bây giờø bạn thiết lập cấu trúc đầu tập trước Để vẽ hai mắt, bạn dùng công cụ Oval Tool, để đưa hai mắt vào vò trí thích hợp bạn dùng công cụ mũi tên Hình 11 Chọn tất hai mắt vừa vẽ, dùng phím mũi tên để đưa vào vò trí thích hợp Để tạo mũi nhân vật Bạn liên tưởng đến công cụ Pencil Tool ? – Được! Nhưng khó thực Vậy công cụ dễ ? – Oval Tool – Rất ! Chúc mừng bạn, tới thời điểm bạn có thấy công cụ Flash vẽ tuyệt vời hay chưa Bây bạn vẽ mũi cho nhân vật Sau đưa vào vò trí thích hợp Kế tiếp dùng Pencil Tool vẽ miệng cho nhân vật Vẽ gò má, lổ tai tóc dùng công cụ ( Pencil Tool) TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 95 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ẽ thêm chân mày, tròng đen cho nhân vật Công việc cuối xóa hết nét thừa Và nhìn xem nhân vật bạn thực trông có “ Quạu “ hay không? BÀI TẬP : DIỄN ĐẠT LỜI THOẠI Các khó vẽ trước Nhưng có điều chắn bạn bắt tay vào thực cách thực tập vẽ bạn nâng cao Bài tập 12 Bài tập 13 Bài tập 14 BÀI TẬP 12 Bài tập diễn tả gương mặt vui vẻ hồn nhiên Hình 12 Hình 12a Hình 12b Các bạn tiến hành thực bước sau Bước bạn dùng công cụ vẽ hình tròn tạo hình Oval (Ellip) với hai trục : đứng nằm ngang (hình 12a) Vẽ xong bạn tiếp tục tạo hình Oval nhỏ để làm mắt (hình 12b) Hãy tạo thêm hình Oval đặt kế bên hình trước để làm mắt thứ hai với công cụ vẽ hình tròn (hình 12c) Tiếp tục dùng công cụ tạo thêm hai hình Oval nhỏ dùng công cụ Scale mục Options rút nhỏ lại để làm (hình 12d) TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 96 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 Hình 12c CHƯƠNG Hình 12d Dùng công cụ tô sơn (hình 12e) đổ màu đen vào hai hình Oval nhỏ (hình 12f) Xong bạn dùng công cụ Pencil Tool (hình 12g) vẽ chân mày mắt nhân vật (hình 12h) Hình 12e Hình 12f Hình 12g Hình 12h Bạn nhân chân mày cách chọn Edit > Copy sau dán kết clipboad lệnh Edit > Paste (hình 12i) Kế tiếp chọn Modify > Transform > Flip Horizontal ta có kết hình 12j TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 97 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 dùng chuột nhấp vào Flip Horizontal Chân mày lúc lật ngang (hình 12k) Hãy nhìn xem chân mày chép lật ngang Bạn dùng phím mũi tên đưa vào vò trí thích hợp (hình 12l) Hình 12i Hình 12j Hình 12k Hình 12l Dùng công cụ Pencil Tool vẽ thêm hai gò má cho nhân vật (hình 12m) Tiếp tục sử dụng công cụ Pencil Tool Bạn vẽ thêm miệng lưỡi nhân vật (hình 12n) Hình 12m Hình 12n Hình 12o Hình 12p Tô màu đen vào miệng nhân vật công cụ tô sơn (hình 12o) Cuối dùng công cụ mũi tên chọn tất đường không cần thiết xóa Hãy nhìn tác phẩm bạn trông thật vui nhộn BÀI TẬP 13 Bài tập diễn tả gương mặt với trạng thái khác (lo âu) hình bên Các bước tiến hành sau: Đầu tiên bạn thiết lập cấu trúc giống trước, với hình Oval trục đứng trục ngang Sau vẽ mắt, tròng đen mũi TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 98 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ẽ thêm miệng hai khóe miệng công cụ Pencil Tool Thêm cằm hai mí mắt công cụ Kẻ thêm hai chân mày tô đen công cụ tô sơn Cuối dùng công cụ mũi tên chọn hết đường không cần thiết xóa BÀI TẬP 14 Diễn tả nét quạu nhân vật với bố cục lệch (hai bên gương mặt không cân đối) Giống hai tập trước Bạn đưa cấu trúc quen thuộc vào Dùng công cụ Oval Tool vẽ hình Oval nhỏ để làm mắt, xong dùng công cụ Rotate điều chỉnh cho mắt thẳng đứng so với trục Tạo thêm hình Oval nhỏ làm dùng công cụ tô sơn tô đen vào Hãy chép thêm mắt giống y đặt phía đối diện TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 99 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 Hãy tạo mũi nhân vật công cụ Oval Tool Pencil Tool dùng phím mũi tên đưa vào vò trí hình bên Dùng Pencil Tool kẻ thêm miệng, cằm gò má Cũng với Pencil Tool vẽ hai chân mày cắt hẳn vào mắt nhân vật Xong dùng công cụ mũi tên chọn tất đường nét thừa xóa Những nét diễn xuất nầy quan trọng bạn tập luyện kiên trì khả thu nhận làm việc công ty làm phim hoạt hình cao TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 100 BIÊN SOẠN : KS PHẠM QUANG HUY [...]... Tool kết hợp với phím Shift vẽ một vòng tròn như hình (hình 8a) Từ tâm vòng tròn kẻ một đường thẳng đi lên (hình 8b) Đường thẳng này xem như là trục của đầu nhân vật Dùng công cụ Oval Tool vẽ thêm một hình oval (hình 8c) Hình 8a TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA Hình 8b Hình 8c 88 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 3 Dùng... cụ vẽ hình tròn (hình 12c) Tiếp tục dùng công cụ đó tạo thêm hai hình Oval nhỏ và dùng công cụ Scale trong mục Options rút nhỏ lại để làm con ngươi (hình 12d) TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 96 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 Hình 12c CHƯƠNG 3 Hình 12d Dùng công cụ tô sơn (hình 12e) đổ màu đen vào hai hình Oval nhỏ (hình. .. như hình dưới Cuối cùng bạn đã có một gương mặt diễn xuất như sau TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 93 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 3 BÀI TẬP 10 Trong hai bài tập trước bạn đã quen dần với cấu trúc hình tròn, Oval, các công cụ Pencil, tô sơn v.v Bài tập này cũng tương tự như bài tập trước, các bạn sẽ vẽ hình 10. .. chuyên gia trong lãnh vực vẽ và làm phim hoạt hình trên máy tính Nhớ lưu lại kết quả! TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 91 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 3 BÀI TẬP 9 Bây giờ bạn bước sang bài tập kế tiếp qua việc vẽ hình một nhân vật như hình bên (hình 9) Cũng vẫn với cấu trúc hình tròn và Oval Nhưng ở đây sự diễn xuất... này, kế tiếp chọn nét đứt khúc xong nhấp chuột vào lưới bạn sẽ có hình tròn như trong hình 9c Hình 9c Dùng công cụ Oval Tool vẽ một hình Oval để tạo hố mắt (hình 9d) Chọn công cụ Scale để điều chỉnh mắt cho phù hợp với gương mặt nhân vật (hình 9e) Hình 9d TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 92 Hình 9e 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... tròn bao quanh hình cầu (hình 8i) Dùng con chuột trỏ vào một nút tròn lập tức sẽ có những mũi tên nhỏ xuất hiện Chúng ta dùng chuột kéo nhẹ để xoay trục đầu hơi nghiêng theo hình 8j TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 89 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 Hình 8i CHƯƠNG 3 Hình 8j Dùng công cụ Oval Tool vẽ hai hình Oval nhỏ để... trước Kế đến dùng Oval Tool vẽ một hình Oval để tạo mũi rồi dùng các phím mũi tên đưa vào vò trí thích hợp như hình bên Xong bạn dùng Pencil Tool để vẽ miệng và cằm Tiếp tục dùng Pencil Tool vẽ gò má hai bên, và thêm tóc cho nhân vật Hình 10e TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA Hình 10f 94 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... Bucket Tool) Biểu tượng hình xô sơn xuất hiện, nhấp chọn vùng đổi màu trên khối chữ nhật Ở đây giả sử ta đổ màu vào hai vùng Ta có kết quả như hình bên dưới TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 87 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 3 BÀI TẬP 7 : VẼ BẰNG ĐƯỜNG THẲNG VÀ VÒNG TRÒN Các bạn hãy thử vẽ 3 hình đơn giản sau : nhà,... là các công cụ của Flash 5 vẽ tuyệt vời hay chưa Bây giờ bạn hãy vẽ mũi cho nhân vật Sau đó hãy đưa nó vào vò trí thích hợp Kế tiếp dùng Pencil Tool vẽ miệng cho nhân vật Vẽ gò má, lổ tai và tóc cũng dùng công cụ đó ( Pencil Tool) TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 95 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 3 Vẽ thêm chân mày,... (hình 12g) vẽ một chân mày trên mắt nhân vật (hình 12h) Hình 12e Hình 12f Hình 12g Hình 12h Bạn hãy nhân bản chân mày bằng cách chọn Edit > Copy sau đó dán kết quả trong clipboad bằng lệnh Edit > Paste (hình 12i) Kế tiếp chọn Modify > Transform > Flip Horizontal ta có kết quả như hình 12j TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 97 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 ... nghiêng theo hình 8j TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 89 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 Hình 8i CHƯƠNG Hình 8j Dù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 Tạo thêm mắt phía đối diện Hình 9f Hình 9g Tiếp tục chọn công cụ Oval Tool vẽ hình Oval tạo... thước mẫu để có ý tưởng thiết kế TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA 77 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ÀI TẬP