|
หัวข้อ: Logo Animation....By Photoshop เริ่มหัวข้อโดย: eskimo_bkk-LSV team♥ ที่ สิงหาคม 15, 2008, 08:34:27 pm แหล่งที่มา:
http://www.pantown.com/board.php?id=5495&area=4&name=board17&topic=219&action=view (http://img525.imageshack.us/img525/5669/k5f4df74d27ajn9.gif) 1. File > New > 100x100 pixels พื้นใส 2. ใส่สีตามต้องการ 3. ขยายพื้นที่ทำงานออกข้างละ 10 ซม (Edit>Canvas size =10x10 cm) 4. Edit>Free Transform หรือ Ctrl+T หมุน 45 องศา ตามรูป (http://img171.imageshack.us/img171/1572/k5f4j3b57daaon1.jpg) 5. เลือกสีให้ตัดกัน ระหว่างพื้นหลังกับสัญญลักษณ์ แล้วเลือกรูปผู้หญิงหรือรูปอะไรก็ได้ตามต้องการ ที่ Custom Shape Tool คลิกตามลูกศรในรูป (http://img156.imageshack.us/img156/8718/k5f4lja75411zl4.jpg) 6. ลากเมาส์ในสี่เหลี่ยม ก็จะเกิดรูปตามที่เลือกไว้ขึ้นมา เสร็จแล้วรวมเลเยอร์เข้าด้วยกัน (Merge Down) 7. ใช้เครื่องมือ Crop Tool ตัดส่วนเกินของรูปให้เหลือขนาดตามรูป 8. Duplicate Layer หรือ Ctrl+J 9. Edit>Free Transform หรือ Ctrl+T จะปิดตาเลเยอร์แรกก็ได้ แต่ไม่ปิดจะดีกว่า เพราะเวลาลดข้างจะให้รูปล่างและบนเท่าักัน จะดูว่าเวลาลดข้างรูปล่างรูปบนเท่ากันไหม ให้สังเกตุตรงยอดปลายแหลมข้างบนของรูป 10. ใช้เม้าส์กดสี่เหลี่ยมตรงลูกศร ลากข้าง 2 ข้างเข้ามาข้างในให้เท่ากัน พูดง่ายๆคือค่อยๆลดขนาดของรูปนั่นเอง แต่ลดเพียงด้านข้างๆไม่ลดด้านบนและด้านล่างของรูป (http://img123.imageshack.us/img123/4165/k5f4ob650798hj4.jpg) 11. นี่คือผลงานเลเยอร์ที่ 7 (เลเยอร์สุดท้าย) (http://img220.imageshack.us/i[img width=500 height=437]http://img148.imageshack.us/img148/3794/k5f4vs3922dezu8.jpg) 12. ต่อไปปิด-เปิดตา ตามรูป แล้วกระโดดไปที่ ImageReady (http://img148.imageshack.us/img148/3794/k5f4vs3922dezu8.jpg) 13 เพิ่มเฟรม ปิดตาเลเยอร์แรก เปิดตาเลเยอร์ต่อไป (http://img182.imageshack.us/img182/7721/k5f4zf8de945xp6.jpg) 14 เพิ่มเฟรม แล้วทำเหมือนวิธีทำข้อ 13 จนครบถึงเลเยอร์ก๊อปปี้ที่ 7 ได้ทั้งหมด 8 เฟรมตามรูป (http://img240.imageshack.us/img240/3798/k5f51s285ce5st8.jpg) 15 ต่อไปเฟรมที่ 9 ปิดตาเลเยอร์ก๊อปปี้ที่ 7 เปิดตาเลเยอร์ก๊อปปี้ที่ 6 ตามรูป (http://img237.imageshack.us/img237/6307/k5f5445b6ca7uj8.jpg) 16. เฟรมที่ 10 ปิดตาเลเยอร์ก๊อปปี้ที่ 6 เปิดตาเลเยอร์ก๊อปปี้ที่ 5 ทำวิธีเดียวกันนี้ต่อไปจนถึงเลเยอร์เริ่มแรกคือเลเยอร์ที่ 1 แล้วคลิกเพลดูผลงาน เมื่อพอใจเซฟ....... (http://img179.imageshack.us/img179/5182/k5f5bo3e3511jf8.jpg) นี่คือผลลัพธ์ โลโก้ภาคนี้ (http://img98.imageshack.us/img98/3434/k5f6bx53c5c3gk0.gif) หากว่าทำโลโก้ภาคแรกได้ ภาคนี้ก็สบาย เพราะอะไรดูที่รูป ที่กระทู้นี้จะอธิบายคร่าวๆ เพราะรายละเอียดอยู่ที่กระทู้ข้างบนหมดแล้ว วิธีทำ.. 1. เมื่อทำเลเยอร์ที่ 1 เสร็จก็ทำเลเยอร์ที่ 2ต่อเลย 2. พักเลเยอร์ที่ 2 ไว้ เริ่มทำเลเยอร์ 1 ก๊อปปี้ต่อไป เหมือนกับ Logo Animation ภาค1 กระทู้ล่างนั่น ตามลิงค์ข้างบนไปดู 3. เมื่อเลเยอร์ที่1 เสร็จก็ทำเลเยอร์2 ก๊อปปี้ต่อไป เมื่อเสร็จแล้วจะได้เลเยอร์เหมือนดังรูป ปิดตาดังรูปแล้วกระโดดไปที่ ImageReady (http://img291.imageshack.us/img291/4323/k5f6gne422a1mp3.jpg) 4. เิ่พิ่มเลเยอร์เปิดตาปิดเหมือนในรูป สังเกตุเฟรมตามรูป (http://img165.imageshack.us/img165/4138/k5f6if8f9463sl3.jpg) 5. สังเกตุเฟรมที่ 9 กับตาเลเยอร์ 2 ก๊อปปี้ 6... (http://img165.imageshack.us/img165/9599/k5f6ku91b63auk7.jpg) (http://img522.imageshack.us/img522/8567/k5f6nn4125eeec3.jpg) 6. สังเกตุเฟรมและดวงตาที่เลเยอร์เวลาทำ จะเห็นว่าใช้เฟรมทั้งหมด 30 เฟรม ผลลัพธ์อยู่ข้างบนค่ะ วิธีทำมีเพียงเท่านี้ค่ะ ถ้าใครมีไอเดียที่ดีกว่านี้ เอามาแบ่งปันกันบ้างนะค่ะ (http://img399.imageshack.us/img399/772/k5f6q932aed7ic7.jpg) |