เปลี่ยนรูปภาพให้มีชีวิตชีวาด้วยเครื่องมือสร้าง GIF ภาพเคลื่อนไหวของ Adobe Photoshop

บนเว็บทุกวันนี้เต็มไปด้วยการเคลื่อนไหว คุณจะเห็นได้ว่ามีการใช้ GIF กันอย่างแพร่หลาย การใส่เอฟเฟกต์เคลื่อนไหวให้กับรูปภาพจะช่วยบอกเล่าเรื่องราวที่น่าสนใจยิ่งขึ้น และ Adobe Photoshop ก็ทำให้การสร้าง GIF คุณภาพสูงเป็นเรื่องง่าย ความคิดสร้างสรรค์อันเปี่ยมล้นจะช่วยให้คุณโดดเด่นบน Giphy, Vimeo, Snapchat หรือแพลตฟอร์มใดก็ตามที่ต้องการ

ภาพสเก็ตช์แบบดิจิทัลของรูปหัวกะโหลกพร้อมเครื่องหมายที่ปรากฏออกมา ซึ่งสื่อให้เห็นถึงการเคลื่อนไหวภายในภาพนิ่ง

เล่น

รับชมกระบวนการสร้างสรรค์ GIF ของ Kendall Plant ได้ในวิดีโอสั้นๆ หนึ่งนาทีนี้ โดยได้แจกแจงขั้นตอนต่างๆ ไว้ด้านล่าง

การสร้างสรรค์ GIF ที่สมบูรณ์แบบทำได้ง่ายและรวดเร็ว

คุณสามารถทำได้ด้วยวิธีนี้

GIF Editor มีฟีเจอร์ครบครันสำหรับการแก้ไขบนพื้นที่ทำงานที่ใช้งานง่าย

ฟิลเตอร์และเอฟเฟกต์

รีทัชรูปภาพ GIF ด้วยการใส่ฟิลเตอร์และเอฟเฟกต์ เพื่อให้ได้รูปภาพตามที่ต้องการ

ความเร็วภาพเคลื่อนไหว

กำหนดความเร็วในการเคลื่อนไหวของ GIF ได้โดยการปรับเฟรมเรตใน Timeline Panel

เพิ่มข้อความ

ใส่เลเยอร์ข้อความวางทับบนภาพเคลื่อนไหวโดยใช้แบบอักษรประเภทต่างๆ เช่น TruType, OpenType SVG หรือแบบอักษรภายใน Typekit

ปรับขนาดรูปภาพ

ปรับขนาดรูปภาพโดยคงความคมชัดไว้ด้วยวิธีลากและปล่อยแบบง่ายๆ

ใช้ได้กับไฟล์ทุกประเภท

ไฟล์ GIF สามารถสร้างขึ้นได้จากไฟล์ BMP, JPG, PNG และไฟล์รูปภาพประเภทอื่นๆ ตลอดจนไฟล์วิดีโออย่าง AVI, FLV และ MP4

ดูวิธีการสร้าง GIF

มาดูนักออกแบบและผู้สร้าง GIF อย่าง Kendall Plant ทำให้ภาพสเก็ตช์ของเธอมีชีวิตขึ้นมาด้วยการเปลี่ยนภาพให้เป็น GIF รับชมขั้นตอนการสร้าง GIF ของ Kendall ในวิดีโอสั้นๆ หนึ่งนาทีนี้

ผลงานของเธอรวมเอาไว้ซึ่งธรรมชาติ การถ่ายภาพ Street และหัวกะโหลก Plant คือนักออกแบบ ผู้อำนวยการฝ่ายศิลป์ และผู้สร้างสรรค์เนื้อหาที่นำแนวทางการสร้างสรรค์อันเป็นเอกลักษณ์ของตนเองมาใช้กับ Adobe ในฐานะผู้ช่วยผู้อำนวยการฝ่ายสร้างสรรค์

ขั้นตอนต่างๆ ที่เธอใช้มีอธิบายไว้ด้านล่าง

ก่อนที่จะเริ่ม

ใช้ภาพสเก็ตช์ตัวอย่างเหล่านี้หรือใช้ภาพของคุณเอง

ขั้นตอนที่ 1: สเก็ตช์ภาพออกมา

ขั้นแรก Plant นำภาพต้นฉบับมาสร้างใหม่เป็นหลายๆ รูปแบบเพื่อแสดงความเคลื่อนไหวในระยะต่างๆ แล้วบันทึกภาพใหม่แต่ละภาพเป็นไฟล์แยกกัน จากนั้นเธอก็เปิดภาพสเก็ตช์ภาพแรกขึ้นมาใน Photoshop และลากไฟล์ที่เหลือจากคอมพิวเตอร์ไปยังเอกสาร จากนั้นกด Return (หรือ Enter) เพื่อวางแต่ละไฟล์ลงในเลเยอร์ของตัวเอง จากนั้นคลิกที่ไอคอน Lock เพื่อปลดล็อกเลเยอร์เดิม

เพิ่มภาพสเก็ตช์ดิจิทัลรูปแบบต่างๆ ลงในเลเยอร์แยกใน Adobe Photoshop

ขั้นตอนที่ 2: เติมชีวิตชีวาลงไป

เมื่อพร้อมที่จะเปลี่ยนภาพสเก็ตช์ของเธอให้กลายเป็นภาพเคลื่อนไหว Plant ก็เปิด Timeline (Window > Timeline) ขึ้นมา แล้วเลือก Create Frame Animation จากเมนูดรอปดาวน์ จากนั้นเลือก Make Frame From Layers จากเมนู Flyout หากคุณเคยใช้ Timeline มาก่อน Timeline อาจปรากฏขึ้นพร้อมเฟรมเปล่าเป็นค่าเริ่มต้น ในกรณีเช่นนี้ ให้คลิกที่เฟรมแรกและกดแป้น Shift ค้างไว้ในขณะที่คลิกเฟรมสุดท้าย เลือก Delete Frames จากเมนู Flyout จากนั้นคุณสามารถเลือก Make Frames From Layers

เพิ่มเลเยอร์ภาพสเก็ตช์เป็นเฟรมไปยัง Animation Timeline ใน Adobe Photoshop

ขั้นตอนที่ 3: กำหนดความเร็วของภาพเคลื่อนไหว

Plant ทำให้แต่ละเฟรมมีเวลาเท่ากันโดยการคลิกที่เฟรมแรกใน Timeline แล้วคลิกที่เฟรมสุดท้ายในขณะที่กดปุ่ม Shift ค้างไว้ โดยคุณสามารถคลิกที่ลูกศรชี้ลงในเฟรมหนึ่งและตั้งค่าช่วงเวลาเป็น 0.1 วินาที ซึ่งจะเป็นการอัปเดตเฟรมที่เลือกไว้ทั้งหมด จากนั้น Plant เลือก Forever จากเมนูดรอปดาวน์ด้านล่าง Timeline เพื่อทำให้ภาพเคลื่อนไหวเล่นวนซ้ำอย่างต่อเนื่อง คุณสามารถดูตัวอย่างเวลาของภาพเคลื่อนไหวได้โดยคลิกที่ Play