Tự học Flash-Chương 9: Cách tạo các Animation

GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 9


CÁCH TẠO RA CÁC ẢNH CHUYỂN ĐỘNG ANIMATION

TỔNG QUAN VỀ CÁCH TẠO RA CÁC ANIMATION
Bạn tạo ra các Animation bằng cách thay đổi nội dung của frame liên tiếp nhau. Bạn có thể tạo đối tượng di chuyển ngang qua vùng Stage, thay đổi kích thước, hướng xoay, màu sắc, hình dạng và cách làm cho đối tượng vào hay ra mờ dần (Fade In hay Fade Out). Những thay đổi này có thể xảy ra độc lập nhau hoặc kết hợp với những sự thay đổi khác. Ví dụ, bạn có thể tạo cho đối tượng xoay và khi nó di chuyển vào ngang qua vùng Stage mờ dần.
Có hai cách để tạo ra một đối tượng Animation chuyển động liên tiếp trong Flash: chuyển động Animation theo frame-by-frame và Tweened Animation. Trong cách chuyển động Animation theo frame-by-frame, bạn phải tạo ra ảnh trong mỗi frame. Trong cách chuyển động theo Tweened Animation, bạn có thể tạo ra frame bắt đầu và frame kết thúc và cho phép Flash tạo ra nhiều frame trong khoảng giữa frame đầu và frame cuối này. Flash thay đổi kích thước, hướng xoay, màu sắc hoặc các thuộc tính khác ngang nhau giữa frame đầu và frame cuối để tạo ra ảnh thay đổi chuyển động về hình dáng.
Cách chuyển động theo Tweened Animation là một cách có hiệu quả để tạo ra ảnh chuyển động và thay đổi liên tục trong khi đó kích thước file rất nhỏ. Trong cách chuyển động Tweened Animation này, Flash chỉ lưu lại các giá trị thay đổi giữa các frame. Trong cách chuyển động Animation theo frame-by-frame, Flash lưu lại các giá trị cho mỗi frame kết thúc.
Để biết thêm cách hướng dẫn tạo ra ảnh chuyển động Animation này, bạn hãy tham
khảo thêm tài liệu "GIÁO TRÌNH THIẾT KẾ WEB : PHẦN THỰC HÀNH - TỰ HỌC MACROMEDIA FLASH 5.0
BẰNG HÌNH ẢNH" cùng tác giả.
Chú ý : Ngoài ra bạn cũng có thể tạo ảnh chuyển động Animation bằng cách dùng Set Property action. Bạn có thể xem mục ActionScript Help để biết thêm chi tiết.

CÁCH TẠO RA CÁC KEYFRAME
Một keyframe là một frame mà nơi đó bạn thay đổi quá trình chuyển động Animation. Khi bạn tạo ra ảnh chuyển động Animation theo cách frame-by-frame, mỗi frame là một keyframe. Trong keyframe chuyển động theo cách Tweened Animation, bạn phải xác định tại những điểm quan trọng trong quá trình chuyển động và cho phép Flash tạo ra nội dung giữa các frame. Flash hiển thị các frame bổ sung của chế độ Tweened Animation như các màu xanh nhạt, xanh đậm có mũi tên vẽ giữa các keyframe. Flash sẽ vẽ lại hình dáng của đối tượng trong mỗi keyframe. Bạn chỉ nên tạo ra các keyframe tại những điểm đó trong ảnh thay đổi.
Các Keyframe được xác định trong thanh thước Timeline : một keyframe có một vòng tròn đặt trên đó cho biết keyframe đó đang chứa dữ liệu và một keyframe trống thể hiện một đường thẳng đứng trước một frame. Các frame thêm vào sau đó trên cùng một layer sẽ có cùng một dữ liệu như keyframe.


TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 191 BIÊN SOẠN : KS PHẠM QUANG HUY



GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 9











Keyframe có chứa dữ liệu











Keyframe trống
?? Cách tạo ra một keyframe, bạn có thể chọn một trong những bước sau đây:
. Chọn một frame trong thanh thước Timeline và chọn trên trình đơn Insert > Keyframe.
. Nhấp phải chuột (trong Windows) hoặc nhấp Control (trong Macintosh) tại một frame trong thanh thước Timeline và chọn lệnh Insert Keyframe có trong trình đơn.











CÁC BIỂU TƯỢNG CHUYỂN ĐỘNG ANIMATION TRÊN THANH THƯỚC TIMELINE
Flash phân biệt chế độ chuyển động Tweened Animation với chế độ chuyển động frame-by-frame trong thanh thước Timeline như sau:
?? Các keyframe chuyển động theo chế độ Tweening là Motion được xác định bằng dấu chấm đen và các frame Tween ở giữa liên tục và hai đầu có mũi tên màu đen
cùng với nền Background có màu xanh nhạt.
?? Các Keyframe chuyển động theo chế độ Tweening là Shape được xác định bằng dấu chấm đen và các frame Tween ở giữa liên tục và hai đầu có mũi tên màu đen
cùng với nền Background có màu xanh lá cây.


TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 192 BIÊN SOẠN : KS PHẠM QUANG HUY



GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 9

?? Một đường gạch cho biết các keyframe cuối cùng đang bị thiếu.

?? Một keyframe đơn độc được xác định bằng một dấu chấm đen. Các frame có màu xám sáng sau một keyframe có chứa cùng dữ liệu và có một đường màu đen, một
hình chữ nhật nhỏ rỗng ở frame cuối cùng.
?? Một chữ a nhỏ chỉ ra rằng frame đó đã được gán một Action (hành động) trong bảng Actions.
?? Một lá cờ màu đỏ cho biết frame đó có lời chú thích và frame đó có tên.

CÁC LAYER TRONG ANIMATION
Mỗi Scene trong Flash movie có thể gồm có nhiều Layer. Khi bạn tạo ảnh chuyển động, bạn dùng các Layer để sắp xếp các thành phần của một trình tự chuyển động và tách biệt các đối tượng chuyển động vì vậy chúng không xoá, kết nối hoặc phân rã lẫn nhau. Nếu bạn làm Flash chuyển động nhiều nhóm hoặc các Symbol cùng lúc, mỗi đối tượng phải ở trên từng Layer độc lập. Đặc biệt, Layer Background là một ảnh tĩnh, các Layer bổ sung chỉ chứa một đối tượng chuyển động độc lập với nhau.









Các Layer xuất hiện thành hàng trong thanh thước Timeline
Khi một đoạn phim có nhiều Layer, Track và hiệu chỉnh các đối tượng trong một hay nhiều Layer trở nên rất khó khăn. Công việc này trở nên dễ dàng nếu bạn làm việc với trên một dữ liệu trong từng Layer tại lúc nào đó.
TỐC ĐỘ FRAME
Một tốc độ frame quá chậm có thể làm cho ảnh chuyển động không liên tục. Đối với tốc độ frame quá nhanh có thể làm mờ chi tiết chuyển động. Một tốc độ frame 12 frame trên một giây (fps) thường cho kết quả tốt nhất khi xuất đoạn phim trên trang Web. Đoạn phim QuickTime và AVI movies có một tốc độ chung là 12 fps trong khi đó tốc độ ảnh chuyển động chuẩn là 24 fps. Độ chuyển động phức tạp� và tốc độ của máy tính đều ảnh hưởng đến tốc độ phát lại của đoạn phim. Kiểm tra đoạn phim chuyển động của bạn trên nhiều máy khác nhau để xác định tốc độ tối ưu cho các frame.
Vì bạn chỉ xác định một tốc độ frame cho toàn đoạn phim Flash Movie, đó là một cách thiết lập tỉ lệ tốt nhất trước khi bạn bắt đầu tạo ra ảnh chuyển động.
MỞ RỘNG ẢNH
Khi bạn tạo ra một ảnh nền Background chuyển động, điều đó rất cần thiết cho việc tạo ra một ảnh tĩnh trong nhiều frame. Việc thêm vào các frame mới (không phải là keyframe) vào một Layer sẽ làm tăng kích thước dữ liệu của frame cuối trong tất cả các frame mới.


TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 193 BIÊN SOẠN : KS PHẠM QUANG HUY



GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 9

?? Mở rộng ảnh trong nhiều frame:
1. Tạo một ảnh trong keyframe đầu tiên của đoạn phim.
2. Chọn một frame bên phải, tại vị trí frame cuối mà bạn muốn thêm vào.
3. Chọn trình đơn Insert > Frame.
?? Dùng một Shortcut để mở rộng ảnh:
4. Tạo một ảnh trong keyframe đầu tiên.
5. Nhấn phím Alt và nhấp chuột vào keyframe sang phải. Điều này sẽ tạo ra một vùng mở rộng mới mà không cần một keyframe mới tại điểm cuối.

TỔNG QUAN VỀ CHẾ ĐỘ CHUYỂN ĐỘNG TWEENED ANIMATION
Flash có thể tạo ra 2 loại chuyển động của Tweened Animation.
?? Chế độ Motion Tweening, bạn phải xác định các thuộc tính như vị trí, kích thước và hướng xoay cho một Instance, Group hoặc khối ký tự tại một điểm và sau đó bạn thay đổi các thuộc tính này tại một điểm khác.
?? Chế độ Shape Tweening, bạn phải vẽ đối tượng tại một điểm và sau đó bạn thay đổi hình dạng hoặc vẽ một đối tượng khác tại một điểm khác. Flash sẽ thêm vào các giá trị hoặc hình dạng cho các frame giữa, tạo ra chuyển động.
TẠO CHUYỂN ĐỘNG (TWEEN) CHO CÁC INSTANCE, NHÓM (GROUP) VÀ KÝ TỰ (TYPE)
Để làm thay đổi các thuộc tính của các Instance, nhóm và ký tự, bạn sử dụng chế độ chuyển động Motion Tweening. Flash có thể thay đổi vị trí, kích thước, hướng xoay và kéo xiên các Instance, nhóm hoặc ký tự. Ngoài ra, Flash có thể thay đổi màu của Instance và ký tự, tạo ra sự chuyển đổi màu từ từ hoặc tạo ra một Instance ở chế độ vào hoặc ra mờ dần.
Để thay đổi màu của các nhóm hoặc ký tự, bạn phải tạo cho chúng trở thành các Symbol. Bạn có thể xem mục "Cách tạo ra các Symbol" để biết thêm chi tiết.
Nếu bạn thay đổi số frame giữa hai keyframe hoặc di chuyển nhóm hoặc Symbol trong keyframe, Flash sẽ tự động tween các frame này một lần nữa.
?? Bạn có thể tạo ra chế độ chuyển động Motion Tweening dùng một trong hai cách sau:
?? Cách Thứ Nhất : Tạo ra keyframe đầu và
keyframe kết thúc cho quá trình chuyển động và dùng tùy chọn Motion trong mục Tweening từ bảng Frame Properties.










TỦ SÁCH STK - THẾ GIỚI ĐỒ HỌA 194 BIÊN SOẠN : KS PHẠM QUANG HUY



GIÁO TRÌNH THIẾT KẾ WEB : PHẦN LÝ THUYẾT - TỰ HỌC MACROMEDIA FLASH BẰNG HÌNH ẢNH CHƯƠNG 9
?? Cách Thứ Hai : Tạo ra keyframe chuyển động đầu tiên và sa