บทท่ี 3 การจัดการข้อความ

การสร้างบทเรียน การใสค่ าบรรยายหรือค าอธิบายเป็นเร่ืองท่ีพบกนัอยู่บ่อย ๆ ใน flash เองก็มี

เคร่ืองมือท่ีจดัการเร่ืองตวัอกัษรข้อความ สามารถรองรับได้หลากหลายภาษา เมื่อต้องการเรียกใช้ Text ให้

คลิก Tool box Texttool สว่นบริเวณของ Properties Inspector จะเปลี่ยนเป็น Text Tool ดงัรูป

ด้านลา่ง

Text Type โหมดของอกัษรข้อความ

Text Block Position ต าแหน่งและขนาดของข้อความ

Character Spacing การก าหนดระยะห่างของตวัอกัษร

Font รูปแบบของตวัอกัษร

Text Fill Color ก าหนดสีของตวัอกัษร

Alignment การจดัต าแหน่งตวัอกัษร

Edit Format Option ก าหนดรูปแบบการย่อหน้า

Change Orientation of text ก าหนดแนวการวางตวัอกัษร

Line Type ก าหนดชนิดของการับข้อมลู ในสว่นของ Input Text

Font Rendering method ก าหนดรูปแบบการเรนเดอร์ตวัอกัษร

Auto Kern ก าหนดให้ปรับช่องไฟของตวัอกัษรอตัโนมตั ิ

URL Link ก าหนดการเช่ือมโยงไปยงัเวบ็อ่ืน

Target ก าหนดการรูปแบบการเปิดหน้าเวบ็

โหมดของอกัษรข้อความ แบบ Font ต าแหน่งการจดัวาง ปรับแต่งคณุสมบติั

ระยะห่างระหว่างอกัษร

ตวัยกตวัห้อย

การ Render ตวัอกัษร

ตัง้ค่าจ านวนบรรทดัของ Dynamic URL Linkเชื่อมโยง Target ของ Link

ื่

ิ

3.1 โหมดตัวอักษรมีด้วยกัน 3 หมวดคือ

1. Static Text เป็นข้อความธรรมดา ใช้ส าหรับพิมพ์ข้อความทัว่ไป ไมส่ามารถใช้ค าสัง่ตวัแปรแก้ไขได้

2. Dynamic Text เป็นข้อความ Text ท่ีมีการเปลี่ยนแปลงด้วยการเขียนค าสัง่เพ่ิมเติมได้

3. Input Text เป็นการสร้างกลอ่งข้อความ ก าหนดพืน้ท่ีรับข้อมลู

3.2 ปัญหาภาษาไทยกับ Flash

เน่ืองจากยอดขายโปรแกรม Adobe แบบลิขสิทธ์ิในเมืองไทยมีปริมาณไมม่าก บริษัทจึงไมไ่ด้ให้

ความส าคญัเป็นพิเศษกบัเร่ืองภาษาไทย การพฒันาโปรแกรมให้ใช้งานกบัภาษาไทยนัน้เป็นเร่ืองท่ียุ่งยาก

ของผู้ผลิต เน่ืองจากภาษาไทยมีตวัอกัษรหลายชัน้ และมีเง่ือนไขการตดัค ามากมาย ท าให้ผู้ ท่ีใช้โปรแกรม

ของ adobe ต้องใช้โปรแกรมเสริมอ่ืน ๆ เข้าช่วย หรือบางทีก็ต้องเปลี่ยน font ชดุใหมม่าใช้เพ่ือแก้ปัญหา

ส าหรับปัญหาเร่ืองพิมพ์ข้อความใน Flash CS3 จะมีปัญหาเร่ืองระยะห่างของตวัอกัษรกบั Windows Vista

และ Windows 7 ปัญหาจะเกิดขึน้ตอนท่ีพิมพ์ข้อความตอนสร้าง แตต่อนน าไปแสดงผลใช้จริงจะไมม่ี

ปัญหา

3.3 วธีิการพมิพ์ข้อความ

1. คลิกท่ี Text tool เพ่ือพิมพ์ข้อความ

2. ปรับแตง่คา่ Properties Inspector ตามรูปภาพด้านลา่ง Font เป็นแบบ Arial ขนาด 25 และเป็นสี

ด า ชิดด้านซ้าย

ื่

ิ

3. คลิกวางข้อความลงบนชิน้งานตามตวัอย่าง และพิมพ์ข้อความลงไป วา่ Introduction to

computer

4. คลิก Text tool และเปลี่ยนขนาดเป็น 16 ลากกรอบโดยลากไปทางด้านขวาตามระยะของ

ข้อความท่ีต้องการ จะปรากฏกลอ่งสี่เหลี่ยมขึน้ 1 บรรทดั จากนัน้พิมพ์ข้อความ “The lessons

contain relatively little text, plenty of images and many podcasts prepared by students in

which they talk about a particular topic within each lesson. Most of the lessons are

framed around concepts from the world of computers ลงไปในช่องโดยไมต้่องกด enter เพ่ือ

ท าการขึน้บรรทดัใหม ่โปรแกรมจะพยายามตดัค าให้เอง

5. ทางกลอ่งด้านขวามือใส ่Link เช่ือมโยงไปยงัเวบ็ไซต์ พิมพ์ช่ือเวบ็ไซต์ตามรูปด้านลา่งลงไป

6. คลิกท่ีช่ือท่ีพิมพ์ 1 ช่ือ และแก้ไข Properties Inspector ในช่อง Link

7. ใสช่ื่อเวบ็ตามช่ือด้านลา่ง จะสง่เกตวุา่ช่ือเวบ็จะต้องขึน้ต้นด้วย http:// และช่ือ Url เวบ็กบัช่ือท่ี

เขียนเป็น เมนอูาจจะเป็นคนละช่ือก็ได้ เช่น papemodel แต ่Link ไปท่ี

http://www.papermode.in.th

Http://www.sanook.com

Http://www.google.com

Http://www.yahoo.com

Http://www.papermodel.in.th

Http://www.hotmail.com

ื่

ิ

3.4 การเปล่ียนคุณสมบัติข้อความเป็นหมวดต่าง ๆ

ตวัอกัษรข้อความใน Flash สามารถสลบัโหมดการท างานไปมาระหวา่ง Static Text Dynamic

Text และ Input Text ได้แตก่ารสลบัไปมาอาจท าให้คณุสมบตัิและการตัง้คา่บางอย่างเปลีย่นไป จึงควร

ตรวจสอบทกุครัง้หลงัจากการเหมือนโหมด

ข้อความ สามารถเปลี่ยนได้ด้วยวิธีดงันี ้

1. คลิกท่ีข้อความท่ีต้องการเปลี่ยนโหมด 2. Properties Inspector คลิกเลือกลกูศร

ข้างกบัช่ือโหมดข้อความเพ่ือเปลี่ยนโหมดท่ี

ต้องการ

3.5 การเปล่ียนคุณสมบัติของข้อความให้เป็นรูปภาพ

ตวัอกัษรท่ีอยู่ใน Flash มีคณุสมบตัิเป็น Text ซึ่งมีข้อดีคือแก้ไขเปลี่ยนแปลงข้อมลูได้ง่าย แตถ้่า

น ามาใช้ในงานออกแบบเพ่ือให้ชิน้งานมีเอกลกัษณ์ เราจะต้องท าลายคณุสมบตัิของ Text ทิง้เสียก่อน โดย

มีขัน้ตอนดงันี ้

1. คลิกท่ี Text tool เพ่ือพิมพ์ข้อความ โดยเลือกตวัอกัษรท่ีมีความหนาและขนาดใหญ่ ใน

ตวัอย่างเลือก Font Arial Black และเลือกขนาด Font ท่ี 60 และสีน า้เงิน

22

โครงการฝึกอบรมเชิงปฏิบัตกิารผลิตส่ือการเรยีนการสอน

by Pises Tantimala : aj.pises@gamil.com

ไม่สงวนลขิสิทธิ์ แตอ่ยากให้ครเูอาไปใช้เยอะ ๆ ครบั

2. ถ้าต้องการปรับตวัอกัษรให้เป็นรูปภาพจะต้องใช้ค าสัง่ Break Apart โดยการคลิกขวา แล้วเลือก

Break Apart หรือกด Ctrl + B ชดุข้อความค าวา่ CAI จะถกูแยกออกเป็น 3 ตวั ซึ่งยงัคงคณุสมบตัิ

ตวัอกัษรอยู่

3. ใช้ค าสัง่ Break Apart ท าลายคณุสมบตัิของตวัอกัษรอีกครัง้ ตวัอกัษร CAI จะกลายเป็นวตัถุ

รูปภาพไมส่ามารถพิมพ์แก้ไขข้อมลูได้อีกตอ่ไป

4. เมื่อถกูเปลี่ยนเป็นคณุสมบตัิรูปภาพโดยสมบรูณ์แล้วสามารถดดัแปลงดงึแก้ไขใด ๆ ก็ได้

ื่

ิ