›
›

Giáo trình thiết kế Web - Chương 9: Cách tạo ra các ảnh chuyển động Animation

pdf 33 trang phuongnguyen 3840
Download
Bạn đang xem 20 trang mẫu của tài liệu "Giáo trình thiết kế Web - Chương 9: Cách tạo ra các ảnh chuyển động Animation", để tải tài liệu gốc về máy bạn click vào nút DOWNLOAD ở trên

Tài liệu đính kèm:

  • pdfgiao_trinh_thiet_ke_web_chuong_9_cach_tao_ra_cac_anh_chuyen.pdf

Nội dung text: Giáo trình thiết kế Web - Chương 9: Cách tạo ra các ảnh chuyển động Animation

  1. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 CAÙCH TAÏO RA CAÙC AÛNH CHUYEÅN ÑOÄNG ANIMATION TOÅNG QUAN VEÀ CAÙCH TAÏO RA CAÙC ANIMATION Baïn taïo ra caùc Animation baèng caùch thay ñoåi noäi dung cuûa frame lieân tieáp nhau. Baïn coù theå taïo ñoái töôïng di chuyeån ngang qua vuøng Stage, thay ñoåi kích thöôùc, höôùng xoay, maøu saéc, hình daïng vaø caùch laøm cho ñoái töôïng vaøo hay ra môø daàn (Fade In hay Fade Out). Nhöõng thay ñoåi naøy coù theå xaûy ra ñoäc laäp nhau hoaëc keát hôïp vôùi nhöõng söï thay ñoåi khaùc. Ví duï, baïn coù theå taïo cho ñoái töôïng xoay vaø khi noù di chuyeån vaøo ngang qua vuøng Stage môø daàn. Coù hai caùch ñeå taïo ra moät ñoái töôïng Animation chuyeån ñoäng lieân tieáp trong Flash: chuyeån ñoäng Animation theo frame-by-frame vaø Tweened Animation. Trong caùch chuyeån ñoäng Animation theo frame-by-frame, baïn phaûi taïo ra aûnh trong moãi frame. Trong caùch chuyeån ñoäng theo Tweened Animation, baïn coù theå taïo ra frame baét ñaàu vaø frame keát thuùc vaø cho pheùp Flash taïo ra nhieàu frame trong khoaûng giöõa frame ñaàu vaø frame cuoái naøy. Flash thay ñoåi kích thöôùc, höôùng xoay, maøu saéc hoaëc caùc thuoäc tính khaùc ngang nhau giöõa frame ñaàu vaø frame cuoái ñeå taïo ra aûnh thay ñoåi chuyeån ñoäng veà hình daùng. Caùch chuyeån ñoäng theo Tweened Animation laø moät caùch coù hieäu quaû ñeå taïo ra aûnh chuyeån ñoäng vaø thay ñoåi lieân tuïc trong khi ñoù kích thöôùc file raát nhoû. Trong caùch chuyeån ñoäng Tweened Animation naøy, Flash chæ löu laïi caùc giaù trò thay ñoåi giöõa caùc frame. Trong caùch chuyeån ñoäng Animation theo frame-by-frame, Flash löu laïi caùc giaù trò cho moãi frame keát thuùc. Ñeå bieát theâm caùch höôùng daãn taïo ra aûnh chuyeån ñoäng Animation naøy, baïn haõy tham khaûo theâm taøi lieäu “GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN THÖÏC HAØNH - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH” cuøng taùc giaû. Chuù yù : Ngoaøi ra baïn cuõng coù theå taïo aûnh chuyeån ñoäng Animation baèng caùch duøng Set Property action. Baïn coù theå xem muïc ActionScript Help ñeå bieát theâm chi tieát. CAÙCH TAÏO RA CAÙC KEYFRAME Moät keyframe laø moät frame maø nôi ñoù baïn thay ñoåi quaù trình chuyeån ñoäng Animation. Khi baïn taïo ra aûnh chuyeån ñoäng Animation theo caùch frame-by-frame, moãi frame laø moät keyframe. Trong keyframe chuyeån ñoäng theo caùch Tweened Animation, baïn phaûi xaùc ñònh taïi nhöõng ñieåm quan troïng trong quaù trình chuyeån ñoäng vaø cho pheùp Flash taïo ra noäi dung giöõa caùc frame. Flash hieån thò caùc frame boå sung cuûa cheá ñoä Tweened Animation nhö caùc maøu xanh nhaït, xanh ñaäm coù muõi teân veõ giöõa caùc keyframe. Flash seõ veõ laïi hình daùng cuûa ñoái töôïng trong moãi keyframe. Baïn chæ neân taïo ra caùc keyframe taïi nhöõng ñieåm ñoù trong aûnh thay ñoåi. Caùc Keyframe ñöôïc xaùc ñònh trong thanh thöôùc Timeline : moät keyframe coù moät voøng troøn ñaët treân ñoù cho bieát keyframe ñoù ñang chöùa döõ lieäu vaø moät keyframe troáng theå hieän moät ñöôøng thaúng ñöùng tröôùc moät frame. Caùc frame theâm vaøo sau ñoù treân cuøng moät layer seõ coù cuøng moät döõ lieäu nhö keyframe. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 191 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  2. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Keyframe coù chöùa döõ lieäu Keyframe troáng Caùch taïo ra moät keyframe, baïn coù theå choïn moät trong nhöõng böôùc sau ñaây: • Choïn moät frame trong thanh thöôùc Timeline vaø choïn treân trình ñôn Insert > Keyframe. • Nhaáp phaûi chuoät (trong Windows) hoaëc nhaáp Control (trong Macintosh) taïi moät frame trong thanh thöôùc Timeline vaø choïn leänh Insert Keyframe coù trong trình ñôn. CAÙC BIEÅU TÖÔÏNG CHUYEÅN ÑOÄNG ANIMATION TREÂN THANH THÖÔÙC TIMELINE Flash phaân bieät cheá ñoä chuyeån ñoäng Tweened Animation vôùi cheá ñoä chuyeån ñoäng frame-by-frame trong thanh thöôùc Timeline nhö sau: Caùc keyframe chuyeån ñoäng theo cheá ñoä Tweening laø Motion ñöôïc xaùc ñònh baèng daáu chaám ñen vaø caùc frame Tween ôû giöõa lieân tuïc vaø hai ñaàu coù muõi teân maøu ñen cuøng vôùi neàn Background coù maøu xanh nhaït. Caùc Keyframe chuyeån ñoäng theo cheá ñoä Tweening laø Shape ñöôïc xaùc ñònh baèng daáu chaám ñen vaø caùc frame Tween ôû giöõa lieân tuïc vaø hai ñaàu coù muõi teân maøu ñen cuøng vôùi neàn Background coù maøu xanh laù caây. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 192 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  3. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Moät ñöôøng gaïch cho bieát caùc keyframe cuoái cuøng ñang bò thieáu. Moät keyframe ñôn ñoäc ñöôïc xaùc ñònh baèng moät daáu chaám ñen. Caùc frame coù maøu xaùm saùng sau moät keyframe coù chöùa cuøng döõ lieäu vaø coù moät ñöôøng maøu ñen, moät hình chöõ nhaät nhoû roãng ôû frame cuoái cuøng. Moät chöõ a nhoû chæ ra raèng frame ñoù ñaõ ñöôïc gaùn moät Action (haønh ñoäng) trong baûng Actions. Moät laù côø maøu ñoû cho bieát frame ñoù coù lôøi chuù thích vaø frame ñoù coù teân. CAÙC LAYER TRONG ANIMATION Moãi Scene trong Flash movie coù theå goàm coù nhieàu Layer. Khi baïn taïo aûnh chuyeån ñoäng, baïn duøng caùc Layer ñeå saép xeáp caùc thaønh phaàn cuûa moät trình töï chuyeån ñoäng vaø taùch bieät caùc ñoái töôïng chuyeån ñoäng vì vaäy chuùng khoâng xoaù, keát noái hoaëc phaân raõ laãn nhau. Neáu baïn laøm Flash chuyeån ñoäng nhieàu nhoùm hoaëc caùc Symbol cuøng luùc, moãi ñoái töôïng phaûi ôû treân töøng Layer ñoäc laäp. Ñaëc bieät, Layer Background laø moät aûnh tónh, caùc Layer boå sung chæ chöùa moät ñoái töôïng chuyeån ñoäng ñoäc laäp vôùi nhau. Caùc Layer xuaát hieän thaønh haøng trong thanh thöôùc Timeline Khi moät ñoaïn phim coù nhieàu Layer, Track vaø hieäu chænh caùc ñoái töôïng trong moät hay nhieàu Layer trôû neân raát khoù khaên. Coâng vieäc naøy trôû neân deã daøng neáu baïn laøm vieäc vôùi treân moät döõ lieäu trong töøng Layer taïi luùc naøo ñoù. TOÁC ÑOÄ FRAME Moät toác ñoä frame quaù chaäm coù theå laøm cho aûnh chuyeån ñoäng khoâng lieân tuïc. Ñoái vôùi toác ñoä frame quaù nhanh coù theå laøm môø chi tieát chuyeån ñoäng. Moät toác ñoä frame 12 frame treân moät giaây (fps) thöôøng cho keát quaû toát nhaát khi xuaát ñoaïn phim treân trang Web. Ñoaïn phim QuickTime vaø AVI movies coù moät toác ñoä chung laø 12 fps trong khi ñoù toác ñoä aûnh chuyeån ñoäng chuaån laø 24 fps. Ñoä chuyeån ñoäng phöùc taïpï vaø toác ñoä cuûa maùy tính ñeàu aûnh höôûng ñeán toác ñoä phaùt laïi cuûa ñoaïn phim. Kieåm tra ñoaïn phim chuyeån ñoäng cuûa baïn treân nhieàu maùy khaùc nhau ñeå xaùc ñònh toác ñoä toái öu cho caùc frame. Vì baïn chæ xaùc ñònh moät toác ñoä frame cho toaøn ñoaïn phim Flash Movie, ñoù laø moät caùch thieát laäp tæ leä toát nhaát tröôùc khi baïn baét ñaàu taïo ra aûnh chuyeån ñoäng. MÔÛ ROÄNG AÛNH Khi baïn taïo ra moät aûnh neàn Background chuyeån ñoäng, ñieàu ñoù raát caàn thieát cho vieäc taïo ra moät aûnh tónh trong nhieàu frame. Vieäc theâm vaøo caùc frame môùi (khoâng phaûi laø keyframe) vaøo moät Layer seõ laøm taêng kích thöôùc döõ lieäu cuûa frame cuoái trong taát caû caùc frame môùi. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 193 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  4. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Môû roäng aûnh trong nhieàu frame: 1. Taïo moät aûnh trong keyframe ñaàu tieân cuûa ñoaïn phim. 2. Choïn moät frame beân phaûi, taïi vò trí frame cuoái maø baïn muoán theâm vaøo. 3. Choïn trình ñôn Insert > Frame. Duøng moät Shortcut ñeå môû roäng aûnh: 4. Taïo moät aûnh trong keyframe ñaàu tieân. 5. Nhaán phím Alt vaø nhaáp chuoät vaøo keyframe sang phaûi. Ñieàu naøy seõ taïo ra moät vuøng môû roäng môùi maø khoâng caàn moät keyframe môùi taïi ñieåm cuoái. TOÅNG QUAN VEÀ CHEÁ ÑOÄ CHUYEÅN ÑOÄNG TWEENED ANIMATION Flash coù theå taïo ra 2 loaïi chuyeån ñoäng cuûa Tweened Animation. Cheá ñoä Motion Tweening, baïn phaûi xaùc ñònh caùc thuoäc tính nhö vò trí, kích thöôùc vaø höôùng xoay cho moät Instance, Group hoaëc khoái kyù töï taïi moät ñieåm vaø sau ñoù baïn thay ñoåi caùc thuoäc tính naøy taïi moät ñieåm khaùc. Cheá ñoä Shape Tweening, baïn phaûi veõ ñoái töôïng taïi moät ñieåm vaø sau ñoù baïn thay ñoåi hình daïng hoaëc veõ moät ñoái töôïng khaùc taïi moät ñieåm khaùc. Flash seõ theâm vaøo caùc giaù trò hoaëc hình daïng cho caùc frame giöõa, taïo ra chuyeån ñoäng. TAÏO CHUYEÅN ÑOÄNG (TWEEN) CHO CAÙC INSTANCE, NHOÙM (GROUP) VAØ KYÙ TÖÏ (TYPE) Ñeå laøm thay ñoåi caùc thuoäc tính cuûa caùc Instance, nhoùm vaø kyù töï, baïn söû duïng cheá ñoä chuyeån ñoäng Motion Tweening. Flash coù theå thay ñoåi vò trí, kích thöôùc, höôùng xoay vaø keùo xieân caùc Instance, nhoùm hoaëc kyù töï. Ngoaøi ra, Flash coù theå thay ñoåi maøu cuûa Instance vaø kyù töï, taïo ra söï chuyeån ñoåi maøu töø töø hoaëc taïo ra moät Instance ôû cheá ñoä vaøo hoaëc ra môø daàn. Ñeå thay ñoåi maøu cuûa caùc nhoùm hoaëc kyù töï, baïn phaûi taïo cho chuùng trôû thaønh caùc Symbol. Baïn coù theå xem muïc “Caùch taïo ra caùc Symbol” ñeå bieát theâm chi tieát. Neáu baïn thay ñoåi soá frame giöõa hai keyframe hoaëc di chuyeån nhoùm hoaëc Symbol trong keyframe, Flash seõ töï ñoäng tween caùc frame naøy moät laàn nöõa. Baïn coù theå taïo ra cheá ñoä chuyeån ñoäng Motion Tweening duøng moät trong hai caùch sau: Caùch Thöù Nhaát : Taïo ra keyframe ñaàu vaø keyframe keát thuùc cho quaù trình chuyeån ñoäng vaø duøng tuøy choïn Motion trong muïc Tweening töø baûng Frame Properties. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 194 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  5. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Caùch Thöù Hai : Taïo ra keyframe chuyeån ñoäng ñaàu tieân vaø sau ñoù choïn treân trình ñôn Insert > Create Motion Tween vaø di chuyeån ñoái töôïng ñeán vò trí môùi trong vuøng. Flash seõ töï ñoäng taïo ra keyframe keát thuùc. Khi thay ñoåi vò trí, baïn coù theå taïo cho ñoái töôïng di chuyeån doïc theo moät ñöôøng daãn phi tuyeán (Nonlinear Path). AÛnh ví duï con ong taïi frame thöù hai, ba vaø thöù tö laø keát quaû chuyeån ñoäng töø keyframe ñaàu ñeán keyframe cuoái cuøng Taïo moät aûnh chuyeån ñoäng Motion Tween duøng tuøy choïn Motion trong muïc Tweening: 1. Nhaáp chuoät vaøo teân cuûa Layer ñeå kích hoaït noù trôû thaønh Layer hieän haønh vaø sau ñoù choïn moät Keyframe troáng trong Layer nôi baïn muoán taïo vuøng chuyeån ñoäng baét ñaàu. 2. Taïo moät Instance, nhoùm hay moät khoái kyù töï trong vuøng Stage hoaëc keùo moät Instance cuûa moät Symbol trong cöûa soå thö vieän Library. Ñeå chuyeån ñoäng ñoái töôïng ñaõ veõ, baïn phaûi chuyeån ñoåi ñoái töôïng ñoù trôû thaønh moät Symbol. 3. Taïo keyframe thöù hai (keyframe keát thuùc), nôi baïn muoán vuøng chuyeån ñoäng keát thuùc baèng caùch duøng chuoät nhaáp vaøo xaùc ñònh vò trí frame cuoái cuøng. Sau ñoù baïn nhaáp phaûi chuoät choïn leänh Insert Blank Keyframe coù trong trình ñôn ñeå theâm vaøo caùc keyframe troáng cho ñoaïn phim. Xaùc ñònh vò trí frame cuoái Choïn leänh Insert Blank Keyframe TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 195 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  6. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Sau khi choïn leänh Insert Blank Keyframe 4. Sau ñoù baïn nhaáp chuoät vaøo keyframe thöù nhaát. Taïi ñaây baïn coù theå thöïc hieän moät trong nhöõng böôùc sau ñeå thay ñoåi Instance, Group hoaëc khoái kyù töï taïi frame cuoái cuøng: Di chuyeån ñoái töôïng ñeán vò trí môùi. Thay ñoåi kích thöôùc, höôùng xoay hoaëc keùo xieân ñoái töôïng. Thay ñoåi maøu saéc cuûa ñoái töôïng (chæ coù Instance hoaëc khoái kyù töï). Ñeå thay ñoåi maøu saéc cuûa caùc thaønh phaàn khaùc ngoaøi Instance hoaëc khoái kyù töï, baïn phaûi duøng cheá ñoä chuyeån ñoäng Shape Tweening. 5. Choïn trình ñôn Window > Panels > Frame ñeå xuaát hieän baûng Frame. 6. Ñoái vôùi muïc Tweening, choïn Motion. Sau khi baïn choïn leänh Motion trong muïc Tweening, treân thanh thöôùc Timeline xuaát hieän caùc ñöôøng gaïch treân keyframe 7. Neáu baïn muoán thay ñoåi kích thöôùc cuûa ñoái töôïng nhö trong böôùc 4, baïn haõy choïn leänh Scale trong trình ñôn Modify > Transform ñeå thay ñoåi kích thöôùc cuûa ñoái töôïng ñaõ choïn. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 196 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  7. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 8. Nhaáp chuoät vaøo keùo caùc phím muõi teân keá tieáp choïn giaù trò trong muïc Easing hoaëc nhaäp vaøo giaù trò ñeå hieäu chænh tæ leä thay ñoåi giöõa caùc frame chuyeån ñoäng nhö: Khi baét ñaàu chuyeån ñoäng toác ñoä chaàm chaäm sau ñoù taêng toác höôùng veà phía keát thuùc chuyeån ñoäng, keùo con tröôït leân hoaëc nhaäp vaøo giaù trò töø -1 ñeán -100. Khi baét ñaàu, chuyeån ñoäng coù toác ñoä raát nhanh sau ñoù giaûm toác chuyeån ñoäng höôùng veà ñieåm keát thuùc chuyeån ñoäng, keùo con tröôït xuoáng hoaëc nhaäp vaøo giaù trò döông töø 1 ñeán 100. Theo maëc ñònh, toác ñoä thay ñoåi giöõa caùc frame lieân tuïc. Muïc Easing taïo ra hình daïng ñoái töôïng xuaát hieän nhoû daàn hoaëc lôùn daàn baèng caùch hieäu chænh toác ñoä thay ñoåi cuûa chuùng. 9. Ñeå xoay caùc ñoái töôïng ñöôïc choïn trong khi chuyeån ñoäng, baïn coù theå choïn moät tuøy choïn trong trình ñôn Rotate: Choïn None (cheá ñoä thieát laäp maëc ñònh) khoâng öùng duïng cheá ñoä xoay cho ñoái töôïng. Choïn Auto xoay ñoái töôïng chuyeån ñoäng ít nhaát moät laàn theo höôùng xaùc ñònh. Trong muïc Rotate choïn Clockwise (CW) hay Counterclockwise (CCW) ñeå xoay ñoái töôïng theo höôùng ñöôïc xaùc ñònh vaø sau ñoù nhaäp vaøo goùc ñoä xoay. Chuù yù : Höôùng xoay naøy theâm vaøo baát kyø höôùng xoay naøo baïn öùng duïng vaøo frame cuoái cuøng trong böôùc 4. 10. Neáu baïn ñang duøng moät ñöôøng daãn chuyeån ñoäng (Motion Path), choïn muïc Orient to Path ñeå ñònh höôùng ñöôøng bieân chuyeån ñoäng vaøo ñöôøng Motion Path. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 197 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  8. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 11. Choïn muïc Synchronization ñeå ñaûm baûo Instance dieãn hoaït laëp ñi laëp laïi ñuùng trong ñoaïn phim. Duøng leänh Synchronize neáu soá frame quaù trình chuyeån ñoäng beân trong Symbol thaäm chí khoâng nhieàu hôn soá frame maø Instance Graphic giöõ trong ñoaïn phim. 12. Neáu baïn ñang duøng moät ñöôøng Motion Path, choïn Snap ñeå gaén caùc thaønh phaàn chuyeån ñoäng vaøo ñöôøng Motion Path theo ñieåm khai baùo (Registration Point). 13. Cuoái cuøng nhaáp chuoät vaøo keyframe cuoái cuøng vaøo keùo ñoái töôïng ñeán vò trí xaùc ñònh ñieåm döøng chuyeån ñoäng ñeå taïo ra ñöôøng Motion Tween. Baïn coù theå xem ví duï nhö hình beân döôùi. 14. Ñoái töôïng ñaõ taïo xong vaø baïn coù theå nhaán phím Enter ñeå dieãn hoaït ñoaïn phim vöøa taïo. Luùc naøy baïn seõ thaáy kyù töï “Flash” seõ chuyeån ñoäng töø traùi sang phaûi. Ñoaïn phim ñang dieãn hoaït TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 198 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  9. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Taïo moät Motion Tween duøng leänh Create Motion Tween: 1. Choïn moät keyframe troáng vaø veõ ñoái töôïng trong vuøng Stage hoaëc keùo moät Instance cuûa moät Symbol trong cöûa soå Library. Neáu veõ moät Instance thì sau khi veõ phaûi choïn taát caû ñoái töôïng ñoù. 2. Choïn trình ñôn Insert > Create Motion Tween. Neáu baïn veõ moät ñoái töôïng trong böôùc moät, Flash seõ töï ñoäng chuyeån ñoåi ñoái töôïng thaønh moät Symbol vaø gaùn noù vôùi teân laø Tween1. Neáu baïn veõ nhieàu ñoái töôïng, caùc ñoái töôïng theâm vaøo coù caùc teân laø Tween2, Tween3 vaø v.v. Baây giôø baïn seõ thaáy xuaát hieän daáu coäng treân ñoái töôïng. Ñoù laø ñieåm khai baùo cho Motion Tween. Ñoái töôïng tröôùc vaø sau khi choïn leänh Create Motion Tween 3. Nhaáp chuoät vaøo soá frame maø baïn muoán vuøng chuyeån ñoäng keát thuùc vaø choïn treân trình ñôn Insert > Frame. Sau ñoù nhaáp chuoät phaûi choïn leänh Insert Keyframe coù trong trình ñôn xoå xuoáng. Luùc naøy baïn seõ thaáy ñöôøng Motion Tween xuaát hieän. Choïn leänh Insert Keyframe trong trình ñôn seõ thaáy xuaát hieän ñöôøng Motion Tween TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 199 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  10. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 4. Di chuyeån ñoái töôïng Instance hoaëc khoái kyù töï trong vuøng Stage ñeán vò trí frame cuoái cuøng mong muoán. Hieäu chænh kích thöôùc cuûa caùc ñoái töôïng neáu baïn muoán chuùng chuyeån ñoäng thay ñoåi kích thöôùc cuûa noù. Hieäu chænh höôùng xoay neáu baïn muoán noù chuyeån ñoäng xoay. Boû choïn ñoái töôïng khi baïn ñaõ hieäu chænh xong. 5. Nhaáp chuoät vaøo keyframe cuoái cuûa quaù trình chuyeån ñoäng Motion Tween vaø choïn treân trình ñôn Window> Panels > Frame. Cheá ñoä Motion Tweening seõ ñöôïc choïn moät caùch töï ñoäng trong baûng Frame. 6. Neáu baïn muoán thay ñoåi kích thöôùc cuûa ñoái töôïng gioáng nhö trong böôùc 4, baïn haõy choïn leänh Scale trong trình ñôn Modify > Transform. 7. Nhaáp chuoät vaø keùo vaøo muõi teân ñeå choïn giaù trò beân caïnh muïc Easing hoaëc nhaäp giaù trò vaøo ñeå thay ñoåi toác ñoä chuyeån ñoäng giöõa caùc frame. Khi baét ñaàu chuyeån ñoäng toác ñoä chaàm chaäm sau ñoù taêng toác höôùng veà phía keát thuùc chuyeån ñoäng, keùo con tröôït leân hoaëc nhaäp vaøo giaù trò töø -1 ñeán - 100. Khi baét ñaàu chuyeån ñoäng toác ñoä raát nhanh sau ñoù giaûm toác chuyeån ñoäng höôùng veà ñieåm keát thuùc chuyeån ñoäng, keùo con tröôït xuoáng hoaëc nhaäp vaøo giaù trò döông töø 1 ñeán 100. Theo maëc ñònh, toác ñoä thay ñoåi giöõa caùc frame lieân tuïc. Muïc Easing taïo ra hình daïng ñoái töôïng xuaát hieän nhoû daàn hoaëc lôùn daàn baèng caùch hieäu chænh toác ñoä thay ñoåi cuûa chuùng. 8. Ñeå xoay caùc ñoái töôïng trong luùc chuyeån ñoäng, baïn coù theå choïn moät trong caùc cheá ñoä choïn coù trong trình ñôn Rotate nhö sau: Choïn None (cheá ñoä thieát laäp maëc ñònh) khoâng öùng duïng cheá ñoä xoay cho ñoái töôïng. Choïn Auto xoay ñoái töôïng chuyeån ñoäng ít nhaát moät laàn theo höôùng xaùc ñònh. Choïn Clockwise (CW) hay Counterclockwise (CCW) xoay ñoái töôïng theo höôùng ñöôïc xaùc ñònh vaø sau ñoù nhaäp vaøo goùc ñoä xoay. Chuù yù : Höôùng xoay naøy theâm vaøo baát kyø höôùng xoay naøo baïn öùng duïng vaøo frame cuoái cuøng trong böôùc 4. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 200 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  11. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 9. Neáu baïn ñang duøng moät ñöôøng chuyeån ñoäng (Motion Path), choïn muïc Orient to Path ñeå ñònh höôùng ñöôøng bieân chuyeån ñoäng vaøo ñöôøng Motion Path. 10. Choïn muïc Synchronization ñeå ñaûm baûo Instance dieãn hoaït laëp ñi laëp laïi ñuùng trong ñoaïn phim. Duøng leänh Synchronize neáu soá frame quaù trình chuyeån ñoäng beân trong Symbol thaäm chí khoâng nhieàu hôn soá frame maø Instance Graphic giöõ trong ñoaïn phim. 11. Neáu baïn ñang duøng moät ñöôøng Motion Path, choïn Snap ñeå gaén caùc thaønh phaàn chuyeån ñoäng vaøo ñöôøng Motion Path theo ñieåm khai baùo (Registration Point). Ñoaïn phim ñang cho chuyeån ñoäng CHUYEÅN ÑOÄNG (TWENNING MOTION) DOÏC THEO ÑÖÔØNG DAÃN Caùc Motion Guide Layer (Layer höôùng daãn chuyeån ñoäng) cho pheùp baïn veõ caùc ñöôøng daãn trong ñoù caùc Instance, group hoaëc khoái kyù töï coù theå chuyeån ñoäng doïc theo caùc Motion Guide Layer. Baïn coù theå keát noái nhieàu Layer vaøo moät Motion Guide Layer cho nhieàu ñoái töôïng theo cuøng moät ñöôøng daãn. Moät layer bình thöôøng ñöôïc keát noái ñeán moät Motion Guide Layer seõ trôû thaønh moät Guided Layer. AÛnh trong ví duï naøy, laø hai ñoái töôïng treân 2 Layer ñoäc laäp ñöôïc gaén treân cuøng moät Motion Path Taïo ra moät ñöôøng Motion Path cho moät aûnh chuyeån ñoäng Tweened Animation: TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 201 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  12. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 1. Taïo moät ñöôøng chuyeån ñoäng Motion-Tweened Animation nhö ñaõ moâ taû trong phaàn “Taïo chuyeån ñoäng caùc Instance, Group vaø Kyù töï ” ñeå bieát theâm chi tieát. Neáu baïn choïn muïc kieåm Orient to Path, ñöôøng cô baûn cuûa ñoái töôïng chuyeån ñoäng seõ höôùng vaøo ñöôøng chuyeån ñoäng Motion Path. Neáu baïn choïn muïc Snap, ñieåm khai baùo cuûa ñoái töôïng chuyeån ñoäng seõ baét dính vaøo ñöôøng Motion Path. 2. Sau ñoù baïn thöïc hieän moät trong nhöõng thao taùc sau: Choïn Layer coù chöùa ñoái töôïng chuyeån ñoäng vaø choïn treân trình ñôn Insert > Motion Guide. Nhaáp phaûi chuoät (trong Windows) hoaëc nhaáp phím Control (trong Macintosh) vaøo Layer coù chöùa aûnh chuyeån ñoäng vaø choïn leänh Add Motion Guide trong trình ñôn doïc. Flash taïo ra moät Layer môùi beân treân Layer ñöôïc choïn vôùi bieåu töôïng Motion Guide beân traùi cuûa teân Layer. 3. Duøng coâng cuï Pen, Pencil, Line, Circle, Rectangle hoaëc Brush ñeå veõ ñöôøng daãn mong muoán. 4. Luùc naøy taâm cuûa ñoái töôïng seõ baét dính vaøo ñieåm ñaàu tieân cuûa ñöôøng Guide trong frame thöù nhaát vaø ñieåm keát thuùc ñöôøng Guide trong frame cuoái cuøng. Chuù yù: Keùo Symbol baèng caùch keùo ñieåm khai baùo treân ñoái töôïng ñeå coù ñöôïc keát quaû baét dính vaøo ñöôøng Guide toát nhaát. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 202 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  13. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 5. Baïn coù theå daáu Layer Motion Guide vaø ñöôøng chuyeån ñoäng ñeå chæ cho xuaát hieän caùc ñoái töôïng chuyeån ñoäng trong khi baïn laøm vieäc. Baïn haõy nhaáp chuoät vaøo coät bieåu töôïng con maét Eye trong Layer Motion Guide. Nhaáp chuoät vaøo coät con maét ñeå daáu Layer Motion Guide Ñoái töôïng laø Group hoaëc Symbol coù theå chuyeån ñoäng theo moät ñöôøng daãn khi baïn dieãn hoaït chuùng Baøi taäp ví duï maãu sau cuõng coá cho phaàn taïo chuyeån ñoäng cho caùc instance - group - type vaø muïc chuyeån ñoäng theo ñöôøng daãn Motion Path : Baây giôø baïn coù theå laøm moät ví duï nhoû vôùi aûnh laø muõi teân bay xung quanh quõy ñaïo nhö sau: TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 203 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  14. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 1. Tröôùc heát baïn haõy môû file Flash môùi. Sau ñoù cho hieån thò löôùi ñeå veõ hình nhö beân döôùi taïi keyframe thöù nhaát trong Layer 1. 2. Sau ñoù choïn coâng cuï Arrow ñeå choïn muõi teân naøy vaø choïn treân trình ñôn Modify > Group ñeå nhoùm taát caû caùc thaønh phaàn rôøi taïo thaønh hình muõi teân laïi vôùi nhau. 3. Baây giôø baïn seõ thaáy xung quanh muõi teân coù bao boïc ñöôøng vieàn maøu xanh nhaït. Nhôù taét löôùi ñi. Sau ñoù choïn treân trình ñôn Modify > Frame ñeå hieån thò baûng Frame. Taïi ñaây trong muïc Tweening choïn Motion, muïc Easing choïn laø 0, muïc Rotate choïn None vaø ñaùnh daáu vaøo caùc tuøy choïn coù trong muïc Options nhö Orient to path, Synchronize vaø Snap. 4. Sau ñoù baïn taïo theâm moät Layer môùi teân laø Layer2. Sau cheùp aûnh muõi teân naøy vaø daùn vaøo Layer2 ñeå coù theâm moät muõi teân nöõa trong Layer2. luùc naøy hai muõi teân naøy ñoäc laäp vôùi nhau. Baïn coù theå ñoåi maøu cho muõi teân treân Layer 2 naøy ñeå phaân bieät Layer1 vaø Layer2. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 204 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  15. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 5. Baây giôø baïn laëp laïi böôùc 3 cho muõi teân trong Layer2 naøy. Sau ñoù nhaáp chuoät vaøo keyframe thöù nhaát treân Layer1. Sau ñoù xaùc ñònh soá vò trí keyframe cuoái cuøng. Trong ví duï choïn keyframe cuoái cuøng laø 35. 6. Baây giôø baïn seõ thaáy ñöôøng Motion Tween xuaát hieän trong thanh thöôùc Timeline trong Layer1 vaø laëp laïi böôùc choïn soá keyframe cuoái cuøng nhö böôùc 5 cho Layer2. 7. Baây giôø baïn nhaáp chuoät vaøo Layer2 vaø nhaáp phaûi chuoät choïn leänh Add Motion Guide ñeå taïo Layer Motion Guide. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 205 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  16. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 8. Tieáp ñeán baïn nhaáp chuoät vaøo keyframe ñaàu tieân trong Layer Guide vaø duøng coâng cuï Pencil Tool hoaëc coâng cuï Circle Tool ñeå veõ ñöôøng quyõ ñaïo. 9. Nhaáp chuoät vaøo keyframe cuoái cuøng trong Layer1 vaø keùo muõi teân treân Layer naøy ñeå xaùc ñònh ñieåm ngöøng chuyeån ñoäng vaø ñeå taïo ra ñöôøng Motion Tween. Baïn cuõng laøm töông töï nhö vaäy cho muõi teân trong Layer2. Ñöôøng chuyeån ñoäng Motion Tween 10. Sau ñoù baïn choïn keyframe thöù nhaát trong Layer1 vaø nhaáp phaûi chuoät choïn leänh Create Motion Tween trong trình ñôn doïc ñeå taïo ñieåm khai baùo chuyeån ñoäng cho muõi teân trong Layer1. Coøn laïi Layer2, baïn laëp laïi böôùc 10 naøy töông töï cho Layer2. 11. Vì baïn muoán hai muõi teân trong Layer1 vaø Layer2 cuøng chaïy treân moät quõy ñaïo theo hai höôùng ngöôïc nhau. Do ñoù baây giôø baïn nhaáp chuoät vaøo Layer1 vaø choïn leänh Rotate trong trình ñôn Modify > Transform ñeå hieäu chænh höôùng ñi cuûa muõi teân trong Layer1 naøy naèm treân ñöôøng quyõ ñaïo. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 206 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  17. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Tröôùc khi hieäu chænh höôùng xoay cho muõi teân trong Layer1 Sau khi hieäu chænh höôùng xoay cho muõi teân trong Layer1 12. Treân töøng keyframe baïn phaûi xaùc ñònh töøng ñieåm chaïy vaø choïn leänh Rotate trong trình ñôn Modify > Transform sau ñoù xoay muõi teân sao cho noù naèm ngay treân ñöôøng quyõ ñaïo baïn cöù tieáp tuïc thöïc hieän cho ñeán keyframe cuoái cuøng vò trí muõi teân naèm ngay vò trí xuaát phaùt ñaàu tieân. Xoay muõi teân sao cho noù naèm gom treân ñöôøng quyõ ñaïo TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 207 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  18. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Chuù yù : Khi ñoái töôïng ñeán caùc choã cong baïn phaûi duøng coâng cuï xoay Rotate naøy laàn nöõa ñeå hieäu chænh cho muõi teân naèm treân ñöôøng quyõ ñaïo nhö hình trang tröôùc 13. Baïn coù theå chia caùc keyframe khoâng ñeàu nhau tuøy thuoäc vaøo ñöôøng ñi ñeán choã khuùc cong cuûa quyõ ñaïo maø chia cho phuø hôïp vôùi ñoái töôïng. 14. Baïn thöïc hieän töông töï töø böôùc 11 cho ñeán böôùc 13 cho muõi teân trong Layer2. Sau ñoù baïn seõ coù keát quaû nhö hình beân döôùi. Keyframe cuoái cuøng ñoái töôïng döøng laïi taïi ví trí baét ñaàu 15. Cuoái cuøng tröôùc khi dieãn hoaït chuyeån ñoäng baïn muoán laøm aån ñöôøng Motion Guide trong vuøng Stage, baïn haõy nhaáp chuoät vaøo coät beân döôùi con maét trong Layer Motion Guide. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 208 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  19. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Ñeå dieãn hoaït chuyeån ñoäng, baïn haõy nhaán phím Ctrl + Enter ñeå dieãn hoaït aûnh trong moâi tröôøng Debug. Hai ñoái töôïng ñang chuyeån ñoäng trong Flash Player Keát noái caùc Layer vaøo moät Layer Motion Guide, baïn coù theå thöïc hieän moät trong nhöõng caùch sau: Keùo Layer ñang toàn taïi beân döôùi Layer Motion Guide. Baây giôø Layer naøy seõ thuïc vaøo trong beân döôùi Layer Motion Guide. Taát caû caùc ñoái töôïng trong Layer naøy seõ töï ñoäng baét dính vaøo ñöôøng Motion Path. Taïo moät Layer môùi beân döôùi Layer Motion Guide. Caùc ñoái töôïng baïn chuyeån ñoäng trong Layer naøy seõ töï ñoäng chuyeån ñoäng doïc theo ñöôøng Motion Path. Choïn moät Layer beân döôùi Layer Motion Guide. Choïn treân trình ñôn Modify > Layer vaø choïn muïc Guided trong hoäp thoaïi Layer Properties. Nhaán phím Alt vaø nhaáp chuoät (trong Windows) hoaëc nhaán phím Option vaø nhaáp chuoät (trong Macintosh) vaøo Layer muoán lieân keát vôùi Layer Motion Guide. Thaùo boû caùc lieân keát Layer töø moät Layer Motion Guide: Choïn Layer baïn muoán boû lieân keát. Sau ñoù baïn coù theå thöïc hieän moät trong nhöõng thao taùc sau: TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 209 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  20. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Keùo Layer beân döôùi Layer Motion Guide. Choïn treân trình ñôn Modify > Layer vaø choïn Normal trong muïc choïn Type trong hoäp thoaïi Layer Properties. • Nhaán phím Alt vaø nhaáp chuoät (trong Windows) hoaëc nhaán phím Option vaø nhaáp chuoät (trong Macintosh) vaøo Layer muoán boû lieân keát vôùi Layer Motion Guide. CHUYEÅN ÑOÄNG BIEÁN DAÏNG CHEÁ ÑOÄ TWEENING SHAPE Vôùi cheá ñoä chuyeån ñoäng Tweening Shape, baïn coù theå taïo ra moät hieäu öùng töông töï nhö hieäu öùng Morphing (vieát taét cuûa töø Metamorphosing), moät kyõ thuaät taïo caùc hieäu öùng ñaëc bieät trong kyõ xaûo hoaït hình, taïo cho moät aûnh xuaát hieän thay ñoåi lieân tuïc thaønh moät aûnh khaùc (bieán hình). Ngoaøi ra Flash cuõng laøm chuyeån ñoäng vò trí, kích thöôùc vaø maøu saéc cuûa ñoái töôïng. Kyõ xaûo hoaït hình hay ñöôïc söû duïng hôn goïi laø tweening (vieát taét cuûa chöõ in-betweening), taïo cho maùy tính coù khaû naêng tính toaùn vaø veõ caùc khung hình trung gian giöõa caùc khung hình chính do caùc hoaï só veõ baèng tay. Morphing chính laø quaù trình tweening vaøo moät ñoái töôïng khaùc. Khi baïn nhaáp chuoät vaøo nuùt Play, aûnh con Gaø seõ chuyeån ñoäng bieán daïng töø töø thaønh con Beâ Khi baïn Tweening moät ñoái töôïng taïi moät luùc naøo ñoù thöôøng taïo ra keát quaû toát nhaát. Neáu baïn muoán Tweening nhieàu ñoái töông cuøng luùc, taát caû caùc ñoái töôïng naøy phaûi ôû treân cuøng moät Layer. Flash khoâng theå Tweening caùc ñoái töôïng nhö Group, Symbols, kyù töï hoaëc aûnh Bitmap. Baïn phaûi söû duïng trình ñôn Modify > Break Apart ñeå gaùn cheá ñoä Tweening Shape vaøo nhöõng ñoái töôïng naøy. Ñeå ñieàu khieån caùc ñoái töôïng khoâng chaéc coù thöïc vaø nhieàu thay ñoåi phöùc taïp, baïn haõy duøng cheá ñoä Shape Hints, ñieàu khieån töøng phaàn trong aûnh goác di chuyeån thaønh ñoái töôïng môùi. Baïn coù theå xem muïc “Caùch duøng Shape Hints (caùc hình gôïi yù)” trong phaàn sau ñeå bieát theâm chi tieát. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 210 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  21. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Caùch Tween moät ñoái töôïng: 1. Nhaáp chuoät vaøo teân cuûa moät Layer ñeå kích hoaït Layer naøy hoaït ñoäng vaø choïn moät keyframe troáng nôi baïn muoán vuøng chuyeån ñoäng baét ñaàu. 2. Taïo aûnh ñoái töôïng cho frame ñaàu tieân. Baïn coù theå duøng baát kyø coâng cuï veõ naøo ñeå taïo moät ñoái töôïng. Ví duï, ñeå ñôn giaûn nhaát baïn coù theå veõ hình troøn. 3. Tieáp ñeán baïn haõy taïo keyframe thöù hai coù soá frame mong muoán sau frame thöù nhaát. 4. Taïo aûnh trong frame cuoái cuøng trong quaù trình chuyeån ñoäng. (Baïn coù theå laøm chuyeån ñoäng hình daïng, kích thöôùc, maøu saéc vaø vò trí cuûa ñoái töôïng trong böôùc 2). Taïi frame naøy baïn coù theå duøng coâng cuï buùt chì Pencil Tool vaø veõ vaøo chöõ ”Flash 5” chaúng haïn. 5. Sau ñoù baïn nhaáp chuoät trôû veà frame thöù nhaát vaø choïn treân trình ñôn Window > Panels > Frame. 6. Trong muïc Tweening, choïn Shape. 7. Nhaáp chuoät vaø keùo muõi teân keá beân muïc Easing hoaëc nhaäp giaù trò vaøo trong oâ ñeå hieäu chænh toác ñoä thay ñoåi giöõa caùc frame chuyeån ñoäng: TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 211 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  22. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Khi baét ñaàu chuyeån ñoäng toác ñoä chaàm chaäm sau ñoù taêng toác höôùng veà phía keát thuùc chuyeån ñoäng, keùo con tröôït leân hoaëc nhaäp vaøo giaù trò töø -1 ñeán -100. Khi baét ñaàu chuyeån ñoäng toác ñoä raát nhanh sau ñoù giaûm toác chuyeån ñoäng höôùng veà ñieåm keát thuùc chuyeån ñoäng, keùo con tröôït xuoáng hoaëc nhaäp vaøo giaù trò döông töø 1 ñeán 100. Theo maëc ñònh, toác ñoä thay ñoåi giöõa caùc frame lieân tuïc. Muïc Easing taïo ra hình daïng ñoái töôïng xuaát hieän nhoû daàn hoaëc lôùn daàn baèng caùch hieäu chænh toác ñoä thay ñoåi cuûa chuùng. 8. Choïn moät tuøy choïn trong muïc Blend: Muïc choïn vôùi Distributive taïo aûnh chuyeån ñoäng maø trong ñoù caùc ñoái töôïng trung gian nhaún hôn vaø khoâng ñeàu nhau. Muïc choïn Angular taïo aûnh chuyeån ñoäng maø vaãn giöõ laïi caùc bieân roõ raøng vaø caùc ñöôøng thaúng trong ñoái töôïng trung gian. Sau khi choïn xong taát caû caùc muïc coù trong baûng Frame, caùc frame cuûa baïn treân thanh thöôùc Timeline coù hình gioáng nhö hình beân döôùi Ñoái töôïng ñöôïc dieãn hoaït baây giôø hình troøn bieán thaønh chöõ Flash5 Chuù yù : Muïc choïn vôùi Angular chæ thích hôïp vôùi caùc bieân saéc neùt vaø caùc ñöôøng thaúng. Neáu ñoái töôïng cuûa baïn khoâng coù caùc bieân, Flash hoaøn trôû laïi muïc choïn Tween Shape laø Distributive. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 212 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  23. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 CAÙCH DUØNG SHAPE HINT (CAÙC HÌNH GÔÏI YÙ) Ñeå ñieàu khieån caùc ñoái töôïng khoâng chaéc coù thöïc vaø nhieàu thay ñoåi phöùc taïp, baïn haõy söû duïng Shape Hint. Cheá ñoä Shape Hint naøy xaùc ñònh caùc ñieåm töông öùng trong aûnh ñaàu vaø aûnh cuoái. Ví duï nhö neáu baïn ñang chuyeån ñoäng moät baûn veõ khuoân maët khi noù thay ñoåi neùt maët, baïn coù theå duøng moät aûnh gôïi yù ñeå ñaùnh daáu vaøo moãi con maét. Sau ñoù, thay vì neùt maët trôû thaønh moät aûnh loän xoän voâ ñònh trong khi aûnh vaãn thay ñoåi chuyeån ñoäng, moãi con maét vaãn coøn thay ñoåi, baïn coù theå nhaän bieát ñöôïc nhöõng ñoäc laäp nhau trong suoát quaù trình chuyeån ñoäng. Caùc hình gioáng nhau chuyeån ñoäng coù vaø khoâng coù caùc hình gôïi yù rieâng bieät Shape Hint coù chöùa caùc chöõ caùi töø (a ñeán z) ñeå xaùc ñònh caùc ñieåm töông xöùng taïi ñoái töôïng baét ñaàu vaø ñoái töôïng keát thuùc. Baïn coù theå duøng ñeán 26 Shape Hint. Caùc Shape Hint naèm trong keyframe ñaàu tieân ñeàu coù maøu vaøng vaø maøu xanh trong keyframe cuoái. Caùc Shape Hint laø maøu ñoû neáu noù khoâng naèm treân ñöôøng cong. Caùc Shape Hint coù caùc kyù töï a, b, c, d, e naèm treân ñöôøng cong coù maøu vaøng trong khi ñoù Shape Hint kyù töï f khoâng naèm trong ñöôøng cong neân coù maøu ñoû TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 213 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  24. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Ñeå coù ñöôïc keát quûa toát nhaát khi caùc ñoái töôïng chuyeån ñoäng, baïn coù theå laøm theo nhöõng caùch chæ daãn sau ñaây: Ñoái vôùi caùc ñoái töôïng chuyeån ñoäng phöùc taïp, baïn haõy taïo ra caùc ñoái töôïng trung gian vaø laøm chuyeån ñoäng chuùng thay vì baïn chæ xaùc ñònh moät ñoái töôïng baét ñaàu vaø ñoái töôïng keát thuùc. Baïn phaûi chaéc chaén raèng caùc Shape Hint ñeàu hôïp lyù. Ví duï, neáu baïn ñang duøng ba ñoái töôïng Shape Hint cho moät hình tam giaùc, ba tam giaùc naøy phaûi ôû trong cuøng moät loaïi trong tam giaùc goác ban ñaàu vaø tam giaùc ñöôïc thay ñoåi. Loaïi traät töï naøy khoâng theå laø caùc chöõ caùi abc trong keyframe ñaàu vaø abc trong keyframe thöù hai ñöôïc. Caùc Shape Hint cho keát quaû toát nhaát neáu baïn ñaët chuùng vaøo theo höôùng ngöôïc chieàu kim ñoàng hoà ñaàu goùc traùi treân cuûa ñoái töôïng. Caùch duøng caùc Shape Hint: 1. Choïn keyframe ñaàu tieân trong tieán trình taïo chuyeån ñoäng Shape Tweening. 2. Choïn treân trình ñôn Modify > Transform > Add Shape Hint. AÛnh ôû cheá ñoä choïn Shape Hint ñaàu tieân xuaát hieän voøng troøn maøu ñoû coù chöùa kyù töï naèm treân ñoái töôïng. 3. Di chuyeån aûnh gôïi yù Shape Hint ñeán ñieåm baïn muoán ñaùnh daáu. 4. Choïn keyframe cuoái cuøng trong cheá ñoä chuyeån ñoäng. AÛnh ôû cheá ñoä Shape Hint cuoái cuøng xuaát hieän taïi nôi naøo ñoù trong ñoái töôïng vôùi kyù töï “a” coù voøng troøn maøu xanh laù caây. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 214 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  25. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 5. Di chuyeån aûnh Shape Hint ñeán ñieåm trong ñoái töôïng sau cuøng maø töông thích vôùi ñieåm ñaàu tieân baïn ñaõ ñaùnh daáu. Dieãn hoaït ñoaïn phim laïi laàn nöõa ñeå xem cheá ñoä Shape Hint laøm thay ñoåi cheá ñoä chuyeån ñoäng Shape Tweening. Di chuyeån caùc Shape Hint ñeå tinh chænh aûnh chuyeån ñoäng. 6. Laëp laïi tieán trình naøy ñeå theâm vaøo caùc Shape Hint. Nhöõng Shape Hint môùi xuaát hieän vôùi caùc kyù töï khaùc theo sau ñoù nhö b, c,d . . . . Trong khi laøm vieäc vôùi caùc Shape Hint, baïn coù theå thöïc hieän caùc böôùc sau: Ñeå xem taát caû caùc Shape Hint, baïn haõy choïn treân trình ñôn View > Show Shape Hints. Layer vaø keyframe coù chöùa caùc Shape Hint phaûi hieän haønh ñoái vôùi leänh Show Shape Hints. Xoaù boû moät Shape Hint baèng caùch keùo noù ra khoûi vuøng Stage. Xoaù boû taát caû caùc Shape Hint, baïn haõy choïn treân trình ñôn Modify > Transform > Remove All Hints. TAÏO AÛNH CHUYEÅN ÑOÄNG ANIMATION THEO CHEÁ ÑOÄ FRAME-BY-FRAME AÛnh chuyeån ñoäng theo cheá ñoä frame-by-frame laøm thay ñoåi noäi dung trong vuøng Stage trong moãi frame vaø thích hôïp nhaát ñoái vôùi caùc ñoái töôïng phöùc taïp trong ñoù moät aûnh thay ñoåi lieân tuïc trong moãi frame thay vì chæ ñôn giaûn di chuyeån. Cheá ñoä chuyeån ñoäng theo daïng frame-by- frame seõ laøm taêng kích thöôùc file nhanh hôn cheá ñoä chuyeån ñoäng theo daïng Tweened Animation. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 215 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  26. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Söû duïng cheá ñoä chuyeån ñoäng theo daïng frame-by-frame khi baïn caàn laøm thay ñoåi moät aûnh trong moãi frame. AÛnh maãu chuyeån ñoäng theo daïng frame-by-frame Taïo aûnh chuyeån ñoäng theo daïng frame-by-frame: 1. Nhaáp chuoät vaøo teân Layer ñeå kích hoaït noù trôû thaønh Layer hieän haønh vaø nhaáp chuoät vaøo moät frame nôi baïn muoán ñieåm chuyeån ñoäng baét ñaàu. 2. Neáu frame ñoù chöa coù moät keyframe, baïn haõy choïn treân trình ñôn Insert > Keyframe ñeå taïo moät keyframe trong frame ñoù. Frame chöa coù keyframe 3. Taïo aûnh taïi frame trình töï ñaàu tieân. Baïn coù theå duøng coâng cuï veõ, daùn vaøo moät aûnh töø trong Clipboard hoaëc nhaäp moät file. 4. Nhaáp chuoät vaøo frame keá tieáp beân phaûi trong cuøng moät haøng vaø choïn Insert > Keyframe hay nhaáp phaûi chuoät (trong Windows) hoaëc nhaáp Control (trong Macintosh) vaø choïn leänh Insert Keyframe trong trình ñôn xoå xuoáng Frame. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 216 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  27. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Choïn leänh naøy seõ theâm vaøo moät keyframe môùi maø noäi dung döõ lieäu cuûa noù gioáng nhö noäi dung döõ lieäu cuûa keyframe ñaàu tieân 5. Laàn löôït thay ñoåi noäi dung döõ lieäu cuûa frame naøy trong vuøng Stage ñeå phaùt trieån caùc vuøng chuyeån ñoäng tieáp theo sau ñoù. 6. Ñeå hoaøn thaønh trình töï chuyeån ñoäng theo daïng frame-by- frame, baïn haõy laëp laïi böôùc 4 vaø böôùc 5 cho ñeán khi baïn taïo ñöôïc vuøng chuyeån ñoäng baïn muoán. 7. Sau ñoù ñeå xem tröôùc ñoaïn phim vöøa taïo, baïn coù theå choïn treân trình ñôn Control > Play hoaëc nhaáp chuoät vaøo nuùt Play treân thanh Controller. Baïn coù theå choïn cheá ñoä Play Back (xem laïi) khi baïn taïo. HIEÄU CHÆNH CHUYEÅN ÑOÄNG ANIMATION Sau khi baïn taïo ra moät frame hay moät keyframe, baïn coù theå di chuyeån noù ñeán baát kyø vò trí naøo trong Layer hieän haønh hoaëc sang moät Layer khaùc. Baïn cuõng coù theå xoaù boû hoaëc thöïc hieän nhöõng thay ñoåi khaùc. Baïn chæ coù theå hieäu chænh treân caùc keyframe. Baïn coù theå xem caùc frame chuyeån ñoäng nhöng khoâng theå hieäu chænh tröïc tieáp leân noù ñöôïc. Baïn coù theå hieäu chænh caùc frame chuyeån ñoäng Tween baèng caùch thay ñoåi moät trong nhöõng keyframe ñaõ xaùc ñònh hoaëc cheøn vaøo moät keyframe môùi giöõa keyframe ñaàu vaø keyframe cuoái. Baïn coù theå keùo caùc muïc Item trong cöûa soå Library vaøo trong vuøng Stage ñeå theâm caùc Item vaøo trong keyframe hieän haønh. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 217 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  28. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Ñeå hieån thò vaø hieäu chænh nhieàu frame cuøng luùc, baïn duøng Onion Skinning. Cheøn nhieàu frame vaøo trong thanh thöôùc Timeline, baïn coù theå thöïc hieän moät trong nhöõng thao taùc sau: Cheøn vaøo moät frame môùi, choïn treân trình ñôn Insert > Frame. Taïo moät keyframe môùi, choïn treân trình ñôn Insert > Keyframe, hoaëc nhaáp phaûi chuoät (trong Windows) hoaëc nhaáp Control (trong Macintosh) taïi frame baïn muoán ñaët vaøo moät keyframe vaø choïn leänh Insert Keyframe treân trình ñôn ñoù. Ñeå taïo moät keyframe troáng môùi, baïn haõy choïn treân trình ñôn Insert > Blank Keyframe hoaëc nhaáp phaûi chuoät (trong Windows) hoaëc nhaáp Control (trong Macintosh) taïi frame baïn muoán cheøn vaøo moät keyframe vaø choïn leänh Insert Blank Keyframe trong trình ñôn. Xoaù hoaëc thay ñoåi moät frame hay keyframe, baïn coù theå thöïc hieän moät trong nhöõng böôùc sau: Xoaù moät frame, keyframe hoaëc moät chuoãi caùc frame, baïn haõy choïn moät frame, keyframe hoaëc chuoãi frame ñoù vaø choïn treân trình ñôn Insert > Remove Frame hoaëc nhaáp phaûi chuoät (trong Windows) hoaëc nhaáp Control (trong Macintosh) taïi frame, keyframe hoaëc chuoãi frame ñoù vaø choïn leänh Remove Frame coù trong trình ñôn xoå xuoáng naøy. Caùc frame xung quanh vaãn khoâng thay ñoåi. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 218 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  29. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Di chuyeån moät keyframe hoaëc moät frame vaø noäi dung döõ lieäu cuûa noù baèng caùch keùo keyframe hoaëc chuoãi frame ñoù sang vò trí mong muoán. Keùo moät frame ñaàu tieân sang phaûi taïi vò trí cuoái cuøng Frame sau khi di chuyeån Môû roäng khoaûng thôøi gian dieãn hoaït cuûa moät keyframe, nhaán phím Alt vaø keùo chuoät (trong Windows) hoaëc nhaán phím Option (trong Macintosh) taïi keyframe ñeán vò trí frame cuoái cuøng cuûa chuoãi frame môùi. Sao cheùp moät keyframe hoaëc frame baèng caùch keùo chuoät, baïn nhaán phím Alt (trong Windows) hoaëc nhaán phím Option (trong Macintosh) vaø keùo keyframe sang vò trí môùi. Sao cheùp vaø daùn moät frame hay moät chuoãi frame, choïn moät frame hay moät chuoãi frame ñoù. Sau ñoù choïn treân trình ñôn Edit > Copy Frames. Choïn moät frame hay moät chuoãi frame maø baïn muoán thay theá, sau ñoù choïn treân trình ñôn Edit > Paste Frames. Chuyeån ñoåi moät keyframe thaønh moät frame, baïn haõy choïn keyframe ñoù vaø choïn treân trình ñôn Insert > Clear Keyframe, hoaëc nhaáp phaûi chuoät (trong Windows) hay nhaáp Control (trong Macintosh) taïi keyframe vaø choïn leänh Clear Keyframe trong trình ñôn doïc ñoù. Caùc keyframe seõ bò xoaù vaø taát caû caùc frame trong keyframe sau ñoù ñöôïc thay theá baèng noäi dung cuûa frame ñöùng tröôùc keyframe bò xoaù ñoù. Thay ñoåi chieàu daøi cuûa moät quaù trình chuyeån ñoäng Tween, baèng caùch keùo keyframe ñaàu hoaëc keyframe cuoái sang phaûi hay traùi. Ñeå thay ñoåi ñoä daøi cuûa tieán trình chuyeån ñoäng theo daïng frame-by-frame, baïn coù theå tham khaûo muïc ”Taïo chuyeån ñoäng theo daïng frame-by-frame” ñeå bieát theâm chi tieát. Theâm vaøo moät muïc Item töø thö vieän vaøo trong keyframe hieän haønh, keùo muïc Item ñoù trong cöûa soå Library vaøo trong vuøng Stage. Chuyeån ñoåi tieán trình chuyeån ñoäng, baïn haõy choïn caùc frame thích hôïp trong moät hay nhieàu Layer vaø choïn trình ñôn Modify > Frames > Reverse. Phaûi laø caùc keyframe ñaàu vaø keyframe cuoái cuûa quaù trình chuyeån ñoäng. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 219 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  30. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 ONION SKINNING Thoâng thöôøng, Flash hieån thò moät frame chuyeån ñoäng taïi moät thôøi ñieåm naøo ñoù trong vuøng Stage. Ñeå giuùp baïn ñònh vò vaø hieäu chænh vuøng chuyeån ñoäng theo daïng frame-by-frame, baïn coù theå xem 2 hoaëc nhieàu frame trong vuøng Stage cuøng luùc. Frame beân döôùi ñaàu Playhead xuaát hieän ñaày maøu trong khi ñoù caùc frame xung quanh bò môø ñi, taïo cho aûnh xuaát hieän môø ñi gioáng nhö caùc frame ñöôïc veõ treân moät tôø giaáy trong suoát môø (Translucent Onion Skin Paper) vaø nhöõng tôø giaáy naøy ñöôïc xeáp choàng caùc maët leân nhau. Caùc frame bò môø khoâng theå hieäu chænh ñöôïc. Ñeå xem nhieàu frame cuøng luùc trong quaù trình taïo chuyeån ñoäng trong vuøng Stage, baïn coù theå duøng nuùt Onion Skin. Nhaáp chuoät vaøo nuùt Onion Skin. Taát caû caùc frame chính giöõa caùc daáu Start Onion Skin vaø End Onion Skin (trong Timeline header) ñöôïc xeáp choàng leân nhö moät frame trong cöûa soå Movie. Ñeå ñieàu khieån cho Onion Skin hieån thò, baïn coù theå thöïc hieän moät trong nhöõng thao taùc sau: Hieån thò caùc vieàn ngoaøi cuûa caùc frame Onion Skin baèng caùch nhaáp chuoät vaøo nuùt Onion Skin Outlines beân döôùi thanh thöôùc Timeline. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 220 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  31. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Thay ñoåi vò trí cuûa daáu Onion Skin, keùo con troû sang vò trí môùi. (Thoâng thöôøng, caùc daáu Onion Skin di chuyeån cuøng vôùi con troû frame hieän haønh) Baïn coù theå hieäu chænh taát caû caùc frame chính giöõa caùc daáu Onion Skin baèng caùch nhaáp chuoät vaøo nuùt Edit Multiple Frames. Thoâng thöôøng, cheá ñoä Onion Skin cho pheùp baïn hieäu chænh chæ coù frame hieän haønh maø thoâi. Tuy nhieân, baïn coù theå hieån thò noäi dung döõ lieäu cuûa moãi frame giöõa caùc daáu Onion Skin vaø hieäu chænh chuùng, baát chaáp frame naøy coù phaûi laø frame hieän haønh hay khoâng. Chuù yù : Caùc Layer bò khoaù (caùc Layer coù bieåu töôïng caùi moùc khoaù) khoâng hieån thò khi baïn môû cheá ñoä Onion Skin. Ñeå traùnh nhaàm laãn vôùi nhieàu aûnh khaùc nhau, baïn coù theå khoaù hoaëc laøm aån caùc Layer maø baïn khoâng muoán Layer ñoù ôû cheá ñoä Onion Skin. Thay ñoåi vuøng hieån thò cuûa caùc daáu Onion Skin: Nhaáp chuoät vaøo nuùt Modify Onion Markers vaø choïn moät muïc Item coù trong trình ñôn: TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 221 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  32. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 Muïc Always Show Markers hieån thò hoaëc khoâng hieån thò caùc daáu Onion Skin trong Timeline header. Muïc Anchor Onion Marks khoaù caùc daáu Onion Skin sang vò trí hieän haønh trong Timeline header. Bình thöôøng, vuøng Onion Skin töông öùng vôùi con troû frame hieän haønh vaø caùc daáu Onion Skin. Baèng caùch thaû neo caùc daáu Onion Skin, baïn coù theå ngaên caûn khoâng cho chuùng di chuyeån vôùi con troû frame hieän haønh. Muïc Onion 2 hieån thò 2 frame caû hai maët trong frame hieän haønh. Muïc Onion 5 hieån thò 5 frame caû hai maët trong frame hieän haønh. Muïc Onion All hieån thò taát caû caùc frame trong caû hai maët taïi frame hieän haønh. AÛnh vôùi muïc choïn Onion All DI CHUYEÅN TOAØN BOÄ VUØNG CHUYEÅN ÑOÄNG ANIMATION Neáu baïn caàn di chuyeån toaøn boä vuøng chuyeån ñoäng trong vuøng Stage, baïn phaûi di chuyeån caùc aûnh Graphics trong taát caû caùc frame vaø caùc Layer moät laàn ñeå traùnh vieäc toå chöùc laïi taát caû moïi thöùc. Ñeå di chuyeån toaøn boä vuøng chuyeån ñoäng sang moät vò trí khaùc trong vuøng Stage: 1. Môû khoaù taát caû caùc Layer. Ñeå di chuyeån moïi thöù trong moät hoaëc nhieàu Layer nhöng khoâng phaûi caùc Layer khaùc, baïn coù theå khoaù laïi hoaëc laøm aån ñi caùc Layer baïn khoâng muoán di chuyeån. 2. Nhaáp chuoät vaøo nuùt Edit Multiple Frames trong thanh thöôùc Timeline. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 222 BIEÂN SOAÏN : KS PHAÏM QUANG HUY
  33. GIAÙO TRÌNH THIEÁT KEÁ WEB : PHAÀN LYÙ THUYEÁT - TÖÏ HOÏC MACROMEDIA FLASH 5.0 BAÈNG HÌNH AÛNH CHÖÔNG 9 3. Keùo caùc daáu Onion Skin ñeå chuùng bao quanh taát caû caùc frame baïn muoán choïn hoaëc nhaáp chuoät vaøo nuùt Modify Onion Markers vaø choïn Onion All. Luùc naøy taát caû caùc frame seõ ñöôïc choïn coù maøu môø Choïn leänh Onion All trong trình ñôn taïi nuùt Modify Onion Markers 4. Sau ñoù choïn treân trình ñôn Edit > Select All. 5. Keùo toaøn boä vuøng chuyeån ñoäng sang vò trí môùi trong vuøng Stage. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 223 BIEÂN SOAÏN : KS PHAÏM QUANG HUY