thiết kế banner Flash cho web kool movies phần 2

Chia sẻ: Nguyễn Thị Ngọc Huỳnh | Ngày: | Loại File: PDF | Số trang:11

Thêm vào BST

Báo xấu

135
lượt xem 35
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Tham khảo tài liệu 'thiết kế banner flash cho web kool movies phần 2', công nghệ thông tin, đồ họa - thiết kế - flash phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: thiết kế banner Flash cho web kool movies phần 2

Thi t k banner flash d dàng v i KoolMoves Nguy n H ng Quân khung 9, cho chöõ P luøi 3 böôùc, chöõ h 2 böôùc, chöõ o thöù nhaát 1 böôùc vaø cöù tieáp tuïc nhö theá. ÔÛ khung naøo maø khoâng coøn choã cho chöõ luøi nöõa thì baïn haõy xoùa noù ñi. ÔÛ ñaây yù töôûng cuûa toâi laø cho chöõ P vöøa ñi vöøa xoay vöøa thay ñoåi kích thöôùc neân toâi seõ duøng caùc phuï choïn cuûa coâng cuï soá 15 treân baûng Tool ñeå bieán ñoåi treân töøng khung choát. Ñoái vôùi chöõ j, toâi seõ theâm hieäu öùng toû daàn cho noù. Caùc baïn haõy trôû veà khung choát ñaàu tieân, choïn chöõ j roài vaøo Effect > Fade/size > Choïn Initial fade in roài nhaán vaøo baøn tay keá beân ñeå ñieàn soá khung choát maø hieäu öùng xaûy ra > OK > OK. Ñoái vôùi chöõ r vaø k, toâi theâm hieäu öùng chuyeån ñoäng nhö sau: Choïn moät trong hai chöõ r, k roài vaøo Effects > Motion Script 15
Thi t k banner flash d dàng v i KoolMoves Nguy n H ng Quân Ñeå hieäu öùng laëp laïi, toâi choïn giaù trò Yes cho Loop, quy ñònh khoaûng döøng giöõa caùc laàn laëp (Pause between loops (msec)) laø 3600 (miligiaây) vaø caùc giaù trò khaùc nhö trong hình). Cuoái cuøng baïn xoùa caùc quyõ ñaïo ñi. Ñeå xem laïi ñoaïn phim ñaõ vöøa loøng chöa, baïn nhaán vaøo nuùt coù muõi teân maøu hoàng (Play). Moät menu seõ hieän leân nhö sau: Play in Web Browser: Xem trong trình duyeät. Theo maëc ñònh, KoolMoves seõ duøng Internet Explorer ñeå xem. Neáu baïn thích xem baèng Firefox, haõy choïn noù laøm trình duyeät maëc ñònh roài vaøo File > Preferences…Trong Web Browser, choïn Default Browser > OK. Play Portion of Movie: Xem moät phaàn phim hoaït hình treân nhöõng khung choát naøo ñoù (maø baïn seõ quy ñònh). Play in Stand-Alone Player: Xem baèng Flash Player ñoäc laäp (moät phaàn meàm chaïy rieâng, khoâng phaûi plug-in cuûa trình duyeät). Khi ñaõ vöøa yù vôùi ñoaïn hoaït hình vöøa roài, baïn haõy xuaát noù ra (export) thaønh photojerk.swf. Tieáp ñeán laø doøng chöõ “free image hosting” toâi chæ caàn duøng text vôùi kích thöôùc baûn veõ nhoû thoâi vaø aùp duïng hieäu öùng chuyeån ñoäng (Motion script) Sweeping Highlight roài cuõng cho laëp (loop: yes) sau ñoù toâi löu laïi thaønh freeimagehosting.fun vaø xuaát ra freeimagehosting.swf. Baây giôø toâi taïo moät taäp tin môùi teân laø banner.fun ñeå laøm ñeán khaâu cuoái cuøng. Nhö toâi ñaõ noùi, banner cuûa toâi coù daïng böùc aûnh neân toâi seõ veõ khung ngoaøi, khung trong roài cuoán goùc cho gioáng thaät. Baïn cöù maïnh daïn duøng coâng cuï veõ ñieåm noái ñieåm (nuùt 9 treân baûng Tool) ñeå veõ hình chöõ nhaät, meùo cuõng ñöôïc, roài sau ñoù ta seõ 16
Thi t k banner flash d dàng v i KoolMoves Nguy n H ng Quân soi lôùn (zoom) böùc veõ leân vaø duøng coâng cuï choïn/di chuyeån ñieåm (nuùt 2),döïa vaøo löôùi toïa ñoä ñeå chænh laïi cho ngay ngaén. Baïn nhôù laø haõy laøm vaùt ñi moät goùc döôùi cuûa hình chöõ nhaät vì ta seõ theâm hình cuoán goùc vaøo. Sau khi chænh khung ngoaøi cho ngay ngaén, ta copy noù thaønh khung thöù 2 roài thay ñoåi kích thöôùc cuûa noù ñeå laøm thaønh khung trong.Baïn nhôù ñaët teân cho töøng ñoái töôïng ñaáy nheù vì chuùt nöõa baïn seõ thaáy coù nhieàu hình choàng leân nhau neân khoâng theå choïn ñoái töôïng baèng caùch baám chuoät treân baûn veõ ñöôïc maø phaûi choïn treân baûng List of Shapes (nhaán F9 ñeå goïi ra). ÔÛ hình minh hoïa, toâi choïn 3 ñoái töôïng laø khung trong, khung ngoaøi vaø goùc cuoán (treân baûng List of Shapes, baïn vöøa nhaáp choïn vöøa giöõ phím Ctrl ñeå choïn cuøng luùc nhieàu hình). Xin ñöøng thaéc maéc vì sao baïn thaáy coù veät maøu xanh (neáu treân baùo hình naøy ñöôïc in maøu), ñoù laø do toâi chuïp laïi töø caùi hoaït hình maø toâi ñaõ laøm xong tröôùc khi vieát baøi naøy. Ñeå veõ goùc cuoán, baïn veõ moät tam giaùc coù moät ñaùy truøng vôùi choã vaùt cuûa khung ngoaøi, roài theâm ñieåm troøn ñeå laøm cong caùc caïnh.Sau ñoù ta seõ toâ maøu doác (gradient color) xaùm - traéng cho goùc cuoán vôùi kieåu linear naèm ngang. Baïn thaáy daûi maøu doác naèm ngang nhö vaäy chaúng coù veû gì thaät, phaûi khoâng, baây giôø chuùng ta seõ xoay maøu laïi cho phuø hôïp nheù. Ñaàu tieân, vaãn choïn hình goùc cuoán aáy, baïn vaøo Transform > Rotate/Shift Gradient Fill, troû chuoät seõ bieán ñoåi nhö sau: Khi ñoù baïn haõy vöøa nhaán chuoät vöøa keùo ñeå xoay laïi maøu, ñeå ñöa chuoät veà laïi ban ñaàu chæ caàn nhaán vaøo nuùt 1 treân baûng Tool. AØ, baïn nhôù chænh laïi khung trong sao cho goùc cuoán naøy ñuû che khuaát choã vaùt cuûa noù nheù. 17
Thi t k banner flash d dàng v i KoolMoves Nguy n H ng Quân Tieáp theo baïn veõ nhöõng böùc aûnh nhoû ñeå taïo ra moät doøng nhöõng böùc aûnh ôû beân traùi. Haõy soi lôùn baûn veõ vaø veõ moät aûnh thoâi (ñoä daøy ñöôøng bieân laáy nhoû côõ 0,25 pixels), sau ñoù copy thaønh nhieàu caùi, thay ñoåi kích thöôùc, vò trí, xoay tôùi xoay lui sao cho chuùng taïo thaønh moät doøng vaø cuoái cuøng nhoùm taát caû thaønh moät nhoùm; neáu caån thaän, khoùa laïi chuùng (nhaán vaøo oå khoùa treân baûng List of Shapes) cho chaéc aên roài ñeå ñoù, sau naøy seõ môû khoùa sau. Coøn khung trong, baïn toâ maøu doác kieåu radial xanh nhaït - traéng roài laøm leäch noù sang phía traùi moät chuùt. Nhö toâi ñaõ noùi, banner cuûa toâi coøn coù cheøn böùc aûnh moät röøng caây. Neáu toâi import aûnh theo caùch thoâng thöôøng thì hoaëc laø caùc khung seõ che khuaát aûnh hoaëc laø ngöôïc laïi, vì vaäy toâi veõ toâi phaûi veõ theâm moät khung ñeø leân khung trong vaø coù moät phaàn ñöôøng bieân naèm treân doøng caùc hình nhoû roài ñaët teân cho noù laø “nen”. Vì khung naøy ñöôïc veõ sau neân noù seõ che khuaát taát caû nhöõng caùi ñaõ veõ tröôùc, toâi duøng List of Shapes ñeå chuyeån noù xuoáng naèm döôùi hình goùc cuoán vaø treân khung trong, sau ñoù duøng coâng cuï Shape Fill ñeå laáp ñaày noù baèng hình aûnh moät röøng caây (thay vì duøng coâng cuï naøy, baïn coù theå laøm treân baûng Properties taïi “Color/Fill”. 18
Thi t k banner flash d dàng v i KoolMoves Nguy n H ng Quân Phaàn vieäc tieáp theo, baïn vaøo File > Insert KoolMoves Movie ñeå cheøn freeimagehosting.fun vaøo baûn veõ, nhôù ñieàu chænh vò trí cuûa noù cho thích hôïp (gaàn veà phía goùc phaûi beân döôùi). Taïi sao chuùng ta chöa cheøn photojerk.fun vaøo baûn veõ luùc naøy? Ñoù laø vì banner cuûa chuùng ta luùc naøy môùi coù moät khung choát, trong khi photojerk.fun coù tôùi 15 khung neân ta phaûi ñôïi ñeán khi banner taêng ñeán 15 khung ñaõ. Tröôùc khi copy haøng loaït khung choát cuûa banner.fun, chuùng ta laøm coâng vieäc sau: Theâm caùc lieân keát sau vaøo banner: HOME daãn ñeán http://www.photojerk.com/index.php FORUM daãn ñeán http://www.liquidbanner.com/forums/index.php?act=SC&c=6 FAQ daãn ñeán http://www.photojerk.com/faq.php SUPPORT daãn ñeán http://www.photojerk.com/support.php Toâi muoán laøm cho nhöõng lieân keát naøy ñoåi maøu khi ñöa chuoät qua vaø khi nhaán chuoät vaøo. Toâi seõ laøm nhö sau: Choïn text HOME, môû baûng Properties ñeå xem tính chaát cuûa noù. Taïi “Is a button” toâi cho “Yes” ñeå bieán chöõ HOME naøy thaønh nuùt (vì treân banner seõ phaûi nhaán vaøo noù ñeå ñeán trang khaùc maø), sau ñoù treân baûng seõ hieän ra theâm “Has States”, toâi cho “Yes”, ñeán luùc naøy thì phía treân cuøng cuûa baûng seõ hieän ra theâm 3 nuùt “Up, Over, Down”. Xin giaûi thích: Up laø traïng thaùi ban ñaàu cuûa nuùt , Over laø traïng thaùi khi chuoät troû ñeán, Down laø traïng thaùi khi nhaán vaøo. 19
Thi t k banner flash d dàng v i KoolMoves Nguy n H ng Quân Baây giôø baïn haõy nhaán vaøo Over, laäp töùc moät hoäp thoaïi hieän leân hoûi baïn muoán taïo traïng thaùi over theá naøo, baïn choïn “copy up state” roài nhaán OK. Luùc naøy treân baûn veõ, caùc ñoái töôïng khaùc ñeàu môø ñi, chæ coøn chöõ HOME noåi roõ, baïn haõy toâ moät maøu khaùc cho noù. Treân thanh coâng cuï chuaån cuõng coù thay ñoåi, noù xuaát hieän theâm caùc nuùt nhö trong hình, baïn haõy nhaán vaøo nuùt Down State , laøm töông töï nhö vöøa roài (nhöng toâ maøu khaùc), sau ñoù nhaán “Main movie” ñeå trôû laïi baûn veõ ban ñaàu. Baây giôø toâi laïi muoán coù aâm thanh phaùt ra khi toâi troû chuoät ñeán vaø khi nhaán chuoät vaøo chöõ HOME nöõa. Neáu baïn cuõng muoán theá thì haõy chuaån bò moät vaøi ñoaïn aâm thanh ngaén (coù theå laáy töø caùc trang web khaùc hay caét ra töø nhöõng taäp tin nhaïc naøo ñoù). Toâi xin pheùp ñöôïc daønh moät ñoaïn nhoû ñeå höôùng daãn caùch caét nhaïc töø moät taäp tin aâm thanh naøo ñoù. Toâi ñaõ chuaån bò ñöôïc sound004.mp3 (laáy töø moät taøi lieäu daïng HTML) vaø chime.mid (laø tieáng chuoâng ñoàng hoà laáy töø phaàn meàm Klox). Baïn haõy duøng moät phaàn meàm bieân taäp aâm thanh naøo ñoù nhö Audacity chaúng haïn, ñaây laø phaàn meàm maõ nguoàn môû, mieãn phí vaø töông ñoái nheï, coù theå tìm nôi download baèng Google.com (AØ queân, trong phaàn Help, muïc Audio Editor cuûa KoolMoves coù giôùi thieäu vaøi phaàn meàm bieân taäp aâm thanh mieãn phí ñaáy). 20
Thi t k banner flash d dàng v i KoolMoves Nguy n H ng Quân Toâi seõ trình baøy caùch caét nhaïc töø chime.mid. Töø cöûa soå cuûa Audacity, baïn vaøo Project > Import Audio ñeå nhaäp chime.mid vaøo. Toâi khoâng bieát maùy tính cuûa baïn nhö theá naøo chöù maùy tính cuûa toâi thieáu caùi gì ñoù neân Audacity khoâng theå bieân taäp nhaïc *.mid ñöôïc. Neáu baïn cuõng gaëp tröôøng hôïp nhö toâi, khoan haõy lo laéng vì hình nhö maùy tính cuûa baïn coù caøi HEROSOFT phaûi khoâng? HEROSOFT raát phoå bieán vì chuùng ta thöôøng duøng noù ñeå xem VCD (thoâng qua moät phaàn meàm cuûa noù laø SthVCD). Thöïc ra Herosoft coøn nhieàu chöùc naêng khaùc nöõa, trong ñoù coù chöùc naêng chuyeån ñoåi nhaïc thaønh ñònh daïng mp3. Baïn haõy tìm trong thö muïc HEROSOFT moät taäp tin teân laø Mp3Maker.exe. Sau ñaây laø giao dieän cuûa Mp3Maker: 21
Thi t k banner flash d dàng v i KoolMoves Nguy n H ng Quân Baïn haõy nhaán vaøo nuùt add file ñeå choïn taäp tin chimes.mid . Nhaán vaøo Config ñeå choïn nôi löu taäp tin chimes.mp3 taïo thaønh (maëc ñònh seõ löu ngoaøi desktop). Sau ñoù nhaán Start Encode ñeå baét ñaàu chuyeån ñoåi: Sau khi vieäc chuyeån ñoåi hoaøn thaønh, haõy ñoùng mp3maker laïi vaø môû Audacity leân. Töø Audacity baïn haõy môû menu Project > Import Audio vaø tìm choïn chimes.mp3. 22
Thi t k banner flash d dàng v i KoolMoves Nguy n H ng Quân Trong cöûa soå giao dieän cuûa Audacity baïn seõ thaáy ñoà thò soùng aâm cuûa taäp tin. Haõy duøng chuoät ñeå choïn moät ñoaïn nhoû treân ñoà thò, sau ñoù nhaán nuùt Play treân thanh coâng cuï chuaån ñeå nghe thöû.Khi ñaõ vöøa yù, baïn vaøo File > Export Selection As WAV ñeå löu laïi vuøng ñaõ choïn vôùi teân laø bam.wav (Toâi ñaët teân laø “bam” vì toâi choïn noù laøm aâm thanh phaùt ra khi nhaán vaøo lieân keát treân banner).Taïi sao toâi khoâng löu noù thaønh daïng khaùc ngoaøi WAV? Vì KoolMoves chæ chaáp nhaän aâm thanh daïng WAV vaø MP3, nhöng Audacity chæ coù theå xuaát ra mp3 neáu coù moät taäp tin hoã trôï laø lame_enc.dll ñöôïc taûi rieâng vôùi Audacity (vì löôøi bieáng neân toâi chöa ñi tìm caùi naøy veà), coøn mp3 chuyeån ñoåi baèng Mp3Maker cuûa HEROSOFT thì treân maùy toâi, KoolMoves laïi khoâng chaáp nhaän (chöù neáu khoâng toâi seõ duøng HEROSOFT ñeå chuyeån bam.wav thaønh bam.mp3 23
Thi t k banner flash d dàng v i KoolMoves Nguy n H ng Quân cho noù nheï). Vôùi sound004.mp3 toâi cuõng laøm töông töï ñeå xuaát ra luot.wav. Nhö vaäy laø phaàn aâm thanh ñaõ chuaån bò xong, ta seõ quay laïi vôùi KoolMoves ñeå laøm noát coâng vieäc coøn laïi. Töø baûng Properties cuûa HOME, baïn nhaán vaøo Action sau ñoù nhaán vaøo nuùt (…) . Moät hoäp thoaïi hieän leân (Button Actions and Sounds), baïn haõy nhaán vaøo nuùt daáu coäng (theâm action – haønh ñoäng) > Choïn Go To URL trong menu hieän leân. Trong hoäp thoaïi Get URL hieän leân sau ñoù, baïn ñieàn ñòa chæ trang maø lieân keát daãn ñeán vaø choïn _self ôû oâ URL target. Tröôùc khi nhaán OK, chôù queân ñaùnh daáu vaøo Press (nhaán), boû Release (buoâng) neáu khoâng ngay khi baïn ñöa chuoät ñeán chöõ HOME treân banner thì ñaõ ñöôïc daãn ñeán trang khaùc roài, chaúng caàn chôø baïn nhaán ñaâu. Xin giôùi thieäu qua veà caùc nuùt treân tab Actions cuûa hoäp thoaïi Button Actions and Sounds : Nuùt (+): Theâm haønh ñoäng cho nuùt. Nuùt coù hình baøn tay: Chænh söûa caùc chi tieát cuûa haønh ñoäng ñöôïc choïn trong danh saùch beân döôùi. Nuùt coù hình thuøng raùc: Xoùa haønh ñoäng ñöôïc choïn. Baây giôø baïn haõy nhaán tab Over Sound, nhaán nuùt coù hình thö muïc ñeå choïn nhaïc maø baïn muoán noù phaùt ra khi ñöa chuoät ñeán chöõ HOME. Nhöõng nuùt khaùc treân hoäp thoaïi coù yù nghóa nhö sau: 24
Thi t k banner flash d dàng v i KoolMoves Nguy n H ng Quân Nuùt 2: Goïi phaàn meàm bieân taäp aâm thanh (ñöôïc baïn quy ñònh trong File > Preferences > Audio Editors). Nuùt 3: Nghe thöû nhaïc. Nuùt 4: Xoùa nhaïc ñaõ choïn. Sau ñoù baïn nhaán sang tab Down Sound vaø laøm töông töï. Chöõ HOME nhö theá ñaõ laøm xong.Coøn caùc chöõ khaùc baïn cuõng laøm töông töï. Caùc baïn coù hoài hoäp khoâng, chuùng ta ñang daàn caùn möùc ñeán roài ñaáy? Phaàn vieäc tieáp theo nheï nhaøng voâ cuøng: copy lieân tieáp khung choát ban ñaàu ñeå coù 15 khung choát. Vaø thao taùc cuoái cuøng : Quay trôû laïi khung choát ñaàu tieân roài cheøn photojerk.fun (File > Insert KoolMoves Movie) vaøo banner cuûa chuùng ta roài löu laïi. Ñeán ñaây baïn ñaõ coù theå xuaát (export) ra banner.swf ñeå chieâm ngöôõng thaønh quaû lao ñoäng cuûa chuùng ta roài. Nhö vaäy, ñeán luùc naøy toâi xin chuùc möøng laø coâng vieäc cuûa chuùng ta ñaõ xong. Hi voïng laø nhöõng kinh nghieäm vöøa roài cuûa toâi coù ích cho caùc baïn, chöù neáu khoâng töø naõy giôø toâi ñaõ noùi taàm phaøo sao? Neáu baïn khoâng duøng KoolMoves maø duøng Flash thì coù theå laøm töông töï coøn neáu baïn coù moät chieác maùy tính hôi yeáu nhöng vaãn thích laøm flash thì chuùng ta cuøng xaøi KM ha. NGUYEÃN HOÀNG QUAÂN (ng.hong.quan@gmail.com) 25