21
หหหหหหหห 6 หหหหหหหหหหหหหห หหหหหหหหหห

พิมพ์และจัดการกับข้อความ

Embed Size (px)

Citation preview

หน่�วยที่�� 6 พิ�มพิ และจั�ดการ

ก�บข้�อความ

ประเภที่ข้องข้�อความข้�อความใน่โปรแกรม Flash แบ�งออกเป"น่ 3

ประเภที่ ได�แก�- ข้�อความคงที่�� (Static Text) ค$อข้�อความที่��จัะไม�ม�การเปล��ยน่แปลงใดๆข้อง เน่$&อหา หล�งจัากที่��ค'ณสร�างม*ฟว��เสร,จัแล�วและใน่ข้ณะที่��ผู้*�ชมชมม*ฟว��น่�&น่- ข้�อความไดน่าม�ก (Dynamic Text) ค$อข้�อความที่��สามารถเปล��ยน่แปลงเน่$&อหาได�ตามต�องการประมวลผู้ลหร$อตามข้�อม*ลที่��ร�บมาจัากเซิ�ร ฟเวอร เช�น่ ข้�อความข้�าวที่��ม�การเปล��ยแปลงที่'กว�น่หร$อข้�อความแสดงคะแน่น่การเล�น่เกมข้องผู้*�เล�น่แต�ละคน่ เป"น่ต�น่- ข้�อความอ�น่พิ'ที่ (Input Text) ค$อฟ2ลด ส3าหร�บร�บข้�อความที่��ผู้*�ใช�ป4อน่ผู้�าน่แบบฟร อม เช�น่ User Name หร$อ Password เป"น่ต�น่

ว�ธี�จั�ดการฟอน่ต ใน่ม*ฟว��ข้อง Flash

โปรแกรม Flash ม�ว�ธี�การจั�ดการก�บฟอน่ต ข้องข้�อความ 3 ว�ธี�ด�วยก�น่ ด�งน่�& Embedded font

เม$�อม�การใช�ข้�อความคงที่�� (Static text) ใน่ม*ฟว�� ตามปกต�โปรแกรมจัะฝั7งข้�อม*ลฟอน่ต น่�&น่ไว�ก�บไฟล SWF ด�วย ด�งน่�&น่ค'ณจั8งแน่�ใจัได�ว�าการแสดงผู้ลใน่ Flash Player (ไม�ว�าจัะด�วยคอมพิ�วเตอร เคร$�องใดก,ตาม) ผู้*�ชมจัะเห,น่ฟอน่ต อย�างถ*กต�องตามที่��ออกแบบไว� โดยฟอน่ต ที่��ถ*กฝั7งไปก�บไฟล น่�&เร�ยกว�า embedded font ซิ8�งจัะม�ผู้ลที่3าให�ไฟล ม�ข้น่าดใหญ่�ข้8&น่ด�วย

ส3าหร�บข้�อความไดน่าม�กและข้�อความอ�น่พิ'ที่น่�&น่ โปรแกรมจัะไม�ฝั7งข้�อม*ลฟอน่ต ที่��ใช�ใน่ไฟล ม*ฟว��ให� แต�จัะเก,บเฉพิาะช$�อฟอน่ต ไว� จัากน่�&น่ใน่ข้ณะที่��เล�น่ม*ฟว�� Flash Player จัะเล$อกฟอน่ต ที่��ม�ช$�อเหม$อน่ก�น่ หร$อม�ล�กษณะใกล�เค�ยงก�บจัากคอมพิ�วเตอร หร$ออ'ปกรณ ม$อถ$อข้องผู้*�ชมมาใช�แที่น่ ด�งน่�&น่ส��งที่��ผู้*�ชมเห,น่จั8งอาจัแตกต�างไปจัากที่��ออกแบบไว� ที่�&งน่�&หากต�องการฝั7งข้�อม*ลฟอน่ต ที่��ใช�ไปด�วยค'ณต�องก3าหน่ดค3าส��งเพิ��มเต�ม (ด*ห�วข้�อฝั7งฟอน่ต ให�ก�บข้�อความไดน่าม�กและอ�น่พิ'ที่)

แต�อย�างไรก,ตาม อาจัม�ฟอน่ต บางชน่�ดที่��ไม�สามารถฝั7งไปก�บม*ฟว��ได� ด�งน่�&น่ค'ณควรตรวจัสอบฟอน่ต ที่��ใช�เส�ยก�อน่ โดยคล�กค3าส��ง View > Preview Mode > Anti-Alias Text แล�วข้ยายม'มมองข้องสเตจัข้8&น่มาพิอประมาณเพิ$�อด*ค'ณภาพิข้องต�วอ�กษร ถ�าข้อบข้องต�วอ�กษรเป"น่รอยหย�กแบบข้�&น่บ�น่ได (jagged) ก,แสดงว�าโปรแกรมไม�ร*�จั�กโครงร�างข้องฟอน่ต ชน่�ดน่�&น่ และไม�สามารถฝั7งไปก�บไฟล ม*ฟว��ได�

Device font เป"น่ว�ธี�จั�ดการฟอน่ต อ�กแบบหน่8�ง ซิ8�งจัะไม�ม�การฝั7ง

ข้�อม*ลฟอน่ต ไปก�บไฟล ม*ฟว�� (.swf) โดยใน่ข้ณะที่��เล�น่ม*ฟว�� Flash Player จัะเล$อกฟอน่ต ที่��ม�ล�กษณะใกล�เค�ยงก�บจัากคอมพิ�วเตอร หร$ออ'ปกรณ ม$อถ$อข้องผู้*�ชมมาใช�แที่น่ ด�งน่�&น่ส��งที่��ผู้*�ชมเห,น่จั8งอาจัแตกต�างไปจัากที่��ออกแบบไว� การจั�ดการฟอน่ต ว�ธี�น่�&จัะที่3าให�ข้น่าดไฟล เล,กกว�าว�ธี�อ$�น่และย�งสามารถแสดงผู้ลต�วอ�กษรข้น่าดเล,ก (ต3�ากว�า 10 พิอยที่ ) ได�คมช�ดกว�า embedded font เพิราะเป"น่การใช�ฟอน่ต ที่��ออกแบบมาส3าหร�บเคร$�องที่��เล�น่ม*ฟว��น่�&น่โดยเฉพิาะ การจั�ดการก�บ device font ที่3าได� 2 ว�ธี�ค$อ - เล$อกใช�ฟอน่ต แบบ device font ข้องโปรแกรม Flash ซิ8�งม�ให� 3 ต�วได�แก�

- _sans ต�วอ�กษรจัะคล�ายก�บฟอน่ต Helvetica หร$อ Arial

- _serif ต�วอ�กษรจัะคล�ายก�บฟอน่ต Times New Roman

- _typewriter ต�วอ�กษรจัะคล�ายก�บฟอน่ต Courier- เล$อกใช�ฟอน่ต ที่��วๆไป แต�ก3าหน่ดร*ปแบบการแสดงฟอน่ต เป"น่ Use device fonts

Font Symbolsเป"น่การจั�ดการเก,บข้�อม*ลฟอน่ต ไว�ใน่ร*ปข้อง

ซิ�มโบลต�วหน่8�งใน่ไลบราร� ซิ8�งว�ธี�น่�&ม�ข้�อด�ค$อค'ณสามารถแชร ไลบราร�ด�งกล�าวไปใช�ใน่ม*ฟว��ต�างๆได� โดยไม�จั3าเป"น่ต�อง embedded font ไว�ใน่ม*ฟว��เหล�าน่�&น่

พิ�มพิ ข้�อความเคร$�องม$อ Text เป"น่เคร$�องม$อที่��ใช�พิ�มพิ

ข้�อความได�ที่�&งใน่แน่วน่อน่,แน่วต�&งจัากซิ�ายไปข้วา และแน่วต�&งจัากข้วาไปซิ�าย โดยค'ณสามารถปร�บแต�งค'ณสมบ�ต�ข้องข้�อความเหล�าน่�&ได�เหม$อน่ก�บโปรแกรมเว�ร ดโปรเซิสเซิอร ที่��วไป เช�น่ การก3าหน่ดฟอน่ต , ข้น่าดต�วอ�กษร, ระยะห�างระหว�างบรรที่�ดและอ$�น่ๆ

ร*ปแบบการพิ�มพิ พิ�มพิ แบบบรรที่�ดเด�ยว

ใช�ส3าหร�บการพิ�มพิ ข้�อความเพิ�ยงไม�ก��ต�วอ�กษรหร$อเพิ�ยงบรรที่�ดเด�ยว เช�น่ ห�วเร$�อง ช$�อป'<มค3าส��ง หร$อไฮเปอร ล�งค กรอบข้�อความจัะม�ข้น่าดไม�คงที่��โดยจัะย8ดหร$อหดไปตามความยาวข้องข้�อความน่�&น่ ว�ธี�พิ�มพิ ที่3าได�โดยใช�เคร$�องม$อ Text คล�กตรงต3าแหน่�งที่��ต�องการแล�วพิ�มพิ ข้�อความ โดยกรอบข้�อความจัะม�ร*ป วงกลมอย*�ตรงม'มข้องกรอบ พิ�มพิ แบบหลายบรรที่�ด

ส3าหร�บการพิ�มพิ ข้�อความที่��ม�หลายบรรที่�ดหร$อหลายย�อหน่�า เช�น่ ข้�อความที่��เป"น่รายละเอ�ยดหร$อค3าอธี�บายต�างๆ ว�ธี�พิ�มพิ ค$อให�ใช�เคร$�องม$อ Text คล�กลากสร�างกรอบ เพิ$�อเป"น่ข้อบเข้ตก�อน่แล�วค�อยพิ�มพิ ข้�อความเข้�าไป โดยกรอบข้�อความจัะม�ร*ป ส��เหล��ยมอย*�ตรงม'ม แต�หากต�องการข้8&น่ย�อหน่�าใหม�ก,ให�กดค�ย Enter

ข้�&น่ตอน่การพิ�มพิ ข้�อความการพิ�มพิ ข้�อความ ไม�ว�าจัะเป"น่ข้�อความแบบ

คงที่��, ไดน่าม�ก หร$ออ�น่พิ'ที่ โดยใช�แน่วการพิ�มพิ แบบแน่วน่อน่หร$อแน่วต�&งก,ตาม

ปร�บข้น่าดกรอบข้�อความปร�บข้น่าดกรอบข้�อความข้ณะพิ�มพิ

ใน่ข้ณะพิ�มพิ ข้�อความค'ณสามารถปร�บข้น่าดข้องกรอบข้�อความได�โดยใช�เมาส ช�&ที่��ร*ป วงกลม หร$อร*ปส��เหล��ยม แล�วคล�กลากเข้�าด�าน่ใน่เพิ$�อลดข้น่าดกรอบ หร$อคล�กลากออกด�าน่น่อกเพิ$�อข้ยายข้น่าดกรอบ ปร�บข้น่าดกรอบข้�อความหล�งพิ�มพิ เสร,จั

เม$�อพิ�มพิ ข้�อความเสร,จัแล�วค'ณสามารถปร�บข้น่าดกรอบข้�อความได�โดยใช�เคร$�องม$อ Selection คล�กที่��กรอบข้�อความ แล�วใช�เมาส คล�กลากร*ปส��เหล��ยมที่��ม'มใดมมหน่8�ง โดยคล�กลากเข้�าด�าน่ใน่เพิ$�อลดข้น่าดกรอบ หร$อคล�กลากออกด�าน่น่อกเพิ$�อข้ยายข้น่าดกรอบเล$อกข้�อความ

เม$�อจัะที่3าการแก�ไข้หร$อปร�บแต�งใดๆก�บข้�อความที่��พิ�มพิ ไว�แล�ว ค'ณจัะต�องเล$อกข้�อความน่�&น่ก�อน่ ซิ8�งที่3าได�หลายแบบด�งน่�&

เล$อกข้�อความที่�&งช�&น่เหม$อน่ก�บการเล$อกออบเจั,คที่��วไป โดยใช�เคร$�อง

ม$อ Selection คล�กบน่ข้�อความ

เล$อกข้�อความบางส�วน่ว�ธี�น่�&ใช�เพิ$�อปร�บแต�งออปช��น่ข้�อความเฉพิาะส�วน่

ที่��ต�องการ เช�น่ เปล��ยน่ฟอน่ต หร$อข้น่าดต�วอ�กษร รวมที่�&งใช�เพิ$�อพิ�มพิ แก�ไข้ข้�อความที่��ผู้�ดพิลาด

โดยปกต�แล�วข้�อความที่��พิ�มพิ จัะม�ค'ณสมบ�ต�ตามร*ปแบบเด�มที่��เคยใช�คร�&งล�าส'ด แต�ค'ณสามารถเปล��ยน่ออปช��น่เหล�าน่�&ได�ใหม�ก�อน่ที่��จัะพิ�มพิ ข้�อความ หร$อถ�าจัะปร�บแต�งข้�อความที่��พิ�มพิ ไปแล�วก,ต�องเล$อกข้�อความที่��ต�องการเส�ยก�อน่แล�วจั8งเปล��ยน่ออปช��น่

ปร�บแต�งออปช��น่เก��ยวก�บต�วอ�กษร

เป"น่การก3าหน่ดล�กษณะการจั�ดย�อหน่�า เช�น่ การจั�ดช�ดข้วา, ช�ดซิ�าย, ก8�งกลาง, จั�ดระยะห�างระหว�างบรรที่�ด หร$อต�&งย�อหน่�าให�ม�การเย$&อง เป"น่ต�น่

ปร�บแต�งออปช��น่เก��ยวก�บย�อหน่�า

สร�างข้�อความไดน่าม�ก (Dynamic Text)ใน่การออกแบบเว,บเพิจัหร$อสร�าง web

application โดยใช� Flash น่�&น่ บางคร�&งเราต�องแสดงข้�อม*ลที่��ม�การเปล��ยน่แปลงหร$ออ�พิเดตบ�อยๆ ต�วอย�างเช�น่ บที่ความ, รายงาน่ข้�าว, สภาพิอากาศประจั3าว�น่ หร$อผู้ลล�พิธี จัากการค3าน่วณ เป"น่ต�น่ รวมที่�&งอาจัต�องใช�ร�วมก�บข้�อม*ลอ$�น่จัากภายน่อกโปรแกรม Flash ด�วย ซิ8�งข้�อม*ลเหล�าน่�&จัะต�องแสดงผู้�าน่กรอบข้�อความที่��เร�ยกว�า Dynamic Text โดยเราจัะใช�ค3าส��ง ActionScript เพิ$�อส��งให�กรอบข้�อความน่�&แสดงผู้ลตามต�องการสร�างข้�อความอ�น่พิ'ที่ (Input Text)

เป"น่กรอบข้�อความเพิ$�อให�ผู้*�ชมได�โต�ตอบ (interact) ก�บม*ฟว��ด�วยการป4อน่ข้�อม*ลลงไป ซิ8�งค'ณสามารถน่3าข้�อม*ลที่��ได�น่�&น่ไปแสดงผู้ล ค3าน่วณ ใช�เป"น่เง$�อน่ไข้ หร$อจั�ดเก,บใน่ฐาน่ข้�อม*ลบน่เซิ�ร ฟเวอร ต�อไป โดยส�วน่ใหญ่�แล�วม�กใช�ข้�อความอ�น่พิ'ที่ร�วมก�บการสร�างฟอร ม (Form) และการเข้�ยน่ ActionScript ด�งน่�&น่เพิ$�อให�ค'ณเข้�าใจัก�บว�ธี�ใช�ข้�อความอ�น่พิ'ที่

สร�างและใช�งาน่ฟอน่ต ซิ�มโบล (Font symbols)การสร�างและใช�งาน่ฟอน่ต ซิ�มโบล เป"น่อ�กว�ธี�

หน่8�งที่��จัะช�วยแก�ไข้ป7ญ่หาเร$�อง embedded fonts ที่��ที่3าให�ไฟล ม*ฟว��ใหญ่�ข้8&น่ โดยเป"น่การจั�ดเก,บข้�อม*ลฟอน่ต ไว�ใน่ร*ปข้องซิ�มโบลแล�วเก,บไว�ที่��ไลบราร� ซิ8�งจัะสามารถแชร ฟอน่ต น่�&น่ไปใช�ก�บไฟล ม*ฟว��อ$�น่ได� แม�ว�าคอมพิ�วเตอร ที่��เล�น่ม*ฟว��จัะไม�ได�ต�ดต�&งฟอน่ต ด�งกล�าวไว� เพิราะโปรแกรมจัะด8งฟอน่ต จัากม*ฟว��ต�น่ฉบ�บมาใช�แที่น่

ปร�บแต�งร*ปที่รงข้�อความ (Transforming Text)

ค'ณสามารถด�ดแปลงหร$อปร�บแต�งกรอบข้�อความได�เช�น่เด�ยวก�บออบเจั,คประเภที่อ$�น่ โดยส��งที่��ที่3าได�ค$อการปร�บข้น่าด, หม'น่, บ�ดเอน่ และพิล�กข้�อความ ที่�&งน่�&หล�งจัากปร�บแล�วข้น่าดข้องต�วอ�กษร (font size) ที่��ปรากฏจัะไม�สอดคล�องก�บค�าที่��แสดงใน่ Property inspector อ�กต�อไป

ใส�ล�งค ให�ก�บข้�อความการสร�างข้�อความเพิ$�อใช�ใน่การออกแบบ

เว,บเพิจัน่�&น่ ค'ณอาจัต�องการสร�างจั'ดล�งค (Hyperlink) เพิ$�อให�ผู้*�ชมคล�กแล�วไปเปAดเว,บเพิจัอ$�น่ๆได� ซิ8�งว�ธี�การสร�างจั'ดล�งค ม�ด�งน่�&

1. คล�กเคร$�องม$อ Selection2. เล$อกข้�อความ3. ป4อน่ที่��อย*� (URL) ข้องเว,บเพิจัปลายที่าง4. (ถ�าต�องการ) คล�กแล�วเล$อกเฟรมเป4า

หมายค�น่หาและแที่น่ที่��

Flash ม�ความสามารถค�น่หาออบเจั,คใน่ม*ฟว��ได�โดยใช�ค'ณสมบ�ต�ต�างๆข้องออบเจั,คน่�&น่ ไม�ว�าจัะเป"น่การค�น่หาด�วยข้�อความ ฟอน่ต ส� ซิ�มโบล ไฟล เส�ยง ไฟล ว�ด�โอ และภาพิบ�ที่แมพิ และหากต�องการเปล��ยน่แปลงก,สามารถแที่น่ที่��ได� โดยระบ'ข้�อความ ค'ณสมบ�ต� หร$อไฟล อ$�น่ที่��จัะใช�แที่น่ตามต�องการ ใน่ที่��น่�&จัะยกต�วอย�างข้องการค�น่หาและแที่น่ที่��เฉพิาะข้�อความ ส�วน่ออบเจั,คอ$�น่ก,สามารถใช�ว�ธี�การเด�ยวก�น่น่�&ได�

เป"น่การตรวจัสอบความถ*กต�องข้องค3าใน่ภาษาอ�งกฤษ โดยเปร�ยบเที่�ยบก�บ Dictionary ข้องโปรแกรมเอง ซิ8�งเม$�อพิบค3าผู้�ดก,จัะแสดงค3าใกล�เค�ยงที่��ถ*กต�องข้8&น่มาให�ค'ณเล$อกเพิ$�อแที่น่ที่�� แต�หากค3าน่�&น่เป"น่ค3าเฉพิาะหร$อศ�พิที่ เที่คน่�ค ค'ณก,สามารถเพิ��มลงไปใน่ Dictionary ได�

ตรวจัสอบการสะกดค3า

เปล��ยน่ฟอน่ต ที่��ไม�ม�ใน่เคร$�องใน่กรณ�ที่��ค'ณต�องที่3างาน่ก�บไฟล ที่��ใช�ฟอน่ต ซิ8�ง

ไม�ม�อย*�ใน่เคร$�องข้องค'ณ เน่$�องจัากได�ร�บไฟล มาจัากคน่อ$�น่หร$อม�การเปล��ยน่เคร$�องคอมพิ�วเตอร ก,ตาม เม$�อเปAดไฟล เหล�าน่�&น่ข้8&น่มาที่3างาน่ โปรแกรมจัะตรวจัสอบแล�วแสดงข้�อความว�าหาฟอน่ต ที่��ใช�ใน่ไฟล ไม�พิบ ให�ค'ณเล$อกฟอน่ต ใหม�มาใช�แที่น่ที่�� โดยเล$อกระหว�างฟอน่ต Default (ฟอน่ต เร��มต�น่ที่��ม�การก3าหน่ดไว�) หร$อฟอน่ต อ$�น่ๆที่��ม�อย*�ใน่เคร$�อง

ป7ญ่หาการใช�ภาษาไที่ย การใช�ภาษาไที่ยใน่ Flash CS6 น่�&น่ จัะใช�ได�เฉพิาะฟอน่ต บางช'ดบางแบบ โดยช'ดที่��ใช�ได�ด�ก,เช�น่ PSL (ร'�น่ AD), -DB, DSE และฟอน่ต จัากเว,บ f0nt.com น่อกจัากน่�&การใช�บน่ Windows XP และ Vista อาจัจัะให�ผู้ลแตกต�างก�น่ ด�งน่�&น่ค'ณจั8งต�องที่ดสอบด*ว�าฟอน่ต ใดที่��สามารถใช�บน่เคร$�องข้องค'ณได�บ�าง

อ�กป7ญ่หาหน่8�งที่��พิบใน่การใช�ฟอน่ต ภาษาไที่ยค$อ วรรณย'กต ที่��อย*�ส*งกว�าปกต� ซิ8�งไม�ได�เป"น่ข้�อผู้�ดพิลาดที่��ส3าค�ญ่แต�จัะแสดงให�เห,น่ความไม�ประณ�ตข้องผู้*�สร�างช�&น่งาน่ ด�งน่�&น่ค'ณจั8งควรปร�บแก�ไข้ให�สวยงาม น่อกจัากน่$& ย�งม�กรณ�พิย�ญ่ชน่ะที่��ม�หางด�าน่บน่ เช�น่ ป ฟ ฝั ซิ8�งถ�าม�สระอ� อ� อ8 อ$อ อย*�ด�วยต3าแหน่�งข้องสระเหล�าน่�&จัะซิ�อน่ที่�บหางพิย�ญ่ชน่ะ หร$อพิย�ญ่ชน่ะ ญ่ ก�บ ฐ ซิ8�งถ�าม�สระอ'อ*อย*�ด�วยสระจัะซิ�อน่ที่�บฐาน่ต�วอ�กษรที่3าให�ไม�สวยงามเช�น่ก�น่

การแก�ป7ญ่หาเหล�าน่�&สามารถที่3าได�หลายว�ธี�ด�งน่�&*แยกส�วน่ประกอบ(break apart) ข้�อความ

ออกจัากก�น่ แล�วเล$�อน่ต3าแหน่�งวรรณย'กต เอง (ว�ธี�น่�&ไม� สะดวกเที่�าใดน่�ก จั8งแน่ะน่3าให�ใช�ก�บข้�อความที่��ม�ต�วอ�กษรไม�มาก)

*การเล$อกวรรณย'กต มาใช�เองด�วยว�ธี�ป4อน่รห�ส โดยกดค�ย Alt ค�างไว�แล�วป4อน่รห�สต�วเลข้ 4 หล�กจัากน่�&น่จั8งปล�อยเมาส ซิ8�งสามารถใช�ได�เฉพิาะบางฟอน่ต เที่�าน่�&น่

จับหน่�วยที่�� 6 ค�ะ