การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม จัดทำโดย : Mr.GuruZ พิมพ์
 Un title page

การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม บทความนี้เป็นการประยุกต์นะครับ ถ้าใครไม่เข้าใจลองอ่านพื้นฐานการเปลี่ยนรูปทรงก่อนนะครับ

ขั้นตอนการทำ

1. สร้างเอกสาร พร้อมกับวาดกรอบสี่เหลี่ยมขึ้นมา ดังภาพ

2. ทำการย้ายเส้นกรอบทั้งสี่ให้อยู่เส้นละ Layer พร้อมกับตั้งชื่อ Layer 1-4 ดังภาพ
ในการย้ายให้ใช้คำสั่ง Cut จากนั้นใช้ Paste in Place เพื่อให้เส้นยังคงตำแหน่งเดิม

3. หลังจากนั้นกำหนด Key Frame เพื่อกำหนดความเร็วของ Movie ในที่นี้ผมกำหนด 10 Frame ดังภาพ

4. จากนั้นกำหนดให้จุดเริ่มต้นของทุก Layer ให้มีเส้นขนาดที่สั้น ดังภาพ
ในการย่อใช้เครื่องมือ Free Transform Tool

5. ใส่ Tween --> Shape ให้กับทุก Layer และย้ายจุดเริ่มต้นของเส้นของ Layer ต่างๆ ให้ต่อเนื่องกัน ดังภาพ

6. ใส่ Frame เพื่อแสดงเส้นที่ต่อเนื่องตั้งแต่ line1-line4 ดังภาพ

7. จากนั้นลองทดสอบผล ดังภาพ

8. ลองนำไปใช้งานกันดูนะครับ

 

คุณอาจสนใจ
เทคนิคการทำ Bullet Arrow
Mr.GuruZ (56,795 - 04 มิ.ย. 49)
มาทำความรู้จัก Tool Forms ของ Dreamweaver 8
เฟริสท์ (61,627 - 27 พ.ย. 50)
เลือกการ์ดจอสำหรับเล่นเกมส์
สายลม (17,572 - 12 เม.ย. 51)
สร้างข้อความพลาสติก
langjuko (241,128 - 24 ก.ย. 51)
การทำ Expaning_text
Black-Hawk (123,824 - 22 ก.พ. 51)
เจาะลึกการใช้ Symbolism Tool และ Data Driven Graphic กับงานพิมพ์ และงานเว็บ (ตอนต่อ)
ธนิศา ไชยภูริพัฒน์ (35,287 - 19 ม.ค. 51)
เทคนิคการใส่ข้อความใน TextBox โดยใช้ PHP
Mr.GuruZ (44,057 - 03 มิ.ย. 49)
การใส่คำบรรยายให้กับภาพ
yutt (50,594 - 04 มิ.ย. 49)