วิธีสร้าง GIF ใน Photoshop

หากคุณรู้วิธีสร้าง GIF ใน Photoshop คุณสามารถทำให้เว็บเป็นสถานที่ส่วนตัวสำหรับคุณมากขึ้น บทความนี้จะอธิบายวิธีการทำเพื่อให้คุณสามารถเริ่มสร้างมส์ของคุณเองและรายการสนุก ๆ เพื่อแบ่งปัน

คู่มือต่อไปนี้มุ่งเน้นไปที่ Adobe Photoshop CC เวอร์ชัน 20.0.4 วิธีการส่วนใหญ่จะใช้ได้กับ Photoshop เวอร์ชันเก่า แต่วิธีการอาจไม่แน่นอน


วิธีสร้าง GIF ใน Photoshop ด้วยวิดีโอ

มีบริการที่ยอดเยี่ยมมากมายที่สามารถสร้าง GIF ให้กับคุณได้ แต่ถ้าคุณไม่สามารถออนไลน์ได้หรือเพียงแค่ต้องการทำความเข้าใจเกี่ยวกับกระบวนการที่อยู่เบื้องหลังการเรียนรู้วิธีสร้าง GIF ใน Photoshop เป็นสิ่งที่ดี ทักษะการใช้เว็บของคุณ การสร้างจากวิดีโอเป็นจุดเริ่มต้นที่ดี

  1. หยิบวิดีโอที่คุณต้องการเปลี่ยนเป็น GIF คุณสามารถคัดลอกจาก YouTube ได้หากคุณไม่ได้วางแผนที่จะใช้เพื่อการค้า แต่มีเว็บไซต์หลายแห่งเช่น Pexels ซึ่งมีวิดีโอปลอดค่าลิขสิทธิ์จำนวนมากที่คุณสามารถใช้ได้โดยไม่ต้องระบุแหล่งที่มา 

  2. เปิด Photoshop หากยังไม่ได้เปิดจากนั้นไปที่ เนื้อไม่มีมัน > นำเข้า > วิดีโอเฟรมเป็นเลเยอร์.

  3. ค้นหาและเลือกวิดีโอที่คุณต้องการแปลงและเลือก จุดเปิด.

  4. เลือกอย่างใดอย่างหนึ่ง ตั้งแต่ต้นจนจบหากคุณต้องการแปลงวิดีโอทั้งหมดหรือใช้แถบเลื่อนสำหรับ ช่วงที่เลือกเท่านั้น เพื่อกำหนดส่วนของวิดีโอที่คุณต้องการนำเข้า

  5. เมื่อคุณพอใจกับสิ่งที่คุณเลือกแล้วให้เลือก OK.

    กระบวนการนี้อาจใช้เวลานานหากคุณกำลังพยายามแปลงวิดีโอขนาดยาวหรือหากคอมพิวเตอร์ทำงานช้า เราขอแนะนำให้เลือกวิดีโอไม่เกิน 20 วินาที

  6. เลือก หน้าต่าง > ปฏิบัติการ. สิ่งนี้ควรนำเลเยอร์ทั้งหมดมาไว้ในไทม์ไลน์เป็นเฟรมเดี่ยว 

    หากไม่เป็นเช่นนั้นหรือคุณกำลังใช้ Photoshop เวอร์ชันเก่าซึ่งต้องใช้คำสั่งด้วยตนเองให้เลือกไฟล์ เมนูสี่บรรทัด ไอคอนที่ด้านล่างขวาของหน้าต่างหลักแล้วเลือก สร้างเฟรมจากเลเยอร์.

  7. ใช้ตัวควบคุมสื่อไทม์ไลน์เพื่อดูตัวอย่าง GIF ของคุณ หากมีเฟรมใด ๆ ที่คุณไม่ต้องการรวมอยู่ด้วยคุณสามารถลากและวางลงในไอคอนถังขยะที่ด้านล่างซ้าย อีกวิธีหนึ่งคือเลือกจากนั้นเลือกไอคอนถังขยะ

  8. ทำการเปลี่ยนแปลงใด ๆ ที่คุณต้องการกับสีความคมชัดหรือแม้กระทั่งทำให้แต่ละเฟรมเป็นสีดำและสีขาวหากคุณเลือกโดยเลือกแต่ละเลเยอร์จาก เลเยอร์ เมนู

    คุณสามารถแก้ไขหลายเฟรมพร้อมกันได้โดยเลือกหลายเลเยอร์ แต่อย่ารวมเข้าด้วยกันหากมีตัวเลือก

  9. คุณยังสามารถปรับเวลาที่ใช้ในแต่ละเฟรมก่อนที่จะเปลี่ยนในหน้าต่างไทม์ไลน์ คุณสามารถตั้งค่าให้เป็นแบบใดก็ได้เพื่อการเปลี่ยนที่ราบรื่นขึ้นหรือสับละเอียดขึ้น ตรวจสอบให้แน่ใจว่ามีรายการ "ตลอดไป" ที่ด้านล่างซ้ายหากคุณต้องการให้ GIF วนซ้ำ

    หากคุณเปลี่ยน GIF ในแบบที่คุณไม่ชอบให้กด Ctrl (หรือ CMD) Z เพื่อยกเลิกการกระทำของคุณ หรือกด Ctrl (หรือ CMD) +อื่น ๆ+Z เพื่อเลิกทำหลายขั้นตอน

  10. เมื่อคุณพอใจกับ GIF ที่คุณสร้างขึ้นแล้วก็ถึงเวลาบันทึก เลือก เนื้อไม่มีมัน > ส่งออก > บันทึกสำหรับเว็บ (แบบเดิม)หรือกด Ctrl (หรือ CMD)+เปลี่ยน+อื่น ๆ+S.

  11. มีการตั้งค่าที่เป็นไปได้มากมายที่คุณสามารถเลือกและเล่นได้ แต่เราขอแนะนำสิ่งต่อไปนี้: ตั้งล่วงหน้า ไปยัง GIF 128 Dithered สี ไปยัง 256. หากคุณกังวลเกี่ยวกับไฟล์หรือขนาดจริงให้ใช้การตั้งค่าความสูงและความกว้างเพื่อปรับขนาดของ GIF ให้เหมาะกับความต้องการของคุณมากขึ้น

    เลือก ตลอดไป ในตัวเลือกการวนซ้ำหากนั่นคือสิ่งที่คุณต้องการให้ GIF ทำ

  12. เมื่อคุณพอใจกับการตั้งค่าของคุณแล้วให้เลือก ดูตัวอย่าง เพื่อดูว่า GIF จะเป็นอย่างไรในเบราว์เซอร์ หากคุณดูดีให้เลือกไฟล์ บันทึก ไอคอน, จากนั้นเลือกชื่อและปลายทางสำหรับ GIF ใหม่ของคุณ


สร้าง GIF ใน Photoshop ด้วย Photos


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

  1. Photoshop มีเครื่องมือที่ยอดเยี่ยมสำหรับการจับภาพทั้งหมดที่คุณต้องการใช้และเตรียมให้พร้อมสำหรับคุณ เลือก เนื้อไม่มีมัน > สคริปต์ > โหลดไฟล์ลงใน Stack.

  2. จากนั้นเลือก หมวดหมู่สินค้า และไปที่โฟลเดอร์ที่ภาพของคุณอยู่เลือกไฟล์ที่คุณต้องการนำเข้าและเลือก จุดเปิด. จากนั้นเลือก OK.

    หากคุณไม่เห็นไฟล์ใด ๆ อาจเป็นไปได้ว่า Photoshop ตั้งค่าเริ่มต้นให้มองหาไฟล์ประเภทอื่น ใช้การเลือกที่มุมขวาล่างเพื่อเลือก ไฟล์ทั้งหมด

  3. หลังจากนั้นสักครู่คุณจะเห็นผืนผ้าใบใหม่พร้อมกับรูปภาพทั้งหมดที่โหลดไว้ในเลเยอร์แยกกัน เลือก หน้าต่าง > ปฏิบัติการ.

    รูปภาพ OzgurDonmaz / Getty

    หากต้องการคุณสามารถใช้ไฟล์ พยายามจัดแนวภาพต้นฉบับโดยอัตโนมัติ สลับเพื่อให้ Photoshop พยายามจัดเรียงรูปภาพทั้งหมดให้คุณ อาจเป็นประโยชน์ แต่ไม่จำเป็นในกรณีส่วนใหญ่

  4. เลือกเลเยอร์ใหม่ทั้งหมด ในหน้าต่างไทม์ไลน์ให้เลือกไอคอนดรอปดาวน์จากนั้นเลือก สร้างภาพเคลื่อนไหวเฟรม

    หากคุณไม่เห็นหน้าต่างเลเยอร์ให้เลือก หน้าต่าง > เลเยอร์ เพื่อเปิด

  5. เลือก เมนูสี่บรรทัด ไอคอนที่มุมขวามือของหน้าต่างไทม์ไลน์แล้วเลือก สร้างเฟรมจากเลเยอร์.

  6. เลือก เล่น ไอคอนที่มุมล่างซ้ายเพื่อดูว่าภาพเคลื่อนไหว GIF ใหม่ของคุณเล่นอย่างไร หากดูเหมือนว่าจะเล่นย้อนกลับให้เลือกไฟล์ เมนูสี่บรรทัด อีกครั้งจากนั้นเลือก ย้อนกลับเฟรม.

  7. ทำการปรับเปลี่ยนตามที่คุณต้องการสำหรับแต่ละภาพโดยการปรับเลเยอร์ คุณยังสามารถเปลี่ยนระยะเวลาที่แต่ละภาพจะแสดงในแอนิเมชั่นได้โดยใช้ตัวควบคุมลำดับเลขใต้ภาพแต่ละภาพในหน้าต่างไทม์ไลน์

  8. เมื่อคุณพอใจกับ GIF ที่คุณสร้างขึ้นแล้วให้บันทึก เลือก เนื้อไม่มีมัน > ส่งออก > บันทึกสำหรับเว็บ (แบบเดิม)หรือกด Ctrl (หรือ CMD)+เปลี่ยน+อื่น ๆ+S.

  9. ตั้ง ตั้งล่วงหน้า ไปยัง GIF 128 Dithered สี ไปยัง 256. หากคุณกังวลเกี่ยวกับไฟล์หรือขนาดจริงให้ใช้การตั้งค่าความสูงและความกว้างเพื่อปรับขนาดของ GIF ให้เหมาะกับความต้องการของคุณมากขึ้น

    เลือก ตลอดไป ในตัวเลือกการวนซ้ำหากนั่นคือสิ่งที่คุณต้องการให้ GIF ทำ

  10. เมื่อคุณพอใจกับการตั้งค่าของคุณแล้วให้เลือก ดูตัวอย่าง เพื่อดูว่า GIF จะเป็นอย่างไรในเบราว์เซอร์ หากคุณดูดีให้เลือกไฟล์ บันทึก จากนั้นเลือกชื่อและปลายทางสำหรับ GIF ใหม่ของคุณ


วิธีสร้างแอนิเมชั่น Photoshop ด้วยข้อความ

หากคุณต้องการทำให้ GIF เคลื่อนไหวพร้อมข้อความและไม่มีสิ่งอื่นใด (คุณสามารถติดข้อความทับแต่ละเลเยอร์เมื่อสร้าง GIF พร้อมรูปภาพ) ขั้นตอนจะเหมือนกันมาก แต่คุณต้องสร้างเลเยอร์ด้วยตัวเอง

  1. เปิด Photoshop แล้วเลือก เนื้อไม่มีมัน > ใหม่เลือกขนาดที่คุณต้องการให้เป็น GIF ในที่สุดจากนั้นเลือก OK.

  2. เพิ่มข้อความลงในภาพและทำการปรับเปลี่ยนตามที่คุณต้องการรวมถึงสีและขนาด

  3. หากคุณต้องการให้ GIF รวมข้อความเดียวกันในเฟรมถัดไป แต่มีขนาดหรือสีต่างกันให้กด Ctrl (หรือ CMD)+J เพื่อทำซ้ำเลเยอร์ หากคุณต้องการให้เฟรมถัดไปพูดอย่างอื่นให้เลือกไฟล์ เลเยอร์ใหม่ ไอคอนในหน้าต่างเลเยอร์ที่สองจากด้านซ้ายที่ด้านล่าง

    ทำซ้ำขั้นตอนนี้หลาย ๆ ครั้งตามที่คุณต้องการเพื่อให้ได้เฟรมมากเท่าที่คุณต้องการ 

  4. เมื่อคุณพอใจกับการสร้างเลเยอร์ต่างๆแล้วให้เลือก หน้าต่าง > ปฏิบัติการจากนั้นเลือกไอคอนดรอปดาวน์ตรงกลางแล้วเลือก สร้างภาพเคลื่อนไหวเฟรม

  5. เลือก เมนูสี่บรรทัด ไอคอนที่มุมขวามือของหน้าต่างไทม์ไลน์แล้วเลือก สร้างเฟรมจากเลเยอร์.

  6. เลือก เล่น ที่มุมล่างซ้ายเพื่อดูว่าภาพเคลื่อนไหว GIF ใหม่ของคุณเล่นอย่างไร ทำการปรับเปลี่ยนใด ๆ ที่คุณอาจต้องใช้กับจำนวนครั้งที่แสดงเฟรมโดยใช้ตัวเลขใต้แต่ละเฟรม

    หากคุณต้องการให้ GIF วนซ้ำอย่างต่อเนื่องให้เลือก ตลอดไป ที่มุมล่างซ้ายมือ

  7. เมื่อคุณพอใจกับ GIF ที่คุณสร้างขึ้นแล้วให้บันทึก เลือก เนื้อไม่มีมัน > ส่งออก > บันทึกสำหรับเว็บ (แบบเดิม)หรือกด Ctrl (หรือ CMD)+เปลี่ยน+อื่น ๆ+S.

  8. ตั้ง ตั้งล่วงหน้า ไปยัง GIF 128 Dithered สี ไปยัง 256. หากคุณกังวลเกี่ยวกับไฟล์หรือขนาดจริงให้ใช้การตั้งค่าความสูงและความกว้างเพื่อปรับขนาดของ GIF ให้เหมาะกับความต้องการของคุณมากขึ้น

    เลือก ตลอดไป ในตัวเลือกการวนซ้ำหากนั่นคือสิ่งที่คุณต้องการให้ GIF ทำ

  9. เมื่อคุณพอใจกับการตั้งค่าของคุณแล้วให้เลือก ดูตัวอย่าง เพื่อดูว่า GIF จะเป็นอย่างไรในเบราว์เซอร์ หากคุณดูดีให้เลือกไฟล์ บันทึก จากนั้นเลือกชื่อและปลายทางสำหรับ GIF ใหม่ของคุณ