GIÁO TRÌNH THIẾT KẾ WEB : PHAN BÀI TẬP - Tự HỌC MACROMEDIA FLASH 5.0 BANG HÌNH ẢNH CHƯƠNG 14 TWEEN HÌNH CHUYEN đ ộ n g Trong bài tập này các bạn sẽ được hướng dẫn cách tạo một đối tượng chuyển động bằng cách Tween hình. Đây là phần mở đầu cơ bản mà các bạn khi thiết kế hoạt hình trên Flash cần phải quen thuộc. Trong bài tập này các bạn sẽ tạo một vòng tròn có màu di chuyển từ trái sang phải. Các bước được tiến hành như sau: 1. Khởi động chương trình Flash, nhấp chuột vào Start > Programs > Macromedia Flash 5 > Flash 5. ỊH Ị M icrosoft Excel í ã l M iciosoft PoweiPoint Internet E xploiei k ^ M iciosoft Outlook S Microsoft Wold k Ç jl O utlook Express > Ijs j Snaglt32 l à Macromedia Flash 4 l à NPT *s W eb Books f*â M aciom edia Flash 5 OiCAD Design D esktop ► s j Flash Licen^ LpH Just C lick'n'S ee 2.51 ► Flash Readme m Xara 3D3 LJ Players .p i A d a p te c E asy CD C ie a to r 4 ► ^ S ta n d a lo n e P layei 2. Cửa sổ làm việc xuất hiện và mở file mới có tên là Movie 1. Con trượt trên thanh thước Timeline đang ở keyframe thứ nhất trên Layer 1. TỦ SÁCH STK - THẾ GIỚI Đồ HỌA 298 BIÊN SOẠN : KS PHẠM QUANG HUY GIÁO TRÌNH THIẾT KẾ WEB : PHAN BẢI TẬP - Tự HỌC MACROMEDIA FLASH 5.0 BANG HĨNH ẢNH CHƯƠNG 14 3. Chọn trên trình đơn File > Save hay Save As. Sau đó nhấp chuột vào mục File name trong hộp thoại Save As và đặt tên cho file mới là “Tween -1 Sau khi nhập xong nhấp chuột vào nút Save. Save As s ave in: I Ô MyDocuments ? | x "3M Ml SI S ul I C oiel U ser Files I My Pictures * I My Webs V o n g T io n Dcii Mau b| vong Iron-1 >File name: [Tween -l| Save Save as type: I Flash Movie c.fla] Cancel 4. Bây giờ bạn hãy nhấp chuột vào công cụ Oval Tool từ bảng công cụ hoặc nhấn phím o trên bàn phím để kích hoạt công cụ vẽ này. Sau đó nhấp chuột vào cửa sổ màn hình làm việc và kéo chuột cho đến khi bạn tạo vòng tròn vừa ý. Con trỏ chuột sẽ biến đổi thành hình tròn và chữ thập. View Colors / í íò Fill Color Options 5. Bạn có thể chọn màu để tô màu hoặc muốn đổi màu cho vòng tròn thì nhấp chuột vào hộp màu Fill Color chọn một màu và tô màu cho đối tượng. Giả sử ở đây chúng ta chọn màu xanh (Blue) có trong bảng màu. f l <*• * TỦ SÁCH STK - THẾ GIỚI Đồ HỌA 299 BIÊN SOẠN: KS PHẠM QUANG HUY GIẢO TRÌNH THIẾT KẾ WEB : PHAN BẢI TẬP - T ự HỌC MACROMEDIA FLASH 5.0 BẰNG h ìn h ả n h __________CHƯƠNG 14 6. Nhấp chuột chọn công cụ Arrow Tool trong hộp công cụ hay nhấn phím V trên bàn phím. Sau đố bạn nhấp đúp chuột vào đối tượng vòng tròn để chọn cả đường viền vòng tròn. 7. Lúc này trên Timeline ở khung keyframe, vạch màu đỏ tượng tnửig cho vị trí đầu đang phát ở tại keyframe thứ nhất. Bạn hãy nhấp chuột vào keyframe thứ nhất ưên Layerl này. Ể Scene 1 ịj lil^ l C-]|| 1 I <2-0Fps 8. Chọn trên trình đơn Insert > Create Motion Tween. Đếỉ tượng xuất hiện đường khung màu xanh nhạt bao quanh đối tượng cùng với dấu cộng chính giữa vòng tròn. J \ Inserl Modify Text Control Win Convert to Symbol... FB Hew Symbol... Dtrl+F8 Layer Motion Guide Frame F5 Remove Frames Shift+F5 Keyframe F6 Blank Keyframe F7 Clear Keyframe Shift+FG L J 9. Ở cửa sổ keyframe, bạn nhấp chuột tại keyframe mình mong muến di chuyển vòng tròn đến vị trí mới (ở đây chúng tôi nhấp chuột tại keyframe 30). Khi nhấp chuột vào keyframe vừa chọn một vệt màu đen xuất hiện ngay bên dưới thanh thước Timeline. TỦ SÁCH STK - THẾ GIỚI Đ ồ HỌA 300 BIÊN SOẠN: KSPHẠM QUANG HUY