เทคนิคการสอนเอฟเฟ็กต์ Mask ใน Macromedia Flash (ตอนที่ 1) จัดทำโดย : วิโรจน์ ชัยมูลี พิมพ์


เทคนิคการสอนเอฟเฟ็กต์ 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
โดย วิโรจน์ ชัยมูลี

คุณอาจสนใจ
การใช้งานคำสั่ง Selection
first (22,511 - 02 เม.ย. 51)
การระบายสีภาำพโดยใช้เครื่องมือ Brush Tool
น้องฝ้าย (76,273 - 22 ก.ย. 50)
การทำตัวอักษร�3D ด้วย Photoshop
Black-Hawk (99,036 - 05 ก.พ. 51)
Vertical Type Tool (T)
Mr.GuruZ (52,868 - 22 ก.ย. 50)
การใส่ Emotion ใส่ในเว็บบอร์ด
Zerohate (41,445 - 22 ก.ย. 50)
ครอปส่วนที่ต้องการบนรูปภาพด้วย Photoshop 7
Ching Ching (134,816 - 04 เม.ย. 51)
การทำ Word Art
Mr.nook (23,613 - 28 ม.ค. 51)
การตั้งค่าฟอนต์ให้เป็นค่าเริ่มต้น
อ้อม (28,443 - 13 ม.ค. 50)