การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม จัดทำโดย : 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. ลองนำไปใช้งานกันดูนะครับ

 

คุณอาจสนใจ
การสร้าง Webboard ด้วย Dreamweaver 8 (ตอนที่ 1)
first (145,596 - 12 ม.ค. 51)
การเรียงลำดับ
หมูขุน (21,612 - 20 มี.ค. 50)
การกำหนดเงือนไขในการค้นหาข้อมูล
อ้อม (29,187 - 30 เม.ย. 50)
ทำภาพเคลื่อนไหวด้วย Dreamweaver
Mr.GuruZ (68,309 - 04 มิ.ย. 49)
การเปลี่ยนมุมมองในหน้าเอกสาร (ไม่ยากอย่างที่คิด)
อ้อม (19,272 - 13 ม.ค. 50)
ติดตั้งไม่ได้...เพราะไฟล์เสีย (Firefox)
เว็บไทยดีดี (16,143 - 03 พ.ค. 51)
การประกาศตัวแปลในภาษา PHP
Mr.GuruZ (37,779 - 03 มิ.ย. 49)
แนะนำเครื่องมือใหม่ Adobe Dreamweaver CS3
Mr.GuruZ (185,407 - 10 พ.ค. 51)