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Ẽ ĐƯỜNG THẲNG VÀ VÒNG TRÒN BÀI TẬP 1 : VẼ KHỐI CHỮ NHẬT Các bạn vừa qua đã làm quen các công cụ vẽ đường thẳng. Bây giờ hãy bắt đầu vẽ một số kết quả dựa trên các đường thẳng. Hãy thử vẽ khối chữ nhật như hình bên. Giống như các bài tập thực hành đồ họa, việc đầu tiên các bạn phải chọn kích thước. Chọn Modify > Movies , hộp thoại Movie Properties xuất hiện. Hãy chấp nhận những tham số mặc đònh trong hộp thoại sau đó nhấp chuột vào nút OK. Kế tiếp hãy đặt lưới bằng cách chọn trình đơn View > Grid > Show Grid Lập tức lưới sẽ xuất hiện trên cửa sổ làm việc của Flash. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 76 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ây giờ bạn hãy chọn công cụ Line Tool để vẽ một hình khối chữ nhật. Hãy nhấp vào một điểm trong lưới chỗ hai đường chéo giao nhau. Sau đó kéo qua đường chéo của bốn ô vuông lưới, rồi kéo thêm nhiều đường thẳng bạn sẽ có hình như sau. Tiếp tục kéo thêm hai đường nữa bạn đã hoàn tất khối chữ nhật. Dùng công cụ mũi tên chọn toàn bộ khối chữ nhật sau đó chọn trình đơn Edit > Copy để lưu nó vào clipboard và chọn lệnh Edit > Paste bạn sẽ dán thêm một khối chữ nhật rất nhanh chóng vào cửa sổ làm việc, nối thêm bốn đường thẳng bạn sẽ nối được hai khối chữ nhật vào với nhau, và nếu được tô thêm màu nó sẽ trở nên tuyệt đẹp như hình bên. Các bạn sẽ học tô màu ở chương sau. BÀI TẬP 2 : VẼ THƯỚC Ê KE Cũng với công cụ Line Tool sau khi vẽ các đường thẳng, các bạn sẽ tạo được cây thước Ê-Ke thật dễ dàng Bước còn lại khó hơn dành cho các bạn là làm sao : vạch đều các khấc chia độ. Các bạn hãy xem thử thước mẫu để có ý tưởng thiết kế. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 77 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 3 : VẼ CÂY CỌ VẼ Bài tập này các bạn tiến hành vẽ một cây cọ như hình bên. Phần lông cọ là phần phải vẽ đầu tiên, đây cũng là phần khó nhất trong bài tập nầy. Đầu tiên dùng công cụ Line Tool bạn kéo từ dưới lên, xong rồi kéo ngang kế tiếp 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 nhau. Ở đây 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 nào ta thấy có những vệt lấm chấm như kiến bò trên nét đó), nhấp vào trình đơn Edit > Copy để lưu 3 nét vào clipboard kế tiếp chọn Edit > Paste. Những nét dài ngắn sẽ được nhân bản. Tiếp đó chúng ta lật theo hướng ngang bằng 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 các 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 rồi nhân bản bằng cách chọn Edit > Copy rồi 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 rồi dùng các phím mũi tên gắn kề bên các vạch vừa tạo xong. Tới đây phần lông cọ coi như giải quyết xong. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 78 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 Kế tiếp là vẽ phần đầu cọ. Đầu tiên bạn chọn công cụ Line Tool kéo một đường ngang sau đó xổ xuống một đườ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 như trên bạn sẽ hoàn tất phần thân cọ. Cũngï giống như đầu cọ bạn kẻ thêm một vạch dài cho thêm sinh động. Cuối cùng cây cọ đã hoàn tất. Nhớ lưu lại kết quả. BÀI TẬP 4 : VẼ MỘT MẪU GẠCH BÔNG Muốn vẽ một mẫu gạch bông như hình dưới, đầu tiên các bạn phải thiết lập các đường lưới. Kế đó bạn phải dùng công cụ Line Tool kéo mỗi cạnh đơn vò bằng 5 ô lưới. Chúng ta sẽ được một hình vuông. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 79 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 Tiếp tục dùng công cụ Line Tool kẻ đường chéo của một ô lưới như hình bên dưới. Kế tiếp kẻ đường chéo phía đối diện. Xong bạn kẻ đường chéo của bốn ô vuông. Và cũng với công cụ Line Tool bạn kẻ hai đường chỉ màu nâu chạy dọc theo các đường chéo. 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 những đường thẳng ngoài rìa hình vuông (chú ý sau khi chọn xong những đường thẳng có dạng chấm chấm), rồi xóa đi. Bước kế tiếp dùng công cụ mũi tên tạo marquee chọn hết vùng vẽ. Sau đó chọn lần lượt Edit > Copy rồi Edit > Paste để nhân bản những phần đã vẽ. Kế tiếp dùng con trỏ chuột nhấp vào Flip Horizontal từ trình đơn Modify > Transform. TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY 80 . bốn ô vuông. Và cũng với công cụ Line Tool bạn kẻ hai đường chỉ màu nâu chạy dọc theo các đường chéo. 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. 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ây giờ bạn hãy chọn công cụ Line Tool để vẽ một hình khối chữ nhật. Hãy nhấp vào một điểm trong. có hình như sau. Tiếp tục kéo thêm hai đường nữa bạn đã hoàn tất khối chữ nhật. Dùng công cụ mũi tên chọn toàn bộ khối chữ nhật sau đó chọn trình đơn Edit > Copy để lưu nó vào clipboard