วิธีการสร้าง gif แบบเคลื่อนไหวโดยใช้ photoshop

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

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

พร้อมหรือยัง? มาเริ่มกันเลย.

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

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

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

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

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

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

นี่จะเพิ่มเฟรมที่สองที่จะสร้าง GIF ของคุณ ทีนี้นี่คือเคล็ดลับ: สำหรับทุกเฟรมที่เพิ่มตรวจสอบให้แน่ใจว่ามีการเลือกเฉพาะเลเยอร์ที่เกี่ยวข้องซึ่งมีภาพที่คุณต้องการสำหรับเฟรมนั้นในจานสี เลเยอร์ ตรวจสอบภาพด้านล่าง:

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

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

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

เมื่อคุณเลือกขนาดและคุณภาพของ GIF ให้คลิกที่ บันทึก แล้วเสร็จ

สนุกกับไฟล์ GIF ของคุณ!