โปรแกรม SwishMax เป็นโปรแกรมประเภท Vector Animation เหมือนโปรแกรม Flash มีความสามารถในการสร้าง Animation แบบลายเส้นเวคเตอร์ มีความสามารถที่ใกล้เคียงกับโปรแกรมไฮโซอย่าง Macromedia Flash มากยิ่งขึ้น แต่ใช้งานง่ายกว่าเยอะเลยพระเดช พระคุณ พี่น้องเอ๋ย ... ปัญหาหลักๆในการใช้โปรแกรม Flash ก็คือ มันมีขั้นตอนที่เยอะมากๆ เช่น ถ้าเราต้องการสร้างแอนนิเมชั่นตัวอักษร ต้องคลิ๊กกันหลายจุด และหลายครั้งมาก แต่ถ้าเป็น SwishMax น่ะเหรอ คลิ๊กสัก 2 ครั้งก็เพียงพอที่จะนำเสนอตัวอักษรวิ่งเพ่นพล่านบนหน้าจอได้แล้วครับ พี่น้อง ...
สำหรับตอนนี้ผมจะนำเสนอการสร้างเมนูไว้ประดับบนเว็บเพจ หรือ ทำเมนูในสื่อการเรียน การสอน ก็ได้น่ะครับ ตอนนี้ขอนำเสนอเอาเป็นแบบง่ายๆไปพลางๆก่อน ที่เหลือคุณก็ลองนำไปประดิดประดอย หรือหาลูกเล่นใส่เองแล้วกันน่ะครับ ... พี่น้อง
 เริ่มต้นด้วยการสร้างแบบเอาขนาดพอประมาณล่ะครับ โดยการนำเครื่องมือมาใส่ 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 แค่นั้นเอง ก็เป็นอันว่าเรียบร้อยแล้วครับผม ก็หวังเป็นอย่างยิ่งว่าบทความนี้คงเป็นประโยชน์ต่อคุณผู้อ่านได้บ้าง ไม่มากก็น้อยน่ะครับ ... พี่น้อง
|