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

คุณอาจสนใจ
การสร้าง Site เพื่อเก็บเว็บเพจ
Mr.GuruZ (27,159 - 26 พ.ย. 50)
หน้าตาของโปรแกรม 3D Studio MAX
เว็บไทยดีดี (22,028 - 02 เม.ย. 51)
การใส่ Comment ใน HTML
สายลม (80,965 - 04 มิ.ย. 49)
การส่งข้อมูลผ่านฟอร์ม
Mr.GuruZ (42,181 - 03 มิ.ย. 49)
นามบัตรส่วนตัว ฟรีสไตล์ไม่เหมือนใคร
ธนิศา ไชยภูริพัฒน (80,023 - 19 ม.ค. 51)
การใช้คำสั่ง switch
Mr.POP (55,210 - 05 พ.ย. 49)
การเปลี่ยนรูปทรงโดยใช้ Motion Shape
Mr.GuruZ (89,749 - 04 มิ.ย. 49)
โปรแกรมแรกของภาษา c
Mr.POP (29,131 - 26 พ.ย. 50)