Kĩ thuật Shape Tween dường như có những tính năng riêng biệt. Mặc dù
nó cũng có thể dùng để chuyển đổi màu sắc, hình dáng của vật thể như hai loại Tween còn lại. Nhưng chức năng chính của nó là “biến hình”. Để tạo sự biến hình, cũng tương tự Classic Tween, bạn phải tạo hai KeyFrame mở đầu và kết thúc. Shape Tween không hỗ trợ hiệu ứng 3D, không hỗ trợ chức năng swap symbol để thay đổi biểu tượng nguồn cho một đối tượng thể hiện.
Mục tiêu:
- Hiểu vai trò Shape Tween
- Vận dụng các công cụ Shape Tween tạo hoạt hình
- Rèn luyện tính cẩn thận, tư duy sáng tạo.
Nội dung chính:
1. Mô tả cơ chế
Kĩ thuật Shape Tween dường như có những tính năng riêng biệt. Mặc dù nó cũng có thể dùng để chuyển đổi màu sắc, hình dáng của vật thể như hai loại Tween còn lại. Nhưng chức năng chính của nó là “biến hình”. Để tạo sự biến hình, cũng tương tự Classic Tween, bạn phải tạo hai KeyFrame mở đầu và kết thúc. Shape Tween không hỗ trợ hiệu ứng 3D, không hỗ trợ chức năng swap symbol để thay đổi biểu tượng nguồn cho một đối tượng thể hiện. Khi tạo Shape Tween, đối tượng sẽ chuyển đổi thành hai đối tượng Graphic. Hai biểu tượng này tương ứng với hai Frame đầu tiên và Frame cuối cùng của Shape Tween. Về
cơ chế của Shape Tween, nó sử dụng thuật toán Transform – nghĩa là sẽ dịch chuyển các điểm được đánh dấu theo một chỉ số nào đó ở Frame đầu tiên đến vị trí được đánh dấu cùng chỉ số trong Frame cuối cùng.
2. Các bước sử dụng Shape Tween.
Chúng ta sẽ tạo hiệu ứng biến đường thẳng thành đường cong. Vì không thể tạo được hiệu ứng này bằng các Tween còn lại. Đây cũng là một ví dụ điển hình sử dụng Shape Tween.
Hình 8.1. Kĩ thuật Shape Tween Bước 1. Dùng công cụ Line vẽ một đường thẳng trên khung sáng tác.
Bước 2. Với công cụ Shape Tween, bạn có thể tạo Tween trước khi chèn KeyFrame hoặc sau khi chèn KeyFrame. Ta sẽ minh họa bằng việc tạo Tween trước. Bạn hãy dùng công cụ Selection, bấm chọn đối tượng, kích chuột phải và chọn Create Shape Tween.
Bước 2. Bấm chọn vào Frame 30 trên TimeLine, nhấp phím F6 để chèn KeyFrame kết thúc. Bạn bấm chọn công cụ Add Anchor Point và bấm vào vị trí giữa đường thẳng để bổ sung điểm điều khiển. Tiếp đến, bạn chọn công cụ Convert Anchor Point để tạo điểm uốn. Bạn hãy bấm chọn điểm mà bạn vừa tạo,
và uốn đường thẳng này thành đường cong như trên.
Bước 3. Nhấn tổ hợp Ctrl+Enter để kiểm tra sản phẩm.
Bạn lưu ý rằng, trong hình minh họa trên, tôi đã sử dụng chức năng Onion Skin.
3. Sử dụng Shape hint
Khi sử dụng Shape Tween, nó sẽ tự động tạo ra sự biến hình theo một thuật toán được định sẵn. Nếu bạn muốn điều khiển sự biến hình này, Flash cũng cung cấp cho bạn công cụ đó là Shape Hint.
Shape Hint là một điểm điều khiển khi sử dụng Shape Tween. Để sử dụng chức năng này, bạn cần tạo một Shape Tween cho một đối tượng, sau đó vào menu Modify > Shape > Add Shape Hint (phím tắt là Ctrl+Shift+H). Shape Hint sẽ xuất hiện theo cặp: một điểm ở Frame đầu tiên trên TimeLine của Tween và một điểm ở Frame cuối cùng. Các Shape Hint này được đánh chỉ số là a, b, c…. Bạn hãy quan sát hai hình vẽ sau đây:
Hình 8.2. Các cặp Shape Hint ở Frame đầu (trái) và Frame cuối (phải)
Câu hỏi ôn tập, bài tập
8.1. Tạo hoạt hình Shape Tween các kiểu biến đổi dòng chữ SINH VIÊN CĐ
KỸ THUẬT CÔNG NGHỆ BR-VT
8.2. Tạo hoạt hình biến đổi từ các hình dạng khác nhau: hình vuông…hình tròn. 8.3. Tạo một đoạn văn bản với nội dung “SAO VÀNG” và một ngôi sao 5
cánh màu vàng. Tạo hiệu ứng biến đổi chữ “SAO VÀNG” thành ngôi sao.
8.4. Bài tập tổng hợp
Hãy sử dụng bức ảnh chứa các đối tượng được vẽ ở trên để thực thi bài thực hành số 2.
1. Hãy chuyển đổi MatTrang trong Layer 2 thành biểu tượng MovieClip và đặt tên cho nó là MatTrang. Hãy sử dụng Classic Tween để tạo hiệu ứng động cho mặt trăng. Mặt trăng có hai hiệu ứng động là: đổ bóng mờ và di chuyển. Để tạo hiệu ứng bóng mờ, hãy sử dụng thuộc tính Filter=Blur của MovieClip. Các thao tác này chỉ được sử dụng Classic Tween.
2. Hãy xóa bỏ các ngôi sao trên bầu trời ở trên. Trong thư viện, hãy chọn lại biểu tượng Graphic là Sao mà bạn đã tạo. Bạn hãy chuyển đổi nó thành MovieClip.
Sử dụng Motion Tween để tạo hiệu ứng tăng giảm độ trong suốt (thuộc tính Alpha của MovieClip). Thuộc tính này thay đổi từ 80% đến 100%. Tiếp tục sử dụng công cụ Spray Brush, lần này bạn chọn biểu tượng cho nó là MovieClip Sao. Hiệu chỉnh các thông số tương tự như bài thực hành số 1. Sau đó, quét lên Layer Sao.
3. Hãy sử dụng công cụ Bone để tạo chuyển động cho đôi chân cô gái. Các phần còn lại không cần tạo chuyển động. Bạn kết hợp với Motion Tween để tạo sự di chuyển (thay đổi vị trí trong bức ảnh) cho cô gái.
4. Sử dụng Motion Tween để tạo chuyển động cho các đám mây. Các đám mây chuyển động theo dạng thức 3D (kết hợp công cụ 3D Rotation và 3D Translation).
5. Hãy tạo mới một Layer đặt tên là BienHinh. Trên Layer này, bạn hãy tạo một ngũ giác. Sử dụng Shape Tween để tạo hiệu ứng biến hình cho hình thể này thành hình ngôi sao năm cánh. Hãy đặt nó vào một vị trí thích hợp.