วิธีสร้าง GIF ใน Photoshop (หรือทางเลือกอื่นฟรี)

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

คุณอาจเคยใช้ GIF บนโทรศัพท์ของคุณเพื่อส่งภาพเคลื่อนไหวตลกๆ ให้เพื่อน หรือคุณเคยเห็นพวกเขาปรากฏขึ้นในความคิดเห็นบน เฟสบุ๊ค. แต่คุณเคยทำ GIF ของคุณเองหรือไม่? คุณอาจมีแนวคิดเกี่ยวกับ GIF ที่ยิ่งใหญ่ที่สุด แต่คุณอาจไม่รู้วิธีทำให้ความฝันนั้นเป็นจริง ไม่ต้องกังวล: บทช่วยสอนง่ายๆ นี้จะแนะนำคุณตลอดกระบวนการสร้าง GIF ที่ยอดเยี่ยม แม้ว่าเราจะไม่สามารถบอกวิธีออกเสียงได้อย่างชัดเจน

วิธีสร้าง GIF แบบเคลื่อนไหวจากวิดีโอ (Photoshop)

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

ขั้นตอนที่ 1: ค้นหาลำดับวิดีโอที่ดีบนเว็บที่คุณต้องการเปลี่ยนเป็น GIF นี่อาจเป็นอะไรก็ได้ แต่พยายามเลือกคลิปที่ไม่ยาวเกินไป เนื่องจากความกะทัดรัดเป็นกุญแจสำคัญสำหรับ GIF ที่ดี

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

ขั้นตอนที่ 3: เปิดวิดีโอด้วย Photoshop เมื่อต้องการทำเช่นนี้ ให้ไปที่ ไฟล์ > นำเข้า > เฟรมวิดีโอเป็นเลเยอร์. เลือกไฟล์วิดีโอที่คุณต้องการ จากนั้น Photoshop จะเปิดขึ้นมาเป็นชุดของภาพนิ่ง คุณสามารถเลือกที่จะนำเข้าวิดีโอทั้งหมดตั้งแต่ต้นจนจบหรือใช้แถบเลื่อนเพื่อเลือกส่วนที่เล็กกว่าของคลิป คุณสามารถจำกัดการนำเข้าเฟรมอื่น ๆ (หรือทุก ๆ สามสี่และอื่น ๆ ) เพื่อทำให้ไฟล์เล็กลง แต่สิ่งนี้จะทำให้วิดีโอสับเร็วขึ้นด้วย

ขั้นตอนที่ 4: ยุ่งกับการตั้งค่า คุณสามารถปรับความสมดุลของสีและอื่นๆ ได้ด้วย Photoshop ณ จุดนี้หากต้องการ เมื่อคุณมีทุกอย่างสมบูรณ์แบบแล้ว ให้ไปที่ ไฟล์ > บันทึกสำหรับเว็บ. จากนั้นคุณจะพบกับหน้าต่างที่มีลักษณะดังนี้:

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

• สี: ซึ่งจะจำกัดจำนวนสีที่ใช้สร้างภาพ ยิ่งสูงยิ่งดี (GIF จำกัดได้สูงสุด 256 สี) เลื่อนลงไปที่ 128 หรือต่ำกว่าเท่านั้น ถ้าคุณต้องการ หรือหาก GIF ของคุณไม่มีสีมากนักในตอนแรก
• ไดเธอร์: Dithering กระจายพิกเซลสีต่างๆ ในภาพเพื่อให้ดูเหมือนมีสีกลางในภาพที่มีจานสีจำกัด การตั้งค่าที่สูงขึ้นจะทำให้ได้ภาพที่ดูดีขึ้น แต่จะทำให้ไฟล์มีขนาดใหญ่ขึ้นด้วย
• สูญเสีย: ใช้การตั้งค่านี้เพื่อลดคุณภาพโดยเจตนา การตั้งค่าที่ต่ำกว่านั้นดีกว่า แต่อาจจำเป็นต้องสูญเสียคุณภาพบางส่วนเพื่อทำให้ไฟล์ของคุณมีขนาดเล็กพอ
• ขนาด: การเปลี่ยนขนาดของ GIF อาจมีผลกระทบอย่างมากต่อขนาดของไฟล์

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

วิธีสร้าง GIF แบบเคลื่อนไหวโดยใช้ภาพนิ่ง (Photoshop)

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

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

ขั้นตอนที่ 2: เลือก ตกลงและองค์ประกอบใหม่ควรเปิดขึ้นพร้อมกับภาพนิ่งเหล่านี้ที่แสดงผลเป็นแต่ละเลเยอร์ในภาพเดียว จัดเรียงตาม; เฟรมแรกของคุณควรอยู่ชั้นล่างสุดเป็นต้น

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

ขั้นตอนที่ 4: อีกครั้ง ร้อยภาพเคลื่อนไหวของคุณจากล่างขึ้นบน (กระบวนการนี้ใช้ได้ผลหากคุณใช้ Photoshop เวอร์ชันเก่าที่ไม่มีตัวเลือก “โหลดไฟล์ลงในกองซ้อน”) โหลดไฟล์ของคุณ ภาพนิ่งลงใน Photoshop ลากลงในโปรเจ็กต์ใหม่ของคุณ และปรับขนาดเลเยอร์ที่สร้างขึ้นใหม่ให้สอดคล้องกันโดยใช้เครื่องมือแปลงของ Photoshop (แก้ไข > แปลงร่างฟรี หรือ Ctrl + T) จากนั้นลากมุมเพื่อปรับขนาดวัตถุ)

คุณต้องการให้ผลลัพธ์มีลักษณะดังนี้ โดยแต่ละเฟรมของภาพเคลื่อนไหวจะแยกเป็นเลเยอร์และจัดเรียงตามลำดับเวลาจากล่างขึ้นบน:

ขั้นตอนที่ 5: เมื่อคุณจัดเรียงเลเยอร์ตามลำดับแล้ว คุณสามารถเริ่มจัดลำดับเลเยอร์ของคุณได้ อีกครั้ง กระบวนการนี้จะแตกต่างกันไปตามเวอร์ชันของ Photoshop ที่คุณใช้ หากคุณยังคงใช้ CS5 หรือต่ำกว่า (เฮ้ เราจะไม่ตัดสิน) ให้เปิดหน้าต่างภาพเคลื่อนไหวโดยเปิด หน้าต่าง + ภาพเคลื่อนไหว. ในทำนองเดียวกัน เลือก หน้าต่าง + เส้นเวลา ใน Photoshop CS6 และ Photoshop CC เพื่อเข้าสู่หน้าต่างไทม์ไลน์ สำหรับ Photoshop CC ให้เลือก เมนูแบบเลื่อนลง ตรงกลางหน้าต่างไทม์ไลน์ แล้วเลือก สร้างแอนิเมชั่นเฟรม.

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

คุณยังสามารถเลือก ลูกศรชี้ไปทางขวา เพื่อสร้างเฟรมใหม่ด้วยตนเอง (หรือคุณสามารถใช้คำสั่งปุ่มลัด Ctrl > กะ > Alt > ฉ).

ขั้นตอนที่ 7: จากนั้นเลือก ดวงตา ไอคอนถัดจากแต่ละเลเยอร์เพื่อซ่อนเลเยอร์ที่คุณไม่ต้องการให้ปรากฏในกรอบที่คุณสร้างขึ้น

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

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

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

วิธีสร้าง GIF แบบเคลื่อนไหวโดยใช้ภาพนิ่ง (ฟรี)

หากคุณไม่มีสิทธิ์เข้าถึง Photoshop มีวิธีการฟรี คุณสามารถใช้สร้าง GIF ได้ แม้ว่าคุณภาพของผลิตภัณฑ์ขั้นสุดท้ายอาจไม่สูงเท่า มีโปรแกรมฟรีมากมาย (เช่น GIMP หรือ Pixlr) ที่มีฟังก์ชันพื้นฐานของ Photoshop ดังนั้น ให้คุณสร้างภาพนิ่งและเล่นตามลำดับ และเว็บไซต์ที่ให้คุณตัด GIF จาก วิดีโอ ไม่มีกระบวนการใดที่จะมีประสิทธิภาพเท่ากับ Photoshop — อย่างไรก็ตาม กระบวนการเหล่านี้มีราคาถูกกว่าและค่อนข้างตรงไปตรงมา

ตั้งค่าภาพนิ่งของคุณก่อน

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

ขั้นตอนที่ 1: สิ่งแรกที่ต้องทำคือการอัปโหลดภาพใหม่ เลือกขนาดผืนผ้าใบ แต่โปรดจำไว้ว่ายิ่งขนาดไฟล์ของ GIF มีขนาดใหญ่เท่าใด ไฟล์ก็จะยิ่งโหลดช้าลง ดังนั้นให้พยายามลดจำนวนของสิ่งที่พอดีกับผืนผ้าใบ เรียบง่ายและเล็กกว่ามักจะดีกว่า

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

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

ขั้นตอนที่ 3: สำหรับเฟรมถัดไป เราจะทำให้ร่างนั้นยกแขนขึ้นโดยการลบออกและวาดแขนใหม่ให้ยกขึ้น บันทึกภาพเพื่อสร้างเฟรมที่สอง

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

ขั้นตอนที่ 5: จากนั้นเราจะเพิ่มข้อความและบันทึกเป็นเฟรมที่สี่

สร้าง GIF แบบเคลื่อนไหวโดยใช้เครื่องมือฟรี

เมื่อเฟรมของเราพร้อม เราจะอัปโหลดไปยัง Ezgif ต่อไปนี้เป็นวิธีสร้าง GIF ให้เสร็จโดยใช้ Ezgif:

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

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

ขั้นตอนที่ 3: เมื่อเสร็จแล้ว ให้เลือกปุ่มที่มีข้อความว่า ทำ GIF!

ขั้นตอนที่ 4: GIF ของคุณควรปรากฏขึ้นพร้อมกับปุ่มสำหรับแก้ไขหรือบันทึกลงในคอมพิวเตอร์ของคุณ

วิธีสร้าง GIF แบบเคลื่อนไหวจากวิดีโอ (ฟรี)

หากคุณต้องการใช้ตัวอย่างวิดีโอเฉพาะสำหรับ GIF ไซต์จำนวนมากสามารถช่วยคุณสร้างได้โดยใช้ข้อมูลเพียงเล็กน้อยในส่วนของคุณ เอซกิฟ, กิฟฟี่, ImgFlip, กิ๊ฟแคทและบริการออนไลน์อื่น ๆ อีกมากมายช่วยให้คุณสร้าง GIF ได้โดยไม่ต้องใช้บัตรเครดิต แม้ว่าความสะดวกสบายจะมาพร้อมกับการเสียสละในระดับการควบคุมที่คุณมี

ขั้นตอนที่ 1: การใช้เครื่องมือออนไลน์อย่างใดอย่างหนึ่งเหล่านี้ตรงไปตรงมาอย่างไม่น่าเชื่อ ตัวอย่างเช่น เราจะใช้ Giphy ไซต์นี้อนุญาตให้คุณวาง URL สำหรับวิดีโอใดวิดีโอหนึ่งหรืออัปโหลดไฟล์วิดีโอจากคอมพิวเตอร์ของคุณ ป้อน URL หรืออัปโหลดวิดีโอของคุณ แล้วดำเนินการต่อไปยังขั้นตอนที่ 2

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

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

กระบวนการนี้เหมือนกันไม่มากก็น้อยสำหรับไซต์อื่นๆ รวมถึง ImgFlip อย่างไรก็ตาม หากคุณต้องการควบคุมคุณภาพผลลัพธ์ของ GIF ได้มากขึ้น คุณควรใช้ Photoshop ต่อไป ที่กล่าวว่า สำหรับฟังก์ชันวิดีโอเป็น GIF พื้นฐาน ไซต์อย่าง Giphy น่าจะทำงานได้ดี

วิธีสร้าง GIF จากวิดีโอ YouTube

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

และนั่นแหล่ะ! ตอนนี้คุณเป็นกูรูด้าน GIF (หรือ GIF Jedi หากคุณชอบการออกเสียงตัว "g" แบบนุ่มนวล) และฟีดโซเชียลมีเดียของคุณก็น่าตื่นเต้นยิ่งขึ้นไปอีก

แม้ว่าเราน่าจะเตือนคุณว่า: พลังที่ยิ่งใหญ่มาพร้อมกับความรับผิดชอบที่ยิ่งใหญ่ เลือกช่วงเวลาของคุณอย่างชาญฉลาด และอย่าให้เพื่อนๆ ของคุณท่วมท้นด้วย GIF แมวเกรดต่ำอย่างท่วมท้น ไม่ว่าพวกมันจะน่ารักแค่ไหนก็ตาม มีเวลาและสถานที่ และคุณภาพย่อมดีกว่าปริมาณเสมอ GIF อาจดูเรียบง่าย แต่ก็เป็นตำนานเช่นกัน มันสมควรได้รับความเคารพจากคุณ ศึกษา ฝึกฝน เชี่ยวชาญ

คำแนะนำของบรรณาธิการ

• วิธีถ่ายภาพหน้าจอบน Mac ของคุณ: วิธีที่ดีที่สุดในปี 2023
• วิธีพิมพ์จาก Chromebook — วิธีง่ายๆ
• คุณต้องการ RAM เท่าใด
• ซอฟต์แวร์การควบคุมโดยผู้ปกครองฟรีที่ดีที่สุดสำหรับพีซี, Mac, iOS และ Android
• วิธีให้ของขวัญเกมบน Steam