11. - 11 -
หนวยที่ 3 การสรางและตกแตงขอความ (Text)
ในหนวยที่ 2 ไดกลาวถึงการใชงานโปรแกรม SWiSHMax เบื้องตน ทําใหสามารถกําหนดคา
ของไฟล Movie ที่สรางขึ้น ไดตรงตามวัตถุประสงคของการใชงาน เขาใจถึงการทํางานภายใน Scene
และรูจักประเภทของ Object สวนบทเรียนหนวยที่ 3 เปนจุดเริ่มตนของการสรางชิ้นงาน ซึ่งจะอธิบาย
ถึงวิธีการสรางและตกแตงขอความ (Text) ชนิดของขอความ ซึ่งนับเปน Object ชิ้นแรกที่กําลังจะถูก
สรางขึ้นจากบทเรียนนี้
ตอนที่ 3.1 การสรางขอความ
ในการสรางขอความนั้นสามารถสรางไดหลายวิธี สรางโดยผูใชพิมพตัวอักษรขึ้นใหม หรือเปด
ไฟลที่มีนามสกุล .txt .doc .ppt .pdf ขึ้นมา ใชเมาสลากแถบดําขอวามที่ตองการ Click ขวาเลือก
Copy จากนั้นเปดโปรแกรม SWiSHMax ขึ้นนํามา Paste ภายใน Text Object ดังภาพตามลําดับ
1. เปดไฟล Microsoft Word เลือกแถบดําขอความ Click ขวา Copy
Created by Sayamon Insaard
CopyRight 2006 Borderless Education Project : SURANAREE UNIVERSITY OF TECHNOLOGY
12. - 12 -
2. เปดโปรแกรม SWiSHMax Click เลือก
Panel Click 1 ครั้งบน Workspace
นํา Text ที่ Copy มา Paste ที่ Object
ภาพการสรางขอความโดยนํา Text จากภายนอกเขามาใชงาน
สําหรับการสรางขอความดวยตนเองก็ใชวิธีการเดียวกับที่กลาวมาแตดัดแปลงเล็กนอย ดังนี้
Click เลือก
จากToolbox พิมพขอความ Text ที่ Object Panel Click 1 ครั้งบน
Workspace
* ขอแนะนําสําหรับการใช Font ภาษาไทย ควรเลือกใช Font UPC เชน AngsanaUPC
CordiaUPC เปนตน
Created by Sayamon Insaard
CopyRight 2006 Borderless Education Project : SURANAREE UNIVERSITY OF TECHNOLOGY
13. - 13 -
ตอนที่ 3.2 การตกแตงขอความ
เมื่อเราสรางขอความเรียบรอยแลวใหทําการเปลี่ยน Font Style, Font Size, Font Color
ดังลําดับภาพตอไป
ภาพแสดงการตกแตง Font Style
วิธีการตกแตงขอความ มีดังนี้
Click เลือก Text Object ใหปรากฏกลองสี่เหลียมลอมรอบ
่
เลือก
โดย Click ลูกศรเพื่อเปลี่ยน Font Style
เมื่อลากเมาสผานตัวอักษรตางๆ ก็จะปรากฏตัวอยางของ Font Style นั้น
สําหรับการเปลี่ยน Font Size Click
หากเลือกตัวเลขมาก Font จะมีขนาดใหญ
Font Size
Font Color
Created by Sayamon Insaard
CopyRight 2006 Borderless Education Project : SURANAREE UNIVERSITY OF TECHNOLOGY
ลูกศร
14. - 14 -
การเปลี่ยน Font Color Click
เลือกสีตามตองการจากแผงสี หรืออาจกําหนดโคดสี
ดวยตนเองในชอง Hex เชน CC3399 และอาจปรับสีใหโปรงใสมากขึ้นดวยการใสคาที่ Alpha % ปกติ
จะมีคา 100 ใหลดลงเปน 50 หรือ 30 สีที่ไดก็จะโปรงใสสามารถนําไปซอนทับกับ Object อื่นได จะ
มองเห็นวัตถุที่อยูใน Layer ดานลาง
ในการปรับแตง Text ยังมีเครื่องไมเครื่องมือใหเลือกใชอีกหลายตัว
ดังนี้
+ Font Type
เลือก Vector
เครื่องมือตกแตง Text อื่นๆ
+ Bold ตัวหนา
ตัวเอียง
+ Italic
+
สําหรับจัดวาง text ใหชิดซาย กึ่งกลาง ชิดขวา ฯลฯ
ตัวกําหนดทิศทางไหลของตัวอักษร
ดังภาพแสดงตัวอยางดานลาง
+
นอกจากนี้ยังสามารถปรับขนาด Text โดยใชเครื่องมือ Options บน Toolbox ไดแก
Scale , Resize
ดังกลาวกับ Text
, Rotate
วิธีการใช เครื่องมือ Scale Click
ลากเมาสเพื่อขยายหรือลดขนาด Text
, Distort
ดูภาพตัวอยางการใชเครื่องมือ
Click Text นําเมาสไปวางบนกลองสี่เหลี่ยม
ภาพแสดงการใชเครื่องมือ Scale
Created by Sayamon Insaard
CopyRight 2006 Borderless Education Project : SURANAREE UNIVERSITY OF TECHNOLOGY
15. - 15 -
วิธีการใชเครื่องมือ Rotate Click
ลากเมาสเพื่อปรับหมุน Text
Click Text
นําเมาสไปวางบนวงกลมเล็กๆ
ภาพแสดงการใชเครื่องมือ Rotate
ตอนที่ 3.3 ชนิดของขอความ
ชนิดของขอความใน Object Text แบงได 3 ชนิด ดังนี้
สราง Object Text ขอความปกติ
1.
สราง Object Text เปนเหมือน Input Form เพื่อรับคาขอมูลจากผูใชงาน
2.
สราง Object Text ขอความที่แสดงผลจากขอมูลที่ผูใชกรอกใน Input
3.
Text
**ในบทเรียนนี้ใหตั้งคาไวที่ Static Text เสมอ สวน Text ชนิดอื่นทานอาจเรียนรูในโอกาสตอไปในขั้น
สูงขึ้น
Created by Sayamon Insaard
CopyRight 2006 Borderless Education Project : SURANAREE UNIVERSITY OF TECHNOLOGY
25. - 25 -
ตอนที่ 5.2 การเพิ่ม-ลบ Effect
ในตอนนี้จะขอเสนอวิธีการเพิ่ม Effect ใหกับ Object Text และ Image ดังนี้
• วิธีการเพิ่ม Effect ใหกับ Object Text
ใหพิมพขอความโดยการเลือก Tools
Click 1 ครั้ง บน Stage จะเปนภาพกลองขอความขึ้นมา
พิมพขอความที่ตองการใน Text Panel
ไปที่ Outline Panel เลือก Object Text ที่สรางขึ้น Click 1 ครั้ง จะ
ปรากฏแถบสี้น้ําเงิน แสดงวาทานกําลังจะทํางานกับ Object ชิ้นนั้น
Click เลือก Frame ที่ 1 บน Timeline หรือผูใชอาจเลือก Frame อื่นๆ ที่
ตองการใหเกิดEffect ไดตามตองการ
จากนั้นเลือก Add Effect Appear into position เลือก Effect
แบบใดก็ไดโดยการ Click 1 ครั้ง
Effect ที่เลือกจะปรากฏบน Timeline ดังภาพ
Created by Sayamon Insaard
CopyRight 2006 Borderless Education Project : SURANAREE UNIVERSITY OF TECHNOLOGY
26. - 26 -
ใหทําการแสดงผลของ Effect ที่เลือก ดังนี้
A. เลือก ที่ Control Toolbar
B. ผล Animation ที่ไดหลังจากเลือก Play Effect
• วิธีการเพิ่ม Effect ใหกับ Object Image
Created by Sayamon Insaard
CopyRight 2006 Borderless Education Project : SURANAREE UNIVERSITY OF TECHNOLOGY
27. - 27 -
การเพิ่ม Effect ใหกับ Object Image ใหดําเนินการตามขั้นตอนดังนี้
เลือก File Import เลือกภาพที่ตองการ
ผลที่ไดดงภาพ
ั
Created by Sayamon Insaard
CopyRight 2006 Borderless Education Project : SURANAREE UNIVERSITY OF TECHNOLOGY
29. - 29 -
ใหทําการแสดงผลของ Effect ที่เลือก ดังนี้
A. เลือก ที่ Control Toolbar
B. ผล Animation ที่ไดหลังจากเลือก Play Effect
ตอนที่ 5.3 การปรับแตง Effect
Click เลือก Object Effect บน Timeline
Double Click ที่ Effect บน Timeline
ใหทดลองทําการปรับแตงคุณลักษณะ
ของ Effect ดังนี้
เพื่อ
A. ลากแถบสไลด
ปรับแตงคาในแตละสวน
เพื่อ
B. จากนั้น Click ที่
แสดงผลจากการปรับแตง Effect และClick
Stop เมื่อตองการหยุด หากวายังไม
ปุม
ตรงความตองการใหปรับแตงอีกครั้งและ
ทดสอบการแสดงผล
Created by Sayamon Insaard
CopyRight 2006 Borderless Education Project : SURANAREE UNIVERSITY OF TECHNOLOGY
30. - 30 -
C. Click Close
B
A
C
ในการปรับแตงคุณลักษณะของ Effect แตละรูปแบบนั้นจะแตกตางกัน ผูใชสามารถ
ปรับแตงไดหลายสวน ซึ่งโปรแกรมจะติดตั้งมากับ Effect นั้นๆ ตัวอยางดังภาพ
Created by Sayamon Insaard
CopyRight 2006 Borderless Education Project : SURANAREE UNIVERSITY OF TECHNOLOGY
31. - 31 -
ตอนที่ 5.4 การสรางภาพเคลื่อนไหวดวย Effect แบบตางๆ
5.4.1 Effect “ Whirlpool ”
5.4.2 Effect “Move Around Circle ”
Created by Sayamon Insaard
CopyRight 2006 Borderless Education Project : SURANAREE UNIVERSITY OF TECHNOLOGY
32. - 32 -
5.4.3 Effect “ Radiation ”
5.4.4 Effect “ Scale Letter ”
Created by Sayamon Insaard
CopyRight 2006 Borderless Education Project : SURANAREE UNIVERSITY OF TECHNOLOGY