Học Adobe Flash CS4 cơ bản Flash CS4 - bài 12

Học Adobe Flash CS4 Flash CS4 - 12: Thay đổi tốc độ hoạt động với tùy chọn Ease TTO - Theo mặc định, Tween Flash tạo có tốc độ Tuy nhiên, có lúc bạn phải cho tốc độ nhanh dần chậm dần cho phù hợp với thực tế tạo khác biệt Để thay đổi tốc độ, bạn sử dụng tùy chọn Ease Property Inspector Trong này, bạn tạo chuyển động cho bóng rơi xuống nảy lên Sau sử dụng tùy chọn Ease để thay đổi tốc độ cho phù hợp với thực tế Các bước thực hành sau: 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 12 (Xem thực hành vùng làm việc) Tạo flash document (Xem thực hành tạo flash document) 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 012_ease.fla Dùng Oval Tool để tạo bóng 4.1 Đưa chuột sang công cụ Bấm chuột vào Rectangle Tool giữ chuột vài giây cho menu phụ Bấm chọn Oval Tool: Học Adobe Flash CS4 4.2 Bấm chuột vào ô Stroke color để chọn màu viền cho hình oval: 4.3 Bảng màu ra, bạn bấm chọn vào bên phải có dấu chéo màu đỏ Ô dùng để thiết lập giá trị không màu cho đường viền, tức đối tượng vẽ khơng có viền: Học Adobe Flash CS4 4.4 Bấm chuột vào ô Fill color để chọn màu ruột cho hình oval: 4.5 Bảng màu Bạn chọn mẫu màu đỏ khu vực chứa màu gradient: Học Adobe Flash CS4 Bạn thu kết sau: 4.6 Đưa chuột vào phần Stage, giữ phím Shift kéo chuột xuống để vẽ hình trịn Nhả chuột bạn thu bóng tròn với màu gradient sau: Học Adobe Flash CS4 4.7 Bấm chuột vào Free Transform Tool giữ vài giây cho xuất menu phụ chọn Gradient Transform Tool: Chuột đổi thành mũi tên có ruột màu trắng 4.8 Bấm chuột vào bóng Các núm điều chỉnh màu gradient xuất hiện: Học Adobe Flash CS4 4.9 Rê chuột vào tâm xoay bóng Khi chuột đổi thành mũi tên bốn chiều, nắm kéo tâm xoay chếch bên trái đoạn ngắn hình minh họa: Học Adobe Flash CS4 4.10 Khi nhả chuột ra, quầng sáng chuyển lên góc trái Rê chuột vào núm điều chỉnh độ co dãn màu gradient, thấy chuột chuyển thành vòng tròn có mũi tên giữa, bạn bấm kéo chuột chếch góc bên phải đoạn Bạn thu bóng ánh sáng chiếu từ góc trái: Học Adobe Flash CS4 4.11 Bấm chọn vào Selection Tool công cụ bên phải: 4.12 Bấm chuột vào bóng vừa vẽ Khi chọn, bóng 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: Học Adobe Flash CS4 4.9 Bạn chọn Modify>Convert to Symbol… từ menu (hoặc bấm phím tắt F8) để chuyển bóng thành symbol: Hộp thoại Convert to Symbol xuất Bạn gõ vào tên ball ô Name, chọn Type Movie Clip bấm OK để đóng hộp thoại lại Quả bóng chuyển thành Movie Clip Học Adobe Flash CS4 Dùng Classic Tween để tạo chuyển động cho bóng 5.1 Bạn cần tạo hai Tween Tween thứ cho bóng rơi xuống, Tween thứ hai cho bóng nảy lên Bấm chuột vào frame 24 Layer 1: 5.2 Bấm phím F6 để bổ sung keyframe: 5.3 Bấm chuột vào frame 48 Layer 1: Học Adobe Flash CS4 5.4 Bấm phím F6 để bổ sung keyframe: 5.5 Bấm chọn keyframe 24: 5.6 Chọn Selection Tool từ công cụ bên phải: 5.7 Giữ phím Shift, đưa chuột kéo bóng xuống hình minh họa (phím Shift giúp di chuyển theo đường thẳng đứng): Học Adobe Flash CS4 5.8 Bấm phím phải chuột vào keyframe 24 cho xuất menu ngữ cảnh chọn Create Classic Tween: 5.9 Bấm phím phải chuột vào keyframe cho xuất menu ngữ cảnh chọn Create Classic Tween: Học Adobe Flash CS4 Bạn thu màu xanh nhạt đặc trưng Classic Tween với mũi tên từ frame đến frame 23 cho tween đầu mũi tên từ frame 25 đến frame 47 cho tween lại 5.10 Lúc keyframe chọn Đưa chuột vào ô Easing value Property Inspector, chuột chuyển thành bàn tay với mũi tên hai chiều Kéo chuột sang trái đến giá trị đổi thành -100 nhả chuột (hoặc bấm chọn chữ gõ vào số -100) (Xem thêm phần Tìm hiểu Ease cuối bài) Học Adobe Flash CS4 5.11 Bấm chọn keyframe 24 5.12 Đưa chuột vào ô Easing value Property Inspector, chuột chuyển thành bàn tay với mũi tên hai chiều Kéo chuột sang phải đến giá trị đổi thành 100 nhả chuột (hoặc bấm chọn ô chữ gõ vào số 100): 5.13 Chọn Control > Test Movie từ menu để xem kết Quả bóng bắt đầu rơi chậm, gần tới nhanh dần Sau nảy lên thật nhanh lên chậm dần Học Adobe Flash CS4 Bổ sung hiệu ứng bóng dẹt chạm đất 6.1 Bấm chọn frame 22: 6.2 Bấm phím F6 để bổ sung keyframe: 6.3 Bấm chọn frame 26: 6.4 Bấm phím F6 để bổ sung keyframe: Học Adobe Flash CS4 6.5 Tại frame 26 này, giá trị Ease Bạn thực hành lại bước 5.12 để đưa giá trị Ease lên 100: 6.6 Bấm chọn keyframe 24 Tại frame này, giá trị Ease 100 Bạn thực hành lại thao tác giống bước 5.12 để đưa giá trị Ease trở 0: 6.7 Bấm chuột vào Gradient Transform Tool công cụ giữ vài giây cho xuất menu phụ, chọn Free Transform Tool (Xem thêm phần Tìm hiểu Free Transform Tool cuối bài): Học Adobe Flash CS4 6.8 Bấm chuột vào bóng cho xuất núm điều chỉnh Đưa chuột vào vòng tròn rỗng ruột màu trắng cho xuất vòng tròn nhỏ bên cạnh chuột Kéo vòng tròn rỗng ruột màu trắng xuống sát mép bóng: 6.9 Đưa chuột vào núm điều chỉnh phía trên, Khi thấy chuột chuyển thành mũi tên hai chiều đứng Nắm kéo chuột xuống đoạn ngắn cho bóng dẹp lại Học Adobe Flash CS4 6.10 Đưa chuột vào núm điều chỉnh bên phải, Khi thấy chuột chuyển thành mũi tên hai chiều ngang Giữ phím Shift, nắm kéo chuột sang phải đoạn ngắn cho bóng phình hai bên: Học Adobe Flash CS4 Bạn chọn Control > Test Movie từ menu để xem lại kết  ... vẽ khơng có viền: Học Adobe Flash CS4 4.4 Bấm chuột vào ô Fill color để chọn màu ruột cho hình oval: 4.5 Bảng màu Bạn chọn mẫu màu đỏ khu vực chứa màu gradient: Học Adobe Flash CS4 Bạn thu kết... gradient xuất hiện: Học Adobe Flash CS4 4.9 Rê chuột vào tâm xoay bóng Khi chuột đổi thành mũi tên bốn chiều, nắm kéo tâm xoay chếch bên trái đoạn ngắn hình minh họa: Học Adobe Flash CS4 4.10 Khi nhả... trái đến giá trị đổi thành -1 00 nhả chuột (hoặc bấm chọn ô chữ gõ vào số -1 00) (Xem thêm phần Tìm hiểu Ease cuối bài) Học Adobe Flash CS4 5.11 Bấm chọn keyframe 24 5 .12 Đưa chuột vào ô Easing