Flash CS4 - Bài 12: Tìm hiểu về Ease * Phần lý thuyết bổ sung cho bài thực hành
TTO - Tùy chọn Ease giúp bạn thay đổi tốc độ hoạt động của Tween Đối với các
loại Tween khác nhau, các mục giúp điều chỉ cũng khác nhau Lưu ý: bạn phải chọn keyframe cua Tween để có thể nhìn thấy mục Ease trên Property Inspector
1 Ddi voi Classic Tween:
Bạn có thể kéo chuột để thay đổi giá trị của mục Easing
value hoặc gõ giá trị trực tiếp vào Giá trị âm được gọi là ease ỉn có tác dụng làm tốc độ hoạt động của tween lúc
đầu chậm, đến cuối thì nhanh dần, giá trị âm lớn nhất là
-100 Giá trị dương được gọi là Ease out có tác dụng làm tốc độ hoạt động của
tween lúc đầu nhanh, đến cuối thì chậm dần, giá trị dương lớn nhất là 100 PROPERTIES EBRBAREYV | a Frame v LABEL © ii Name: | Type: | Name Y wv TWEENING Ease: 4
Rotate: Lem vee ly jx Q
PP Pag Prnte® aera phn Prmntt gg OP shar O Gmn GPR 9 FOS ^^ ath on™ oho W008
Trang 2PROPERTIES [WfEBREREYVO| = Frarne @®) ay v LABEL Name: | Type: | Name Y *xz TWEENING Ease: 0 | Rotate; | Auto Lys
LIP LAA DOD RPE DAL pn Pn gO gt IO ep ng
Khi đó hộp thoại Custom Ease In / Ease Out xuất hiện với các chọn lựa như sau:
- Bấm vào nút Play (góc dưới bên trái) để xem thử hoạt động của Ease
- Bấm vào nút Stop (góc dưới bên trái) để ngừng xem hoạt động của Ease
- Bấm vào nút Reset để xóa giá trị của Ease, lúc này đường cong chuyển thành đường thẳng
Trong hình minh họa là đường cong thể hiện Ease In lúc quả bóng rơi từ trên
Trang 3Custom Ease In / Ease Out Property: [Z]Use one setting for all properties L009%o 90% BO% 70% bU% 50% Tween 10% 30% l4 i6 18 Frame
Hình minh họa dưới đây là đường cong thể hiện Ease Out lúc quả bóng nảy lên Ở giai đoạn đầu, đường cong dốc nhiều, quả bóng nảy nhanh Ở giai đoạn cuối, đường cong ít dốc, quả bóng chậm lại
Trang 4Bạn cũng có thể dùng chuột để điều chỉnh độ dốc của đường cong để thay đổi tốc
độ hoạt động của Tween:
Custom Ease In / Ease Out ed
Use one setting for all properties Property: LUI Cancel b H iv Le 14 ib U Frame 18.7, 52.4% Frames
Néu ban bé chon muc Use one setting for all properties, ban cé thé bam menu x6 xuống bên cạnh mục Property để điều chỉnh từng thông số áp dụng cho Tween
(một số hiệu ứng sẽ được tìm hiểu ở các bài thực hành tiếp theo):
- Position: Điều chỉnh tốc độ thay đổi vị trí đối tượng - Rotation: Điều chỉnh tốc độ thay đổi góc quay đối tượng - Scale: Điều chỉnh tốc độ thay đổi độ co dan đối tượng
Trang 5Custom Ease In / Ease Out E3
Property; ‘Position [_] Use one setting for all properties 4 Cancel LU0% 90% 809%© 70% bU"o 50% Tween 10% Frame ¬, - % Frarnes Bấm nút Cancel để hủy bỏ các thay đổi Bấm nút OK để chấp nhận các thay đổi 2 Đối với Shape Tween:
Bạn chỉ có thể thay đổi Easing value PROPERTIES IET Frarne (A) <> LABEL Name: | | Type: | Name I v| “xe TWEENING Ease: 0
PPB PPO RP LP EELS FE PED Pa PL GOO GIP Be Db al
3 Ddi voi Motion Tween:
Trang 6Đối với Ease in: Các chấm thể hiện keyframe trên motion path gần nhau ở giai đoạn đầu và xa dần ở giai đoạn cuối
Trang 7
Tim hiéu vé Free Transform Tool
Free Transform Tool giúp bạn điều chỉnh tự do một đối tượng
Để chọn Free Transform Tool, bạn bấm chuột vào Free Transform Tool trên thanh
công cụ Nếu công cụ hiện hành là Gradient Transform Tool, bạn 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
phu, chon Free Transform Tool xv la PROPERTIES 1 Gy Document Ầ 1? eaace Ầ
St Free Transform Tool (Q)
<> PUBLISH m _3 Gradient Transform Tool (F) + ‹ÒÈ
Player: Flash Player 10 ©
Script: ActionScript 3.0
Class: | | ¿ T
Profile: Default | Edit | %
©
AIR Settings Edit *
Trang 8Chuột đổi thành mũi tên có ruột màu đen Khi bạn bấm chọn vào một đối tượng, các núm điều chỉnh xuất hiện Tùy thuộc đối tượng được chọn và các tùy chọn bổ
sung khác ở thanh công cụ, hoạt động của các núm điều chỉnh được mô tả dưới đây: Đối tượng được chọn là Shape Dấu hiệu nhận dạng
Khi bạn chọn đối tượng Shape, bạn sẽ thấy các hạt li tỉ xuất hiện Xung quanh đối tượng
xuất hiện một khung chữ nhật với tám núm
điều chỉnh hình vuông màu đen Giữa khung
là hình tròn rỗng ruột màu trắng Vòng tròn
này dùng để xác định tâm xoay và tâm đối
xứng của đối tượng
Núm điều chỉnh được chọn Công dụng
Rê chuột đến gần núm điều chỉnh ở một trong
bốn góc của khung chữ nhật, khi thấy chuột
chuyển thành vòng tròn có mũi tên hướng về bên trái, bạn bấm và xoay chuột theo chiều
kim đồng hồ hoặc ngược lại để xoay đối
tượng Đối tượng sẽ được xoay quanh tâm xoay (hình tròn rỗng ruột màu trắng)
Rê chuột vào núm điều chỉnh ở một trong bốn
góc của khung chữ nhật, khi thấy chuột chuyển thành mũi tên xiên hai chiều, bạn bấm và kéo chuột để co dãn đối tượng
Nếu bạn giữ phím AIt trong lúc kéo, đối tượng sé co dan đối xứng với tâm đối xứng (hình
tròn rỗng ruột màu trắng)
Trang 9
Rê chuột vào núm điều chỉnh bên phải (hoặc bên trái) của khung chữ nhật, khi thấy chuột
chuyển thành mũi tên hai chiêu ngang, bạn
bấm và kéo chuột để thay đổi độ rộng đối
tượng
Nếu bạn giữ phím AIt trong lúc kéo, độ rộng
đối tượng sẽ thay đổi đối xứng với tâm đối
xứng
Rê chuột vào cạnh phải (hoặc cạnh trái) của
khung chữ nhật, khi thấy chuột chuyển thành
hai mũi tên đứng ngược chiều, bạn bấm và
kéo chuột để làm xiên đối tượng theo chiều
đứng
Nếu bạn giữ phím Alt trong lúc kéo, độ xiên
đối tượng sẽ thay đổi đối xứng với tâm đối
xứng
Rê chuột vào núm điều chỉnh bên trên (hoặc
bên dưới) của khung chữ nhật, khi thấy chuột chuyển thành mũi tên hai chiều đứng, bạn
bấm và kéo chuột để thay đổi độ cao đối
tượng
Nếu bạn giữ phím AIt trong lúc kéo, độ cao đối tượng sẽ thay đổi đối xứng với tâm đối
xứng
Trang 10
Rê chuột vào cạnh trên (hoặc cạnh dưới) của
khung chữ nhật, khi thấy chuột chuyển thành
hai mũi tên ngang ngược chiều, bạn bấm và
kéo chuột để làm xiên đối tượng theo chiều
ngang
Nếu bạn giữ phím Alt trong lúc kéo, độ xiên
đối tượng sẽ thay đổi đối xứng với tâm đối
xứng
Rê chuột vào vòng tròn rỗng ruột màu trắng,
khi thấy bên dưới chuột xuất hiện một vòng
tròn nhỏ, bạn bấm và kéo chuột để di chuyển
vòng tròn này đến vị trí mới theo nhu cầu Vị trí mới này sẽ là tâm xoay và tâm đối xứng
mới của đối tượng
Để phục hồi tâm này về vị trí ban đầu, bạn
bấm đúp chuột vào vòng tròn rỗng ruột màu trắng Tùy chọn bổ sung ở thanh công cụ Công dụng a + 4+ Rotate and Skew 37
Chỉ chọn xoay và làm xiên đối tượng Lúc này khi rê chuột vào các núm điều chỉnh, hình
dáng chuột sẽ cập nhật thành các hình tương
ứng với xoay và làm xiên (xem minh họa)
Trang 11
my Chi chon co dan đối tượng Lúc này khi ré
iz chuột vào các cạnh của khung chữ nhật, bạn
không thấy hai mũi tên ngược chiều (xem minh họa)
[íìY Làm biến dạng đối tượng Rê chuột vào một
® trong các núm điều chỉnh, khi thấy chuột
chuyển thành mũi tên màu trắng không có
đuôi, bạn bấm và kéo chuột để di chuyển núm
đến vị trí bất kỳ theo nhu cầu
Trang 12
Nếu bạn giữ phím Shift khi kéo một trong bốn
góc, phía dưới chuột xuất hiện mũi tên hai chiều và đối tượng biến dạng đối xứng qua núm giữa của cạnh tương ứng
Ghi chú: bạn có thể giữ phím Ctrl để tạm thời
kích hoạt tùy chọn Distort mà không cần phải chọn từ thanh công cụ Khi nhả phím Ctrl thì
tùy chọn Distort cũng bị vô hiệu hóa
Trang 13|&\ 8m B IE ® 2 ) œ
Điêu chỉnh khung bao đối tượng Lúc này
khung bao hình chữ nhật xuất hiện thêm các
chấm tròn màu đen Các chấm này là tiếp
tuyến giúp bạn thay đổi độ cong các cạnh của
khung chữ nhật
Rê chuột vào một trong các núm điều chỉnh
hình vuông đen, khi thấy chuột chuyển thành
mũi tên màu trắng không có đuôi, bạn bấm và
kéo chuột để di chuyển núm đến vị trí bất kỳ
theo nhu cầu
Rê chuột vào một trong các núm điều chỉnh
hình tròn (nhánh của tiếp tuyến), khi thấy
chuột chuyển thành mũi tên màu trắng không
có đuôi, bạn bấm và kéo chuột để thay đổi độ
cong của cạnh khung bao Bạn thấy nhánh còn
Trang 14lại của tiếp tuyến đối xứng với núm điều chỉnh
mà bạn đang chọn cũng di chuyển theo, đối
xứng qua núm điều chỉnh Nếu bạn giữ phím AIt lúc kéo chuột, tiếp tuyến đối xứng sẽ không di chuyển theo Bạn áp dụng cách này
để điều chỉnh một phần của khung bao
Khi nhả chuột ra, cạnh của khung bao chữ
nhật đã chuyển thành đường cong
Đối tượng được chọn là Symbol Dấu hiệu nhận dạng
Khi bạn chọn đối tượng Symbol, bạn không
thấy các hạt li tỉ xuất hiện Xung quanh đối
tượng xuất hiện một khung chữ nhật với tám
núm điều chỉnh hình vuông màu đen Giữa
khung là hình tròn rỗng ruột màu trắng Vòng
tròn này dùng để xác định tâm xoay và tâm
đối xứng của đối tượng
Điểm khác biệt ở Symbol là sự điều chỉnh sẽ được mặc định đối xứng qua tâm đối xứng
Do đó bạn không cần phải giữ phím Alt trong lúc điêu chỉnh
Ngược lại, bạn giữ phím AIt trong lúc điều
Trang 15chỉnh để vô hiệu hóa sự đối xứng qua tâm đối xứng
Điểm khác biệt thứ hai: Distort và Envelope bị
vô hiệu hóa khi bạn chọn Symboil, các nút này bị mờ đi nên không chọn được A é E/ RA,
Ngoài ra, bạn có thể chọn các đối tượng khác (sẽ được giới thiệu trong các bài
tiếp theo) Về cơ bản, sự điều chỉnh giống như điều chỉnh đối tượng là Shape
