TWEEN Giới thiệu:
Tạo ảnh động (animation) theo phương pháp frame-by-frame, tức là phương pháp tạo ảnh động với mỗi khung hình có một nội dung khác nhau, cụ thể là cho dòng chữ TUỔI TRẺ CAO ĐẲNG NGHỀ xuất hiện dần theo từng ký
tự thông qua các bước sau đây.
Mục tiêu:
- Trình bày được vai trò Frame by Frame, Classic Tween.
- Vận dụng các công cụ Frame by Frame, Classic Tween để tạo hoạt hình cho đối tượng.
- Rèn luyện tính cẩn thận, tư duy sáng tạo.
Nội dung chính:
1. Hoạt hình Frame by Frame
Frame by Frame trong Flash được dùng để tạo một hiệu ứng chuyển động cơ bản nhất trong Flash. Các đối tượng sẽ chuyển động từng frame một và tất cả các frame đó sẽ hình thành một chuyển động chung là Frame by Frame.
Thiết kế chuyển động gồm:
Sử dụng công cụ Oval Tool để vẽ hình eclips và để vẽ được hình tròn thì bạn cần nhấn phím “Shift” trên bàn phím
Một đối tượng hình tròn với kích thước width:150, height: 150
Màu sắc Background là màu đỏ
Hình 4.1. Sử dụng công cụ Oval Tool để vẽ hình elips
Sau khi bạn thiết kế xong bây giờ đến lúc chúng ta tạo nên chuyển động
Tại Panel TimeLine sẽ nhận thấy các Frame có biểu tượng là một dấu chấm tròn đen.
Bây giờ tiếp theo hấn phím F6 từ bàn phím để được 1 Frame tiếp theo
Hình 5.2. Tạo Frame chuyển động cho hình elip
Nhấn thêm 19 lần phím F6 để tổng số điểm sẽ là 21 điểm (Frame)
Để đối tượng chuyển động được thì ở mỗi vị trí Frame (điểm tròn đen) bạn phải dịch chuyển vị trí của đối tượng hình tròn màu đỏ sang bên phải ví dụ như hình sau:
Hình 5.3. Tạo điểm đầu và điểm cuối.
Điển hình ở vị trí thứ 4 sẽ dịch chuyển sang bên phải sao cho không trùng với điểm trước nó.
Và tương tự như vậy so với các frame còn lại cứ dịch chuyển vị trí tương ứng từng Frame
Và cuối cùng là ta nhận được kết quả như mong đợi bằng cách bạn sử dụng tổ hợp phím Ctrl + Enter trên bàn phím
2. Hoạt hình Classic Tween
Classic Tween là một kỹ thuật tạo chuyển động được cung cấp trong các phiên bản từ Flash CS3 trở về trước (lúc đó gọi là Motion Tween). Từ phiên bản Flash CS4, Adobe vẫn còn duy trì kỹ thuật này nhưng đổi tên là Classic Tween. Về cơ bản, khi thao tác với kỹ thuật Classic Tween ta cần phải sử dụng đến hai Feyframe, đó là KeyFrame khởi đầu và KeyFrame kết thúc.
Nguyên tắc: Trong khung hình đầu tiên (gọi là KeyFrame khởi đầu) ta tạo các đối tượng hoạt hình (như là Graphic Symbol, Movie Clip Symbol, Buttom Symbol). Rồi đến một vị trí khác trên timeline ta tạo thêm một Keyframe kết thúc, trong đó đối tượng hoạt hình có thay đổi kích thước, vị trí, xoay, các hiệu ứng Style, Filter, ...vv. Sau đó thực hiện Classic Tweening.
Sử dụng Classic Tween để tạo hiệu ứng động:
Bước 1: Chọn frame đầu tiên (ví dụ Frame 1) trên tiến trình, rồi tạo các hình (Graphic Symbol, Movie Clip Symbol, Buttom Symbol) trên Stage. Đây là Keyframe đầu tiên.
Bước 2: Chọn Frame cuối (ví dụ Frame 45) trên tiến trình, rồi click phải và chọn lệnh Insert KeyFrame thì ta được một khung hình khóa có nội dung giống như khung hình khóa kế trước. Hiệu chỉnh lại nội dung hoạt hình như thay đổi kích thước, vị trí, xoay, …vv .
Bước 3: Chọn lại Frame đầu tiên (ví dụ Frame 1). Rồi click phải trong TimeLine, chọn lệnh Create Classic Tween.
Hình 5.5. Tạo hoạt hình cho hình ảnh
Bước 4: Ở Panel Properties. mục Tweening có các tùy chọn:
Ease: chỉnh tốc độ bắt đầu, hoặc nhấp Edit Easing để hiện hộp thoại Ease In / Ease Out
Rotate: cho phép xoay.(None, Auto, CW, CCW)
Snap: bắt dính theo đườmg dẫn.
Orient to Path: hướng theo đường dẫn
Scale: cho phép co dãn kích thước khi chuyển động.
Sync: đồng bộ.
Hình 5.6. Thiết lập thuộc tính
Bước 5: Ctrl + Enter để xem kết quả.
Câu hỏi ôn tập, bài tập
5.1. Tạo một hoạt hình ảo giác các hình tròn đồng tâm. 5.2. Tạo một hoạt cảnh hoạt hình bằng Classic Tween