Bạn bấm mũi tên Up, quả bóng di chuyển lên trên 1 pixel, kế đến bạn bấm mũi tên Down, quả bóng di chuyển xuống dưới 1 pixel, Flash tự động bổ sung keyframe tại frame 60, đồng thời vị t[r]
(1)Flash CS4 : Tạo trị chơi bóng bàn đơn giản
TTO - Trong này, bạn sử dụng motion tween để tạo trò chơi bóng bàn đơn giản Các bước thực hành sau:
1 Chuyển vùng làm việc mặc định.
Bạn bấm chọn vùng Essentials để chọn lại vùng làm việc mặc định Flash, tiếp đến bấm chọn Reset Essentials để khôi phục vùng làm việc mặc định bắt đầu vào thực hành (Xem thực hành vùng làm việc)
2 Tạo flash document (Xem thực hành tạo flash document) 3 Lưu flash document (Xem thực hành lưu flash document) Chọn folder FLASH CS4 ONLINE, sau lưu file lại với tên 009_pingpong.fla Import hình vẽ guide để làm đường dẫn cho motion tween
4.1 Chọn File > Import > Import to Stage… từ menu:
4.2 Trong hộp thoại Import, trỏ đến file guide.jpg bấm nút Open: (file guide.jpg đính kèm theo có kích cỡ 550x400 pixel để sử dụng)
(2)Phân tích hình vẽ:
Trong hình vẽ trên, hai đường thẳng đứng màu đỏ tượng trưng cho ranh giới di chuyển bóng Quả bóng chạm vào hai đường không vượt qua
Đường màu xanh thể đường bóng Theo đường này, bóng di chuyển từ vị trí đến vị trí 2, 3, trở vị trí 5, vị trí trùng Đường màu đen bên trái thể đường vợt trái, vợt trái di chuyển từ vị trí 1, đến vị trí hai để đón bóng trở vị trí 3, vị trí trùng
Đường màu đen bên phải thể đường vợt phải, vợt phải di chuyển từ vị trí 1, đến vị trí hai để đón bóng, di chuyển tiếp đến vị trí 3, quay lại vị trí để đón bóng trở vị trí 5, vị trí trùng
Như vậy, bóng vợt phải sử dụng keyframe, vợt trái sử dụng keyframe 5 Tạo motion tween cho bóng
5.1 Bấm đúp vào Layer để đổi tên thành Guide:
5.2 Bấm vào nút New Layer Timeline để thêm layer:
(3)5.4 Đưa chuột sang công cụ Bấm chuột vào Rectangle Tool giữ chuột vài giây cho menu phụ Bấm chọn Oval Tool (xem thêm phần Tìm hiểu Oval Tool cuối bài):
5.5 Bấm chuột vào ô Stroke color để chọn màu viền cho hình oval:
(4)5.7 Bấm chuột vào ô Fill color để chọn màu ruột cho hình oval:
5.8 Bảng màu Bạn chọn mẫu màu đỏ khu vực chứa màu gradient:
Bạn thu kết sau:
(5)Nhả chuột bạn thu bóng trịn với màu gradient sau:
5.11 Bấm chọn vào Selection Tool công cụ bên phải:
(6)5.13 Bạn chọn Modify>Convert to Symbol… từ menu (hoặc bấm phím tắt F8) để chuyển bóng thành symbol:
Hộp thoại Convert to Symbol xuất Bạn gỏ vào tên ball ở ô Name, chọn Type Movie Clip bấm OK để đóng hộp thoại lại Quả bóng chuyển thành Movie Clip
(7)Flash tạo motion tween cho bóng với 24 frame (tương đương giây), đồng thời di chuyển Playhead đến frame 24 Bạn bổ sung thêm frame để thời gian hoạt động bóng đủ dài để bạn quan sát Bạn bổ sung cho bóng hoạt động đến frame 60
5.15 Đưa chuột đến frame 24 layer Ball đến chuột biến thành mũi tên hai chiều:
5.16 Kéo chuột đến frame 60 nhả chuột Bạn thu motion tween cho bóng với 60 frame:
5.17 Tuy nhiên frame 60 chưa phải keyframe Để nội dung keyframe đầu keyframe cuối bóng trùng nhau, bạn dùng phím mũi tên Up (mũi tên lên) mũi tên Down (mũi tên xuống) bàn phím Bạn bấm mũi tên Up, bóng di chuyển lên pixel, bạn bấm mũi tên Down, bóng di chuyển xuống pixel, Flash tự động bổ sung keyframe frame 60, đồng thời vị trí bóng khơng thay đổi bù trừ:
(8)5.19 Bấm phím tắt F5 để bổ sung thêm cho đủ 60 frame để layer khác nhìn thấy đường dẫn nằm layer Guide để dễ thao tác:
5.20 Như phân tích trên, bóng sử dụng keyframe Bạn bổ sung thêm keyframe sau: Rê chuột đến frame 15 Timeline:
5.21 Bấm chuột để chuyển Playhead đến frame 15 (chú ý: bấm vào số 15, không bấm vào frame layer):
(9)5.23 Rê chuột đến frame 30 Timeline bấm chuột để chuyển Playhead đến frame 30:
(10)5.25 Rê chuột đến frame 45 Timeline bấm chuột để chuyển Playhead đến frame 45:
5.26 Kéo bóng đến vị trí số Flash tự động thêm keyframe frame 45 layer Ball:
Bạn thu motion tween hoàn chỉnh cho bóng với motion path màu tím hình minh họa:
n và