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 BRVTỆ
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.ặ ộ ị ợ