วิธีทำให้ GIF ที่กำหนดเองของคุณมีชีวิตชีวาด้วย Photoshop

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

เราได้พูดคุยเกี่ยวกับวิธีง่ายๆในการเปลี่ยนวิดีโอและ Youtube ให้เป็น GIF แบบเคลื่อนไหว แต่วันนี้เราจะแสดงวิธีสร้างภาพเคลื่อนไหวอย่างง่ายโดยไม่ต้องใช้ไฟล์วิดีโอใด ๆ อ่านต่อ - สนุกมาก ๆ.

การสร้างภาพเคลื่อนไหวด้วยเครื่องมือแอนิเมชันของ Photoshop

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

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

ในการเริ่มต้นให้ดึงแผงภาพเคลื่อนไหวขึ้น ค้นหาได้โดยไปที่หน้าต่าง> ภาพเคลื่อนไหว.

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

แผงนี้ยังให้คุณตั้งค่า "การหน่วงเวลา" สำหรับแต่ละเฟรมซึ่งหมายถึงระยะเวลา (ทั้งหมดหรือเศษเสี้ยวของวินาที) ที่ปรากฏบนหน้าจอก่อนที่จะเข้าสู่เฟรมถัดไป 25 เฟรมต่อวินาที (0.04) เป็นอัตรามาตรฐานสำหรับภาพเคลื่อนไหว แต่อาจจะเร็วไปหน่อยสำหรับ GIF แบบเคลื่อนไหว สำหรับตัวอย่างของเราเราประนีประนอมกับความล่าช้า 0.05 ซึ่งคุณสามารถใช้ หากคุณต้องการใช้จำนวนเฟรมต่อวินาทีที่แตกต่างกันเพียงแค่หาร 1 ด้วยจำนวนเฟรมเพื่อให้ได้เวลาหน่วงที่เหมาะสม (ตัวอย่างเช่น 1 วินาทีหารด้วย 25 เฟรมเท่ากับ 0.04 เวลาหน่วง)

ความคิดคือการย้ายชั้นตามา เพิ่มทีละน้อย และถ่ายรูปไปตามทาง เราจะใช้ เครื่องมือย้าย (ปุ่มทางลัด“ V”) และ สะกิดเลเยอร์ของเรา โดยใช้ ปุ่มลูกศร. ในตัวอย่างของเราเราถ่ายภาพหลังจากสะกิดทุกๆสองพิกเซลหรือมากกว่านั้น.

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

(หมายเหตุผู้แต่ง: ถ้าคุณเป็นอะไรอย่างฉันคุณจะต้องปรับแต่งความล่าช้าเป็นพันล้านครั้งอย่างไรก็ตามสิ่งต่าง ๆ ไม่ได้ผลตามที่คุณต้องการเสมอ!)

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

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

ไปที่ไฟล์> บันทึกสำหรับเว็บ & อุปกรณ์เพื่อเปิดเครื่องมือในชื่อเดียวกัน.

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

และ GIF แบบเคลื่อนไหวของเราก็พร้อมที่จะวางบนเว็บเพื่อความพึงพอใจความตกใจและสร้างความกลัว.

และที่เกี่ยวกับการตัดคำสำหรับการเคลื่อนไหว ความคิดหรือคำถามเกี่ยวกับวิธีการของเรา? มีวิธีที่ดีกว่าหรือมีเทคนิคที่ง่ายกว่านี้ไหม ต้องการเห็นบางสิ่งที่ล้ำหน้ากว่านี้ไหม? บอกเราเกี่ยวกับพวกเขาในความคิดเห็นหรือส่งความคิดของคุณมาที่ [email protected] และเราอาจรวมไว้ในบทความกราฟิกที่กำลังจะมาถึง.