More Related Content Similar to Swish max (20) More from Surapong Jakang
More from Surapong Jakang (20) Swish max1. บทที่ 1 รู้ จัก SwishMAX
โปรแกรม SwishMAX เป็ นโปรแกรมที่ใช้สร้างภาพเคลื่อนไหว สามารถสร้างชิ้นงาน
ภาพเคลื่อนไหวของ Macromedia Flash โดยไม่จาเป็ นจะต้องใช้ฟังก์ชนของโปรแกรม Macromedia
ํ ั่
Flash ที่ยงยาก เพียงแค่ใช้เครื่ องมือที่โปรแกรมมีมาให้เท่านั้น ซึ่ งใช้งานได้ง่าย สามารถสร้างลูกเล่นที่ซบซ้อน
ุ่ ั
ด้วยตัวอักษร รู ปภาพ การวาดเขียน และเสี ยง ซึ่งใช้เวลาไม่นาน
โปรแกรม swishMAX สามารถที่จะนําเสนองานในรู ปแบบของไฟล์ Shock wave Flash
(.swf) ซึ่ งสามารถนําไปใช้ในการสร้างเว็บเพจได้ และ ยังสามารถแปลงเป็ นไฟล์ avi ซึ่ งใช้ในการตัดต่อ
ภาพยนตร์ ได้อีกด้วย
*** Swish สามารถใช้งานได้โดยไม่จาเป็ นต้องติดตั้ง Macromedia Flash บนคอมพิวเตอร์
ํ
การเปิ ดโปรแกรม SwishMAX
1. คลิ้กปุ่ ม Start
2. เลือก Programs>SWISHmax>SWISHmax
2. ~คู่มือการใช้งานโปรแกรม SwishMAX 2
องค์ ประกอบของโปรแกรม SwishMax
1. Main menu คําสั่งหลักที่ใช้ในการสั่งงานทัวไป
่
เมนู File
คําสัง
่ รายละเอียด
New สร้างไฟล์ใหม่
Open เรี ยกไฟล์ที่ตองการใช้งาน โดยมีนามสกุลเป็ น .swf
้
Save และ Save as บันทึกงานที่ตองการเก็บไว้ และใช้ Save as เมื่อต้องการบันทึกเป็ นชื่อไฟล์อื่น
้
New Windows เปิ ดโปรแกรม Swish ซ้อนขึ้นอีก ใช้ในกรณี ที่ตองการสร้างงาน swish หลาย
้
แฟ้ มพร้อมๆ กัน ซึ่งอาจสามารถ copy งานจากแฟ้ มหนึ่งไปยังอีกแฟ้ มหนึ่งได้
Samples เป็ นการเปิ ดแฟ้ มตัวอย่างที่โปรแกรม Swish มีมาให้เพื่อใช้ในการศึกษา หรื อ
ดัดแปลงไปใช้งาน
Import ใช้ในการดึงข้อความ ภาพนิ่ง ภาพเคลื่อนไหว เสี ยง เข้ามาเพื่อใช้งาน
export นํางานที่ทาได้ไปใช้ โดยปกติมกใช้เป็ น *.swf แต่สามารถแปลงเป็ น .html
ํ ั
หรื อ .avi ได้
test ทดสอบงานที่สร้าง ก่อนที่จะ export งานไปใช้จริ ง ซึ่งสามารถ test แบบ play
ในโปรแกรม swish หรื อทดสอบผ่านทาง Browser ก็ได้
Close ปิ ดงานที่กาลังทําอยู่
ํ
Exit ออกจากโปรแกรม Swish
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
3. ~คู่มือการใช้งานโปรแกรม SwishMAX 3
เมนู Edit
คําสัง
่ รายละเอียด
Undo ย้อนขั้นตอนที่ได้สร้างในครั้งที่แล้ว
Redo ยกเลิกการย้อนขั้นตอน
Cut object ตัดวัตถุที่สร้างขึ้น
Copy object คัดลอกวัตถุที่สร้างขึ้น
Paste object วางวัตถุที่ตดหรื อคัดลอกไว้
ั
Delete ลบวัตถุที่ไม่ตองการ
้
Select all Objects เลือกทุกวัตถุในพื้นที่สร้างงาน
Show แสดงวัตถุที่ซ่อนไว้
Hide ซ่อนวัตถุ
Properties แสดงคุณสมบัติของวัตถุที่เลือก
เมนู View
คําสัง
่ รายละเอียด
Preview Frame ่
ตรวจสอบว่าขณะแสดงผลในพื้นที่สร้างงานกําลังอยูในตําแหน่ง Frame ใด
Toolbar เป็ นกลุ่มของเมนูยอยที่มีเมนูยอยซ้อนอีกชั้นหนึ่ง สําหรับเลือกให้แสดง Tool
่ ่
ตามต้องการ
Status bar แสดงหรื อซ่อน แถบแสดงสถานะ
Zoom in ซูมภาพคล้ายมองในระยะใกล้
Zoom out ซูมภาพคล้ายมองในระยะไกลออกไป
View at 100 % แสดงขนาดของเนื้อที่สร้างงานเท่ากับของจริ ง
Fit Scene in window แสดงเนื้อที่สร้างงานเต็มพื้นที่ใน Lay out
Fit Object in Window แสดงขนาดของ Object เต็มขนาดที่สามารถมองเห็นได้ใน Lay out
Show rulers แสดงไม้บรรทัด เพื่ออํานวยความสะดวกในการกําหนดระยะ
Show grid แสดงเส้น grid ในเนื้อที่สร้างงาน มีประโยชน์ในการมองเพื่อจัดวางตําแหน่ง
ของวัตถุให้ตรงกับที่ตองการ เส้น grid ใช้เพือสะดวกในการมองเพื่อวาง
้ ่
ตําแหน่งของวัตถุเท่านั้น ไม่แสดงผลในผลงานที่ได้ export ออกไป
Snap to Grid ให้วตถุวิ่งเข้าหาเส้น grid เมื่อนําวัตถุวางใกล้ สะดวกในการจัดวางวัตถุที่
ั
ต้องการให้ระดับแนวตั้งหรื อแนวดิ่งตรงกัน
Show all image แสดงวัตถุท้ งหมด
ั
Smooth Edges and Images ทําให้ขอบวัตถุวตถุเช่น อักษร หรื อภาพคมชัดไม่เกิดรอยหัก
ั
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
4. ~คู่มือการใช้งานโปรแกรม SwishMAX 4
เมนู Insert
คําสัง
่ รายละเอียด
Scene แทรก Scene
Text แทรกข้อความ ซึ่งสามารถปรับแต่งคุณสมบัติต่างๆของข้อความได้ท่ี
Properties
Button แทรกปุ่ ม
Sprite แทรกวัตถุซ่ ึงเป็ นภาพเคลื่อนไหว โดยเมื่อคลิกที่นี่จะเกิดเนื้อที่สร้างงานใหม่
ซึ่งเป็ นส่วนย่อยภายในเนื้องานเดิม ซึ่งจะมี Time line เป็ นของตัวเอง
Image แทรกภาพ โดยทัวไปจะเป็ นภาพนิ่ง แต่สามารถแทรกภาพเคลื่อนไหว
่
ประเภท gif animation ได้ โดยเมื่อสังแทรก จะมีหน้าต่าง Import Frames
่
ขึ้นมาให้เลือก ถ้าหากเลือกที่ Select All Frames โดยมีตวเลือกที่ import as
ั
Sprite แล้วคลิกต่อที่ import จะทําให้เกิด Sprite ซึ่งเป็ นภาพเคลื่อนไหวโดย
อัตโนมัติ แต่หากไม่เลือกคลิกที่ปุ่มดังกล่าว จะเป็ นการเลือก เอา Frame หนึ่ง
Frame ใด ซึ่ งจะได้ภาพเดียวไม่เคลื่อนไหว
Content แทรกวัตถุอื่นๆ เช่นเสี ยง ภาพนิ่ง ภาพเคลื่อนไหว
Instance แทรกภาพเคลื่อนไหว ซึ่ง Clone มาจาก Sprite
Effect ั
เพิมเอฟเฟคให้กบวัตถุ
่
Script แทรก script ต่างๆ เช่น การทํา link การเลื่อนไปที่เฟรมก่อนหน้า เป็ นต้น
Insert Frame คลิกเพื่อเพิ่ม Frame ทําให้การแสดงผลของ Effect ยาวนานขึ้น
Delete Frame ใช้เพือลบ Frame ออกจาก Time line ทําให้การแสดงผล Effect ใช้เวลาน้อยลง
่
เมนู Modify
คําสัง
่ รายละเอียด
Grouping มีเมนูยอย เช่น Group เพือรวมวัตถุให้เป็ นกลุ่มเดียว หรื อ Ungroupเพือแยก
่ ่ ่
วัตถุที่เคยรวมกัน เป็ น Object ย่อย หรื ออาจรวมกลุ่มเป็ นภาพเคลื่อนไหวโดย
เลือก Group as Sprite หรื อรวมกลุ่มแบบ shape
Convert เปลี่ยน Object นั้นเป็ นรู ปแบบอื่นๆ เช่น เป็ นปุ่ ม (button) เป็ นภาพเคลื่อนไหว
(Sprite) หรื อเป็ นรู ปทรง (Shape)
Order ่ ้
เรี ยง Object ให้อยูดานล่างหรื อด้านบนในเนื้อที่สร้างงาน (Object ที่อยูบน ่
สามารถบังวัตถุที่อยูล่าง) โดยมีเมนูยอยสั่งงานคือ
่ ่ Bring to Front เพื่อให้
ั ่ ั
วัตถุน้ นขึ้นมาอยูช้ น (Layer) บนสุ ด ่
Send to back เพือส่ งวัตถุลงอยูในชั้น
่
ล่างสุ ด Bring forward คลิกเพื่อส่ งวัตถุให้เลื่อนขึ้นมา 1 ระดับ คลิก
เพือส่ งวัตถุให้เลื่อนลงไป 1 ระดับ
่
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
5. ~คู่มือการใช้งานโปรแกรม SwishMAX 5
คําสัง
่ รายละเอียด
Transform หมุนหรื อพลิกวัตถุ
Align ่
ประกอบด้วยเมนูยอยที่สามารถเปลี่ยนตําแหน่งอ้างอิงของวัตถุไปยัง จุด
Handle ต่างๆ ได้
Justification ใช้เพือจัดบรรทัดของข้อความ แบบต่างๆ เช่น ชิดซ้าย (Align Left) จัดกึ่งกลาง
่
(Center) ชิดขวา (Align Right ) หรื อเต็มบรรทัด (Full)
Appearance ใช้เพือจัดทิศทางของข้อความเป็ นแนวต่างๆ เช่นแนวดิ่ง และในทิศทางต่างๆ
่
เมนู Control
คําสัง
่ รายละเอียด
Play movie แสดงภาพเคลื่อนไหวทั้ง File โดยจะเริ่ มจาก Scene แรก และดําเนินต่อไป
เรื่ อยๆ ตามที่ได้สงงานไว้ในโปรแกรม
ั่
Play Scene ทดสอบการแสดงผลของงานใน Scene
Play effect ทดสอบการแสดงผลของ Effect
Preview Frame ดูการแสดงผลใน Frame
Stop หยุดการแสดงผลของภาพเคลื่อนไหว
Step forward แสดงผลของ Frame ต่อไป
Step back ย้อนกลับไปดูการแสดงผลของ Frame ก่อนหน้า 1 Frame
Cue to End ดู Frame สุดท้ายของ Scene
Rewind to start ดู Frame แรกสุ ดของ Scene
เมนู Tools
คําสัง
่ รายละเอียด
Preference เป็ นเมนูใช้ปรับทางเลือกสําหรับผูใช้
้
Customize เป็ นเมนูที่ใช้ในการปรับแต่งโปรแกรม ให้เหมาะกับผูใช้เอง
้
Keyboard map ใช้เพือแสดงคียลด
่ ์ั
เมนู Panels
ประกอบด้วยหน้าต่างของเครื่ องมือที่สาคัญเพื่อใช้ในการสร้างงาน
ํ
เมนู Help
คู่มือและตัวอย่างการใช้งานโปรแกรม
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
6. ~คู่มือการใช้งานโปรแกรม SwishMAX 6
2. Standard Toolbar แถบเครื่ องมือลัดที่ใช้ควบคุมคําสังทัวไป
่ ่
คําสัง
่ รายละเอียด
Bring Forward ่
เลื่อนวัตถุที่เลือกอยูข้ ึนไป 1 ชั้น
Bring Backward ่
เลื่อนวัตถุที่เลือกอยูลงไป 1 ชั้น
Bring To Front ่ ่ ั
เลื่อนวัตถุที่เลือกอยูให้ไปอยูช้ นหน้าสุ ด
Bring To Back เลื่อนวัตถุที่เลือกอยูให้ไปอยูล่างสุด
่ ่
3. Insert Toolbar แถบเครื่ องมือลัดที่ใช้ในการเรี ยกคําสั่งแทรก
คําสัง
่ รายละเอียด
Insert Scene เพิมฉาก (Scene)
่
Insert Text แทรกข้อความ
Insert Image แทรกรู ปภาพ
4. Control Toolbar แถบเครื่ องมือที่ใช้ในการควบคุมการแสดงผลของชิ้นงาน
คําสัง
่ รายละเอียด
Stop หยุดการเล่นไฟล์
Play เล่นไฟล์ท้ งหมด(ทุกฉาก)
ั
Play Scene เล่นไฟล์เฉพาะฉากที่เลือก
Play Effect เล่นเฉพาะลูกเล่นที่สร้างขึ้น
5. Timeline Panel แถบแสดงเวลาซึ่ งจะมีลกษณะเป็ นแถบสี่ เหลี่ยมผืนผ้ายาว แบ่งเป็ นช่องเล็กๆหลาย
ั
อันซึ่งเรี ยกว่า Frame โดยจะเป็ นตัวบ่งบอกถึงการกระทําในแต่ละเวลา อีกทั้งยังมีปุ่มที่ใช้ในการเพิม
่
ลูกเล่นอีกด้วย
6. Outline Panel บริ เวณซึ่งแสดงโครงร่ างอันดับชั้นของวัตถุที่สร้างขึ้นในไฟล์ภาพยนตร์โดยมีลกษณะ ั
่ ั ่ ้ ่
เป็ นชั้นที่ซอนทับกันตามลําดับก่อนหลังซึ่งวัตถุที่อยูช้ นสูงกว่าจะอยูขางหน้าของวัตถุที่อยูในชั้นตํ่ากว่า
้
ภายใน Scene เดียวกัน
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
7. ~คู่มือการใช้งานโปรแกรม SwishMAX 7
7. Layout Panel บริ เวณแสดงผลของชิ้นงานไฟล์ภาพยนตร์ที่ทาซึ่งเราแก้ไขและสร้างชิ้นงานในบริ เวณนี้
ํ
และยังมี Toolbox หรื อกล่องเครื่ องมือที่ใช้สาหรับเครื่ องมือพื้นฐานทัวไป ซึ่งรายละเอียดเครื่ องมือต่างๆ
ํ ่
ใน Toolbox มีดงนี้
ั
อุปกรณ์ รายละเอียด
Select เลือกวัตถุ
Reshape เปลี่ยนแปลงรู ปทรง
Motion Path สร้างเส้นทางการเคลื่อนที่
Line เขียนเส้นตรง
Pencil เขียนเส้นเองตามที่ตองการ
้
Bezier เขียนเส้นโค้ง
Rectangle/Square วาดรู ปสี่ เหลี่ยม
Ellipse/Circle วาดรู ปวงกลม
Auto Shape ํ
วาดรู ปต่างๆตามแบบที่กาหนด
Zoom ย่อหรื อขยายขนาดจอ
Pan เลื่อนภาพ
เมื่อได้รู้จกกับ SwishMAX มากขึ้น ในบทต่อไปจะเริ่ มอธิบายเกี่ยวกับการสร้างชิ้นงาน
ั
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
8. ~คู่มือการใช้งานโปรแกรม SwishMAX 8
บทที่ 2 การใช้ งาน SwishMAX เบืองต้ น
้
ในบทนี้จะเริ่ มกล่าวถึงการใช้งาน SwishMAX โดยจะสร้างชิ้นงานใหม่ บริ เวณ Layout Panel
สร้ างชิ้นงานใหม่
การสร้างชิ้นงานใหม่ ทําได้ 2 วิธี คือ
1. คลิ้กที่เมนู File>New
2. คลิ้กที่ปุ่มรู ป ที่ Toolbar
เมื่อสร้างชิ้นงานใหม่ได้แล้ว สามารถปรับแต่งคุณสมบัติต่างๆของชิ้นงานได้ท่ีหน้าต่าง
Movie ที่ดานข้าง ดังนี้
้
Background Color –
สี พ้ืนหลัง
Width – ความกว้างของ
ชิ้นงาน
Height – ความสู งของ
ชิ้นงาน
Frame Rate – เวลาที่ใช้
ในการเคลื่อนที่มีหน่วยเป็ นจํานวน
เฟรมต่อวินาที
การแทรกฉาก(Scene)ใหม่ ลงในชิ้นงาน
การแทรกฉากใหม่ในชิ้นงาน มีวิธีการดังนี้
1. คลิ้กที่เมนู Insert>Scene หรื อ คลิ้กที่ปุ่มรู ปฉาก ดังภาพ
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
9. ~คู่มือการใช้งานโปรแกรม SwishMAX 9
2. ที่ Outline Panel จะมี Scene เพิมขึ้น
่
การแทรกข้ อความลงในชิ้นงาน
การแทรกข้อความลงในชิ้นงาน มีวิธีการดังนี้
1. คลิ้กที่เมนู Insert>Text หรื อ คลิ้กที่ปุ่มรู ปตัว T ดังภาพ
2. พิมพ์ขอความที่ตองการในหน้าต่าง
้ ้
Text ทางด้านขวา โดยสามารถปรับ
รู ปแบบ ขนาด สี ของตัวอักษรได้
3. ถ้าต้องการลบหรื อแก้ไขข้อความ ทํา
ได้โดยคลิ้กที่ช่องพิมพ์ขอความใน
้
หน้าต่าง Text แล้วทําการแก้ไข
การแทรกรู ปภาพลงในชิ้นงาน
การแทรกรู ปภาพลงในชิ้นงาน มีวิธีการดังนี้
1. คลิ้กที่เมนู Insert>Image หรื อ คลิ้กที่รูป ต้นไม้ ดังภาพ
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
10. ~คู่มือการใช้งานโปรแกรม SwishMAX 10
2. เลือกภาพที่ตองการแล้วคลิ้ก Open
้
3. สามารถปรับแต่งคุณสมบัติต่างๆของภาพได้ที่หน้าต่าง Shape ด้านข้าง ดังรู ป
Name – ชื่อของภาพ
Line – กําหนดลักษณะเส้นขอบ
Properties – กําหนดขนาดของภาพ
ปรับความมืด-สว่าง และความคมชัดของ
ภาพ
การวาดเส้ นและวาดรู ปลงในชิ้นงาน
การวาดเส้นลงในชิ้นงานนั้น สามารถทําได้โดยใช้เครื่ องมือ ซึ่งจะใช้ในการวาดเส้นตรง
หรื อ ใช้เครื่ องมือ ในการวาดเส้นโค้งไปมาตามใจชอบเหมือนดินสอ สําหรับวิธีการใช้งานนั้น ทําในลักษณะ
เดียวกัน คือ
1. เลือกเครื่ องมือ จาก ToolBox ด้านซ้ายมือ
2. คลิ้กค้างไว้บริ เวณชิ้นงานแล้วลากจนได้เส้นหรื อรู ปร่ างที่ตองการ
้
ส่วนการวาดรู ปลงในชิ้นงาน มีวิธีการดังนี้
1. เลือกเครื่ องมือเป็ นรู ปที่ตองการวาด จาก ToolBox ด้าน
้
ซ้ายมือ (สําหรับเครื่ องมือ Auto Shapes ที่เป็ นรู ป
สี่ เหลี่ยมขอบมน ให้คลิ้กข้างไว้ จะมีรูปร่ างต่างๆให้เลือก)
2. คลิ้กค้างไว้บริ เวณชิ้นงานแล้วลากจนได้ขนาดที่ตองการ
้
3. ปรับแต่งคุณสมบัติของวัตถุที่วาดขึ้นมาได้ที่หน้าต่าง Shape ด้านขวา
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
11. ~คู่มือการใช้งานโปรแกรม SwishMAX 11
Name – ชื่อของภาพ
Line – กําหนดลักษณะเส้นขอบ
Fill – เติมสี ให้รูปที่วาดซึ่ งมีรูปแบบให้เลือก คือ
รู ปแบบ รู ปที่ได้
Solid
Linear Gradient
Radial Gradient
Tiled Image
Clipped Image
สําหรับการเลือก Fill แบบ Tiled Image หรื อ Clipped Image นั้น สามารถเลือกรู ปที่
ต้องการได้ โดยคลิ้กที่ปุ่ม Select new Image ที่หน้าต่าง Shape ด้านขวา
การจัดลําดับของวัตถุ
เมื่อเราสร้างวัตถุหลายๆชิ้น จําเป็ นจะต้องมีการจัดลําดับในการวาง เพื่อกําหนดว่า เมื่อวัตถุ
่ ้
ซ้อนทับกัน วัตถุชิ้นใดจะวางอยูดานบน ดังตัวอย่าง
่
รู ปวงกลมอยูบน รู ปวงกลมอยูล่าง
่
การจัดลําดับของวัตถุน้ น ทําได้โดย
ั
1. คลิ้กที่วตถุที่ตองการจัดลําดับ
ั ้
2. คลิ้กที่ปุ่มลูกศร ขึ้น ลง บริ เวณ Outline
panel เพื่อจัดลําดับ
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
12. ~คู่มือการใช้งานโปรแกรม SwishMAX 12
การทําให้ วตถุเคลือนที่โดยใช้ Motion Path
ั ่
การใช้โปรแกรม Swish ทําให้วตถุเคลื่อนที่ทาได้อย่างง่ายดาย โดยใช้เครื่ องมือ Motion
ั ํ
Path มีวิธีการดังนี้
1. สร้างวัตถุที่ตองการให้เคลื่อนที่ จากนั้นคลิ้กที่วตถุน้ น แล้วเลือกเครื่ องมือ Motion
้ ั ั
Path จาก Toolbox เครื่ องหมายแสดง mouse จะเปลี่ยนเป็ นรู ปเครื่ องหมาย +
2. คลิ้กค้างที่บริ เวณกึ่งกลางวัตถุ แล้วทําการลากเส้น เพื่อให้เป็ นแนวของการเคลื่อนที่ของ
วัตถุ
3. ทดสอบผลที่ได้โดยคลิ้กที่ปุ่ม Play ที่ Tool Bar
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
13. ~คู่มือการใช้งานโปรแกรม SwishMAX 13
การบันทึกชิ้นงานทีสร้ างขึน
่ ้
การบันทึกชิ้นงานที่สร้างขึ้น ทําได้โดย
1. คลิ้กที่ปุ่ม File>Save
2. ตั้งชื่อไฟล์ตามต้องการแล้วคลิ้กที่ปุ่ม Save
3. โปรแกรมจะขึ้นหน้าต่างถามว่า
ต้องการ Export เป็ นไฟล์ .swf
หรื อไม่ ให้เลือกตามต้องการแล้วคลิ้ก
ที่ปุ่ม OK
4. ถ้าเลือกต้องการให้ Export เป็ น .swf (เลือกหัวข้อที่ 1) โปรแกรมจะขึ้นหน้าต่าง
เพือให้ต้ งชื่อไฟล์ ให้ทาการตั้งชื่อไฟล์ แล้วคลิ้ก Save
่ ั ํ
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
14. ~คู่มือการใช้งานโปรแกรม SwishMAX 14
การ Export ชิ้นงานที่สร้ างขึนไปใช้
้
โปรแกรม Swish สามารถ Export ไฟล์จาก .swi (นามสกุลของโปรแกรม Swish) ไป
เป็ น .swf , .html , .exe , .avi ได้ โดยมีวิธีการดังนี้
1. เลือกเมนู File>Export
2. เลือกชนิดของไฟล์ที่ตองการเปลี่ยน
้
3. โปรแกรมจะขึ้นหน้าต่าง ให้ต้ งชื่อไฟล์ตามต้องการแล้วคลิ้กที่ปุ่ม Save
ั
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
15. ~คู่มือการใช้งานโปรแกรม SwishMAX 15
บทที่ 3 การใส่ ลูกเล่ นให้ กบชิ้นงาน
ั
การใช้งาน SwishMAX เพือสร้างงานให้มี effect(ลูกเล่น) สวยงามทําได้โดยใช้วิธีง่ายๆ คือ
่
ั
ผูใช้งานสามารถเลือกใส่ effect ต่างๆให้กบชิ้นงานได้ effect แต่ละชนิดก็จะมีรูปแบบแตกต่างกันไป ใน
้
SwishMAX นั้น มี effect ให้เลือกมากมาย จะขอยกมาเป็ นตัวอย่าง ดังนี้
Fade in เป็ นลูกเล่นสําหรับแสดงวัตถุข้ ึนมาอย่างช้าๆ ในตําแหน่งที่ตองการ
้
Fade out เป็ นลูกเล่นสําหรับแสดงวัตถุให้หายไปอย่างช้าๆ ในตําแหน่งที่ตองการ
้
Zoom in เป็ นลูกเล่นสําหรับแสดงการขยายวัตถุ จากขนาดเล็กให้เป็ นขนาดปกติ
Zoom out เป็ นลูกเล่นสําหรับแสดงการย่อวัตถุ จากขนาดใหญ่ให้เป็ นขนาดปกติ
Slide in เป็ นลูกเล่นสําหรับแสดงการเคลื่อนที่ของวัตถุเป็ นเส้นตรง จากหน้าจอเข้ามาสู่
ภายในจอ โดยจะมีคาสังย่อยให้เลือกว่าต้องการให้เคลื่อนที่มาจากทางใด
ํ ่
Slide out เป็ นลูกเล่นสําหรับแสดงการเคลื่อนที่ของวัตถุเป็ นเส้นตรง จากภายในหน้าจอ
ไปสู่ภายนอก โดยจะมีคาสังย่อยให้เลือกว่าต้องการให้เคลื่อนที่ออกไปทางใด
ํ ่
Blur เป็ นลูกเล่นสําหรับแสดงผลวัตถุอย่างช้าๆ โดยเริ่ มจากภาพใหญ่ที่ไม่ชดเจน จน
ั
กลายเป็ นภาพที่สมบูรณ์
Appear into position เป็ นลูกเล่นสําหรับแสดงผลวัตถุในลักษณะค่อยๆปรากฏขึ้น ซึ่ ง
มีลกษณะการปรากฏให้เลือกอีกหลายแบบ ดังภาพ
ั
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
16. ~คู่มือการใช้งานโปรแกรม SwishMAX 16
Disappear from position เป็ นลูกเล่นสําหรับแสดงผลวัตถุในลักษณะค่อยๆหายไป
ซึ่งมีลกษณะการหายจากหน้าจอให้เลือกอีกหลายแบบ ดังภาพ
ั
การใส่ Effect ให้ กบชิ้นงาน
ั
ั
การใส่ Effectให้กบชิ้นงาน ทําได้ดงนี้
ั
1. เลือกวัตถุที่ตองการใส่ Effect โดยการคลิ้กที่วตถุน้ น
้ ั ั
2. คลิ้กที่ปุ่ม Add Effect
3. เลือก Effect ที่ตองการ
้
4. ทดสอบผลที่ได้โดยคลิ้กที่ปุ่ม Play ที่ Tool Bar
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
17. ~คู่มือการใช้งานโปรแกรม SwishMAX 17
การปรับแต่ ง Effect
ั
การปรับแต่ง Effect ให้กบชิ้นงาน ทําได้ดงนี้
ั
1. เลือกวัตถุที่ตองการปรับแต่ง Effect โดยการคลิ้กที่วตถุน้ น
้ ั ั
2. ถ้าต้องการให้วตถุเคลื่อนที่ชาลงให้ทาการขยายขนาด Effect โดยคลิกค้างที่เส้นด้าน
ั ้ ํ ้
ท้ายของ Effect แล้วลากให้ขยายออก
3. ถ้าต้องการให้วตถุเคลื่อนที่เร็ วขึ้นให้ทาการลดขนาด Effect โดยคลิ้กค้างที่เส้นด้านท้าย
ั ํ
ของ Effect แล้วลากให้แคบลง
4. ทดสอบผลที่ได้โดยคลิ้กที่ปุ่ม Play ที่ Tool Bar
การลบ Effect
การลบ Effect ทําได้ดงนี้
ั
1. เลือกวัตถุที่ตองการลบ Effect โดยการคลิ้กที่วตถุน้ น
้ ั ั
2. คลิ้กที่ Effect ที่ตองการลบ บริ เวณ Timeline Panel
้
3. กดปุ่ ม Delete ที่คียบอร์ด
์
4. ทดสอบผลที่ได้โดยคลิ้กที่ปุ่ม Play ที่ Tool Bar
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
18. ~คู่มือการใช้งานโปรแกรม SwishMAX 18
บทที่ 4 การใส่ Script เบืองต้ น
้
ในโปรแกรม Swish มี Script เตรี ยมไว้ให้มากมาย ที่มกใช้บ่อยๆ มีดงนี้
ั ั
Script รายละเอียด
Movie Control>gotoAndPlay>gotoAndPlay(FRAME) แสดงเฟรมที่ตองการ
้
Movie Control>gotoAndPlay>nextFrameAndPlay() แสดงเฟรมถัดไป
Movie Control>gotoAndPlay>prevFrameAndPlay() แสดงเฟรมก่อนหน้า
Movie Control>gotoAndPlay>nextSceneAndPlay() แสดงฉาก (Scene) ถัดไป
Movie Control>gotoAndPlay>prevSceneAndPlay() แสดงฉาก (Scene) ก่อนหน้า
Browser/Network>getURL(…) ไปที่ URL
Sound>playSound(…) ใส่ เสี ยง
การใส่ Script เกียวกับการควบคุมการแสดงผลชิ้นงาน
่
Movie Control>gotoAndPlay>nextSceneAndPlay() ใช้เมื่อแสดงฉากแรกเสร็ จแล้ว ต้องการให้แสดงฉาก
ถัดไป ทําได้โดย
1. เลือกเฟรมที่ตองการให้เปลี่ยนฉาก เช่น เลือกเฟรมที่ 10 ดังภาพ
้
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
19. ~คู่มือการใช้งานโปรแกรม SwishMAX 19
2. คลิ้กที่ปุ่ม Add Script แล้วเลือก Movie Control> gotoAndPlay>
nextSceneAndPlay() โปรแกรมจะทําการสลับมุมมองไปยัง Script View ดังภาพ
ถ้าต้องการเปลี่ยนแปลง
เฟรมที่เลือกไว้ เช่น ต้องการให้
เปลี่ยนฉากที่เฟรมที่ 12 แทน
สามารถเปลี่ยนตัวเลขได้ที่ช่อง
Frame
(บริ เวณกรอบด้านล่าง)
แต่ถาไม่ตองการเปลี่ยน คือให้
้ ้
เป็ นเฟรมที่ 10 ที่เลือกไว้ต้ งแต่
ั
แรก ไม่ตองเปลี่ยนแปลงใดๆ
้
3. จะมีสัญลักษณ์ ขึ้นที่ Timeline Panel ในเฟรม
ที่ทาการเลือกไว้
ํ
4. ทดสอบผลที่ได้โดยกลับไปที่ Layout View แล้ว
คลิ้กที่ปุ่ม Play ที่ Tool Bar
*** คําสังอื่นๆในหมวดของ Movie Control>gotoAndPlay ก็จะทําในลักษณะเดียวกัน ***
่
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
20. ~คู่มือการใช้งานโปรแกรม SwishMAX 20
การใส่ Script เกียวกับการสร้ างการเชื่อมโยง (Link)
่
Browser/Network>getURL(…) ใช้เมื่อต้องการสร้างการเชื่อมโยง (Link) ไปที่ URL ต่างๆ ทําได้โดย
1. เลือกบริ เวณที่ตองการสร้างการเชื่อมโยง ถ้า
้
ต้องการให้คลิ้กบริ เวณชิ้นงานทั้งหมดแล้ว
่
เชื่อมโยงไป ให้คลิ้กบริ เวณที่วางในฉาก จะมีรูป
กากบาทล้อมรอบฉาก แล้วทําการคลิ้กที่ปุ่ม
Add Script และเลือก
Browser/Network>getURL(…) ดังภาพ
แต่ถาต้องการให้คลิ้กที่วตถุใดวัตถุหนึ่งบนชิ้นงานแล้วจึงทําการเชื่อมโยงไป ให้คลิ้ก
้ ั
ขวาที่วตถุน้ น แล้วเลือก Script>Browser/Network>getURL(…) ดังภาพ
ั ั
2. ใส่ ขอมูลตามต้องการโดย URL คือ URL ที่ตองการให้ทาการเชื่อมโยงไปและ
้ ้ ํ
Window คือลักษณะในการเปิ ดการเชื่อมโยงนั้น (เลือกได้โดยคลิ้กที่ลกศรชี้ลง
ู
ด้านข้าง) ที่นิยมใช้มี 2 แบบคือ
_self เปิ ดการเชื่อมโยงทับในหน้าเดิม
_blank เปิ ดการเชื่อมโยงในหน้าใหม่
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
21. ~คู่มือการใช้งานโปรแกรม SwishMAX 21
3. เมื่อใส่ ขอมูลที่ตองการเรี ยบร้อยจะได้ ดังภาพ
้ ้
ทดสอบผลที่ได้โดยกลับไปที่ Layout View แล้วคลิ้กที่ปุ่ม Play ที่ Tool Bar
การใส่ Script เกียวกับเสี ยง
่
Sound>playSound(…) ใช้เมื่อต้องการใส่เสี ยงในเฟรมหรื อฉากที่ตองการ ทําได้โดย
้
1. เลือกฉากหรื อเฟรมที่ตองการใส่ เสี ยง เช่น เฟรมที่ 10 ดังภาพ
้
2. คลิ้กที่ Add Script เลือก
Sound>playSound(…)
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
22. ~คู่มือการใช้งานโปรแกรม SwishMAX 22
3. ทําการ Import ไฟล์เสี ยงที่ตองการ โดยคลิ้กที่ปุ่ม Import
้
้ ํ ่
เลือกเสี ยงที่ตองการแล้วคลิ้กที่ปุ่ม Open ไฟล์เพลงที่ทาการ Import จะขึ้นมาอยูใน list
ด้านล่าง ดังภาพ
4. เลือกไฟล์เสี ยงที่ตองการ จะแสดง
้
แถบสี เทา และชื่อไฟล์เสี ยงนั้นจะ
่
แทรกอยูใน Script และจะมี
สัญลักษณ์ ที่เฟรมที่ทาการเลือกไว้
ํ
5. ทดสอบผลที่ได้โดยคลิ้กที่ปุ่ม Play
ที่ Tool Bar
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
23. ~คู่มือการใช้งานโปรแกรม SwishMAX 23
การลบ Script
การลบ Script ทําได้ดงนี้
ั
1. เลือกวัตถุที่ตองการลบ Script โดยการคลิ้กที่วตถุน้ น
้ ั ั
2. กดปุ่ ม Delete ที่คียบอร์ด หรื อ คลิ้กที่ปุ่ม Del Script
์
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
24. ~คู่มือการใช้งานโปรแกรม SwishMAX 24
บทที่ 5 ตัวอย่ างการทําแบนเนอร์ สําหรับใช้ ในเว็บไซต์
โปรแกรม Swish เป็ นโปรแกรมสร้างกราฟฟิ กอย่างง่ายๆ ซึ่งสามารถใช้ในการสร้าง
ภาพเคลื่อนไหวเพือตกแต่งเว็บไซต์ได้อย่างสะดวกและรวดเร็ ว
่
ในบทนี้จะขอยกตัวอย่างการใช้โปรแกรม Swish เพือสร้างแบนเนอร์และนํามาใช้ในการ
่
ตกแต่งเว็บไซต์
ตัวอย่างการทําแบนเนอร์
1. เปิ ดโปรแกรม Swish เลือก Start a new empty movie
2. ปรับขนาดของภาพดังนี้ Width = 760 Height 80
3. ปรับสี ตามต้องการที่ Background Color
4. แทรกภาพโดยคลิกที่ปุ่ม Insert Image แล้วเลือกภาพที่ตองการ
้ ้
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
25. ~คู่มือการใช้งานโปรแกรม SwishMAX 25
5. คลิ้กที่ภาพเพื่อทําการตั้งชื่อภาพ โดยพิมพ์ชื่อในแท็บ Shape ที่ช่อง Name (ตั้ งชื่อเพือให้สะดวกเวลา
่
ทํางาน) สามารถคลิ้กค้างที่ภาพ และลากไปมา เพื่อวางบนจุดที่เหมาะสมได้ หรื อสามารถย่อขยายภาพ
ได้โดยคลิ้กที่ภาพ แล้วคลิกค้างที่รูปสี่ เหลี่ยมบริ เวณมุมของภาพ
้
6. คลิ้กที่แทรกข้อความแล้วแทรกข้อความที่ตองการลงไป ปรับแต่งรู ปแบบข้อความได้ท่ีแท็บ Text
้
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ
26. ~คู่มือการใช้งานโปรแกรม SwishMAX 26
7. ใส่ effect ให้รูปภาพและข้อความตามต้องการ โดยคลิกที่ภาพหรื อข้อความนั้น แล้วคลิ้กที่ปุ่ม Add
้
Effect
8. ปรับความเร็ ว และการเคลื่อนไหวของภาพที่ Timeline Panel
9. ทดสอบผลที่ได้โดยคลิ้กที่ปุ่ม Play ที่ Tool Bar
10. เมื่อปรับแต่งจนได้ผลตามที่ตองการแล้ว ทําการเซฟ โดยคลิกที่เมนู File>Save พร้อมทั้งทําการ Export
้ ้
เป็ น .swf เพื่อจะนําไปใช้ในการสร้างเว็บเพจต่อไป
~กลุ่มระบบเครื อข่ายและคอมพิวเตอร์ ศูนย์สารสนเทศ