GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 14 TWEEN HÌNH CHUYỂN ĐỘNG
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.2. Cửa sổ làm việc xuất hiện và mở file mới có tên là Movie1. Con trượt trên thanh
thước Timeline đang ở keyframe thứ nhất trên Layer1.

Giao diện vùng làm việc trong Flash 5
TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
298
Giáo trình tổng hợp những bí quyết để thiết kế Flash theo
kiểu hoạt hình
.
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG 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

Layer1 này.

8. Chọn trên trình đơn
Insert > Create Motion Tween.
Đối 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.

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 BIÊN SOẠN : KS PHẠM QUANG HUY
300
.
.
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 14 Chú ý
: Bạn phải nhấp chuột tương ứng với Layer hiện hành đang được chọn. Bạn không nên
nhấp chuột lên phía trên hoặc xuống phía dưới.
10. Bây giờ bạn chọn trên trình đơn
Insert > Keyframe
hoặc nhấn phím F6 để tạo
đường chuyển động cho đối tượng. Sau đó trên Layer1 hiện hành có đường mũi tên
từ keyframe thứ nhất hướng đến keyframe 30 xuất hiện.

Chú ý
: Để di chuyển vòng tròn chạy theo phương nằm ngang (hay một phương nào khác chính
xác hơn) bạn nên cho xuất hiện các ô lưới trên màn hình làm việc bằng cách chọn trên trình đơn

13. Chọn trên trình đơn
File > Save
để lưu file này lại.

TỦ SÁCH STK – THẾ GIỚI ĐỒ HỌA BIÊN SOẠN : KS PHẠM QUANG HUY
302
.
.
GIÁO TRÌNH THIẾT KẾ WEB : PHẦN BÀI TẬP – TỰ HỌC MACROMEDIA FLASH 5.0 BẰNG HÌNH ẢNH CHƯƠNG 14

TẠO HAI VÒNG TRÒN CHUYỂN ĐỘNG
NGƯC CHIỀU NHAU
Bài tập này cũng tương tự như bài tập 1 nhưng ở đây tạo hai vòng tròn chạy ngược chiều
nhau. Trong bài tập 1 ta đã tạo vòng tròn màu xanh chạy từ trái sang phải, bây giờ các bạn tiếp
tục làm theo các bước sau để tạo vòng tròn màu đỏ chạy ngược lại từ phải sang trái.
1. Mở lại file vừa lưu với tên file là Tween-1 trong bài vừa mới thực hành ở trên.
2. Tạo mới thêm một Layer nữa bằng cách chọn trên trình đơn
Insert > Layer
hay
nhấp chuột vào nút dấu cộng bên dưới tên Layer trong thanh thước Timeline .

3. Layer2 xuất hiện vùng bôi đen cho biết nó đang hiện hành và bây giờ bạn sẽ làm
việc trên Layer2 này. Nhấp chuột vào keyframe thứ nhất trên Layer2.

4. Bạn vẫn chọn công cụ
Oval Tool
trong hộp công cụ. Sau đó nhấn giữ phím

.