›
›

Giáo trình thiết kế Web - Chương 3: Vẽ đường thẳng và vòng tròn

pdf 25 trang phuongnguyen 3150
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 3: Vẽ đường thẳng và vòng tròn", để 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_3_ve_duong_thang_va_vong_tron.pdf

Nội dung text: Giáo trình thiết kế Web - Chương 3: Vẽ đường thẳng và vòng tròn

  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 3 VEÕ ÑÖÔØNG THAÚNG VAØ VOØNG TROØN BAØI TAÄP 1 : VEÕ KHOÁI CHÖÕ NHAÄT Caùc baïn vöøa qua ñaõ laøm quen caùc coâng cuï veõ ñöôøng thaúng. Baây giôø haõy baét ñaàu veõ moät soá keát quaû döïa treân caùc ñöôøng thaúng. Haõy thöû veõ khoái chöõ nhaät nhö hình beân. Gioáng nhö caùc baøi taäp thöïc haønh ñoà hoïa, vieäc ñaàu tieân caùc baïn phaûi choïn kích thöôùc. Choïn Modify > Movies, hoäp thoaïi Movie Properties xuaát hieän. Haõy chaáp nhaän nhöõng tham soá maëc ñònh trong hoäp thoaïi sau ñoù nhaáp chuoät vaøo nuùt OK. Keá tieáp haõy ñaët löôùi baèng caùch choïn trình ñôn View > Grid > Show Grid Laäp töùc löôùi seõ xuaát hieän treân cöûa soå laøm vieäc cuûa Flash. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 76 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 3 Baây giôø baïn haõy choïn coâng cuï Line Tool ñeå veõ moät hình khoái chöõ nhaät. Haõy nhaáp vaøo moät ñieåm trong löôùi choã hai ñöôøng cheùo giao nhau. Sau ñoù keùo qua ñöôøng cheùo cuûa boán oâ vuoâng löôùi, roài keùo theâm nhieàu ñöôøng thaúng baïn seõ coù hình nhö sau. Tieáp tuïc keùo theâm hai ñöôøng nöõa baïn ñaõ hoaøn taát khoái chöõ nhaät. Duøng coâng cuï muõi teân choïn toaøn boä khoái chöõ nhaät sau ñoù choïn trình ñôn Edit > Copy ñeå löu noù vaøo clipboard vaø choïn leänh Edit > Paste baïn seõ daùn theâm moät khoái chöõ nhaät raát nhanh choùng vaøo cöûa soå laøm vieäc, noái theâm boán ñöôøng thaúng baïn seõ noái ñöôïc hai khoái chöõ nhaät vaøo vôùi nhau, vaø neáu ñöôïc toâ theâm maøu noù seõ trôû neân tuyeät ñeïp nhö hình beân. Caùc baïn seõ hoïc toâ maøu ôû chöông sau. BAØI TAÄP 2 : VEÕ THÖÔÙC EÂ KE Cuõng vôùi coâng cuï Line Tool sau khi veõ caùc ñöôøng thaúng, caùc baïn seõ taïo ñöôïc caây thöôùc EÂ-Ke thaät deã daøng Böôùc coøn laïi khoù hôn daønh cho caùc baïn laø laøm sao : vaïch ñeàu caùc khaác chia ñoä. Caùc baïn haõy xem thöû thöôùc maãu ñeå coù yù töôûng thieát keá. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 77 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 3 BAØI TAÄP 3 : VEÕ CAÂY COÏ VEÕ Baøi taäp naøy caùc baïn tieán haønh veõ moät caây coï nhö hình beân. Phaàn loâng coï laø phaàn phaûi veõ ñaàu tieân, ñaây cuõng laø phaàn khoù nhaát trong baøi taäp naày. Ñaàu tieân duøng coâng cuï Line Tool baïn keùo töø döôùi leân, xong roài keùo ngang keá tieáp keùo xuoáng ñeå veõ ñaàu coï. Ñeå veõ loâng co,ï tieán haønh keû theâm vaøi neùt daøi ngaén khaùc nhau. ÔÛ ñaây ta veõ theâm ba neùt. Duøng coâng cuï muõi teân keát hôïp vôùi phím Shift baïn choïn ba neùt vöøa veõ (Khi choïn neùt naøo ta thaáy coù nhöõng veät laám chaám nhö kieán boø treân neùt ñoù), nhaáp vaøo trình ñôn Edit > Copy ñeå löu 3 neùt vaøo clipboard keá tieáp choïn Edit > Paste. Nhöõng neùt daøi ngaén seõ ñöôïc nhaân baûn. Tieáp ñoù chuùng ta laät theo höôùng ngang baèng caùch nhaáp vaøo Flip Horizontal töø trình ñôn Modify > Transform > Duøng coâng cuï muõi teân keát hôïp vôùi phím Shift choïn heát ba vaïch vöøa xoay xong. Duøng caùc phím muõi teân ñöa ba vaïch ñoù gaén lieàn vôùi ba vaïch ñaàu tieân, xong duøng coâng cuï muõi teân keát hôïp vôùi phím Shift choïn heát roài nhaân baûn baèng caùch choïn Edit > Copy roài sau ñoù choïn Edit > Paste. Tieáp tuïc duøng coâng cuï muõi teân keát hôïp phím Shift choïn heát roài duøng caùc phím muõi teân gaén keà beân caùc vaïch vöøa taïo xong. Tôùi ñaây phaàn loâng coï coi nhö giaûi quyeát xong. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 78 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 3 Keá tieáp laø veõ phaàn ñaàu coï. Ñaàu tieân baïn choïn coâng cuï Line Tool keùo moät ñöôøng ngang sau ñoù xoå xuoáng moät ñöôøng xieân, tieáp tuïc keùo ñöôøng ngang nhoû sau ñoù troå trôû leân ñöôøng xieân. Baïn ñaõ hoaøn taát ñaàu coï (nhôù boå xung theâm hai vaïch thaúng cho ñaàu coï theâm sinh ñoäng) Cöù tieáp tuïc nhö treân baïn seõ hoaøn taát phaàn thaân coï. Cuõngï gioáng nhö ñaàu coï baïn keû theâm moät vaïch daøi cho theâm sinh ñoäng. Cuoái cuøng caây coï ñaõ hoaøn taát. Nhôù löu laïi keát quaû. BAØI TAÄP 4 : VEÕ MOÄT MAÃU GAÏCH BOÂNG Muoán veõ moät maãu gaïch boâng nhö hình döôùi, ñaàu tieân caùc baïn phaûi thieát laäp caùc ñöôøng löôùi. Keá ñoù baïn phaûi duøng coâng cuï Line Tool keùo moãi caïnh ñôn vò baèng 5 oâ löôùi. Chuùng ta seõ ñöôïc moät hình vuoâng. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 79 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 3 Tieáp tuïc duøng coâng cuï Line Tool keû ñöôøng cheùo cuûa moät oâ löôùi nhö hình beân döôùi. Keá tieáp keû ñöôøng cheùo phía ñoái dieän. Xong baïn keû ñöôøng cheùo cuûa boán oâ vuoâng. Vaø cuõng vôùi coâng cuï Line Tool baïn keû hai ñöôøng chæ maøu naâu chaïy doïc theo caùc ñöôøng cheùo. Duøng coâng cuï toâ maøu Paint Bucket Tool ñeå ñöa maøu vaøo. Duøng coâng cuï muõi teân keát hôpï vôùi phím Shift choïn nhöõng ñöôøng thaúng ngoaøi rìa hình vuoâng (chuù yù sau khi choïn xong nhöõng ñöôøng thaúng coù daïng chaám chaám), roài xoùa ñi. Böôùc keá tieáp duøng coâng cuï muõi teân taïo marquee choïn heát vuøng veõ. Sau ñoù choïn laàn löôït Edit > Copy roài Edit > Paste ñeå nhaân baûn nhöõng phaàn ñaõ veõ. Keá tieáp duøng con troû chuoät nhaáp vaøo Flip Horizontal töø trình ñôn Modify > Transform. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 80 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 3 Phaàn vöøa môùi taïo ñaõ ñöôïc laät ngang.Ta duøng caùc phím muõi teân di chuyeån noù naèm saùt leân phaàn ñaàu. Xong duøng coâng cuï muõi teân taïo marquee choïn heát. Roài laàn löôït choïn töø trình ñôn Edit > Copy roài Edit > Paste nhö caùch treân treân ñeå taïo moät nhaân baûn môùi. Keá tieáp baïn haõy duøng con troû chuoät nhaáp vaøo Flip Vertical töø trình ñôn Modify > Transform > Flip Vertical. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 81 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 3 Phaàn taïo môùi ñaõ ñöôïc xoay xuoáng phía döôùi. Duøng caùc phím muõi teân gaén lieàn chuùng laïi vôùi nhau. Ta ñaõ coù vieân gaïch men hoaøn haûo. Ñoái vôùi caùc baïn coù nieàm mô öôùc thieát keá caùc maãu gaïch men, ceramic, gaïch boâng thì neân luyeän taäp veõ nhuaàn nhuyeån veà ñöôøng thaúng. Chaúng haïn nhö vieân gaïch Ceramic phía döôùi thì caùc ñöôøng thaúng ñoùng vai troø vöøa taïo neùt vöøa taïo hình,vaø neáu baïn ñöa theâm maøu saéc thích hôïp vaøo maãu caùc baïn seõ coù nhöõng maãu raát ñeïp khaùc nhau. Haõûy thöû thieát keá moät soá maãu khaùc. Caàn chuù yù khaû naêng keát noái giöõa caùc vieân gaïch vôùi nhau khi thieát keá. Nhôù löu laïi file ñeå thöïc taäp cho phaàn thöïc haønh ôû chöông sau. BAØI TAÄP 5 : TRANG TRÍ MOÄT MAÃU GAÏCH BOÂNG. Ñeå taïo maãu gaïch nhö hình döôùi Chuùng ta haõy baét ñaàu veõ moät hình vuoâng vôùi ñöôøng löôùi vaø coâng cuï quen thuoäc laø Line Tool. Chuùng ta haõy keû boán ñöôøng thaúng, ñöôøng cuoái cuøng seõ noái laïi laø moät hình vuoâng. Tieáp tuïc chuùng ta choïn moät vò trí, vò trí naày caùch caùc caïnh hình vuoâng khoaûng ba oâ löôùi. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 82 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 3 Töø vò trí ñaõ choïn, keùo moät ñöôøng thaúng veà phía tay traùi (nhôù nhaán phím Shift cho vieäc keû ñöôøng thaúng deã daøng hôn). Tieáp tuïc veõ, cöù caùch ba oâ löôùi ta choïn moät vò trí keùo thaúng ñeán moät caïnh cuûa hình vuoâng. Tieáp tuïc cho ñeán khi chuùng ta ñaït ñöôïc boán ñöôøng thaúng. Keá tieáp cuõng ôû moät vò trí caùch ba oâ löôùi ta cuõng keõ moät ñöôøng thaúng ñuïng moät caïnh cuûa hình vuoâng (chuù yù ñöôøng thaúng baây giôø raát ngaén). Chuùng ta veõ boán ñöôøng thaúng ngaén taïo thaønh boán oâ vuoâng nhoû. Tieáp tuïc veõ ta coù keát quaû sau. Duøng coâng cuï xoâ sôn (Pain Bucket Tool). Choïn moät maøu toâ vaø loaïi maøu toâ. Ta ñöa maøu naâu vaøo trong caùc hình vuoâng nhoû. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 83 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 3 Hình vuoâng ôû trung taâm. Ta ñoå maøu cam vaøo. Coøn laïi boán hình chöõ nhaät ta ñoå maøu vaøng vaøo. Cuoái cuøng ta ñöôïc moät hình vuoâng hoaøn haûo. BAØI TAÄP 6 : VEÕ PHOÁI CAÛNH Vôùi caùc baøi taäp veõ caùc ñoaïn thaúng trong 5 baøi taäp tröôùc ñaõ ñöôïc thöïc hieän thì baøi taäp keá tieáp naøy seõ deã daøng vôùi baïn. Baøi taäp naøy caùc baïn veõ moät hình khoái chöõ nhaät trong khoâng gian. Ñaàu tieân baïn haõy duøng chuoät nhaáp vaøo bieåu töôïng Show Info treân thanh Launcher. Hoäp thoaïi Info seõ xuaát hieän. Baïn haõy duøng con troû chuoät nhaáp vaøo Tab Stroke Hoäp thoaïi Stroke xuaát hieän. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 84 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 3 Duøng con troû chuoät nhaáp vaøo tam giaùc nhoû ôû goùc phaûi phía treân cuûa hoäp thoaïi. Moät hoäp thoaïi môùi xuaát hieän, ta duøng con troû chuoät choïn ñöôøng chaám chaám. Duøng coâng cuï Line Tool keû moät ñöôøng thaúng ngang qua löôùi. Ñöôøng naøy ta goïi laø ñöôøng taàm maét. Xaùc ñònh vò trí moät chaám baát kyø caùch ñöôøng taàm maét hai oâ löôùi, Duøøng coâng cuï Line Tool keû moät ñöôøng thaúng leân treân vôùi ñoä cao chieám 8 oâ . Trong hoäp thoaïi Info. Choïn Tab Stroke vaø baïn vaãn choïn ñöôøng ñöùt khuùc. Baïn keùo töø ñænh cuûa ñöôøng thaúng ñeán ñöôøng taàm maét. Vaø töø moät ñieåm cuûa ñöôøng taàm maét ta keùo ñeán caïnh ñaùy cuûa ñöôøng thaúng. Töông töï cuõng vôùi coâng cuï Line Tool ta keùo hai ñænh coøn laïi veà ñöôøng taàm maét phía ñoái dieän. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 85 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 3 Tieáp tuïc keû ñöôøng thaúng baát kyø (choïn khoaûng caùch tuøy yù). Ñöôøng thaúng naøy seõ noái hai ñöôøng cheùo chaám chaám taïi hai ñænh. Keû ñöôøng thaúng baát kyø (coâng cuï Line Tool) phía ñoái dieän. Ñöôøng naøy seõ tieáp giaùp hai ñöôøng cheùo chaám chaám. Keû ñöôøng chaám chaám töø ñænh ñöôøng thaúng môùi taïo veà ñieåm hoäi tuï treân ñöôøng taàm maét. Keû theâm ñöôøng chaám chaám beân döôùi. Caïnh coøn laïi vaãn keùo hai ñöôøng chaám chaám veà ñieåm tuï treân ñöôøng taàm maét. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 86 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 3 Duøng coâng cuï muõi teân keát hôïp vôùi phím Shift. Choïn taát caû nhöõng ñöôøng chaám chaám theo höôùng muõi teân chæ. Vaãn ñaûm baûo laø baïn ñang söû duïng hoäp thoaïi Stroke. Choïn tham soá laø 2. Baïn nhaáp vaøo khoaûng troáng treân löôùi. Laäp töùc caùc ñöôøng ñaõ ñöôïc choïn ñeàu bieán thaønh ñöôøng thaúng. Cuoái cuøng baïn nhaáp choïn coâng cuï toâ sôn (Pain Bucket Tool). Bieåu töôïng hình xoâ sôn xuaát hieän, nhaáp choïn vuøng ñoåi maøu treân khoái chöõ nhaät. ÔÛ ñaây giaû söû ta ñoå maøu vaøo hai vuøng. Ta coù keát quaû nhö hình beân döôùi. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 87 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 3 BAØI TAÄP 7 : VEÕ BAÈNG ÑÖÔØNG THAÚNG VAØ VOØNG TROØN Caùc baïn haõy thöû veõ 3 hình ñôn giaûn sau : nhaø, gaø con, ñóa vi tính Caàn chuù yù khi veõ ñóa vi tính, moät soá hình chöõ nhaät coù bo troøn ôû goùc neân xem ñóa thöïc teá ñeå veõ chính xaùc BAØI TAÄP 8 : VEÕ NAÂNG CAO Moät trong nhöõng theá maïnh cuûa Flash laø laøm caùc ñoaïn phim cho caùc ñoái töôïng chuyeån ñoäng sau ñoù xuaát sang trang Web. Baøi taäp naøy höôùng daãn caùc baïn thöïc hieän caùc thaønh phaàn moät ñoaïn phim hoaït hình thoâng qua caùc nhaân vaät, qua ñoù seõ cuûng coá caùc baïn caùc kieán thöùc cô baûn veà phim hoaït hình. Sau khi veõ xong caùc baïn nhôù löu thaønh file ñeå söû duïng laïi sau naøy. Caùc baïn coù theå laáy yù töôûng trong phaàn höôùng daãn vaø tieán haønh veõ baèng CorelDraw ñeå oân taäp theâm cho chöông trình naøy. Trong phim hoaït hình, chuùng ta caàn phaûi xöû lyù aûnh cuûa nhieàu ñoái töôïng, ñoái töôïng ôû ñaây coù theå laø caùc nhaân vaät, thuù vaät, ñoà vaät. Vieäc veõ ngöôøi hay thuù laø ñieàu baét buoäc cho nhöõng ai baét ñaàu hoïc laøm phim hoaït hình vaø khuoân maët laø aûnh caàn phaûi veõ ñaàu tieân. Hình 8 Hình 9 Hình 10 Hình 11 Tröôùc tieân caùc baïn haõy veõ hình 8. Ñeå cho vieäc veõ ñöôïc deã daøng caùc baïn caàn phaûi hieån thò löôùi nhö caùc baøi taäp tröôùc ñaây. Duøng coâng cuï Oval Tool keát hôïp vôùi phím Shift veõ moät voøng troøn nhö hình (hình 8a). Töø taâm voøng troøn keû moät ñöôøng thaúng ñi leân (hình 8b). Ñöôøng thaúng naøy xem nhö laø truïc cuûa ñaàu nhaân vaät. Duøng coâng cuï Oval Tool veõ theâm moät hình oval (hình 8c). Hình 8a Hình 8b Hình 8c TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 88 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 3 Duøng coâng cuï muõi teân choïn Oval. Xong duøng caùc phím muõi teân di chuyeån noù vaøo trung taâm hình troøn (hình 8d). Keá tieáp nhaáp choïn coâng cuï Scale trong muïc Options treân thanh coâng cuï (hình 8e). Hình 8d Hình 8e Hình 8f Nhöõng nuùt hình vuoâng nhoû xuaát hieän bao quanh hình oval. Sau ñoù ta duøng con troû chuoät chænh theo hình 8d. Baïn cuõng laøm y nhö vaäy ñoái vôùi hình Oval naèm ngang (hình 8f). Chuù yù taâm cuûa hai hình Oval truøng vôùi taâm voøng troøn. Tieáp tuïc duøng coâng cuï Line Tool veõ phaàn truïc ñaàu phía döôùi. Hình 8g Hình 8h Ñöôøng truïc naèm khuaát trong hình caàu (hình 8g). Chuùng ta phaûi taïo noù thaønh ñöôøng chaám chaám baèng caùch vaãn söû duïng hoäp thoaïi Stroke. Choïn tab Stroke, sau ñoù duøng con chuoät nhaáp choïn ñöôøng chaám chaám. Xong nhaáp choïn trôû laïi ñöôøng truïc. Baây giôø ñöôøng thaúng ñaõ trôû thaønh ñöôøng chaám chaám (hình 8h). Töø trình ñôn Modify > Transform > Rotate. Ta duøng chuoät nhaáp choïn Rotate. Laäp töùc seõ xuaát hieän nhöõng nuùt troøn bao quanh hình caàu (hình 8i). Duøng con chuoät troû vaøo moät nuùt troøn laäp töùc seõ coù nhöõng muõi teân nhoû xuaát hieän. Chuùng ta duøng chuoät keùo nheï ñeå xoay truïc ñaàu hôi nghieâng theo hình 8j. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 89 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 3 Hình 8i Hình 8j Duøng coâng cuï Oval Tool veõ hai hình Oval nhoû ñeå laøm hai hoá maét cho nhaân vaät (hình 8k). Chuù yù hoá maét beân tay maët luoân nhoû hôn beân tay traùi (theo luaät phoái caûnh). Neáu khoâng chuù yù ñieàu naøy baïn seõ bò ñaùnh rôùt ngay khi thi vaøo caùc coâng ty laøm phim hoaït hình vì caùc chuyeân gia kieåm tra heát söùc gaét gao veà nguyeân lyù cô baûn naøy. Tieáp tuïc keû hai hình Oval nhoû ñeå laøm hai con maét (hình 8l). Veõ tieáp hai hình Oval nhoû, duøng coâng cuï xoâ sôn ñöa maøu ñen vaøo ñeå laøm con ngöôi (hình 8m) Hình 8k Hình 8l Hình 8m Vaãn söû duïng coâng cuï Oval Tool taïo moät hình Oval lôùn hôn hoác maét ñeå laøm muõi nhaân vaät. Duøng con chuoät nhaáp choïn hình Oval, xong choïn coâng cuï Scale muïc Options treân thanh coâng cuï (hình 8n)ï. Hình 8n Hình 8o Hình 8p Laäp töùc nhöõng nuùt hình vuoâng nhoû xuaát hieän xung quanh hình Oval (hình 8o). Ta duøng con chuoät ñieàu chænh hình Oval cho vöøa. Duøng caùc phím muõi teân ñöa hình Oval vaøo vò trí thích hôïp. Duøng chuoät nhaáp choïn coâng cuï Pencil Tool treân thanh coâng cuï, sau ñoù duøng coâng cuï naøy veõ hai beân goø maù. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 90 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 3 Veõ tieáp mieäng vaø caèm. Veõ tieáp haøm döôùi vaø loã tai. Haõy nhôù laø cuõng vôùi coâng cuï Pencil Tool, veõ theâm chaân maøy vaø toùc. Cuoái cuøng duøng coâng cuï muõi teân choïn taát caû nhöõng gì khoâng caàn thieát vaø xoùa heát. Caùc baïn ñaõ thöïc hieän xong baøi taäp! Haõy nhìn xem taùc phaåm cuûa baïn moät nhaân vaät troâng thaät vui nhoän. Neáu coá gaéng luyeän taäp gioûi moân naøy, trong töông lai baïn seõ laø moät chuyeân gia trong laõnh vöïc veõ vaø laøm phim hoaït hình treân maùy tính. Nhôù löu laïi keát quaû! TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 91 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 3 BAØI TAÄP 9 Baây giôø baïn böôùc sang baøi taäp keá tieáp qua vieäc veõ hình moät nhaân vaät nhö hình beân (hình 9). Cuõng vaãn vôùi caáu truùc hình troøn vaø Oval. Nhöng ôû ñaây söï dieãn xuaát khaùc haún ñi, vaø moãi laàn thöïc taäp moät baøi taäp môùi baïn seõ hoïc ñöôïc nhieàu caùch dieãn xuaát khaùc nhau heát söùc phong phuù. Thieát laäp caáu truùc hình troøn vaø truïc ñaàu (hình 9a). Xong baïn haõy choïn coâng cuï Rotate vaø xoay hình troøn theo hình döôùi. Baây giôø môøi baïn baét ñaàu nhaäp cuoäc. Haõy duøng coâng cuï muõi teân choïn taát caû. Sau ñoù choïn Modify > Transform > Rotate. Baïn haõy nhaáp choïn goùc xoay. Hình 9a Hình 9b Duøng chuoät choïn nhöõng ñöôøng beân trong hình troøn. Choïn xong, söû duïng hoäp thoaïi Stroke, vaãn choïn Tab Stroke. Choïn tham soá laø 1 trong hoäp thoaïi naøy, keá tieáp choïn neùt ñöùt khuùc xong nhaáp chuoät vaøo löôùi baïn seõ coù hình troøn nhö trong hình 9c. Hình 9c Duøng coâng cuï Oval Tool veõ moät hình Oval ñeå taïo hoá maét (hình 9d). Choïn coâng cuï Scale ñeå ñieàu chænh maét cho phuø hôïp vôùi göông maët nhaân vaät (hình 9e) Hình 9d Hình 9e TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 92 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 3 Taïo theâm con maét phía ñoái dieän. Hình 9f Hình 9g Tieáp tuïc choïn coâng cuï Oval Tool veõ hình Oval taïo muõi nhaân vaät roài gaén vaøo choã thích hôïp. Söû duïng Pencil Tool veõ mieäng nhaân vaät roài gaén vaøo ñuùng vò trí nhö hình döôùi. Hình 9h Hình 9i Veõ theâm caèm vaø goø maù nhaân vaät. Hình 9j Hình 9k Veõ theâm loã tai, toùc vaø caèm cuûa nhaân vaät. Hình 9l Hình 9m Cuoái cuøng laø duøng coâng cuï Oval Tool keát hôïp coâng cuï xoâ sôn veõ theâm con ngöôi vaø troøng maét ñen. Sau ñoù duøng coâng cuï muõi teân choïn vaø xoùa heát nhöõng ñöôøng caáu truùc nhö hình döôùi. Cuoái cuøng baïn ñaõ coù moät göông maët dieãn xuaát nhö sau. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 93 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 3 BAØI TAÄP 10 Trong hai baøi taäp tröôùc baïn ñaõ quen daàn vôùi caáu truùc hình troøn, Oval, caùc coâng cuï Pencil, toâ sôn v.v . . . Baøi taäp naøy cuõng töông töï nhö baøi taäp tröôùc, caùc baïn seõ veõ hình 10 nhö trình baøy ôû beân. Ñaàu tieân baïn seõ thieát laäp moät caáu truùc hình troøn, oval, caùc ñöôøng truïc. Ta cuõng duøng coâng cuï Rotate ôû muïc Option treân thanh coâng cuï ñeå xoay hình troøn (hình 10a, 10b). Caùc baïn thaáy truïc ñaàu baây giôø nghieâng raát nhieàu so vôùi caùc baøi taäp tröôùc ñaây. Hình 10 Ñoä nghieâng naøy thöôøng dieãn taû nhöõng caûnh khoaùi chí híp caû maét. Baây giôø baïn haõy choïn coâng cuï Pencil Tool vaø duøng chuoät veõ caëp Hình 10a Hình 10b maét híp vôùi chaân maøy tröôùc. Keá ñeán duøng Oval Tool veõ moät hình Oval ñeå taïo muõi roài duøng caùc phím muõi teân ñöa vaøo vò trí thích hôïp nhö hình beân. Xong baïn duøng Pencil Tool ñeå veõ mieäng vaø caèm. Hình 10c Hình 10d Tieáp tuïc duøng Pencil Tool veõ goø maù hai beân, vaø theâm toùc cho nhaân vaät. Hình 10e Hình 10f TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 94 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 3 Cuoái cuøng baïn haõy duøng coâng cuï muõi teân choïn vaø xoùa taát caû neùt thöøa, baây giôø haõy nhìn xem nhaân vaät vöøa thöïc hieän troâng coù vui khoâng! BAØI TAÄP 11 Baïn ñaõ quen thuoäc caáu truùc ñaàu cuûa nhaân vaät, vaø trong baøi taäp naøy vieäc thieát laäp seõ nhanh hôn caùc baøi tröôùc. Baïn haõy chuù yù truïc xoay baây giôø nghieâng ít hôn so vôùi ñaàu nhaân vaät ôû baøi taäp 10. Truïc nghieâng naøy seõ dieãn taû nhaân vaät vôùi veõ maët caêng thaúng hay goïi moät caùch noâm na laø “ Quaïu “. Baây giôøø baïn haõy thieát laäp caáu truùc ñaàu nhö caùc baøi taäp tröôùc. Ñeå veõ ñöôïc hai maét, baïn duøng coâng cuï Oval Tool, vaø ñeå ñöa hai maét vaøo vò trí thích hôïp thì baïn duøng coâng cuï muõi teân Hình 11 Choïn taát caû hai maét vöøa veõ, keá tieáp laø duøng caùc phím muõi teân ñeå ñöa noù vaøo vò trí thích hôïp. Ñeå taïo muõi nhaân vaät. Baïn haõy lieân töôûng ñeán coâng cuï naøo. Pencil Tool ? – Ñöôïc! Nhöng khoù thöïc hieän. Vaäy thì coâng cuï naøo deã hôn ? – Oval Tool – Raát ñuùng ! Chuùc möøng baïn, tôùi thôøi ñieåm naøy baïn coù thaáy laø caùc coâng cuï cuûa Flash 5 veõ tuyeät vôøi hay chöa. Baây giôø baïn haõy veõ muõi cho nhaân vaät. Sau ñoù haõy ñöa noù vaøo vò trí thích hôïp. Keá tieáp duøng Pencil Tool veõ mieäng cho nhaân vaät. Veõ goø maù, loå tai vaø toùc cuõng duøng coâng cuï ñoù ( Pencil Tool). TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 95 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 3 Veõ theâm chaân maøy, con ngöôi vaø troøng ñen cho nhaân vaät. Coâng vieäc cuoái cuøng laø haõy xoùa heát neùt thöøa. Vaø baây giôø haõy nhìn xem nhaân vaät baïn thöïc hieän troâng coù “ Quaïu “ hay khoâng? BAØI TAÄP : DIEÃN ÑAÏT LÔØI THOAÏI Caùc baøi naøy seõ khoù veõ hôn caùc baøi tröôùc. Nhöng coù ñieàu chaéc chaén laø khi baïn baét tay vaøo thöïc hieän thì caùch thöïc taäp veõ cuûa baïn seõ ñöôïc naâng cao hôn. Baøi taäp 12 Baøi taäp 13 Baøi taäp 14 BAØI TAÄP 12 Baøi taäp naøy dieãn taû moät göông maët vui veû hoàn nhieân. Hình 12 Hình 12a Hình 12b Caùc baïn seõ tieán haønh thöïc hieän töøng böôùc nhö sau. Böôùc ñaàu tieân caùc baïn duøng coâng cuï veõ hình troøn taïo moät hình Oval (Ellip) vôùi hai truïc : ñöùng vaø naèm ngang (hình 12a). Veõ xong caùc baïn tieáp tuïc taïo moät hình Oval nhoû ñeå laøm maét (hình 12b). Haõy taïo theâm moät hình Oval nöõa ñaët keá beân hình tröôùc ñeå laøm con maét thöù hai cuõng vôùi coâng cuï veõ hình troøn (hình 12c). Tieáp tuïc duøng coâng cuï ñoù taïo theâm hai hình Oval nhoû vaø duøng coâng cuï Scale trong muïc Options ruùt nhoû laïi ñeå laøm con ngöôi (hình 12d). TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 96 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 3 Hình 12c Hình 12d Duøng coâng cuï toâ sôn (hình 12e) ñoå maøu ñen vaøo hai hình Oval nhoû (hình 12f). Xong baïn haõy duøng coâng cuï Pencil Tool (hình 12g) veõ moät chaân maøy treân maét nhaân vaät (hình 12h). Hình 12e Hình 12f Hình 12g Hình 12h Baïn haõy nhaân baûn chaân maøy baèng caùch choïn Edit > Copy sau ñoù daùn keát quaû trong clipboad baèng leänh Edit > Paste (hình 12i). Keá tieáp choïn Modify > Transform > Flip Horizontal ta coù keát quaû nhö hình 12j. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 97 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 3 Baïn haõy duøng chuoät nhaáp vaøo Flip Horizontal. Chaân maøy luùc naøy ñöôïc laät ngang (hình 12k). Haõy nhìn xem chaân maøy ñöôïc sao cheùp vaø ñöôïc laät ngang. Baïn haõy duøng caùc phím muõi teân ñöa noù vaøo vò trí thích hôïp (hình 12l). Hình 12i Hình 12j Hình 12k Hình 12l Duøng coâng cuï Pencil Tool veõ theâm hai goø maù cho nhaân vaät (hình 12m). Tieáp tuïc söû duïng coâng cuï Pencil Tool. Baïn haõy veõ theâm mieäng vaø löôõi cuûa nhaân vaät (hình 12n). Hình 12m Hình 12n Hình 12o Hình 12p Toâ maøu ñen vaøo mieäng nhaân vaät baèng coâng cuï toâ sôn (hình 12o). Cuoái cuøng duøng coâng cuï muõi teân choïn taát caû nhöõng ñöôøng khoâng caàn thieát vaø xoùa ñi. Haõy nhìn taùc phaåm cuûa baïn troâng thaät vui nhoän. BAØI TAÄP 13 Baøi taäp naøy dieãn taû göông maët vôùi moät traïng thaùi khaùc (lo aâu) nhö hình beân. Caùc böôùc tieán haønh nhö sau: Ñaàu tieân baïn cuõng thieát laäp caáu truùc gioáng nhö baøi tröôùc, cuõng vôùi hình Oval truïc ñöùng vaø truïc ngang. Sau ñoù veõ maét, troøng ñen vaø muõi. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 98 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 3 Veõ theâm mieäng vaø hai khoùe mieäng baèng coâng cuï Pencil Tool Theâm caèm vaø hai mí maét cuõng baèng coâng cuï treân. Keû theâm hai chaân maøy vaø toâ ñen baèng coâng cuï toâ sôn. Cuoái cuøng duøng coâng cuï muõi teân choïn heát nhöõng ñöôøng khoâng caàn thieát vaø xoùa ñi. BAØI TAÄP 14 Dieãn taû moät neùt raát quaïu cuûa nhaân vaät vôùi moät boá cuïc leäch (hai beân göông maët khoâng caân ñoái) . Gioáng nhö hai baøi taäp tröôùc. Baïn haõy ñöa nhöõng caáu truùc quen thuoäc vaøo. Duøng coâng cuï Oval Tool veõ hình Oval nhoû ñeå laøm maét, xong duøng coâng cuï Rotate ñieàu chænh cho maét thaúng ñöùng so vôùi truïc. Taïo theâm moät hình Oval nhoû laøm con ngöôi roài duøng coâng cuï toâ sôn toâ ñen vaøo. Haõy sao cheùp theâm moät con maét vaø moät con ngöôi gioáng y nhö vaäy vaø ñaët phía ñoái dieän. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 99 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 3 Haõy taïo muõi nhaân vaät baèng coâng cuï Oval Tool hoaëc baèng Pencil Tool roài duøng caùc phím muõi teân ñöa vaøo vò trí nhö hình beân döôùi. Duøng Pencil Tool keû theâm mieäng, caèm vaø goø maù. Cuõng vôùi Pencil Tool veõ hai chaân maøy caét haún vaøo maét nhaân vaät. Xong duøng coâng cuï muõi teân choïn taát caû nhöõng ñöôøng neùt thöøa vaø xoùa ñi. Nhöõng neùt dieãn xuaát naày raát quan troïng neáu baïn taäp luyeän kieân trì thì khaû naêng ñöôïc thu nhaän laøm vieäc ôû moät coâng ty laøm phim hoaït hình raát cao. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 100 BIEÂN SOAÏN : KS PHAÏM QUANG HUY