Lesson 03 : Timeline in Flash World
1 like1,017 views
Tài liệu trình bày về timeline trong Flash, bao gồm các thành phần chính như frame, keyframe, layer và cách tạo animation. Nó giải thích sự khác biệt giữa shape tween và classic tween, cùng với cách tùy chỉnh tween để tạo hiệu ứng di chuyển cho các đối tượng. Ngoài ra, tài liệu cũng hướng dẫn cách sử dụng mask và guide để tạo animations phức tạp hơn.
Lesson 03 : Timeline in Flash World
- 1. TIMELINE IN FLASH WORLD Giảng viên: PHẠM TIẾN DŨNG
- 2. NỘI DUNG 1. Timeline và các thành phần chính trong Timeline 2. Frame và keyframe 3. Layer và nhóm layer 4. Making animation 5. Mask và Guide
- 3. Các thành phần chính trong Timeline • Có 3 thành phần chính trong timeline 1. Frame và keyframe. 2. Layer 3. Tool edit Timeline. Key frame FrameLayer Tool edit timelineTool edit layer
- 4. Frame và KeyFrame • Sự khác biệt giữa keyFrame và Frame – Dấu tròn (trắng hoặc đen) • Ý nghĩa sử dụng: – Frame: Lưu trữ hình ảnh keyframe gần nhất, không có đối tượng nào trong frame. – Key Frame: có lưu trữ hình ảnh, đối tượng… • Blank Key Frame. • Key Frame có actionscript.
- 5. Layer và nhóm Layer • Sắp xếp thứ tự các đối tượng trên stage • Dễ dàng quản lý, chỉnh sửa và gom nhóm. • Tạo tween cho các đối tượng • Có 2 kiểu đặc biệt để tạo mask và guide : Mask Layer và Guide Layer.
- 6. Making animation • Các cách tạo chuyển động cơ bả. • Shape Tween vs Classic Tween. • Tùy chỉnh Tween.
- 7. Making animation • Trong Flash có các cách tạo chuyển động cơ bản sau : – Frame by Frame : tạo hoạt họa theo kiểu lật trang cổ điển (đã giới thiệu ở bài trước) – Tween • Shape tween : tạo tween cho các đối tượng shape • Classic tween : cách tạo tween cơ bản • Motion tween : cách tạo tween mới bắt đầu được hỗ trợ cho các phiên bản Flash CS4 trở lên
- 8. Making animation Shape Tween vs Classic Tween • Đặc điểm • Kiểu Shape Tween chỉ có thể sử dụng khi đối tượng tại các keyframe thuộc kiểu Shape (hình khối) mà không phải là các đối tượng symbol. • Kiểu Classic Tween chỉ có thể dùng khi đối tượng tại các keyframe là các symbol trong library
- 9. Making animation Shape Tween vs Classic Tween Công dụng • Kiểu Shape Tween có khả năng làm thay đổi hình dạng, màu sắc của hình vẽ. Ít được sử dụng. • Kiểu Classic Tween thay đổi đối tượng dựa trên những thuộc tính sẵn có của nó như : blur, alpha ,color …. Không có khả năng thay đổi hình dạng đối tượng. Được sử dụng nhiều.
- 10. Making animation Shape Tween vs Classic Tween Khác biệt trong hình thức thể hiện • Shape Tween thường biểu diễn với hình xanh lá • Classic Tween thường biểu diễn với hình xanh biển Shape tween Classic Tween
- 11. Making animation Tùy chỉnh Tween Thông thường khi tạo các đoạn tween, sự thay đổi các thuộc tính sẽ diễn ra đều nhau Trong khoảng 40 Frame quả bóng sẽ di chuyển một đoạn với cự ly bằng nhau sau mỗi Frame
- 12. Making animation Tuy nhiên chúng ta có thể quyết định khoảng cách thay đổi đó thông qua công cụ hỗ trợ chỉnh sửa tween của Flash (Khái niệm easing) Chuyển động chậm dần Chuyển động nhanh dần Tùy chỉnh Tween
- 13. Making animation Có thể sửa trực tiếp thông qua việc thay đổi con số tại Ease trong property panel Thông số Ease Giá trị thay đổi từ -100 đến 100 • Giá trị âm là nhanh dần • Giá trị dương là chậm dần Nút chọn bảng tùy chỉnh ease Tùy chỉnh Tween = Thông số Ease
- 14. Making animation Thuộc tính lựa chọn sẽ đổi Giá trị tương ứng thay đổi Frame tương ứng Tùy chỉnh Tween = Custom Ease In/Out
- 15. Mask và Guide • Mask và Guide là các cách tạo Tween và animation đặc biệt cho đối tượng (cả 2 đều được thể hiện trên layer) – Guide : tạo ra các kiểu di chuyển phức tạp của đối tượng (ví dụ như các đường gấp khúc khác nhau…) – Mask : giúp che đi phần hình ảnh nằm bên dưới nó
- 16. Mask và Guide Guide > Cách tạo - Click chuột phải tại layer bất kỳ :chọn Guide Hình ảnh sẽ thay đổi như sau
- 17. Mask và Guide Guide > Cách tạo Tạo một layer nữa vào kéo layer ấy xuống phía sát dưới Layer đã đổi thành guide đó Kéo layer mới tạo xuống sát layer guide Đây là guide của chúng ta
- 18. Mask và Guide Guide > Practies -Ở layer guide các bạn hãy vẽ một hình vòng vèo bất kỳ (vẽ xong các bạn chọn frame 20 hoặc xa hơn và nhấn F5) -Ở layer phía dưới layer guide đã tạo, các bạn vẽ một hình quả bóng, convert quả bóng thành một symbol library - Chọn quả bóng và khéo léo kéo quả bóng sao cho tâm quả bóng (hình tròn trắng ở giữa) đi theo nét vẽ của guide (hình 1.1) - Vẫn tại layer đó chọn frame tại vị trí mà bạn chọn để insert frame khi vẽ guide, nhấn F6. - Tại đúng keyframe vừa tạo đó các bạn chọn quả bóng và di nó đến một vị trí khác trên guide (đảm bảo chắc chắn là tâm đi theo nét vẽ) - Xong xuôi các bạn tạo tween cho layer dưới - Kết quả hình 1.2 1.1 1.2
- 19. Mask và Guide Mask > Cách tạo Các bạn làm các bước để tạo giống như với Guide chỉ khác là chọn Mask chứ không phải Guide Mask > Practies •Tại layer phía trên các bạn vẽ một hình bất kỳ trên stage (không bao hết toàn bộ stage là được). • Tại layer phía dưới các bạn lấy một file ảnh bên ngoài và kéo vào stage (hoặc sử dụng import to stage là được) lưu ý là ảnh này cần có kích thước to hơn hình vẽ ở layer phía trên. • Ctrl Enter .
- 20. THỰC HÀNH • HOME WORK – Hãy làm một hiệu ứng với những chuyển động lột tả được cảnh vật bầu trời đêm với những con đom đóm bay lượn. Tài liệu có thể sử dụng: practies.fla, domdom.fla