สอนคอม เชียงใหม่: Flash:การทำตัวอักษรมันเลื่อมเหมือนสปอร์ตไลท์ส่องผ่านด้วยโปรแกรม Flash

การทำตัวอักษรให้เลื่อมๆนั้นมีให้เห็นกันอยู่หลายเว็บครับ ยกตัวอย่างเว็บที่ผมเคยทำสมัยเป็นหนุ่มน้อย (อิอิ ตอนนี้เริ่มจะแก่ละ) ลองดูตรงตัวอักษรนะครับมันจะวาวๆเหมือนมีไฟสปอร์ตไลท์ส่องผ่าน ดูแล้วคลาสสิคดีนะลองเข้าไปดูตัวอย่างตรง logo ของเว็บนี้นะครับ tharnthonglodges.com/thanam/home.php

อะฮ้า มาดูวิธีทำแบบขั้นต่อขั้นกันเลยดีกว่าครับ
ขั้นตอนที่ 1. ก้อต้องสร้าง layer สำหรับใส่ตัวอักษรขึ้นมาก่อน จากนั้นก็พิมพ์ข้อความที่ต้องการ

ขั้นตอนที่ 2 สร้างเลเยอร์สำหรับทำเงาขึ้นมาครับ โดยที่เลเยอร์เงา ว่ารูปสี่เหลี่ยมหนึ่งรูปโดยเสือกใช้สีแบบ linear นะครับ คือสีที่เกลี่ยจากซ้ายไปขวานั่นเอง

เมื่อสี่เหลี่ยมที่จะทำเป็นเงามีสีเป็นแบบ linear แล้วก็คลิกที่สี่เหลี่ยมแล้วเปิดหน้าต่าง Color ขึ้นมา

ทำการปรับสีเงาโดยให้ีมีสีสามจุด โดยให้ทุกจุดมีสีขาวดังภาพด้านล่าง

ที่สีด้านปลายให้ทำเป็นแบบโปร่งใส โดยมีขั้นตอนคือ คลิกที่กล่องสี จากนั้นปรับค่า alpha ให้เป็น 0% โดยทำเหมือนกันทั้งด้านซ้ายและด้านขวา

ผลลัพท์ที่ได้จะเป็นดังภาพด้านล่า ขอบทั้งสองด้านจะเป็นแบบโปร่งใส ตรงกลางเป็นสีปกติ ก็จะได้เงาที่จะพาดผ่านตัวอักษรของเราแล้ว

สร้าง animation ให้เงาพาดผ่านตัวอักษร โดยที่ key frame แรกเงาอยู่ด้านซ้าย

ที่มุมขวาย้ายรูปเ้งาไปทางขวามือโดยให้เลยตัวหนังสือที่จะเป็นจุดที่เงาส่องผ่านไปเล็กน้อย

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

1. สร้างเลเยอร์ใหม่โดยให้อยู่บ้านบนของเลเยอร์เงา