GIF มีอยู่ทั่วไป ภาพเคลื่อนไหวที่ครั้งหนึ่งเคยเรียบง่ายได้กลายเป็นภาษาที่ไม่เป็นทางการของอินเทอร์เน็ตแล้ว GIF แอนิเมชั่นเป็นที่สุด วิธีที่รวดเร็วแสดงอารมณ์บน Twitter และเรายังสามารถใช้เวลาดูมันหลายชั่วโมง เลื่อนดูฟีดข่าวบน VK, Facebook หรือ Odnoklassniki

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

บันทึก:ในตัวอย่างทั้งหมดในบทความนี้ ฉันใช้ Photoshop CC 2017

ขั้นแรก คุณต้องเปิด Photoshop ไปที่ “ไฟล์” > “นำเข้า” > “เฟรมวิดีโอเป็นเลเยอร์” และเลือกการบันทึกวิดีโอที่ต้องการ

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

บันทึก:โปรดทราบว่ายิ่งคุณนำเข้าวิดีโอมากเท่าใด GIF ของคุณก็จะยิ่งใหญ่ขึ้นเท่านั้น นอกจากนี้ หากคุณนำเข้าวิดีโอที่ยาวเกินไป การเลือก Keep Every 2 Frames (หรือมากกว่า) เป็นวิธีง่ายๆ ในการลดขนาดโดยไม่กระทบต่อคุณภาพมากเกินไป

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

ที่ด้านล่างของหน้าจอจะมีจานสีมาตราส่วนเวลา มันแสดงเฟรมทั้งหมดที่จะสร้างภาพเคลื่อนไหว GIF ของคุณ

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

ผลลัพธ์ที่ได้ควรเป็นดังนี้:

การสร้างภาพเคลื่อนไหว GIF จากชุดภาพนิ่ง

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

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

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

ตอนนี้คุณพร้อมที่จะเริ่มสร้างแอนิเมชั่นแล้ว

การสร้างภาพเคลื่อนไหวแบบคงที่

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

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

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

ตอนนี้คลิกปุ่ม "เฟรมใหม่" ซึ่งจะทำซ้ำเฟรมก่อนหน้า ซ่อนเลเยอร์พิเศษอีกครั้ง และทำให้มองเห็นเลเยอร์ที่ควรรวมไว้ในเฟรม

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

เสร็จสิ้น

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

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

ตอนนี้คลิกปุ่มเล่นที่ด้านล่างของหน้าจอเพื่อดูภาพเคลื่อนไหวที่ได้ คุณควรเห็นสิ่งนี้:

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

เมื่อคุณพอใจกับผลลัพธ์แล้ว คุณสามารถไปยังส่วน "การบันทึกภาพเคลื่อนไหว" หรืออ่านต่อเพื่อปรับปรุงภาพเคลื่อนไหวที่ได้

ปรับปรุงภาพเคลื่อนไหวโดยการเพิ่มเฟรมระดับกลาง

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

ในการเริ่มต้น ให้เลือกเฟรมแรกแล้วคลิกปุ่ม Create Tweaks ในแถบเครื่องมือที่ด้านล่างของไทม์ไลน์

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

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

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

และนี่คือโปรแกรมแปลงวิดีโอฟรี XviD4PSP 5.0 มาช่วยเรา คุณสามารถดาวน์โหลดหรือบนเว็บไซต์อย่างเป็นทางการของนักพัฒนา เพื่อให้ตัวแปลงนี้ใช้งานได้ คุณต้องมียูทิลิตี้ AviSynth 2.5.7 ซึ่งสามารถดาวน์โหลดได้

เราติดตั้งทั้งสองโปรแกรมนี้ตามปกติ

นี่คืออินเทอร์เฟซของตัวแปลงที่ยอดเยี่ยมนี้:

เปิดโปรแกรม คลิกไฟล์-->เปิด และเลือกไฟล์ ในหน้าต่างโปรแกรมหลักคุณต้องเลือกการตั้งค่าต่อไปนี้:

• รูปแบบ - AVI DV PAL
• การแก้ไขสีและการกรอง - ปิดการใช้งาน
• การเข้ารหัสวิดีโอ - DV-วิดีโอ
• การเข้ารหัสเสียง - ไม่สนใจ

และคลิกที่ปุ่ม "เข้ารหัส" โปรแกรมจะแจ้งให้คุณเลือกโฟลเดอร์บันทึก เลือกมัน ตกลง เราได้รับไฟล์ที่มีตัวแปลงสัญญาณวิดีโอ dvsd DVC/DV ในคอนเทนเนอร์ DV Type 2 AVI Multipart OpenDML AVI ด้วยความน่าจะเป็น 90% Photoshop จะกินวิดีโอที่มีพารามิเตอร์เหล่านี้

เรามาดูปัญหาต่อไปกันดีกว่า นี่คือขนาดไฟล์ ความจริงก็คือ Photoshop ใช้เมื่อเปิดวิดีโอเป็นเลเยอร์ แกะคอมพิวเตอร์ หากคุณมี x64 แสดงว่าไม่มีปัญหา คุณสามารถติดตั้งไทล์ได้สูงสุด 128GB แต่ด้วยเหตุผลหลายประการ ผู้คนไม่สามารถเปลี่ยนไปใช้ x64 และน่าเศร้าที่ต้องนั่งบน x86 ไม่ใช่เพราะพวกเขาไม่สามารถเปลี่ยนได้หรือศาสนาไม่อนุญาต แต่ด้วยเหตุผลอื่นที่เป็นรูปธรรมโดยสิ้นเชิง ตัวอย่างเช่นผู้เขียนบรรทัดเหล่านี้ด้วยความปรารถนาอย่างแรงกล้าต่อความสวยงามและใหม่ไม่ได้ใช้ x64 เนื่องจากขาดปลั๊กอิน warez สำหรับ 3ds max อย่างไรก็ตามเราพูดนอกเรื่อง

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

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

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

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

กระบวนการนี้ใช้เวลา 5-10 นาทีอย่างแท้จริง สิ่งสำคัญที่นี่คือเพียงทำตามขั้นตอนทั้งหมดอย่างระมัดระวัง ในตอนท้ายของโพสต์ คุณจะพบวิดีโอสอนภาษาอังกฤษในหัวข้อนี้

การเพิ่มรูปภาพภาพเคลื่อนไหว GIF ใน Photoshop

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

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

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

จากทั้งหมดที่มองเห็นและเลือกได้ เลเยอร์ Adobe Photoshop จะสร้างเฟรม GIF แบบเคลื่อนไหว ด้วยเหตุนี้ คุณจะเห็นสิ่งเหล่านี้ในแผงไทม์ไลน์

การตั้งค่าภาพเคลื่อนไหว GIF ใน Photoshop

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

คุณสามารถระบุเวลาที่แตกต่างกันสำหรับองค์ประกอบหรือตั้งค่าพารามิเตอร์สำหรับองค์ประกอบหลายรายการพร้อมกัน (การเลือกร่วมเหมือนในเลเยอร์ - โดยใช้ Ctrl)

หากต้องการ “วนซ้ำ” GIF ใน Photoshop เมื่อสร้างภาพเคลื่อนไหว ให้เลือกค่า Forever ในการตั้งค่าที่เหมาะสมดังที่แสดงในภาพหน้าจอด้านล่าง

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

บันทึกภาพเคลื่อนไหว GIF ใน Photoshop

ในส่วนสุดท้ายของคำแนะนำ เราจะดูวิธีการบันทึกภาพเคลื่อนไหว GIF ใน Photoshop อย่างถูกต้อง เพื่อจุดประสงค์นี้จึงใช้เครื่องมือบันทึกสำหรับเว็บที่คุ้นเคย แต่ใน เวอร์ชันล่าสุด Adobe Photoshop CC ตั้งอยู่ในตำแหน่งเมนูใหม่ (ไฟล์ - ส่งออก) โชคดีที่ Alt + Shift + Ctrl + S ยังคงใช้งานได้

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

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

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

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

สุดท้ายนี้ เราขอแนะนำให้ดูวิดีโอบทแนะนำภาษาอังกฤษเกี่ยวกับการสร้าง GIF แบบเคลื่อนไหวใน Photoshop อัลกอริทึมสำหรับการทำงานนั้นเหมือนกับในบทความ แต่บางทีคุณอาจรับรู้ข้อมูลจากวิดีโอได้ง่ายขึ้น

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

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

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

เพื่อแก้ไขปัญหานี้ เราขอเสนอโปรแกรมแก้ไขเฉพาะของเรา - GIF Resizer ด้วยความช่วยเหลือนี้ เราสามารถเปลี่ยนขนาดของไฟล์ GIF ได้อย่างรวดเร็วและง่ายดาย - ลดหรือเพิ่มตามความจำเป็น โดยทำตามขั้นตอนง่ายๆ ไม่กี่ขั้นตอน:

• คลิกที่ปุ่ม "ปรับขนาด"
• เพิ่ม GIF โดยใช้ปุ่มเรียกดู
• ป้อนความสูงและความกว้างที่คุณต้องการ
• คลิกสมัคร

ไม่กี่วินาที - และขนาดของภาพเคลื่อนไหว GIF ก็กลายเป็นขนาดที่คุณต้องการ!

จะแปลง GIF เป็น JPG และแยกออกเป็นเฟรมได้อย่างไร

ความแตกต่างอีกอย่างหนึ่งที่ผู้ใช้หลายคนมีเมื่อทำงานกับ GIF ก็คือความจำเป็นในการแบ่งมันออกเป็นเฟรม นอกจากนี้ การสร้าง GIF จาก JPG ก็ไม่ใช่เรื่องยาก แต่จะแปลง GIF เป็น JPG ได้อย่างไร หรือแปลงเป็น PNG?

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

• เลือกภาพเคลื่อนไหวที่ต้องการ
• คลิกบนปุ่ม "แยกย่อยเป็นเฟรม"
• เพลิดเพลินไปกับผลลัพธ์!

โปรแกรมแก้ไข GIF Resizer มอบโอกาสที่ดีเยี่ยมแก่คุณในการประหยัดเวลาและความพยายามในการทำงานกับไฟล์ GIF สิ่งที่คุณต้องการ - ปรับขนาด ครอบตัด ย่อหรือขยาย แบ่ง GIF ออกเป็นเฟรม แปลงเป็น JPG, JPEG แปลงเป็น PNG - แอปพลิเคชันของเราพร้อมให้บริการคุณเสมอ! โปรแกรมแก้ไข GIF Resizer ช่วยให้คุณสามารถแก้ไขปัญหาต่อไปนี้:

• จะปรับขนาดภาพเคลื่อนไหว GIF ได้อย่างไร?
• คุณสามารถปรับขนาดภาพเคลื่อนไหวในโปรแกรมใดได้บ้าง
• จะลดขนาดของภาพ GIF ได้อย่างไร?
• จะลดขนาดของภาพเคลื่อนไหวได้อย่างไร?
• จะเปลี่ยนรูปแบบของภาพเคลื่อนไหวได้อย่างไร?
• จะลบโลโก้ออกจากภาพเคลื่อนไหวได้อย่างไร?

เพื่อรับตัวเลือกมากขึ้นด้วยโปรแกรมสร้างแอนิเมชั่นออนไลน์ฟรี ภาพกิฟ Resizer – เพียงลงทะเบียนบนเว็บไซต์ของเรา!

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

ฉันไม่คิดว่าจะมีใครมีความปรารถนาเป็นครั้งคราว ทำซ้ำ / เสร็จสิ้น / เปลี่ยนแปลงเล็กน้อยพบภาพ GIF

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

ดังนั้นเราจะดูคำถามเหล่านี้ในวันนี้

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

เมื่อต้องเผชิญกับ "ปัญหา" นี้ แต่เมื่อรู้วิธีสร้าง GIF แบบเคลื่อนไหวแล้ว ฉันแนะนำว่าจะเปลี่ยน GIF ได้ที่ไหนและอย่างไร ฉันพบ GIF สองสามรายการบนอินเทอร์เน็ตทันทีและตรวจการเดาของฉัน - มันปรากฏว่าถูกต้อง แต่มาเริ่มกันตามลำดับ

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

การเปลี่ยนความเร็วของภาพเคลื่อนไหวในภาพ GIF
(เปลี่ยนความเร็วของภาพกระพริบ)

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

เปิดไฟล์ gif ที่เราสนใจ Adobe Image Ready: ไฟล์(ไฟล์) - เปิด(เปิด) - …

ทีนี้มาดูแผงกัน ภาพเคลื่อนไหว

เราพิจารณาดูม้วนหนังสือนี้อย่างละเอียดและเห็นว่าอยู่ข้างใต้ ทุกคน“frame” คือเวลา (ในกรณีนี้คือตั้งไว้ที่ 0.17 วินาที)

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

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

หากคุณพอใจกับทุกสิ่ง ให้บันทึกผลลัพธ์: ไฟล์ - บันทึกปรับให้เหมาะสมเป็น...- และดูว่าเกิดอะไรขึ้น

ตกลง

ตกลง

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

นั่นคือทั้งหมด!

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

เราเขียนคำลงในอวาตาร์แบบเคลื่อนไหว (รูปภาพ)

เปิด Adobe Image Readyอวตารเคลื่อนไหว: ไฟล์(ไฟล์) - เปิด(เปิด) - …

GIF นี้มีเพียง 2 เฟรม(และ 2 ชั้น) และสิ่งที่เราต้องทำคือเพิ่มคำจารึก นี้จะเสร็จเร็วมาก

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

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

ทีนี้มาดูแผงกัน ภาพเคลื่อนไหว(Animation) ที่มุมล่างซ้ายของหน้าต่างโปรแกรม (โดยค่าเริ่มต้นจะปรากฏอยู่ที่นั่น) หากไม่มีคุณจะต้องได้รับ "การเลื่อน" (แผง): ในเมนูหน้าต่างให้เลือกภาพเคลื่อนไหว

เนื่องจากมีเพียงสองเฟรม เราจึงควรสร้างเฟรมใหม่ขึ้นมาใหม่:

เปิดรายการแบบเลื่อนลงของการเลื่อนภาพเคลื่อนไหวแล้วเลือก ลบเฟรม(ลบเฟรม)

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

เฟรมแรกพร้อมแล้ว

สร้างสำเนาของมัน (โดยเลือก คัดลอกเฟรมในรายการแบบเลื่อนลงหรือปุ่มที่เกี่ยวข้องทางด้านขวาของ "ผู้เล่น")

ปรากฏขึ้น เฟรมที่สอง– ตั้งค่า:
- มีจารึกอยู่ด้วย
- ปิดใช้งานเลเยอร์ 1 แล้ว
- เปิดใช้งานเลเยอร์ 2 แล้ว

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

หากคุณพอใจกับทุกสิ่งแล้ว ให้บันทึกผลลัพธ์: ไฟล์ - บันทึกเพิ่มประสิทธิภาพเป็น...

คุณสามารถปิดคำในเฟรมที่สองได้ - จากนั้นคำนั้นจะ "กะพริบ" ด้วย

และถ้าอยากให้ภาพ “สั่น” ตัวอักษรของคำก็ค่อยๆ เพิ่มเข้ามา?

เราตัดคำออกเป็นตัวอักษรแยกกัน (คัดลอกเลเยอร์ด้วยคำและในแต่ละเลเยอร์ต่อมาเราจะลบตัวอักษรน้อยกว่าหนึ่งตัว - เลเยอร์แรก - เหลืออักษรตัวแรกของคำ, เลเยอร์ที่สอง - 2 ตัวอักษร ฯลฯ สำหรับทั้งหมด ชั้น). ในการดำเนินการนี้ ให้จับเลเยอร์ที่มีคำนั้นแล้วลากไปที่ไอคอนที่ด้านล่างของรายการเลเยอร์ - เลเยอร์จะถูกคัดลอกและปรากฏในรายการ

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

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

นี่คือสิ่งที่เราได้รับ: