gif animation (howto)
posted on 05 May 2008 20:32 by berserk-rabbit in howtoอา...อาโน
เพราะห่วงใยอย่างสุดซึ้ง ที่มีต่อน้องไข่น้อย ซึ่งทำ gif animation ไม่เป็น
เพราะฉนั้น....
วันนี้เรามาเรียนรู้การทำภาพเคลื่อนไหวแบบเด็กน้อย กันดีกว่าเนอะ
โปรแกรมที่ใช้ :
photoshop เวอร์ชั่นไรก็ได้
image ready เวอร์ชั่นไรก็ได้(ถ้าจำไม่ผิดมันจะมาพร้อมโปรแกรม photoshop นะแหละ)
เริ่มกันเลย
1 หาภาพที่จะนำมาทำภาพเคลื่อนไหวกันก่อน โดยของผมใช้ภาพ 4ภาพ(4ช็อต)
2 เข้า photoshop จัดการแยกภาพแต่ละช็อต ออกเป็นแต่ละเลเยอร์ โดยเราจะได้ 4เลเยอร์
โดยอย่างลืมลบพื้นหลังออกด้วยนะจ้ะ
3 เมื่อได้ตามนี้แล้ว ให้เราสวิทไปที่โปรแกรม image ready โดยไปเลือกที่ แท็บเครื่องมือด้าน
ซ้ายมือ
4 งานที่เราทำใน photoshop จะสวิทมาโปรแกรม image ready ต่อไปให้เราเปิดแท็บ animation
ขึ้นมา โดยไปเลือกที่แท็บด้านบนเลือก window>>animation
เมื่อได้แท็บ animation แล้วให้ดูที่มุมขวาบนของแท็บนะ จะเห็นเครื่องหมาย >>
ให้เรากดไป จะมีเมนูให้เราเลือก เลือก make frames from layers
5 แค่นี้เราก็จะได้รูปที่เราทำไว้ มาเป็นช็อตๆ ทีนี้ก็เหลือแค่ขั่นตอนการใส่เวลา
วิธีใส่เวลา ให้กดตรงใต้ภาพเลย จะมีให้เลือกใส่เวลา ใส่ตามใจเลยให้ดูละมันไหลลื่นละกัน
ลองกดปุ่ม play สำรวจความลื่นไหลของภาพด้วยนะ
6 เอาละ ทีนี้เราก็ได้รูปที่สมบูรณ์ละ แต่ก่อนที่เราจะนำไปใช้งาน ก็ต้องมาดูเรื่องขนาดกันก่อน
จะย่อจะขยายตรงไหน ก็เหมือน photoshop เลย ถ้ายังไม่รู้ ก็...ไปที่ แท็บด้านบนนะครับ
image>image size เปลี่ยนแค่ตัวเดียว เดียวโปรแกรมจัดการที่เหลือเองจ้า
7 ขั้นตอนสุดท้ายละ.....การนำไปใช้งาน ให้เรากดเซฟโดยเลือก file>optimized as
เป็นอันเสร็จสิ้นกระบวนการ ทำภาพ gif animation แบบฉบับเด็กน้อยน่ารัก
ใครคอมเม้มไม่ดี ระวังป๋าแกไว้นะ
--------------------------------------------------------------------------------------
ในเทคนิคนี้ไปใช้ในการทำ banner กับ emoticon ได้นะจ้ะ
น้องไข่น้อยไปทำ banner มาแลกกันเร็ววว
>>วิธินำ emoticonทำเอง ไปใช้ใน msn
---------------------------------------------------------------------------------------
howto






จิ้ม image ready ไม่ค่อยเป็น













#1 By [ป้าMoNo]วาด(หนุ่ม)แบ๊ววันล่ะนิดจิตเบิกบาน on 2008-05-05 21:21