เทคนิคการสอนเอฟเฟ็กต์ Mask ใน Macromedia Flash (ตอนที่ 1)
ใครที่ได้เดินตามห้างสรรพสินค้า คงเห็นโฆษณาต่างๆ ที่อยู่ตามสื่อโฆษณาบนจอขนาดยักษ์กันแล้ว ซึ่งดูๆ ก็มีสีสันน่าสนใจดีนะครับ ถ้าอยากรู้ว่าเราจะสามารถนำมาใช้กับการจัดแต่งเว็บไซต์ของเราได้ไหม บทความนี้มีคำตอบครับ

ผมมีเทคนิคการใช้ Mask เพื่อตกแต่งเว็บไซต์ดังกล่าวให้มีลูกเล่นน่าสนใจสำหรับการเข้ามาเยี่ยมชมในเว็บไซต์เรา แต่เพื่อให้มีลูกเล่นน่าสนใจขึ้นจึงจำเป็นต้องอาศัยโปรแกรม Macromedia Flash เข้ามาใช้งานให้เกิดภาพที่เป็นจริง อย่างที่เราอยากจะให้เป็นแบบโฆษณาตามห้างสรรพสินค้าดังๆ ได้บ้าง ถ้ายังไม่ได้ติดตั้งโปรแกรม Macromedia Flash ก็ต้องไปหามาใช้กันก่อนนะครับ
หาภาพเพื่อเข้ามาใช้งานกันก่อน
งานตกแต่งเว็บไซต์ก็เหมือนๆ กันกับงานโฆษณาภาพยนตร์ ซึ่งจะต้องมีภาพหรือรูปแบบที่ค่อนข้างน่าสนใจ ถึงจะเป็นการดึงดูดให้เขาเข้ามาเยี่ยมชมบ่อยๆ ได้ ก่อนอื่นให้หาภาพกราฟิกแปลกๆ และดึงดูดใจ (หากไม่มีภาพสวยๆ ก็ลองเข้าไปที่ www.picturequest.com ที่นี่จะมีรูปภาพสวยๆ ให้เลือกค่อนข้างเยอะครับ) มาใช้งานเพื่อให้เอาเป็นภาพพื้นหลัง ที่จะอยู่บนจอโฆษณากันก่อน ในที่นี้ผมเลือกภาพ Graphic 3 D ซึ่งเป็น วอลล์เปเปอร์ที่ดาวน์โหลดมาเก็บไว้ ดังรูปที่ 1

เริ่มใช้งานใน Flash

เมื่อได้รูปภาพที่จะนำเอามาเป็นพื้นหลังจอโฆษณานั้น ให้เปิดโปรแกรม Macromedia Flash เพื่อจะจัดการตกแต่ง โดยเข้าไปเลือกที่เมนู File แล้วเลือกการ Import เพื่อเราจะนำเอาภาพที่เราต้องการ Import มาใช้ตกแต่งงานในโปรแกรมดังรูปที่ 2
ให้ทำการเลือกไฟล์รูปภาพที่เราจะนำมาตกแต่งในที่นี้ได้เลย ดังรูปที่ 3

จะปรากฎรูปแบบภาพในบริเวณการทำงานของโปรแกรม Macromedia Flash ดังรูปที่ 4

ในตอนนี้เราจะได้ภาพเบื้องหลังสำหรับการทำภาพเลียนแบบโฆษณาแล้วก็สามารถที่จะทำการจัดภาพให้เป็นลักษณะของการเคลื่อนไหว โดยใช้คุณสมบัติการจัดทำ Motion Tween ได้เลยครับ โดยที่เอาเมาส์คลิ้กเลือกไปที่ Frame ลำดับที่ประมาณ 60 (กดคลิ้กให้เกิดจุดก่อนน่ะครับ ถ้าไม่กดแล้วจะทำขั้นตอนต่อไปไม่ได้) แล้วกด F6 ก็จะได้ดังรูปที่ 5

จากนั้นให้ทำการย้าย Mouse ไปวางไว้ ณ ตำแหน่ง Frame ที่ 1 พร้อมกับกดปุ่ม Shift ค้างไว้แล้วกดคลิ้ก Mouse 1 ครั้งจะเกิดแถบป้ายดำดังรูปที่ 6

จากนั้นให้ทำการกดคลิ้ก Mouse ด้านขวาพร้อมเลือกรายการ Create Motion Tween ดังรูปที่ 7

ข้อมูลจาก : http://www.arip.co.th
โดย วิโรจน์ ชัยมูลี
|