แหล่งความรู้หมวด  คอมพิวเตอร์ >>โปรแกรมมิ่ง Web Design >>Adobe Flash
ลงประกาศฟรี โฆษณาฟรี ลงโฆษณาฟรี โปรโมทเว็บฟร PHP programming[79]
ลงประกาศฟรี โฆษณาฟรี ลงโฆษณาฟรี โปรโมทเว็บฟร Adobe Photoshop[26]
ลงประกาศฟรี โฆษณาฟรี ลงโฆษณาฟรี โปรโมทเว็บฟร Adobe Flash[19]
ลงประกาศฟรี โฆษณาฟรี ลงโฆษณาฟรี โปรโมทเว็บฟร Dreamweaver[13]
ลงประกาศฟรี โฆษณาฟรี ลงโฆษณาฟรี โปรโมทเว็บฟร Ajax Scripts,Java Script,โค๊ดแต่งเว็บไซต์[29]
ลงประกาศฟรี โฆษณาฟรี ลงโฆษณาฟรี โปรโมทเว็บฟร web design[9]

เทคนิคการใช้ Mask เพื่อการเปลี่ยนสีตัวอักษร

โดย  นิรนาม
เทคนิคการใช้ Mask เพื่อการเปลี่ยนสีตัวอักษร
เทคนิคการใช้ Mask เพื่อการเปลี่ยนสีตัวอักษร
 
 

เทคนิคการใช้ Mask เพื่อการเปลี่ยนสีตัวอักษร แบบ คาราโอเกะ

ขั้นตอนการทำ
1. สร้างเอกสารขึ้นมาแล้วพิมพ์ข้อความที่เราต้องการ

2. Insert  Layer เพิ่มขึ้นอีก 2 Layer

3. ทำการ Copy Frames ของ Layer แรกขึ้นมา แล้วนำไปวางใน Layer ต่อไป

>>>

4. เปลี่ยนสีตัวอักษร ใน Layer 2 (นี่คือสีที่จะทำการวิ่งเปลี่ยน แบบ คาราโอเกะ )

5. ไปที่ Layer 3 เลือกเครื่องมือที่มีชื่อว่า Rectangle Tool(R) ขึ้นมา

6.  ลากครอบตัวอักษรที่ได้สร้างไว้ ใน Layer ที่ 3 (ใช้สีอะไรก็ได้เพราะสีของส่วนนี้จะมองไม่เห็นครับ)

7. เลือก Create Motin Tween > Insert  Keyframes ใน Layer ที่ 3  ด้วยวิธีการ คลิกขวา ไปตามจำนวนเฟรมที่ต้องการ ยิ่งไปไกล สียิ่งเปลี่ยนช้า

>>>

>>>

8. ไป ไฮไลท์ ส่วน Frames ที่ว่างใน Layer ก่อนหน้านี้  ( Layer ที่ 1 และ 2 ) แล้วกด F5 เพื่อเป็นการ insert Frames (ดังรูป)

>>>

9. กลับมาที่ Layer 3 อีกครับกลับมาที่ Frames1 ของ Layer 3 ครับ

10. จากนั้นให้นำ Rectangle Tool(R) (กรอบสี่เหลี่ยมอ่ะที่สร้างไว้แล้ว)ลากออกมาด้านหน้าตัวอักษร ใน   Layer ที่ 3

11. นำเม้าส์ไป จี้ Frames สุดท้ายของ Layer Layer ที่ 3  เพื่อเลือก

12. จากนั้นให้นำ Rectangle Tool(R) (กรอบสี่เหลี่ยมอ่ะที่สร้างไว้แล้ว)ลากออกมาหลังหน้าตัวอักษรใน   Layer ที่ 3

13. นำเมาส์มาคลิกขวาที่ รูปตาด้านหน้า Layer  ที่3 จากนั้น เลือก Mask

จากนั้น กด Ctrl + Enter เพื่อดูการแสดงผล ซึ่งจะได้การแสดงผลดังนี้

 

ที่มา http://www.sc.ac.th/~mongkol/tip_computer/mask1.html

เมื่อ 31 สิงหาคม 2551 
แสดงความคิดเห็น
ชื่อ
รายละเอียด
  
***กรอกรหัสที่เห็นในช่องข้างบนครับ
 
 
 
 
© 2009 Thaicenterway.com