Để 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.
3. 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:
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 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:
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 hiện ra. Bạn chọn mẫu màu đỏ ở khu vực chứa màu gradient:
Bạn thu được kết quả như sau:
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.
Nhả chuột ra bạn thu được quả bóng tròn với màu gradient như sau:
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:
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:
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:
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.
Bạn thu được quả bóng được ánh sáng chiếu từ góc trên trái:
4.11 Bấm chọn vào Selection Tool trên thanh công cụ bên phải:
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:
4.13 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:
Hộp thoại Convert to Symbol xuất hiện. Bạn gõ vào tên ball ở ô Name, chọn Type là Movie Clip và bấm OK để đóng hộp thoại lại. Quả bóng được chuyển thành Movie Clip.
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:
5.2 Bấm phím F6 để bổ sung keyframe:
5.3 Bấm chuột vào frame 48 trên Layer 1:
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ừ thanh công cụ bên phải:
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):
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:
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:
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.
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).
5.11 Bấm chọn keyframe 24.
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):
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:
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:
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:
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:
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):
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:
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.
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:
Bạn chọn Control > Test Movie từ menu để xem lại kết quả.
* 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 của Tween để có thể nhìn thấy mục Ease trên Property Inspector. |
1. Đối với 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 in 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.
Bạn cũng có thể chọn mục Edit easing (bấm vào cây bút chì bên phải nút Ease) để có thể thay đổi được nhiều mục hơn và linh hoạt hơn:
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 xuống. Ở giai đoạn đầu, đường cong ít dốc, quả bóng rơi chậm. Ở giai đoạn cuối, đường cong dốc nhiều, quả bóng rơi nhanh.
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.
Bạ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:
Nếu bạn bỏ chọn mục Use one setting for all properties, bạn có thể bấm menu xổ 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 dãn đố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.
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.
3. Đối với Motion Tween:
Sự thay đổi tốc độ thể hiện trên motion path.
Đố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.
Đối với Ease Out: Các chấm thể hiện keyframe trên motion path xa nhau ở giai đoạn đầu và gần dần ở giai đoạn cuối.
Tìm 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 phụ, chọn Free Transform Tool.
Chuộ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 ti 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 Alt trong lúc kéo, đối tượng sẽ co dãn đối xứng với tâm đối xứng (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 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 Alt 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 Alt trong lúc kéo, độ cao đối tượng sẽ thay đổi đối xứng với tâm đối xứng. |
 |
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 |
 |
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)
|
 |
Chỉ chọn co dãn đối tượng. Lúc này khi rê 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)
|
 |
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.
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. |
 |
Đ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. |
| Đố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 ti 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 Alt trong lúc điều chỉ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 Symbol, các nút này bị mờ đi nên không chọn được.
|
| 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. | |
« Bài 15: Classic Tween và trò chơi bập bênh đơn giản Bài 17: Sử dụng Classic Motion Guide »