Tao anh dong theo phuong phap Frame

TTO - Trong bài này, bạn sẽ thực hành 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à[r]

Tạo ảnh động theo phương pháp Frame-By-Frame

TTO - Trong bài này, bạn sẽ thực hành 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Ẻ ONLINE xuất hiện dần theo từng ký tự thông qua các bước sau đây.

1 Tìm hiểu về giao diện của Flash CS4 Professional

Khi kh i đ ng l n đ u tiên, Flash CS4 có giao di n nh sau: ở ộ ầ ầ ệ ư

Vùng khoanh tròn màu đỏ ở hình trên có chữ ESSENTIALS Đây là vùng làm việc (workspace) mặc định khi

khởi động Flash CS4 lần đầu Có nhiều vùng làm việc khác nhau để chọn lựa tùy theo thói quen và sở thích

của từng người, ví dụ như đối với người đã từng sử dụng Flash có thể chọn vùng làm việc CLASSIC Khi bấm vào chữ ESSENTIALS đ c p trên, Flash s x xu ng m t menu cho b n ch n l a ề ậ ở ẽ ổ ố ộ ạ ọ ự vùng làm vi c nh sau: ệ ư

Để giúp cho những bạn mới làm quen với Flash không gặp khó khăn trong việc thiết lập vùng làm việc, bạn

sẽ thực hành dựa trên vùng làm việc mặc định

Bạn bấm chọn vào Essentials để chọn lại vùng làm việc mặc định của Flash, tiếp đến bấm chọn Reset

Essentials để khôi phục vùng làm việc mặc định này để bắt đầu vào bài thực hành 1 (Việc tùy biến một

vùng làm việc theo nhu cầu của từng người dùng sẽ được đề cập chi tiết ở một bài thực hành sau này)

(Xem thêm phần Tìm hiểu các thành phần của vùng làm việc mặc định Essentials ở phần kế tiếp)

2 Tạo mới một flash document

Dùng chu t b m vào nút Flash File (ActionScript 3.0): ộ ấ

Flash sẽ tạo ra một file mới có tên là Untitled-1:

(Xem thêm phần Flash document và Flash movie ở phần kế tiếp)

3 Lưu một flash document

Tất cả các bài thực hành được lưu vào một folder chính để tiện cho việc quản lý Bạn sẽ tạo một folder mới

có tên FLASH CS4 ONLINE, sau đó lưu file này lại với tên 001_frame_by_frame.fla trong folder vừa tạo

ra, sau đó sẽ thực hành tiếp Cách làm như sau:

3.1 Chọn File > Save:

3.2 Ở hộp thoại mới mở ra, bấm nút Create New folder:

3.3 Một folder mới được tạo ra với tên mặc định là New Folder.

3.4 Bạn đổi tên lại thành FLASH CS4 ONLINE.

3.5 Di chuyển vào bên trong folder này và đặt tên file là 001_frame_by_frame.fla, xong b m vào nút ấ Save đ l u l i ể ư ạ

4 Sử dụng Text Tool để viết một đoạn text

4.1 B m ch n vào Text Tool trên thanh công c bên ph i ấ ọ ụ ả

4.2 Nhấp chuột vào chỗ 12.0pt trên Property Inspector

4.3 Đổi số 12 thành 50 r i nh n phím ENTER đ ch p nh n giá tr m i ồ ấ ể ấ ậ ị ớ

4.4 Bấm chuột vào Stage và gỏ vào dòng chữ TUỔI TRẺ ONLINE

4.5 Bấm phí ESCAPE đ thoát kh i khung text, lúc này c đo n text đã đ c ch n và có m t ể ỏ ả ạ ượ ọ ộ khung hình ch nh t bao quanh ữ ậ

4.6 Để canh giữa đoạn text này trên Stage, trước hết chọn Edit>Cut t menu:ừ

Kế đến chọn Edit>Paste in Center t menu:ừ

Bạn thu được dòng chữ được canh giữa Stage nh sau: ư

5 Sử dụng lệnh Break Apart để tách text thành từng ký tự

Chọn Modify>Break Apart t menu:ừ

Dòng ch TU I TR ONLINE đ c tách r i thành t ng ký t : ữ Ổ Ẻ ượ ờ ừ ự

(Xem thêm phần Tìm hiểu về Timeline ở phần kế tiếp)

6 Chèn thêm một keyframe vào timeline

Dòng chữ TUỔI TRẺ ONLINE gồm có 15 ký tự bao gồm cả khoảng trắng Bạn sẽ cho các ký tự này xuất

hiện lần lượt trên màn hình Để thực hiện điều này bạn cần 15 keyframe Bạn chèn thêm keyframe bằng

cách chọn Insert > Timeline > Keyframe t menu:ừ

Trên Timeline xu t hi n thêm m t keyframe ấ ệ ộ

Bạn tiếp tục chèn thêm keyframe vào Timeline, tuy nhiên lần này bạn dùng phím tắt cho nhanh Bấm phím

F6 và nhìn vào số frame ở ô Current Frame cho đ n khi xu t hi n s 15 thì d ng l i ế ấ ệ ố ừ ạ

(còn tiếp)

GV TRƯƠNG VĂN NĂNG Công ty TNHH Khải Thiên (KTC Co., Ltd)