Giáo trình thiết kế Web - Chương 10: Cách dùng ký tự nhập trong Flash

Nội dung text: Giáo trình thiết kế Web - Chương 10: Cách dùng ký tự nhập trong Flash

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 CHUÔNG 10 CAÙCH DUØNG KYÙ TÖÏ NHAÄP TRONG FLASH Neáu baïn duøng kyù töï trong ñoaïn phim Flash movie, baïn coù theå thieát laäp kích thöôùc, kieåu chöõ, kieåu daùng kyù töï, khoaûng caùch, maøu saéc vaø canh leà kyù töï. Baïn coù theå thay ñoåi kieåu kyù töï gioáng nhö moät ñoái töôïng ñöôïc xoay, thay ñoåi kích thöôùc, keùo xieân, laät kyù töï vaø hieäu chænh nhöõng kyù töï naøy. Ñoaïn phim cuûa baïn coù theå coù caùc hoäp vaên baûn cho ngöôøi duøng nhaäp vaø hieån thò vuøng kyù töï naøy ñeå coù theå caäp nhaät chuùng. Vaø baïn coù theå lieân keát caùc khoái kyù töï ñeán moät ñiaï chæ URL naøo ñoù. Ngoaøi ra baïn coù theå taùch rieâng töøng phaàn kyù töï vaø thay ñoåi kích thöôùc. Ñoái vôùi nhöõng khaû naêng ñieàu khieån kyù töï boå sung, baïn coù theå söûa ñoåi kyù töï trong FreeHand vaø nhaäp file FreeHand vaøo trong Flash hoaëc xuaát file töø trong FreeHand thaønh file SWF . Ñoaïn phim Flash movie coù theå duøng font chöõ Type 1 PostScript, TrueType vaø font Bitmap (chæ duøng cho maùy Macintosh). Ñeå söû duïng ñöôïc font PostScript, baïn phaûi caøi ñaët chöông trình Adobe Type Manager (ATM) vaøo trong heä thoáng cuûa baïn (ngoaïi tröø heä thoáng duøng Windows 2000, khoâng yeâu caàu ATM). Chuù yù : Neáu baïn duøng font PostScript trong Flash chaïy treân Windows NT, baïn coù theå gaëp raéc roái do tính khoâng töông thích giöõa ATM vaø Windows NT. Khi baïn laøm vieäc vôùi file FLA cuûa Flash, Flash thay theá font chöõ trong ñoaïn phim baèng font chöõ ñöôïc caøi trong heä thoáng cuûa baïn khi caàn thieát. Ngoaøi ra Flash cuõng cho pheùp baïn taïo moät bieåu töôïng Symbol töø font chöõ ñeå baïn coù theå xuaát font naøy vaøo trong Shared Library vaø duøng noù trong nhöõng ñoaïn phim khaùc cuûa Flash movie. Baïn coù theå kieåm tra loãi chính taû kyù töï baèng caùch sao cheùp kyù töï vaøo trong Clipboard, sau ñoù duøng Movie Explorer vaø daùn kyù töï vaøo trong trình soaïn thaûo vaên baûn beân ngoaøi. ÑOÂI NEÙT VEÀ FONT ÑÖÔÏC NHUÙNG (EMBEDDED FONT) VAØ FONT THIEÁT BÒ (DEVICE FONT). Khi baïn duøng moät font chöõ ñöôïc caøi ñaët trong heä thoáng vaø söû duïng trong ñoaïn phim Flash movie, Flash seõ nhuùng nhöõng thoâng tin veà font vaøo trong file Flash SWF, ñeå baûo ñaûm raèng font ñoù hieån thò ñuùng trong Flash Player. Khoâng phaûi taát caû caùc font hieån thò trong ñoaïn phim coù theå xuaát ñöôïc heát. Xaùc ñònh font coù theå duøng ñöôïc baèng caùch choïn trình ñôn View > Antialias Text ñeå xem tröôùc kyù töï, neáu thaáy kyù töï bò naùt, lôûm chôûm ñieàu naøy cho bieát Flash khoâng nhaän bieát ñöôïc vieàn ngoaøi cuûa font vaø seõ khoâng xuaát vaên baûn ñoù. Nhö moät söï thay theá cho thoâng tin font nhuùng, baïn coù theå duøng caùc font ñaëc bieät trong Flash goïi laø font thieát bò (Device font). Device font khoâng ñöôïc nhuùng trong file SWF cuûa Flash. Thay vaøo ñoù Flash Player duøng baát kyø font naøo coù trong heä thoáng gaàn gioáng vôùi Device font nhaát. Trong Flash coù 3 Device font, ñöôïc ñaët teân _sans (töông töï nhö font Helvetica hay Arial), _serif (töông töï nhö font Times Roman) vaø _typewriter (töông töï nhö font Courier). Ñeå xaùc ñònh moät font coù thuoäc Device font hay khoâng, baïn choïn moät trong nhöõng Device font trong Flash taïi baûng Character hoaëc choïn Use Device Fonts trong baûng Text Options. Baïn coù theå xaùc ñònh vaên baûn thieát laäp trong moät Device font ñeå coù theå ñöôïc choïn, ngöôøi duøng coù theå sao cheùp vaø daùn ñoaïn vaên baûn xuaát hieän trong ñoaïn phim. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 224 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 CHUÔNG 10 Baïn coù theå duøng Device font cho kyù töï tónh (kyù töï baïn taïo ra khoâng thay ñoåi khi ñoaïn phim hieån thò ) hay kyù töï ñoäng (kyù töï caäp nhaät thöôøng xuyeân qua ñaàu xuaát töø moät file server (maùy chuû). TAÏO VAÊN BAÛN Ñeå ñaët nhieàu khoái vaên baûn vaøo trong vuøng Stage, baïn duøng coäng cuï Text. Baïn coù theå ñaët kyù töï treân moät haøng ñôn môû roäng khi baïn goõ vaøo hoaëc trong moät khoái roäng coá ñònh maø noù töï ñoäng cuoán caùc töø laïi. Flash hieån thò moät handle troøn taïi goùc phaûi phía treân cuûa khoái kyù töï cho pheùp baïn môû roäng khoái kyù töï naøy vaø handle vuoâng cho khoái kyù töï coù ñoä roäng ñöôïc xaùc ñònh. Flash hieån thò moät handle ñieàu khieån vuoâng taïi goùc phaûi phía döôùi cuûa hoäp hieäu chænh kyù töï ñeå cho bieát raèng, baïn coù theå thay ñoåi kích thöôùc kyù töï theo chieàu doïc hay chieàu ngang. Taïo kyù töï: 1. Choïn coâng cuï Text Tool trong hoäp coâng cuï beân traùi giao dieän. 2. Choïn treân trình ñôn Window > Panels > Character vaø trình ñôn Window > Panels > Paragraph ñeå xem caùc baûng Character vaø Paragraph, sau ñoù choïn caùc thuoäc tính cho kyù töï. 3. Sau ñoù baïn coù theå thöïc hieän moät trong nhöõng böôùc sau : Taïo moät khoái kyù töï roäng nhö baïn nhaäp vaøo, nhaáp chuoät taïi vuøng baïn muoán kyù töï nhaäp baét ñaàu. Taïo moät khoái kyù töï coù ñoä roäng coá ñònh, ñònh vò con troû taïi vò trí baïn muoán kyù töï baét ñaàu vaø keùo ñoä roäng sang vò trí mong muoán. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 225 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 CHUÔNG 10 Chuù yù : Neáu baïn taïo ra moät khoái kyù töï môû roäng ngang qua bieân phaûi hay traùi cuûa vuøng Stage khi baïn nhaäp vaøo, khoái kyù töï seõ khoâng maát. Ñeå taïo cho handle ñieàu khieån coù theå truy caäp laïi laàn nöõa, baïn haõy di chuyeån khoái kyù töï hoaëc choïn treân trình ñôn View > Work Area. Thay ñoåi kích thöôùc cuûa khoái kyù töï Keùo handle thay ñoåi kích thöôùc cuûa noù. Chuyeån ñoåi giöõa khoái kyù töï coá ñònh vaø khoái kyù töï môû roäng Nhaáp ñuùp chuoät vaøo trong handle ñeå thay ñoåi kích thöôùc. THIEÁT LAÄP CAÙC THUOÄC TÍNH CHO KYÙ TÖÏ Baïn coù theå thieát laäp caùc thuoäc tính font chöõ vaø ñoaïn paragraph cho kyù töï nhaäp. Moät font chöõ laø moät söï saép xeáp caùc kyù töï theo chöõ caùi, caùc con soá trong moät caùch saép xeáp kieåu chöõ. Caùc thuoäc tính cuûa font goàm coù hoï font chöõ (font family), kích thöôùc chöõ, loaïi chöõ, maøu chöõ, khoaûng caùch caùc kyù töï theo phöông ngang (tracking), töï ñoäng co keùo (auto kerning) vaø vieäc chuyeån ñoåi caùc ñöôøng cô sôû (baseline shift). (Baïn coù theå duøng Embedded font hoaëc Device font). Caùc thuoäc tính paragraph goàm coù canh leà (alignment), chænh leà trang (margin), thuït leà (indent) vaø khoaûng caùch giöõa caùc doøng (line spacing). Ñeå thay ñoåi caùc thuoäc tính cho font vaø paragraph, baïn duøng baûng Character vaø baûng Paragraph. Ñeå choïn tröïc tieáp, duøng Device font hay Embedded font, baïn duøng baûng Text Options. 3 baûng duøng cho vieäc hieäu chænh kyù töï nhaäp vaøo Khi baïn taïo ra moät ñoaïn vaên baûn môùi, Flash duøng caùc thuoäc tính choïn kyù töï hieän haønh. Ñeå thay ñoåi caùc thuoäc tính font hay paragraph cuûa moät ñoaïn kyù töï ñang toàn taïi, tröôùc heát baïn phaûi choïn ñoaïn kyù töï ñoù. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 226 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 CHUÔNG 10 Caùch duøng baûng Character: Choïn treân trình ñôn Window > Panels > Character. Caùch duøng baûng Paragraph: Choïn treân trình ñôn Window > Panels > Paragraph. CHOÏN FONT, KÍCH THÖÔÙC, KIEÅU (STYLE) VAØ MAØU CHÖÕ Baïn coù theå thieát laäp font chöõ, kích thöôùc chöõ, kieåu chöõ vaø maøu saéc cho kyù töï ñöôïc nhaäp vaøo qua vieäc söû duïng baûng Character. Khi baïn thieát laäp maøu kyù töï, baïn coù theå chæ duøng maøu Solid khoâng phaûi maøu Gradient. Ñeå aùp ñaët maøu Gradient cho kyù töï, baïn phaûi chuyeån ñoåi kyù töï sang ñoái töôïng laø ñöôøng thaúng vaø maøu toâ. Baïn coù theå xem muïc “Thay ñoåi hình daùng kyù töï” ñeå bieát theâm chi tieát. Choïn font, kích thöôùc, loaïi vaø maøu kyù töï vôùi baûng Character: 1. Neáu baûng Character chöa ñöôïc hieån thò, baïn haõy choïn trình ñôn Window > Panels > Character. 2. Nhaáp chuoät vaøo bieåu töôïng hình tam giaùc keá beân hoäp kyù töï Font vaø choïn moät Font töø trong danh saùch hoaëc nhaäp vaøo teân Font. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 227 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 CHUÔNG 10 Chuù yù: Caùc Font _sans, _serif vaø _typewriter laø nhöõng Device font. Thoâng tin veà Font cho nhöõng Font naøy ñöôïc nhuùng vaøo trong file SWF cuûa Flash. 3. Nhaáp chuoät vaøo tam giaùc keá beân giaù trò Font Size vaø keùo con tröôït ñeå choïn giaù trò hoaëc nhaäp vaøo giaù trò cho kích thöôùc Font. Kích thöôùc kyù töï ñöôïc thieát laäp theo töøng point, boû qua caùc ñôn vò thöôùc ño hieän haønh. 4. ÖÙng duïng kieåu in ñaäm vaø in nghieâng cho kyù töï baèng caùch nhaáp chuoät vaøo nuùt Bold hoaëc nuùt Italic. 5. Choïn moät maøu toâ cho kyù töï, nhaáp chuoät vaøo hoäp maøu vaø thöïc hieän moät trong nhöõng thao taùc sau: Choïn moät maøu coù trong baûng palette maøu. Nhaäp giaù trò maøu Hex trong hoäp kyù töï. Nhaáp chuoät vaøo nuùt Color Picker vaø choïn moät maøu coù trong hoäp maøu Color Picker. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 228 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 CHUÔNG 10 THIEÁT LAÄP TRACKING, KERNING VAØ BASELINE SHIFT Tracking cheøn vaøo moät soá löôïng khoaûng caùch giöõa caùc kyù töï. Baïn duøng cheá ñoä tracking ñeå ñieàu chænh khoaûng caùch giöõa caùc kyù töï hoaëc toaøn khoái ñöôïc choïn. Kerning (co keùo) laø söï ñieàu chænh khoaûng caùch giöõa hai kyù töï caëp ñoâi trong daïng hieån thò. Nhieàu Font coù caøi ñaëc saün tính naêng kerning. Ví duï, khoaûng caùch giöõa kyù töï A vaø V thöôøng coù ít khoaûng caùch hôn giöõa kyù töï A vaø D. Duøng Font coù tính naêng kerning ñeå ñieàu chænh khoaûng caùch giöõa caùc kyù töï, baïn duøng tuøy choïn Kern. Baseline shift ñieàu khieån taïi vuøng kyù töï xuaát hieän beân treân hay döôùi ñöôøng baseline. Caùc cheá ñoä tuøy choïn tracking, auto kerning vaø baseline shift ñeàu naèm trong baûng Character. Thieát laäp caùc cheá ñoä tuøy choïn tracking, kerning vaø baseline shift: 1. Neáu baûng Character chöa hieån thò, choïn treân trình ñôn Window > Panels > Character. 2. Trong baûng Character, baïn coù theå thieát laäp caùc tuøy choïn sau: • Ñeå xaùc ñònh tracking, nhaáp chuoät vaøo bieåu töôïng tam giaùc keá beân giaù trò Tracking vaø keùo con tröôït ñeå choïn giaù trò hay nhaäp moät giaù trò vaøo trong hoäp kyù töï. • Duøng tính naêng kerning ñaõ thieát laäp, choïn muïc Kern. • Xaùc ñònh baseline shift, nhaáp chuoät vaøo tam giaùc keá beân tuøy choïn Baseline Shift vaø choïn moät vò trí coù trong trình ñôn : Normal : Ñaët kyù töï treân ñöôøng baseline Superscript : Ñaët kyù töï beân treân ñöôøng baseline Subscript : Ñaët kyù töï beân döôùi ñöôøng baseline. THIEÁT LAÄP CHÆNH LEÀ (ALIGNMENT), CANH LEÀ TRANG (MARGIN), THUÏT LEÀ (INDENT) VAØ KHOAÛNG CAÙCH GIÖÕA CAÙC DOØNG (LINE SPACING) Chænh leà (Alignment) xaùc ñònh vò trí cuûa moãi doøng kyù töï trong moät paragraph lieân quan ñeán caùc bieân traùi vaø phaûi cuûa khoái kyù töï. Kyù töï coù theå ñöôïc canh leà sang bieân traùi, phaûi hoaëc chính giöõa cuûa khoái kyù töï hoaëc canh leà theo caû hai bieân (canh ñeàu). TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 229 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 CHUÔNG 10 Canh leà trang (Margin) xaùc ñònh soá löôïng khoaûng caùch giöõa caùc bieân cuûa khoái kyù töï vaø ñoaïn vaên baûn. Thuït leà (Indent) xaùc ñònh khoaûng caùch giöõa vieäc canh leà trang cuûa ñoaïn vaên baûn vaø doøng baét ñaàu, ñaàu tieân cuûa ñoaïn vaên baûn. Line spacing xaùc ñònh khoaûng caùch giöõa caùc haøng keá nhau trong ñoaïn vaên baûn. Ñeå xaùc ñònh vieäc chænh leà, canh leà trang, thuït leà vaø khoaûng caùch giöõa caùc haøng, baïn duøng baûng Paragraph. Thieát laäp vieäc chænh leà, canh leà trang, thuït leà vaø khoaûng caùch giöõa caùc haøng: 1. Neáu baûng Paragraph chöa hieån thò, choïn treân trình ñôn Window > Panels > Paragraph. 2. Trong baûng Paragraph, baïn coù theå thieát laäp caùc tuøy choïn sau: Ñeå thieát laäp muïc chænh leà, nhaáp chuoät vaøo caùc nuùt Left, Center, Right hay Full Justification. Thieát laäp canh leà trang traùi hoaëc phaûi, nhaáp chuoät vaøo tam giaùc keá beân giaù trò Left Margin hay Right Margin vaø keùo con tröôït hoaëc nhaäp vaøo giaù trò ñeå choïn soá giaù trò. Xaùc ñònh thuït leà, nhaáp chuoät vaøo tam giaùc keá beân giaù trò Indent vaø keùo con tröôït ñeå choïn giaù trò hay nhaäp vaøo con soá. Xaùc ñònh khoaûng caùch giöõa caùc haøng, nhaáp chuoät vaøo tam giaùc keá beân giaù trò Line Spacing vaø keùo con tröôït ñeå choïn giaù trò hay nhaäp vaøo con soá. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 230 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 CHUÔNG 10 DUØNG DEVICE FONT Duøng baûng Text Options, baïn coù theå xaùc ñònh raèng Flash Player söû duïng Device font ñeå hieån thò moät vaøi khoái vaên baûn naøo ñoù ñeå Flash khoâng nhuùng Font cho khoái vaên baûn ñoù. Ñieàu naøy coù theå laøm giaûm kích thöôùc file cuûa ñoaïn phim vaø laøm taêng tính deã ñoïc ñoái vôùi nhöõng kyù töï coù kích thöôùc nhoû. Xaùc ñònh ñoaïn vaên baûn ñöôïc hieån thò duøng Device Font: 1. Duøng coâng cuï Text tool ñeå choïn caùc khoái kyù töï trong vuøng Stage maø baïn muoán ñöôïc hieån thò trong Flash Player duøng Device Font. 2. Choïn treân trình ñôn Window > Panels > Text Options. 3. Choïn Static Text töø trong trình ñôn xoå xuoáng. 4. Choïn muïc Use Device Fonts. Taïo kyù töï maø ngöôøi duøng coù theå choïn: 1 Choïn kyù töï maø baïn muoán laøm cho ngöôøi duøng coù theå choïn. 2 Choïn treân trình ñôn Window > Panels > Text Options. 3 Choïn Static Text töø trong trình ñôn xoå xuoáng. 4 Neáu kyù töï chöa ñöôïc xaùc ñònh duøng Device Font, baïn haõy choïn Use Device Fonts. 5 Nhaáp chuoät vaøo Selectable. TAÏO SYMBOL FONT Ñeå duøng moät Font nhö laø moät muïc Item trong thö vieän chia seû (shared library), baïn coù theå taïo ra moät Symbol Font trong cöûa soå Library. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 231 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 CHUÔNG 10 Ñieàu naøy coù theå laøm cho baïn keát noái ñeán Font naøy vaø duøng noù trong ñoaïn phim Flash movie maø khoâng caàn phaûi nhuùng Font naøy trong ñoaïn phim. Duøng Symbol Font trong moät thö vieän chia seû, baïn gaùn cho bieåu töôïng Symbol moät chuoãi ñònh danh. Ngoaøi ra chuoãi ñònh danh naøy coù theå ñöôïc duøng ñeå truy caäp Symbol nhö laø moät ñoái töôïng trong ActionScript. Taïo ra moät Symbol Font: 1. Môû thö vieän baïn muoán theâm vaøo moät Symbol Font. 2. Choïn leänh New Font töø trình ñôn Options taïi goùc phaûi phía treân cuûa cöûa soå Library. 3. Trong hoäp thoaïi Font Symbol Properties, nhaäp teân cho Symbol Font trong hoäp kyù töï Name. 4. Choïn moät loaïi Font coù trong trình ñôn Font hoaëc nhaäp teân Font trong hoäp kyù töï Font. 5. Neáu muoán, baïn coù theå choïn kieåu kyù töï laø Bold hay Italic ñeå aùp ñaët kieåu choïn cho Font chöõ. 6. Nhaáp chuoät vaøo nuùt OK. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 232 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 CHUÔNG 10 Luùc naøy Symbol font vöøa taïo xuaát hieän trong cöûa soå thö vieän Library Gaùn moät chuoãi ñònh danh cho moät Symbol Font: 1. Choïn Symbol Font trong cöûa soå Library. 2. Sau ñoù baïn thöïc hieän moät trong nhöõng thao taùc sau : Choïn leänh Linkage töø trong trình ñôn Options taïi goùc traùi phía treân cuûa cöûa soå Library. Nhaáp phaûi chuoät (trong Windows) hay nhaáp Control (trong Macintosh) vaøo teân Symbol font trong cöûa soå Library vaø choïn leänh Linkage töø trong trình ñôn Context. 3. Beân döôùi muïc Linkage trong hoäp thoaïi Symbol Linkage Properties, choïn Export this symbol. 4. Nhaäp chuoãi ñònh danh vaøo trong hoäp kyù töï Identifier, sau ñoù nhaáp chuoät vaøo nuùt OK. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 233 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 CHUÔNG 10 TAÏO NHÖÕNG HOÄP KYÙ TÖÏ CHO NGÖÔØI DUØNG NHAÄP VAØO HOAËC VAÊN BAÛN CAÄP NHAÄT ÑOÄNG (UPDATING TEXT) Hoäp kyù töï Input coù theå cho pheùp ngöôøi duøng nhaäp vaøo kyù töï trong nhöõng bieåu maãu (form) hay nhöõng khaûo saùt (survey). Hoäp kyù töï Dynamic hieån thò vaên baûn caäp nhaät ñoäng nhö caùc tæ soá theå thao (sport score), baûng cung caáp baùo giaù thò tröôøng chöùng khoaùn (stock quote) hay caùc baùo caùo thôøi tieát (weather report). Baïn söû duïng baûng Text Options ñeå taïo ra caû hai loaïi hoäp kyù töï coù theå hieäu chænh ñöôïc. Baïn choïn caùc tuøy choïn ñeå xaùc ñònh phaàn xuaát hieän kyù töï Input hay Dynamic trong ñoaïn phim Flash movie. Baïn coù theå giöõ laïi ñònh daïng Rich Text (RTF) hay ñònh daïng HTML. Khi baïn taïo ra moät hoäp kyù töï, baïn seõ gaùn cho noù moät bieán soá. Moät bieán laø moät teân coá ñònh cho moät giaù trò thay ñoåi. Hoäp kyù töï gioáng nhö cöûa soå hieån thò giaù trò caùc bieán. Baïn coù theå duøng caùc action ñeå ñöa bieán naøy vaøo trong nhöõng phaàn khaùc cuûa ñoaïn phim vaøo trong trình öùng duïng döïa treân maùy chuû (server-side application) ñeå löu tröõ döõ lieäu vaø v. v. . . Ngoaøi ra baïn cuõng coù theå thay theá giaù trò caùc bieán baèng caùch ñoïc noù leân töø moät trình öùng duïng döïa treân maùy chuû hoaëc naïp noù töø phaàn khaùc cuûa ñoaïn phim. Ñeå bieát theâm thoâng tin veà caùch duøng caùc bieán, baïn coù theå xem muïc ActionScript Help ñeå bieát theâm chi tieát. Taïo ra moät kyù töï coù theå hieäu chænh : 1. Thöïc hieän moät trong nhöõng thao taùc sau ñeå taïo hoaëc choïn moät khoái kyù töï: Choïn coâng cuï Text tool vaø keùo ñeå taïo moät khoái kyù töï coù ñoä roäng vaø chieàu cao mong muoán. Nhaáp chuoät vaøo beân trong moät khoái kyù töï ñang toàn taïi. 2. Choïn trình ñôn Window > Panels > Text Options. 3. Choïn moät tuøy choïn trong trình ñôn xoå xuoáng Text Type: 4. Choïn Dynamic Text ñeå taïo ra kyù töï hieån thò moät caùch naêng ñoäng vaên baûn caäp nhaät. 5. Choïn Input Text ñeå taïo ra kyù töï maø ngöôøi duøng coù theå nhaäp vaên baûn vaøo. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 234 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 CHUÔNG 10 Hoäp kyù töï sau khi nhaäp xong ÑOÂI NEÙT VEÀ VIEÄC GIÖÕ LAÏI ÑÒNH DAÏNG RICH TEXT (RTF) Flash coù theå cho pheùp baïn giöõ laïi ñònh daïng Rich Text trong caùc hoäp kyù töï coù theå hieäu chænh. Baïn coù theå choïn tuøy choïn ñònh daïng HTML cho nhöõng hoäp kyù töï Dynamic hay Input trong baûng Text Options. Khi tuøy choïn HTML ñöôïc choïn, ñònh daïng kyù töï cô baûn (goàm teân font, loaïi chöõ, maøu vaø kích thöôùc) vaø caùc moái sieâu lieân keát (hyperlink) trong hoäp kyù töï seõ ñöôïc töï ñoäng giöõ laïi baèng caùch öùng duïng caùc tag HTML töông öùng cho hoäp kyù töï ñöôïc xaùc ñònh. Caùc tag HTML sau ñaây ñöôïc hoã trôï trong caùc hoäp kyù töï coù theå hieäu chænh: ♦ ♦ ♦ ♦ ♦ ♦ ♦ ♦ Ngoaøi ra baïn cuõng coù theå aùp duïng caùc tag HTML vaøo trong nhöõng hoäp kyù töï taïi baûng Actions nhö laø moät phaàn cuûa giaù trò coù theå thay ñoåi cho moät hoäp kyù töï. Khi baïn choïn tuøy choïn ñònh daïng HTML trong baûng Text Options, hoã trôï nhöõng tag HTML maø baïn coù theå öùng duïng trong baûng Actions ñöôïc giöõ laïi khi baïn xuaát file SWF cuûa ñoaïn phim. THIEÁT LAÄP CAÙC TUØY CHOÏN DYNAMIC TEXT Baïn coù theå xaùc ñònh caùc tuøy choïn cho Dynamic Text ñeå ñieàu khieån kyù töï khi noù xuaát hieän trong ñoaïn phim Flash movie. Thieát laäp caùc tuøy choïn cho Dynamic Text: 1. Neáu baûng Text Options chöa hieån thò, baïn haõy choïn treân trình ñôn Window > Panels > Text Options. 2. Choïn muïc Dynamic Text coù trong trình ñôn xoå xuoáng Text Type. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 235 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 CHUÔNG 10 3. Sau ñoù baïn coù theå thieát laäp baát kyø nhöõng tuøy choïn sau ñaây : Töø trong trình ñôn xoå xuoáng Line Display, choïn Multiline ñeå hieån thò kyù töï trong nhieàu haøng hoaëc choïn Single Line hieån thò kyù töï nhö moät haøng. Choïn HTML ñeå giöõ laïi ñònh daïng Rich Text nhö Font chöõ, loaïi Font, sieâu lieân keát (hyperlink), paragraph (ñoaïn) vaø caùc tham soá kyù töï khaùc vôùi caùc tag HTML thích hôïp. Choïn Draw Border and Background hieån thò moät ñöôøng bieân vaø neàn Background cho hoäp kyù töï. Neáu baïn choïn Multiline nhö ñaõ noùi ôû treân, choïn Word Wrap ñeå kyù töï töï ñoäng xuoáng haøng khi keát thuùc haøng trong hoäp kyù töï. Choïn Selectable (theo maëc ñònh muïc naøy ñöôïc choïn) laøm cho ngöôøi duøng coù theå choïn Dynamic Text. Boû choïn tuøy choïn naøy ngaên caûn ngöôøi duøng choïn kyù töï trong hoäp Dynamic Text. Ñoái vôùi muïc Variable, nhaäp vaøo teân bieán cho hoäp kyù töï. Ñoái vôùi muïc Embed Fonts, choïn moät hay nhieàu nuùt ñeå xaùc ñònh kyù töï töø trong boä Font duøng trong Dynamic Text seõ ñöôïc nhuùng. Choïn nuùt Full Font (nuùt taän cuøng beân traùi) ñeå nhuùng toaøn boä kyù töï vaøo boä Font. THIEÁT LAÄP CAÙC TUØY CHOÏN INPUT TEXT Baïn coù theå xaùc ñònh caùc tuøy choïn cho muïc Input Text ñeå ñieàu khieån kyù töï khi noù xuaát hieän trong ñoaïn phim Flash movie. Xaùc ñònh caùc tuøy choïn cho Input Text: 1. Neáu baûng Text Options chöa hieån thò, baïn haõy choïn treân trình ñôn Window > Panels > Text Options. 2. Choïn muïc Input Text coù trong trình ñôn xoå xuoáng Text Type. Thieát laäp baát kyø nhöõng tuøy choïn sau ñaây: TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 236 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 CHUÔNG 10 Töø trong trình ñôn xoå xuoáng Line Display, choïn Multiline ñeå hieån thò kyù töï trong nhieàu haøng hoaëc choïn Single Line hieån thò kyù töï nhö moät haøng hoaëc choïn Password ñeå hieån thò kyù töï gioáng nhö daáu hoa thò (asterisk) ñeå giöõ baûo maät. Chuù yù : Choïn tuøy choïn Password chæ laøm aûnh höôûng ñeán phaàn xuaát hieän cuûa kyù töï do ngöôøi duøng nhaäp vaøo. Choïn HTML ñeå giöõ laïi ñònh daïng Rich Text nhö Font chöõ, loaïi Font, sieâu lieân keát (hyperlink), paragraph (ñoaïn) vaø caùc tham soá kyù töï khaùc vôùi caùc tag HTML thích hôïp. Choïn Draw Border and Background hieån thò moät ñöôøng bieân vaø neàn Background cho hoäp kyù töï. Neáu baïn choïn Multiline nhö ñaõ noùi ôû treân, choïn Word Wrap ñeå kyù töï töï ñoäng xuoáng haøng khi keát thuùc haøng trong hoäp kyù töï. Ñoái vôùi muïc Variable, nhaäp vaøo teân bieán cho hoäp kyù töï. Ñoái vôùi muïc Maximum Characters, nhaäp vaøo soá kyù töï toái ña cho pheùp ngöôøi duøng nhaäp vaøo trong hoäp kyù töï. Ñoái vôùi muïc Embed Fonts, choïn moät hay nhieàu nuùt ñeå xaùc ñònh kyù töï töø trong boä Font duøng trong Dynamic Text seõ ñöôïc nhuùng. Choïn nuùt Full Font (nuùt taän cuøng beân traùi) ñeå nhuùng toaøn boä kyù töï vaøo boä Font. HIEÄU CHÆNH KYÙ TÖÏ Baïn coù theå duøng nhöõng kyõ thuaät xöû lyù töø thoâng thöôøng nhaát ñeå hieäu chænh kyù töï trong Flash. Baïn coù theå duøng caùc leänh Cut, Copy vaø Paste ñeå di chuyeån kyù töï trong file Flash cuõng nhö giöõa Flash vaø caùc chöông trình öùng duïng khaùc. Ñeå kieåm tra loãi kyù töï, baïn coù theå sao cheùp kyù töï sang Clipboard duøng Movie Explorer, vaø daùn kyù töï vaøo trong trình soaïn thaûo beân ngoaøi. Baïn coù theå xem muïc “Caùch duøng baûng Movie Explorer” ñeå bieát theâm chi tieát. CHOÏN KYÙ TÖÏ Khi baïn hieäu chænh hoaëc thay ñoåi caùc thuoäc tính treân kyù töï, tröôùc heát baïn phaûi choïn kyù töï baïn muoán thay ñoåi. Choïn kyù töï trong khoái kyù töï: 1. Choïn coâng cuï Text tool sau ñoù baïn thöïc hieän moät trong nhöõng thao taùc sau ñaây: Keùo chuoät choïn kyù töï. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 237 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 CHUÔNG 10 Nhaáp ñuùp chuoät ñeå choïn moät töø. Nhaáp chuoät xaùc ñònh vuøng choïn baét ñaàu vaø nhaán phím Shift ñeå xaùc ñònh vuøng choïn keát thuùc. Nhaán phím toå hôïp Ctrl+A (trong Windows) hoaëc phím Command+A (trong Macintosh) ñeå choïn taát caû caùc kyù töï trong moät khoái. Choïn nhieàu khoái kyù tö ï: Choïn coâng cuï muõi teân vaø nhaáp chuoät vaøo moät khoái kyù töï. Nhaán phím Shift vaø nhaáp chuoät ñeå choïn nhieàu khoái kyù töï cuøng luùc. Taát caû caùc khoái kyù töï ñeàu ñöôïc choïn BIEÁN ÑOÅI KYÙ TÖÏ Baïn coù theå thay ñoåi nhieàu khoái kyù töï theo nhieàu caùch gioáng nhau nhö khi baïn bieán ñoåi caùc ñoái töôïng khaùc. Baïn coù theå thay ñoåi kích thöôùc (scale), xoay (rotate), keùo xieân (skew) vaø laät nhieàu khoái kyù töï ñeå taïo ra nhöõng hieäu öùng haáp daãn khaùc nhau. Khi baïn laøm thay ñoåi kích thöôùc khoái kyù töï nhö khi thay ñoái kích thöôùc ñoái töôïng, luùc naøy seõ laøm taêng hay giaûm soá löôïng kích thöôùc pixel ñeàu khoâng ñöôïc hieån thò trong baûng Character. Khoái kyù töï bò thay ñoåi vaãn coøn coù theå hieäu chænh ñöôïc maëc duø nhieàu söï thay ñoåi khaùc nhau cuøng luùc coù theå laøm cho baïn khoù coù theå ñoïc noù ñöôïc. THAY ÑOÅI LAÏI HÌNH DAÏNG KYÙ TÖÏ (RESHAPING TYPE) Ñeå phuïc hoài, xoaù vaø thöïc hieän nhöõng thao taùc khaùc treân kyù töï, baïn coù theå chuyeån ñoåi kyù töï thaønh töøng ñoái töôïng toâ maøu vaø ñöôøng thaúng rieâng bieät. Cuõng nhö vôùi baát kyø ñoái töôïng khaùc, baïn coù theå nhoùm nhöõng kyù töï ñöôïc chuyeån ñoåi naøy hoaëc thay ñoåi chuùng thaønh caùc Symbol vaø chuyeån ñoäng chuùng. Moät khi baïn chuyeån ñoåi kyù töï sang ñöôøng thaúng vaø maøu toâ, baïn seõ khoâng theå hieäu chænh chuùng ñöôïc nhö kyù töï nöõa. Baïn coù theå chuyeån ñoåi toaøn boä nhieàu khoái kyù töï sang nhieàu ñoái töôïng khoâng phaûi chæ moãi kyù töï trong moät khoái kyù töï. Chuyeån ñoåi kyù töï sang ñoái töôïng toâ maøu vaø ñöôøng thaúng: 1. Choïn coâng cuï Arrow tool vaø nhaáp chuoät vaøo moät khoái kyù töï. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 238 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 CHUÔNG 10 2. Choïn treân trình ñôn Modify > Break Apart. Caùc kyù töï trong ñoaïn vaên baûn seõ ñöôïc chuyeån ñoåi sang töøng ñoái töôïng trong vuøng Stage. Khoái kyù töï tröôùc vaø sau khi duøng leänh Break Apart Baïn coù theå duøng coâng cuï Arrow tool ñeå thay ñoåi töøng kyù töï mong muoán sau khi choïn leänh Break Apart Chuù yù : Leänh Break Apart chæ öùng duïng cho nhöõng Font chöõ vieàn (outline font) nhö TrueType Font. Font Bitmap seõ bieán maát khoûi maøn hình khi baïn choïn leänh Break Apart. Font PostScript chæ coù theå ñöôïc taùch ra treân heä thoáng Macintosh chaïy Adobe Type Manager (ATM). LIEÂN KEÁT CAÙC KHOÁI VAÊN BAÛN ÑEÁN NHÖÕNG ÑÒA CHÆ URL Baïn coù theå lieân keát caùc khoái kyù töï (hay vaên baûn) ñeán nhöõng URL ñeå cho pheùp ngöôøi duøng nhaûy ñeán nhieàu file khaùc nhau baèng caùch nhaáp chuoät vaøo kyù töï. Lieân keát moät khoái kyù töï ñeán moät ñòa chæ URL: 1. Duøng coâng cuï muõi teân (Arrow tool) ñeå choïn khoái kyù töï trong vuøng Stage. 2. Neáu baûng Character chöa hieån thò, baïn haõy choïn Window > Panels > Character. 3. Ñoái vôùi muïc Link, nhaäp URL maø baïn muoán khoái kyù töï lieân keát ñeán. TUÛ SAÙCH STK – THEÁ GIÔÙI ÑOÀ HOÏA 239 BIEÂN SOAÏN : KS PHAÏM QUANG HUY