CtrlZ

CtrlZ
 
RegisterRegister  HomeHome  SearchSearch  Log inLog in  


Flash CS4 - Bài 14: Sử dụng Color effectView 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 11:06 am
Flash CS4 - Bài 14: Sử dụng Color effect Bgavatar_06
Flash CS4 - Bài 14: Sử dụng Color effect Bgavatar_01Flash CS4 - Bài 14: Sử dụng Color effect Bgavatar_02_newsFlash CS4 - Bài 14: Sử dụng Color effect Bgavatar_03
Flash CS4 - Bài 14: Sử dụng Color effect Bgavatar_04_newavatarFlash CS4 - Bài 14: Sử dụng Color effect Bgavatar_06_news
Flash CS4 - Bài 14: Sử dụng Color effect Bgavatar_07Flash CS4 - Bài 14: Sử dụng Color effect Bgavatar_08_newsFlash CS4 - Bài 14: Sử dụng Color effect Bgavatar_09
[Sáng Tạo] -

Points : 0
Join date : 1970-01-01


Flash CS4 - Bài 14: Sử dụng Color effect Vide

PostSubject: Flash CS4 - Bài 14: Sử dụng Color effect

Nguồn :https://ctrlz.123.st/t59-flash-cs4-bai-14-su-dung-color-effect

Tiêu Đề : Flash CS4 - Bài 14: Sử dụng Color effect

Trong bài này, bạn sẽ sử dụng Symbol và Color Effect để tạo nhiều bập bênh trên Stage với các hiệu ứng màu sắc khác nhau. 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 14. (Xem bài thực hành 1 về vùng làm việc)
2. Mở một flash document đã tạo trước đó.
2.1 Chọn File > Open từ menu (hoặc phím tắt Ctrl+O):
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
2.2 Chuyển đến folder FLASH CS4 ONLINE, chọn file 011_classic_tween.fla, tiếp theo bấm vào nút Open để mở file này. Chú ý chọn đúng file có đuôi là fla.
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Bạn thu được hình bập bênh trên Stage:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
3. Lưu một flash document.
3.1 Chọn File > Save As… từ menu (Hoặc phím tắt Ctrl+Shift+S):
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Chọn folder FLASH CS4 ONLINE, sau đó lưu file này lại với tên 014_color_effect.fla
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
4. Chuyển đổi bập bênh từ Stage thành Symbol.
4.1. Bấm chuột chọn keyframe 1 của Layer 2:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
4.2 Giữ phím Shift, bấm chọn keyframe 48 của Layer 1. Bạn thu được kết quả toàn bộ các frame của cả hai layer đều được chọn:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
4.3 Rê chuột vào vùng các frame đang được chọn, bấm phím phải chuột cho xuất hiện menu ngữ cảnh và chọn Copy Frames:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
4.4 Chọn Insert > New Symbol… từ menu (Hoặc phím tắt Ctrl+F8):
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
4.5 Hộp thoại Creat New Symbol xuất hiện. Bạn gõ bập bênh vào ô Name, chọn Type là Movie Clip, bấp nút OK để đóng hộp thoại lại:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
4.6 Timeline của Movie Clip bập bênh xuất hiện, trên thanh Edit Bar (còn gọi là Display bar) biểu tượng của Movie Clip bập bênh xuất hiện bên phải Scene 1.
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
4.7 Bấm phím phải chuột vào frame 1 của Timeline cho xuất hiện menu ngữ cảnh và chọn Paste Frames:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Trên Timeline của Movie Clip xuất hiện các frame mà bạn đã copy từ Timeline chính:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Đồng thời trên Stage, nội dung của bập bênh cũng xuất hiện:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
4.8 Bấm chuột vào Scene 1 trên Edit bar để thoát khỏi Timeline của Movie clip và trở ra Timeline chính:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Flash đưa bạn ra Timeline chính là Scene 1:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
5. Tạo nhiều bập bênh trên Stage.
Trước hết, bạn cần xóa toàn bộ nội dung hiện hữu trên Stage. Sau đó, sử dụng Symbol bập bênh từ Library. Các bước thực hiện như sau:
5.1. Bấm chuột chọn keyframe 1 của Layer 2:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
5.2 Giữ phím Shift, bấm chọn keyframe 48 của Layer 1. Bạn thu được kết quả toàn bộ các frame của cả hai layer đều được chọn:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
5.3 Rê chuột vào vùng các frame đang được chọn, bấm phím phải chuột cho xuất hiện menu ngữ cảnh và chọn Remove Frames:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Toàn bộ các frame trên Timeline biến mất:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
5.4 Bấm chọn frame 1 của Layer 1:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
5.5 Bấm phím tắt F5 để bổ sung một frame vào, một chấm tròn màu trắng xuất hiện:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
5.6 Bấm chọn Library panel:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Nội dung của Library panel xuất hiện:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
5.7 Dùng chuột kéo Movie Clip bập bênh ra Stage:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Bạn thu được 1 bập bênh trên Stage:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
5.8 Chọn Free Transform Tool trên thanh công cụ bên phải:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
5.9 Rê chuột lên góc trên bên phải của bập bênh. Khi chuột chuyển thành mũi tên xiên hai chiều, giữ phím Alt và kéo chuột sang trái, chếch xuống dưới để thu nhỏ bập bênh còn khoảng 50% như hình minh họa:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
5.10 Rê chuột vào bập bênh đến khi chuột chuyển thành mũi tên bốn chiều:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
5.11 Giữ phím Alt và kéo chuột sang phải, chếch lên phía trên một chút. Khi bạn kéo, phía dưới chuột xuất hiện một dấu cộng, thể hiện bạn đang thực hiện thao tác copy.
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Nhả chuột ra, bạn thu được một bập bênh thứ hai trên Stage:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
5.12 Bạn thực hiện thao tác copy như đã nêu để thu được bốn bập bênh trên Stage:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView

6. Sử dụng Color Effect để đổi màu các bập bênh (Xem thêm phần Tìm hiểu về Color Effect).
6.1 Chọn Selection Tool từ thanh công cụ bên phải:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.2 Chọn Property Inspector:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.3 Lúc này một bập bênh vẫn đang được chọn. Trong hình minh họa bạn thấy nhiều nhóm tùy chọn để tinh chỉnh cho bập bênh. Nhóm tùy chọn nào được mở, bạn thấy hình tam giác màu trắng bên trái nhóm đó hướng xuống dưới và có các mục nhỏ phía dưới để tinh chỉnh. Nhóm nào chưa được mở, bạn thấy hình tam giác màu trắng bên trái nhóm đó hướng sang phải và không có các mục nhỏ phía dưới để tinh chỉnh. Để mở hoặc đóng một nhóm, bạn bấm chuột vào hình tam giác màu trắng hoặc tên nhóm.
Trong hình minh họa, nhóm Color Effect đang đóng, bạn bấm vào Color Effect để mở ra:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Bạn thu được các mục tinh chỉnh của nhóm Color Effect:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.4 Bạn bấm vào hình tam giác màu đen bên phải mục Style phía dưới vùng Color Effect của Property Inspector. Chọn Brightness từ menu xổ xuống:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.5 Bạn có thể gõ giá trị vào ô bên phải hoặc kéo thanh trượt để thay đổi giá trị Brightness để tinh chỉnh độ sáng. Trong hình minh họa, giá trị thiết lập là -25, màu bập bênh tối đi một chút:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.6 Chọn bập bênh góc trên bên trái:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.7 Bạn bấm vào hình tam giác màu đen bên phải mục Style phía dưới vùng Color Effect của Property Inspector. Chọn Tint từ menu xổ xuống:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.8 Bấm vào ô Tint color để chọn màu từ bảng màu:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.9 Bảng màu xuất hiện, bạn chọn màu vàng:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.10 Bạn có thể gõ giá trị vào các ô bên phải hoặc kéo thanh trượt để thay đổi các giá trị này. Trong hình minh họa, mục Tint được thiết lập 33%:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.11 Chọn bập bênh phía dưới bên phải:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.12 Bạn bấm vào hình tam giác màu đen bên phải mục Style phía dưới vùng Color Effect của Property Inspector. Chọn Advanced từ menu xổ xuống:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.13 Bạn có thể bấm chọn các ô và gõ giá trị mới vào hoặc đưa chuột vào, khi chuột chuyển thành bàn tay có mũi tên hai chiều ở ngón trỏ thì kéo chuột để thay đổi giá trị. Trong hình minh họa, ô bên phải giá trị Red được gán giá trị 255:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.14 Chọn bập bênh phía dưới bên trái:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.15 Bạn bấm vào hình tam giác màu đen bên phải mục Style phía dưới vùng Color Effect của Property Inspector. Chọn Alpha từ menu xổ xuống:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
6.16 Bạn có thể gõ giá trị vào ô bên phải hoặc kéo thanh trượt để thay đổi giá trị này. Trong hình minh họa, mục Alpha được thiết lập 70%:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Bạn có thể chọn Control > Test Movie từ menu (hoặc phím tắt Ctrl+Enter) để xem kết quả.
Nhận xét: cả bốn bập bênh đều hoạt động giống nhau, chỉ khác nhau về màu sắc. Bước tiếp theo bạn sẽ điều chỉnh cho các bập bênh hoạt động lệch pha nhau.
7. Cho các bập bênh hoạt động lệch pha nhau.
7.1. Chọn bập bênh phía trên bên phải:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.2 Ở Property Inspector bấm vào hình tam giác màu đen bên phải chữ Movie Clip, chọn Graphic từ menu xổ xuống:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.3 Bấm chọn nhóm Looping để mở các mục tinh chỉnh:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.4 Chấp nhận thông số mặc định của OptionsLoop, và First là 1 (Xem thêm phần Tìm hiểu thêm về Symbol ở cuối bài):
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.5 Chọn bập bênh phía trên bên trái:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.6 Ở Property Inspector, bấm vào hình tam giác màu đen bên phải chữ Movie Clip, chọn Graphic từ menu xổ xuống:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.7 Chấp nhận thông số mặc định của OptionsLoop, gõ giá trị 12 vào ô First.
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.8 Chọn bập bênh phía dưới bên phải:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.9 Ở Property Inspector, bấm vào hình tam giác màu đen bên phải chữ Movie Clip, chọn Graphic từ menu xổ xuống:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.10 Chấp nhận thông số mặc định của OptionsLoop, gõ giá trị 24 vào ô First.
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.11 Chọn bập bênh phía dưới bên trái:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.12 Ở Property Inspector, bấm vào hình tam giác màu đen bên phải chữ Movie Clip, chọn Graphic từ menu xổ xuống:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.13 Chấp nhận thông số mặc định của OptionsLoop, gõ giá trị 36 vào ô First.
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Lúc này, bạn có thể chọn Control>Test Movie từ menu (hoặc phím tắt Ctrl+Enter) để xem thử kết quả. Tuy nhiên bạn thấy các bập bênh không hoạt động. Lý do là bạn đã chuyển các symbol từ Movie Clip sang Graphic. Sự khác nhau ở chỗ: Movie Clip symbol có thể tự hoạt động, Graphic symbol hoạt động phụ thuộc vào Timeline chính. Số frame ở Timeline chính phải bằng hoặc là bội số số frame của Graphic symbol để có thể đảm bảo cho Graphic symbol hoạt động đúng theo số frame đã tạo ra bên trong Graphic symbol.(Xem thêm phần Tìm hiểu thêm về Symbol ở cuối bài)
Để giúp các bập bênh hoạt động đúng, bạn bổ sung thêm cho đủ 48 frame vào Timeline chính (48 frame là số frame hoạt động của bập bênh mà bạn đã tạo ra trước đó).
7.14 Bấm chọn frame 48 trên Layer 1:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.15 Bấm phím tắt F5 để bổ sung thêm frame:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Chọn Control > Test Movie từ menu (hoặc phím tắt Ctrl+Enter) để xem kết quả. Lúc này các bập bênh đều hoạt động.
7.16 Chọn Layer 2:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
7.17 Bấm nút Delete để xóa:
Flash CS4 - Bài 14: Sử dụng Color effect ImageView
Nhận xét: Bằng cách chuyển toàn bộ một animation từ Timeline chính thành Movie Clip symbol, bạn có thể sử dụng animation nhiều lần. Bạn cũng có thể copy đưa sang các tác phẩm khác để sử dụng mà không cần phải tạo lại từ đầu.
Bài tập gợi ý:
* Áp dụng cách làm trong bài này để tạo nhiều xích đu với nhiều kích cỡ và màu sắc khác nhau.
• Bổ su người vào bập bênh và áp dụng cách làm trong bài này để tạo nhiều bâp bênh với nhiều kích cỡ và màu sắc khác nhau.







Flash CS4 - Bài 14: Sử dụng Color effect

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
Create a forum on Forumotion | © phpBB | Free forum support | Contact | Report an abuse | Forumotion.com