Outline · [ Standard ] · Linear+ ~♥♥♥♥♥สอนทำgif/animation♥♥♥♥♥~, โดยใช้โปรแกรม adobe image ready

[seery]

วิธีทำ animation หรือ gif แบบmanual

(ไม่ใช้โปรแกรมทำ animation สำเร็จรูป)

ขอขอบคุณทุกคอมเม้นท์นะค่ะ



รูปตัวอย่าง
นี้เป็น .gif ตัวอย่างที่ได้จากการให้โปรแกรม adobe image ready นะค่ะ

ข้อดี
- จะได้รูป animation ที่ชัดตามความต้องการ
- ได้ฝึกทักษะการใช้โปรแกรม adobe image ready
- สามารถประยุกต์ใช้ ภาพเคลื่อนไหวได้เหมาะสมกับภาพการใช้งานได้หลายรูปแบบ
- ถ้าใช้โปรแกรมได้คล่องแล้ว ใช้เวลาในการทำ gif หรือ animation ไม่เกินภาพละ 1-3 นาทีเท่านั้น
- ภาพจะชัดกว่าโปรแกรมทำ animation สำเร็จรูปบางโปรแกรม เพราะถ้าใช้วิธีทำแบบ แคปมือเอง ถ้า file คลิปที่ได้มาชัดภาพก็จะยิ่งชัดไม่เป็นจุด ๆ จะทำให้รูปเล็กหรือใหญ่ก็ได้ค่ะ ก็ใช้ resize รูปใน image ready ได้เลย สามารถตัดส่วนที่เกินไม่ต้องการออกได้ด้วย


ข้อเสีย
- อาจเสียเวลาในการแปลง file เป็น .vob เพื่อนำมาแคปรูป ถ้า file ใหญ่มากแนะนำให้ตัด file เฉพาะช่วงที่จะนำมาทำ animation

ลิงค์อ้างอิง :

>>>วิธีทำขอบในโปรแกรม photo shop<<<




>>>วิธีทำกรอบ จากรูปภาพ<<<




>>>วิธีทำ gif จากภาพนิ่ง เลื่อนขึ้น-ลง<<<




>>>การ fade รูปให้ดูสมูท<<<





ลิงค์เพื่อนบ้าน :

*Variety Files Sharing พี่ชอน & น้องอ๊อฟ*

[UNLIMITED FANART HOME]★, U can Take Part ^^

[seery]

เตรียมโปรแกรมที่ใช้หลัก ๆ

1. โปรแกรมแปลง file จะเป็นโปรแกรมแปลง file อะไรก็ได้ที่สามารถแปลงเป็น .vob ได้ แนะนำ โปรแกรม Super ใช้แปลง file เป็น VOB มันจะแคปเลื่อนได้ภาพต่อเนื่องดีมากงะค่ะ ถ้าเป็น file อื่นเวลาแคปอาจค้าง หรือกระตุกได้ค่ะ)
2. โปรแกรม power DVD (ใช้แคปรูปให้ได้ shot เพื่อจะนำมาทำ animation)
3. โปรแกรม adobe image ready (เป็นตัวหลักที่ใช้ทำ ภาพต่อเนื่อง)

ขอโทษที่ 1 ตอนนี้ไม่สามารถ upload โปรแกรมแปลง file ให้เพื่อน ๆ ได้เนื่องจากไม่ได้ติดเน็ตที่บ้าน ที่ทำงาน IT block ห้าม upload และ download file ทุกชนิด เลยไม่สามารถ upโปรแกรมแปลไฟล์ให้ได้ ที่ใช้อยู่เป็นโปรแกรม super เลยลากlink download มาให้แทนนะค่ะ

[seery]

ขั้นตอนที่ 1 การแปลง file เป็น .vob

- ใช้โปรแกรม super (โปรแกรมนี้สามารถแปลง file ได้หลายสกุลนะค่ะ)

โปรแกรม super จิ้ม ๆ ๆ

รายละเอียดวิธีใช้โปรแกรมแปลงfile super จิ้ม ๆ ๆ



cr: วิธีใช้โปรแกรมแปลงไฟล์ www.sanook.com

[seery]

ขั้นตอนที่ 2 การแคปรูปเป็น shot เพื่อใช้ทำ animation

- ใช้โปรแกรม power DVD

นี้คือหน้าตาโปรแกรม power DVD นะค่ะ



1. icon รูปค้อน จะเป็น function ตั้งค่าการใช้งาน ให้เข้าไปตั้งค่าเก็บ file รูปที่จะทำ file กิ๊ฟก่อนนะค่ะ



ตามรูปไปที่ Snapshot >>> Capture to file >>> Browse ไดร์ฟ ที่ต้องการจัดเก็บรูปที่แคป >>> OK

ตั้งค่าเสร็จแล้วก็มาแคปรูปกันนะค่ะ

[seery]

2. icon รูปกล้องถ่ายรูป ตัวนี้แหละค่ะ ที่ใช้แคปรูป

เราก็เปิดคลิปแล้วหาซ็อตที่ต้องการนำมาทำ animation ถ้าเล็งได้แล้วก็ Click mouse รัว ๆ ยิก ๆ ๆ เลยนะค่ะ (แบบมือแมงมุมเลยง่ะค่ะ) จะได้ภาพสมูทต่อเนื่อง

ถ้า Click ๆ หยุด ๆ ภาพอาจกระตุกได้นะค่ะ

หลังจากนั้นเราก็ไปเปิดดูผลงานที่เราแคปไว้นะค่ะ

รูปตัวอย่างด้านล่าง ได้สร้าง folder ไว้หลาย folder เพื่อรองรับ file รูปสำหรับทำ animation หลายอัน

ก็เลยสร้างไว้เยอะง่ะค่ะ ถ้าทำแค่ .gif แค่อันเดียวก็ไม่ต้องสร้างเยอะขนาดนี้ก็ได้นะค่ะ



ตามรูปตัวอย่างนี้ ก็คือภาพทั้งหมดที่จะนำมาทำ animation หรือ gif ได้ 1 รูปนะค่ะ



Trick : วิธีดู folder แบบเห็นรูปหน้า window นะค่ะ ให้เลือก thumbnails

[seery]

ขั้นตอนที่ 3 การทำ animation

- ใช้โปรแกรม adobe image ready

เปิดใช้โปรแกรม adobe image ready เลยจ้า



หลังจากนั้นเปิดเรียก file รูปที่ต้องการทำ animation ขึ้นมา

File >>> Import >>> Folder as Frames



จะเด้ง popup Browse For Folder ขึ้นมาให้เปิดรูปที่เราเก็บไว้ออกมาได้เลยค่ะ ตัวอย่างตามรูป

[seery]

(ต่อ)

รูปที่เปิดขึ้นจะยังไม่เท่าขนาดจริง ให้ปรับตามรูปให้เป็น 100% ก่อน



เราจะเป็นรูปที่เปิดมาจะมีขนาดใหญ่เท่าคลิปที่เราเปิดแล้ว ให้ทำการย่อรูปให้เหมาะสำหรับการทำ gif เพราะรูปใหญ่มาก file .gif ก็จะมีขนาดใหญ่มาก ๆ ด้วย

ย่อรูป Image >>> Image size >>> ให้ปรับตัวเลขในรูปให้ width เหลือประมาณ 300 (กำลังดี) >>> OK

[seery]

(ต่อ)
หลังจากนั้นอาจปรับแต่ความกว้างกับความสูงตามใจ ตัดส่วนที่ไม่ต้องการออกได้โดยใช้



Image >>> Canvas size >>> ส่วนช่อง Anchor ก็คือเราจะเลือกตัดภาพให้เหลือภาพส่วนที่ต้องการนำมาทำ animation เท่านั้น

หลังจากปรับแต่งขนาดเรียบร้อยแล้ว ให้ปรับเวลาของภาพเคลื่อนไหวได้เลยค่ะ

คลิ๊กเมาท์จากรูปที่ 1 กด Shift ค้างแล้ว Drag เมาท์เค้าจนถึงรูปสุดท้าย (กรณีต้องการปรับวินาทีให้เหมือนกันทั้งหมด) ปรับแล้วลองกด play เล่นภาพดูนะค่ะ ว่าภาพสมูทต่อเนื่องกันดีหรือยัง



หลังจากได้ภาพต่อเนื่องเรียบร้อยเราก็มาแต่งขอบ และลงชื่อหรือนามแฝงตัวเองกันนะค่ะ

[seery]

(ต่อ)
วิธีแต่งกรอบและลงชื่อหรือนามแฝงตัวเอง
เลข 1 (ตามรูป)เราต้องคลิ๊กเปิด layer ที่จะใว้ใช้แต่งขอบขึ้นมานะค่ะ จะเห็น layer ใหม่ที่ถูกเราสร้างขึ้นเป็น รูปตามเลข 2
- เลือกสีที่ต้องการนำมาทำขอบให้เลข 3 และ เทสีโดยใช้เครื่องมือเลข 4 เป็นสีที่ต้องการแต่งขอบลงไปใน layer นั้น
- ใช้เครื่องมือเลข 5 Drag เมาท์เพื่อตัดสีออกจากรูปให้เหลือเป็นขอบไว้ แล้วไปที่ edit >>> cut ก็จะเป็นกรอบสีด้าน ๆ
- ใช้ Icon แต่งขอบให้สวยงาม และเพิ่ม filter สร้างขอบให้สวยงามตามใจตัวเองมี filter ให้เลือกใช้เยอะมาก ๆ ตามรูปนะค่ะ
ตัวอย่างภาพที่แต่งขอบและลงเครดิตแล้ว

- ใช้ Iconใช้ในการ fade รูปกรณี เวลาลองเล่นรูปแล้วก็การกระตุก เนื่องจาก ภาพที่ 1 กับภาพสุดท้าย ไม่ต่อเนื่องก้น หรือการทำให้ .gif ภาพนิ่งดูมีมิติมากขึ้น
รูป .gif ตัวอย่างที่ใช้ effect นี้นะค่ะ

[seery]

(ต่อ)
filter มีให้เลือกตามเครื่องมือด้านล่างค่ะ



หลังจากได้รูป animation ตามที่เราต้องการแล้วก็ทำการ save รูปนะค่ะ



ให้ไปที่ file >>> Save Optimized As >>> เลือกเป็น Images Only (*.gif) >>> Save

เป็นอันเสร็จขั้นตอนการทำ .gif หรือ animation แบบง่ายแล้วนะค่ะ

อันนี้เป็นรูปตัวอย่างที่ทำเสร็จแล้วนะค่ะ



ปล. เพื่อน ๆ ทำแล้วอย่าลืมมาโพสผลงานของเพื่อน ๆ ให้ชมกันบ้างนะค่ะ



พบกันใหม่โอกาสหน้านะกร๊าบบบ.... บ๊าย บาย