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