Học Adobe Flash CS4 cơ bản Flash CS4 - Bài 9

Học Adobe Flash CS4 cơ bảnFlash CS4 - Bài 9: Tạo trò chơi bóng bàn đơn giản (tt)
Nội dung trích xuất từ tài liệu:
Học Adobe Flash CS4 cơ bản Flash CS4 - Bài 9 Học Adobe Flash CS4 cơ bản Flash CS4 - Bài 9: Tạo trò chơi bóng bàn đơn giảnTTO - Tạo motion tween cho cây vợt bên trái.6.1 Bấm vào nút New Layer ở Timeline để thêm một layer:6.2 Flash thêm một layer mới với tên mặc định Layer 3. Bấm đúp vào Layer 3 đểđổi tên thành Left paddle:6.3 Đưa chuột sang thanh công cụ. Bấm chuột vào Oval Tool và giữ chuột vài giâycho menu phụ hiện ra. Bấm chọn Rectangle Tool:6.4 Bấm chuột vào ô Fill color để chọn màu ruột cho hình chữ nhật: Học Adobe Flash CS4 cơ bản6.5 Bảng màu hiện ra. Bạn chọn mẫu màu xanh:Bạn thu được kết quả như sau (màu viền vẫn là không màu): Học Adobe Flash CS4 cơ bản6.6 Đưa chuột vào Stage, bấm chuột vào góc trên vị trí xuất phát của quả bóng,kéo ngược sang trái một đoạn rồi nhả chuột ra để thu được một hình chữ nhật,như hình minh họa dưới đây:6.7 Bấm chọn Selection Tool trên thanh công cụ: Học Adobe Flash CS4 cơ bản6.8 Bấm chọn vào hình chữ nhật vừa vẽ. Khi đã được chọn, hình chữ nhật chuyểnsang dạng hạt li ti, đồng thời phía dưới chuột xuất hiện mũi tên bốn chiều:6.9 Bạn chọn Modify>Convert to Symbol…từ menu (hoặc bấm phím tắt F8) đểchuyển hình chữ nhật thành symbol: Học Adobe Flash CS4 cơ bản6.10 Hộp thoại Convert to Symbol xuất hiện. Bạn gõ vào tên paddle ở ô Name,chọn Type là Movie Clip và bấm OK để đóng hộp thoại lại. hình chữ nhật đượcchuyển thành Movie Clip.6.11 Bấm phím phải chuột vào hình chữ nhật cho xuất hiện menu ngữ cảnh vàchọn Create Motion Tween. Flash tạo motion tween cho hình chữ nhật trên layerLeft paddle với 60 frame: Học Adobe Flash CS4 cơ bản6.12 Rê chuột đến frame 60 trên Timeline và bấm chuột để chuyển Playhead đếnframe 60:6.13 Frame 60 vẫn chưa phải là keyframe. Bạn bấm mũi tên Up, hình chữ nhật dichuyển lên trên 1 pixel, kế đến bạn bấm mũi tên Down, hình chữ nhật di chuyểnxuống dưới 1 pixel, Flash tự động bổ sung keyframe tại frame 60, đồng thời vị tríhình chữ nhật vẫn không thay đổi do đã được bù trừ:6.14 Rê chuột đến frame 30 trên Timeline và bấm chuột để chuyển Playhead đếnframe 30: Học Adobe Flash CS4 cơ bản6.15 Giữ phím Shift và kéo hình chữ nhật đến vị trí số 2, nơi có quả bóng nằm sẵn(phím Shift giúp bạn di chuyển theo đường thẳng đứng, không bị lệch sang phảihoặc trái):Vậy là bạn đã hoàn thành motion tween cho cây vợt bên trái (tức hình chữ nhật).7. Tạo motion tween cho cây vợt bên phải.7.1 6.1 Bấm vào nút New Layer ở Timeline để thêm một layer:7.2 Flash thêm một layer mới với tên mặc định Layer 4. Bấm đúp vào Layer 4 đểđổi tên thành Right paddle: Học Adobe Flash CS4 cơ bản7.3 Bấm chọn thẻ Library để mở Libray Panel:7.4 Từ Library Panel, bạn kéo Movie Clip paddle vào Stage, thả vào vị trí 1 của câyvợt phải như hình minh họa: Học Adobe Flash CS4 cơ bản7.5 Bấm phím phải chuột vào cây vợt bên phải (tức hình chữ nhật) cho xuất hiệnmenu ngữ cảnh và chọn Create Motion Tween.7.6 Rê chuột đến frame 60 trên Timeline và bấm chuột để chuyển Playhead đếnframe 60: Học Adobe Flash CS4 cơ bản7.7 Frame 60 vẫn chưa phải là keyframe. Bạn bấm mũi tên Up, hình chữ nhật dichuyển lên trên 1 pixel, kế đến bạn bấm mũi tên Down, hình chữ nhật di chuyểnxuống dưới 1 pixel, Flash tự động bổ sung keyframe tại frame 60, đồng thời vị tríhình chữ nhật vẫn không thay đổi do đã được bù trừ:7.8 Rê chuột đến frame 15 trên Timeline và bấm chuột để chuyển Playhead đếnframe 15:7.9 Giữ phím Shift và kéo cây vợt đến nơi quả bóng đang nằm ở vị trí số 2: Học Adobe Flash CS4 cơ bản7.10 Rê chuột đến frame 30 trên Timeline và bấm chuột để chuyển Playhead đếnframe 30:7.11 Giữ phím Shift và kéo cây vợt đến vị trí số 3 như hình minh họa: Học Adobe Flash CS4 cơ bản7.12 Rê chuột đến frame 45 trên Timeline và bấm chuột để chuyển Playhead đếnframe 45:7.13 Giữ phím Shift và kéo cây vợt đến nơi có quả bóng ở vị trí số 4 như hình minhhọa: Học Adobe Flash CS4 cơ bảnVậy là bạn đã hoàn thành motion tween cho cây vợt bên phải.8. Chuyển layer Guide thành Guide Layer.Layer Guide đã hoàn thành nhiệm vụ. Bạn có thể xóa layer này đi. Tuy nhiên bạncó thể giữ lại để tham khảo bằng ...