วิธีสร้าง GIF แบบเคลื่อนไหวโดยใช้ Photoshop
เบ็ดเตล็ด / / December 02, 2021
อย่างไรก็ตาม แม้ว่าจะดูซับซ้อน แต่จริงๆ แล้ว GIF นั้นสร้างได้ไม่ยาก ในความเป็นจริง, หากคุณมี Photoshopคุณมีทุกสิ่งที่จำเป็นในการสร้างแล้ว ซึ่งเป็นสิ่งที่เราจะแสดงให้คุณเห็นในบทช่วยสอนนี้
พร้อม? มาเริ่มกันเลย.
ขั้นตอนที่ 1: ขั้นแรก เตรียมไฟล์รูปภาพที่จะประกอบเป็นไฟล์ GIF ของคุณ เนื่องจากไฟล์ GIF ทุกไฟล์มีเฟรมต่างกัน นั่นหมายความว่าคุณควรมี "เฟรม" ต่างๆ ที่จะสร้าง GIF ของคุณอยู่แล้ว สำหรับตัวอย่างนี้ ฉันจะสร้าง GIF ที่ประกอบด้วยไฟล์รูปภาพง่ายๆ สามไฟล์ (แสดงด้านล่าง)
![ภาพก่อน](/f/08a12bd5059b625c259320bc741df301.png)
![รูปภาพพร้อม](/f/8a08195d5cffed8342bcac7bd1da85c8.png)
ขั้นตอนที่ 2: เปิดไฟล์ใน Photoshop (เว้นแต่คุณจะสร้างขึ้นใน Photoshop เพื่อเริ่มต้น) และตรวจสอบให้แน่ใจว่าไฟล์แต่ละไฟล์อยู่ในเลเยอร์ที่แยกจากกัน เพื่อให้แน่ใจว่าสิ่งนี้ เมื่อไฟล์แรกเปิดขึ้น ให้คลิกที่ สร้างเลเยอร์ใหม่.. ปุ่มที่ด้านล่างขวาของ เลเยอร์ แผง (แสดงด้านล่าง) และวางถัดไป ไฟล์ภาพ บนชั้นใหม่
![เลเยอร์ใหม่](/f/4b694d056e239bec87ef61e116b2ae9b.png)
เมื่อเพิ่มรูปภาพทั้งหมดของคุณลงในเลเยอร์แล้ว รูปภาพเหล่านั้นควรมีลักษณะดังนี้บนแผง Photoshop Layers:
![ไฟล์สุดท้าย](/f/d9e5ec0bff57c7552cde67de6093cd65.png)
ขั้นตอนที่ 3: ตอนนี้ใน Photoshop ให้ไปที่ หน้าต่าง เมนูและคลิกที่ แอนิเมชั่น ตัวเลือก. นี่จะแสดงจานสีแอนิเมชั่นของ Photoshop เมื่อมันเกิดขึ้นแล้ว ให้คลิกที่ปุ่มที่ด้านล่างขวา (แสดงอยู่ด้านล่าง) เพื่อเปลี่ยนจาก เส้นเวลา มองไปยัง เฟรม ซึ่งจะทำให้งานของเราง่ายขึ้นเล็กน้อย
![เมนูแอนิเมชั่น](/f/0214cb074aa63b7af0731261d591abaa.png)
![มุมมองไทม์ไลน์](/f/186f36db132368156488efd40ec74c52.png)
![มุมมองเฟรม](/f/ecfb1357a948cf1cab5f6ea636566c17.png)
ขั้นตอนที่ 4: ตามค่าเริ่มต้น จานสีภาพเคลื่อนไหวจะแสดงเพียงภาพเดียว (หรือ "เฟรม") ที่คุณมี นอกจากนี้ยังแสดงเวลาที่จะแสดงในไฟล์ GIF สุดท้ายที่ด้านล่างของแต่ละเฟรม หากคุณต้องการเปลี่ยน เพียงคลิกและเลือกเวลาที่คุณต้องการ เวลาที่คุณเลือกจะนำไปใช้กับเฟรมที่เหลือด้วย
![กรอบเวลา](/f/4032ab93355e2677a743fc3f194f22ca.png)
ขั้นตอนที่ 5: ตอนนี้ เพื่อเพิ่มบางเฟรมที่ภาพอื่นๆ ของคุณจะไป เมื่อต้องการทำสิ่งนี้ บนพาเล็ตแอนิเมชั่น ให้คลิกที่ เฟรมซ้ำ ปุ่ม.
![เฟรมซ้ำ](/f/22a4e24f26bc693944e4da1088a69e75.png)
นี่จะเพิ่มเฟรมที่สองที่จะสร้าง GIF ของคุณ นี่คือเคล็ดลับ: สำหรับทุกเฟรมที่เพิ่ม ตรวจสอบให้แน่ใจว่าได้เลือกเฉพาะเลเยอร์ที่เกี่ยวข้องซึ่งมีภาพที่คุณต้องการสำหรับเฟรมนั้นเท่านั้น เลเยอร์ จานสี ตรวจสอบภาพด้านล่างเช่น:
![ชั้น 0](/f/fe402a5df6ddce547b51df637751fc42.png)
![ชั้น 1](/f/aa1a83739cf7d2c57ec8aaf66bb37078.png)
![ชั้น2](/f/2bb21a1760dd14aac7654ade5f265da6.png)
เนื่องจากฉันต้องการให้เลเยอร์ 1 และเลเยอร์ 2 เป็นส่วนประกอบที่สองและสามของไฟล์ GIF ของฉันตามลำดับ ฉันจึงเลือกเพียงอย่างใดอย่างหนึ่งสำหรับเฟรมที่สองและสามเท่านั้น ในท้ายที่สุด จานสีภาพเคลื่อนไหวควรแสดงเฟรมทั้งหมดของไฟล์ GIF ของคุณตามลำดับที่จะแสดงและกำหนดระยะเวลาในการแสดงแต่ละเฟรมด้วย
![Gif สุดท้ายก่อนบันทึก](/f/56fe87741602efaf63285944aa520a99.png)
ขั้นตอนที่ 6: เมื่อเฟรมของ GIF ที่ใกล้จะมาถึงของคุณพร้อมแล้ว ก็ถึงเวลาบันทึก เมื่อต้องการทำเช่นนี้ บน ไฟล์ เมนูคลิกที่ บันทึกสำหรับเว็บและอุปกรณ์… ในหน้าต่างที่ปรากฏขึ้น ตรวจสอบให้แน่ใจว่าได้เลือกรูปแบบ GIF ภายใต้ ที่ตั้งไว้ล่วงหน้า.
![บันทึกสำหรับเว็บ](/f/3fa010b9c15af1fb12b878d4737b9acf.png)
![เลือกไฟล์ Gif](/f/ff703c6d71f206452d954c8d94c74c92.png)
นอกจากนี้ เมื่อคลิกที่แท็บด้านบนรูปภาพของคุณในหน้าต่างนี้ คุณจะสามารถเลือกคุณภาพผลงาน (แน่นอนว่ามีขนาดต่างกัน) สำหรับไฟล์ GIF ของคุณ
![คุณสมบัติ Gif](/f/c3406905ca564aea253828d167942391.png)
![Gif พร้อม](/f/aba9938d72080cd6b3ec3c7b7f7fe90d.png)
เมื่อคุณเลือกขนาดและคุณภาพของ GIF แล้ว ให้คลิกที่ บันทึก และคุณทำเสร็จแล้ว
![Gt](/f/84b3df4496aa552e1ee3e2420d1f932a.gif)
เพลิดเพลินกับไฟล์ GIF ของคุณ!