หากมีคำถาม ขอให้ไปโพสต์ลง เว็บบอร์ดจีทูจีเน็ตดอตคอม ตัวใหม่แทนน่ะครับ

หรือติดต่อเข้ามาทาง Inbox ที่ เฟซบุ๊ค ผมครับ

หน้าหลัก
ข่าวสาร - บทความ ทั้งหมด
VB 6/VB.Net
ASP/ASP.Net
จับฉ่ายคอมพิวเตอร์
เรียนรู้ผ่าน Flash Movie
บทความที่มีผู้ตอบล่าสุด  
 RSS Feeds
 ดาวน์โหลดโปรแกรม RSS Reader ได้ที่นี่ ...   Download โปรแกรม RSS Reader

Forum - www.g2gnet.com
Webmaster - www.g2gnet.com
Visitors - Session views
 4 9 8 1 3 8 0

7 ธันวาคม พ.ศ.2549
840 Users On-Line.
Visitors - Page views
 8 2 3 9 6 3 4
1 กุมภาพันธ์ พ.ศ.2551

Google   
เว็บ g2gnet.com
ขนาดตัวอักษร:  

สร้างเมนูในรูปแบบ Flash โดยใช้โปรแกรม SwishMax อย่างง่าย

Category »  จับฉ่ายคอมพิวเตอร์
โดย : Webmaster เมื่อ 30/11/2549   เวลา: 16:14
(อ่าน : 132068) 
โปรแกรม SwishMax เป็นโปรแกรมประเภท Vector Animation เหมือนโปรแกรม Flash มีความสามารถในการสร้าง Animation แบบลายเส้นเวคเตอร์ มีความสามารถที่ใกล้เคียงกับโปรแกรมไฮโซอย่าง Macromedia Flash มากยิ่งขึ้น แต่ใช้งานง่ายกว่าเยอะเลยพระเดช พระคุณ พี่น้องเอ๋ย ... ปัญหาหลักๆในการใช้โปรแกรม Flash ก็คือ มันมีขั้นตอนที่เยอะมากๆ เช่น ถ้าเราต้องการสร้างแอนนิเมชั่นตัวอักษร ต้องคลิ๊กกันหลายจุด และหลายครั้งมาก แต่ถ้าเป็น SwishMax น่ะเหรอ คลิ๊กสัก 2 ครั้งก็เพียงพอที่จะนำเสนอตัวอักษรวิ่งเพ่นพล่านบนหน้าจอได้แล้วครับ พี่น้อง ...
ดาวน์โหลด
ดาวน์โหลดไฟล์ต้นฉบับตัวอย่างของ SwishMax V1.0
ดาวน์โหลดโปรแกรม SwishMax V1.0 (2007-24-05)
ดาวน์โหลดโปรแกรม SwishMax V2.0 (2009-20-01)

เรื่องที่เกี่ยวข้อง
ขั้นตอนของการเปิดเสียง-หยุดเสียง ในแต่ละ Scene ให้กับโปรแกรม SwishMax
การบันทึกเสียงประกอบการผลิตสื่อการเรียนการสอน ด้วยโปรแกรม Acoustica MP3 Audio Mixer
ใครว่าทำข้อสอบผ่าน Flash มันเป็นเรื่องยากส์
การทำข้อสอบแบบเติมคำด้วย Swishmax
การทำปุ่ม หรือ เมนู แบบง่ายๆ (ถึงง่ายมาก) ด้วยโปรแกรม SwishMax (Flash Video)
การใช้งาน SwishMax กับการทำภาพเคลื่อนไหว ... พื้นฐานสุดๆ จนแทบไม่อยากเชื่อ


ตัวอย่าง

สำหรับตอนนี้ผมจะนำเสนอการสร้างเมนูไว้ประดับบนเว็บเพจ หรือ ทำเมนูในสื่อการเรียน การสอน ก็ได้น่ะครับ ตอนนี้ขอนำเสนอเอาเป็นแบบง่ายๆไปพลางๆก่อน ที่เหลือคุณก็ลองนำไปประดิดประดอย หรือหาลูกเล่นใส่เองแล้วกันน่ะครับ ... พี่น้อง


เริ่มต้นด้วยการสร้างแบบเอาขนาดพอประมาณล่ะครับ โดยการนำเครื่องมือมาใส่ 2 ตัว คือ Text กับ Rectangle โดยมีวิธีการตามภาพด้านล่าง


เลือกเครื่องมือ (Tool)


จากนั้นเลือกตำแหน่ง กดเมาส์ซ้ายแล้ววาดลงไปใน Layout ชิ้นงาน (สำหรับมือใหม่ล่ะกันน่ะครับพี่น้อง)


เลือกรูปแบบสี่เหลี่ยมให้เป็นแบบเฉดสี Gradient


ปรับเฉดสีทำได้โดยการกดปุ่มสไลด์ (สีแดง - สีขาว) เพื่อเลือกสีที่ต้องการ


นำตัวอักษรมาใส่ เพื่อบอกว่าปุ่มนี้เป็นปุ่มอะไร (คลิ๊กเมาส์ซ้าย แล้วลากเหมือนเดิม)


พิมพ์ CONTACT US และทำการปรับแต่งรูปแบบตัวอักษร


ผลลัพธ์ที่ได้


ไปที่ Outline แล้วเลือกวัตถุทั้งสอง (ใช้ปุ่ม Control เข้าช่วย แล้วคลิ๊กเลือกวัตถุทีละตัว)
จากนั้นให้ทำการจัดกลุ่มเป็น Sprite (สดใส ซาบซ่า)


จัดกลุ่มเป็น Sprite เรียบร้อยแล้ว


จากนั้นให้เลือกวัตถุทั้งหมด สี่เหลี่ยม กับ ตัวอักษรน่ะครับ แล้วให้จัดกลุ่มใหม่ให้เป็น Group


ผลลัพธ์ที่ได้


ต่อไปก็ให้ขึ้นไปที่ Timeline โดยเลือก Group ของวัตถุทั้งสอง ใช้เมาส์ซ้ายคลิ๊กเลือก Frame ที่ 1 แล้วกดเมาส์ทางขวา เพื่อเลือกหาคำสั่ง Place


เฟรมที่ 2 ก็ให้คุณเลือก Effect เองล่ะกัน ส่วนผมลองใช้ Appear into position --> Bullet - Ripple In ทดสอบให้ดูน่ะครับผม


ทีนี้ก็เริ่มต้นสร้าง Script (ผมตั้งค่าแบบ Guided เอาไว้)
โดยเริ่มจากนำเมาส์ไปชี้ที่ Sprite ก่อนน่ะครับ (ด้านซ้ายมือ) แล้วค่อยเลือก Script (ทางด้านขวามือ)


ทำตามดังภาพด้านบนได้เลยครับ

ใส่ค่าเฟรมที่ 1 (On Frame) และคลิ๊กเครื่องหมายถูกหน้า After events for placed objects ด้วยครับ


Script ตัวถัดมา้เป็นการสั่งให้หยุดเล่นในเฟรมที่ 1 ครับ


ถัดมาเราใส่ Script ในกรณีที่ำเมาส์เลื่อนผ่านไปยังกลุ่มวัตถุ (Roll Over)


เลือก Movie Control เพื่อให้แสดงผล Effect ในเฟรมที่ 2


นั่นคือ เมื่อเมาส์เลื่อนผ่านกลุ่มวัตถุนี้ จะแสดงผล Effect เริ่มจากเฟรมที่ 2 ไปจนจบ จากนั้นมันจะกลับมาทำงานที่เฟรมที่ 1
แต่เฟรมที่ 1 เราได้ใส่ Script เพื่อให้มันหยุดการแสดงผลไว้ก่อนล่วงหน้าแล้วนั่นไงครับ


ต่อไปเป็นการใส่ Script เมื่อเกิดเหตุการณ์นำเมาส์ไปคลิ๊กกลุ่มวัตถุ (Press)


ทำตามภาพด้านบนได้เลยครับ ... พี่น้อง


เราต้องการให้มันกระโดดไปยังเว็บหน้าใดๆ ก็ใส่ค่าใน URL ได้เลยครับ


Tips: หากต้องการให้แสดงผลช้า หรือ เร็ว ก็อย่าลืมปรับค่าจำนวนเฟรม (Frame Rate) ด้วยล่ะกันครับ

 

พอมั่นใจว่าปุ่มที่ทำออกมาเป็นต้นแบบนี้ คุณพึงพอใจในผลงานดีแล้ว ก็สามารถคัดลอก Sprite มาเพิ่มอีกได้ทันทีเลยครับ แต่ต้องเปลี่ยนตรงป้ายบอกชื่อปุ่ม (Text) และแก้ไข Script ใน URL แค่นั้นเอง ก็เป็นอันว่าเรียบร้อยแล้วครับผม ก็หวังเป็นอย่างยิ่งว่าบทความนี้คงเป็นประโยชน์ต่อคุณผู้อ่านได้บ้าง ไม่มากก็น้อยน่ะครับ ... พี่น้อง


จี ทู จี เน็ต ดอต คอม - g2gNet Dot Com
เลขทะเบียนพาณิชย์อิเล็กทรอนิกส์ 0407314800231
CopyLeft © 2004 - 2099 g2gNet.Com All rights reserved.
Email: [email protected] หรือ โทร. 08-6862-6560