TTO - Trong bài này bạn sẽ thực hành tạo ảnh động (animation) theo phương pháp motion tween kết hợp với mask layer để cho dòng chữ TUỔI TRẺ ONLINE xuất hiện dần theo từng ký tự1. Các b[r]
(1)Phương pháp Motion Tween
TTO - Trong bạn thực hành tạo ảnh động (animation) theo phương pháp motion tween kết hợp với mask layer dòng chữ TUỔI TRẺ ONLINE xuất dần theo ký tự Các bước thực hành sau:
1 Chuyển vùng làm việc mặc định
Bạn bấm chọn vùng Essentials để chọn lại vùng làm việc mặc định Flash, tiếp đến bấm chọn Reset Essentials để khôi phục vùng làm việc mặc định bắt đầu vào thực hành (Xem thực hành vùng làm việc)
2 Tạo flash document. (Xem thực hành tạo flash document)
3 Lưu flash document. (Xem thực hành lưu flash document)
Chọn folder FLASH CS4 ONLINE, sau lưu file lại với tên 002_motion_mask.fla
4 Sử dụng Text Tool để viết đoạn text.
4.1 Bấm chọn vào Text Tool công cụ bên phải:
(2)4.3 Đổi số 12 thành 50 nhấn phím ENTER để chấp nhận giá trị mới:
4.4 Bấm chuột vào Stage gõ vào dòng chữ TUỔI TRẺ ONLINE:
(3)4.6 Để canh đoạn text Stage, trước hết chọn Edit>Cut từ menu:
Kế đến chọn Edit>Paste in Center từ menu:
(4)5 Thêm layer vào Timeline.
5.1 Bấm chuột vào nút New Layer để thêm layer vào Timeline:
5.2 Bấm đúp vào Layer đổi tên thành mask:
6.Chọn Rectangle Tool để vẽ hình chữ nhật.
6.1 Bấm chọn Rectangle Tool từ công cụ:
(5)6.2 Kéo chuột từ góc bên trái sang góc bên phải để bao phủ chữ TUỔI TRẺ ONLINE:
Bạn thu hình chữ nhật màu xanh bao phủ chữ TUỔI TRẺ ONLINE:
7 Sử dụng Selection Tool để chọn hình chữ nhật tạo motion tween.
7.1 Bấm chọn Selection Tool công cụ bên phải:
7.2 Bấm chọn hình chữ nhật Khi chọn, hình chữ nhật chuyển sang dạng hạt li ti, đồng thời phía chuột xuất mũi tên bốn chiều:
7.3 Bấm phím phải chuột cho xuất menu ngữ cảnh chọn Create Motion Tween:
(6)Sau bấm chọn OK, bạn thấy số thay đổi sau:
1 Hình chữ nhật khơng cịn hạt li ti chuyển thành symbol
2 Trên Property Inspector xuất biểu tượng symbol (hình bánh xe) Movie Clip với dòng chữ Instance of: Symbol (xem thêm phần tìm hiểu symbol cuối bài)
3 Trong khu vực frame Timeline, Flash tự động bổ sung số frame thành 24 frame (mặc định cho motion tween hoàn thành giây - theo mặc định Flash CS4 thiết lập tốc độ 24 fps) Đồng thời Playhead di chuyển đến frame số 24 Bên cạnh bạn cịn thấy frame từ đến 24 đổi sang màu xanh nhạt đặc trưng motion tween Flash CS4
7.5 Bấm F6 để chèn keyframe vào vị trí frame 24 (Xem thực hành 1- cách chèn keyframe), frame xuất hình thoi màu đen Đây đặc trưng motion tween Flash CS4
(7)7.7 Đưa chuột vào mép phải hình chữ nhật, bấm di chuyển hình chữ nhật sang trái, giữ phím Shift để hình chữ nhật di chuyển theo chiều ngang
Khi nhả chuột ra, bạn thu thay đổi hình vẽ
Trên hình bạn thấy đường thẳng có chấm dọc theo đường thể vị trí frame, điểm đặc trưng motion tween cho đối tượng Flash CS4, hoàn toàn khác với motion tween phiên Flash trước (Flash CS4 gọi motion tween theo cách cũ Classic motion tween)
7.8 Motion tween kéo dài 24 frame, đoạn text kéo dài frame, bạn bổ sung frame cho layer chứa đoạn text cách bấm chuột vào frame số 24 layer chứa đoạn text
Để chèn thêm frame vào Timeline bạn chọn Insert > Timeline > Frame từ menu (hoặc bấm phím tắt F5):
(8)7.9 Bấm phím phải chuột vào layer mask để xuất menu ngữ cảnh chọn Mask Biểu tượng layer biến đổi phần bên phải hình đồng thời hai layer bị khóa lại
Lúc Stage dịng chữ TUỔI TRẺ ONLINE bị hình chữ nhật che khuất xuất đầy đủ (Xem thêm phần Tìm hiểu Mask layer cuối bài)
8 Xem thử animation lúc biên soạn
Để xem thử kết lúc biên soạn, bạn nhấn phím ENTER Chữ TUỔI TRẺ ONLINE với ký tự xuất nhanh qua hình
9 Xuất file thành flash movie
Để xuất file thành flash movie, bạn chọn Control > Test Movie từ menu:
(9)Tuy nhiên, file flash movie lặp lại liên tục gây cảm giác không thoải mái xem Bạn bổ sung số frame để Flash tạo dòng chữ TUỔI TRẺ ONLINE hồn chỉnh dừng lại giây
Đóng file flash movie lại cách bấm vào dấu X
Tốc độ thiết lập 24 fps, để dừng lại giây bạn bổ sung 48 frame Số frame có 24, bạn chọn frame số 72 Timeline
Để chèn thêm frame vào Timeline, bạn chọn Insert > Timeline > Frame từ menu (hoặc bấm phím tắt F5)
Thực tương tự cho layer lại, kết thu sau:
(10)Lần Flash dừng lại giây để người xem có thời gian thưởng thức tác phẩm bạn
-Phần lý thuyết bổ sung cho thực hành
Tìm hiểu symbol
Symbol xem dạng liệu đóng gói Flash Dữ liệu nét vẽ, đường thẳng, hình chữ nhật, ảnh v.v
Khi symbol tạo ra, gốc cất giữ thư viện (Library) Bản symbol mà bạn nhìn thấy Stage gọi Instance symbol (hay copy) Bạn phóng to, thu nhỏ, làm méo, đổi màu, v.v symbol Stage mà không làm ảnh hưởng đến nội dung gốc thư viện Muốn thay đổi nội dung gốc, bạn phải sửa từ gốc thư viện
Bạn tạo ba loại symbol: Movie Clip, Graphic Button Đặc điểm symbol chúng có Timeline riêng hay gọi Timeline symbol (Symbol Timeline) Còn timeline thân Flash document gọi timeline (Main Timeline)
Một số cách để tạo symbol:
1 Chọn đối tượng chuyển sang symbol (sẽ có thực hành riêng)
2 Tạo symbol với timeline rỗng (chưa có nội dung) bắt đầu bổ sung nội dung (sẽ có thực hành riêng)
3 Cho Flash tự động tạo symbol vừa thực
Hiệu sử dụng symbol:
Symbol giúp giảm kích thước tác phẩm đáng kể Nếu bạn có flash document có vẽ mười hình chữ nhật cơng cụ vẽ Rectangle Tool flash document với mười hình chữ nhật lấy từ symbol hình chữ nhật gốc từ thư viện flash document tạo từ symbol có kích thước file nhỏ nhiều Do vậy, sử dụng đối tượng hai lần trở lên, bạn nên chuyển sang symbol
Tìm hiểu Mask Layer
Trong lễ hội hóa trang, mặt nạ dùng để che phía sau Kết bạn thấy hình ảnh mặt nạ
(11)TUỔI TRẺ ONLINE bị hình chữ nhật che khuất trước
Do hình chữ nhật Mask Layer di chuyển từ trái sang phải, thân che phủ dịng chữ TUỔI TRẺ ONLINE theo ký tự từ bên trái che hết dịng chữ dừng lại Do Mask Layer có hiệu lực, bạn thấy dịng chữ TUỔI TRẺ ONLINE xuất dần theo ký tự
Làm nhận Mask Layer?
Lúc biên soạn Flash document, bạn tạo Mask Layer (bằng cách bấm phím phải chuột vào layer chọn Mask từ menu ngữ cảnh), Flash khóa Mask Layer khóa layer hiệu ứng Mask có hiệu lực Layer phía gọi layer bị mask (Masked) Nếu nhìn vào bên trái layer, biểu tượng layer thay đổi:
Mask Layer có motion tween:
Mask Layer khơng có motion tween:
Một điều cần lưu ý nội dung Mask Layer có màu sắc bất kỳ, khơng thiết phải màu xanh thực hành
Khi muốn thay đổi nội dung Mask Layer layer bị mask, bạn việc mở khóa layer cần thay đổi nội dung thực thay đổi cần thiết Lúc hiệu ứng mask khơng cịn hiệu lực flash document, xuất tác phẩm thành flash movie, hiệu ứng mask lại có hiệu lực
n :