CtrlZ
Would you like to react to this message? Create an account in a few clicks or log in to continue.
CtrlZ

CtrlZ
 
RegisterRegister  HomeHome  Latest imagesLatest images  SearchSearch  Log inLog in  


Flash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn EaseView previous topic View next topic Go down

Copy đường link dưới đây gửi đến nick yahoo bạn bè!

Mon Nov 08, 2010 10:56 am
Flash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease Bgavatar_06
Flash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease Bgavatar_01Flash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease Bgavatar_02_newsFlash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease Bgavatar_03
Flash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease Bgavatar_04_newavatarFlash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease Bgavatar_06_news
Flash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease Bgavatar_07Flash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease Bgavatar_08_newsFlash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease Bgavatar_09
[Sáng Tạo] -

Points : 0
Join date : 1970-01-01


Flash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease Vide

PostSubject: Flash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease

Nguồn :https://ctrlz.123.st/t55-flash-cs4-bai-12-thay-oi-toc-o-hoat-ong-voi-tuy-chon-ease

Tiêu Đề : Flash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease

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

Bài tập gợi ý
Sử dụng Classic Tween tạo con chim bay từ góc trên bên trái xuống lấy mồi ở mép dưới giữa Stage, sau đó bay lên góc trên bên phải. Sử dụng Ease để thay đổi tốc độ chim bay. So sánh với bài mẫu đính kèm.







Flash CS4 - bài 12: Thay đổi tốc độ hoạt động với tùy chọn Ease

View previous topic View next topic Back to top
Page 1 of 1
* Viết tiếng Việt có dấu, là tôn trọng người đọc.
* Chia sẻ bài sưu tầm có ghi rõ nguồn, là tôn trọng người viết.
* Thực hiện những điều trên, là tôn trọng chính mình.
-Nếu chèn smilies có vấn đề thì bấm A/a trên phải khung viết bài
Permissions in this forum:You cannot reply to topics in this forum
CtrlZ :: Đồ Họa :: Flash :: Căn Bản-
pingText link: Xem Phim Nhanh


Ctrlz.123.st | KINGDOM OF DREAMS
Copyright S4U - All rights reserved
Copyright 2010
Powered by vBulletin Version 4.0.7 licensed
Xem tốt nhất với độ phân giải 1024x768 và trình duyệt Firefox
Forum create on Forumotion | ©phpBB | Free forum support | Report an abuse | Cookies | Forumotion.com