Adobe Photoshop CS5 เป็นโปรแกรมแก้ไขรูปภาพที่มีประสิทธิภาพซึ่งคุณสามารถใช้เพื่อสร้างหรือแก้ไขรูปภาพเกือบทุกประเภทที่คุณอาจต้องการ Photoshop CS5 นั้นเชี่ยวชาญเป็นพิเศษ อย่างไรก็ตาม ในการสร้างภาพที่ตั้งใจจะวางออนไลน์ เช่น ภาพที่คุณอาจใส่บนเว็บไซต์ของคุณ หรือที่คุณอาจต้องการแบ่งปันกับเพื่อนของคุณ ตัวเลือกรูปภาพยอดนิยมคือ GIF แบบเคลื่อนไหว เพราะสร้างง่าย มีการเคลื่อนไหว แต่โพสต์ได้เหมือนภาพนิ่งทั่วไป Photoshop มีเครื่องมือที่เป็นประโยชน์บางอย่างที่ช่วยให้คุณสร้าง GIF แบบเคลื่อนไหวใน Photoshop CS5 ได้ และคุณยังสามารถปรับแต่ง GIF แบบเคลื่อนไหวใน Photoshop CS5 ให้เป็นไปตามข้อกำหนดที่คุณต้องการได้อีกด้วย
การเตรียมเฟรมสำหรับ GIF แบบเคลื่อนไหวของคุณใน Photoshop CS5
GIF แบบเคลื่อนไหวใน Photoshop CS5 เป็นรูปภาพห้าภาพแยกกันที่คุณจะจัดเรียงเป็นเลเยอร์ แต่ละเลเยอร์จะแสดงเฟรมของรูปภาพของคุณ ดังนั้นแต่ละเฟรมจะต้องแตกต่างกันเล็กน้อยเพื่อช่วยระบุว่ามีการกระทำหรือการเคลื่อนไหวเกิดขึ้นใน GIF แบบเคลื่อนไหวของคุณ สำหรับจุดประสงค์ของบทช่วยสอนนี้ ฉันจะสร้าง GIF แบบเคลื่อนไหวใน Photoshop CS5 ของดวงดาวที่เคลื่อนผ่านพื้นหลังสีดำ GIF แบบเคลื่อนไหวจะประกอบด้วยห้าเฟรมที่แตกต่างกัน โดยที่ดาวจะอยู่ที่ตำแหน่งที่แตกต่างกันเล็กน้อยในแต่ละเฟรม ภาพที่แยกออกมามีลักษณะดังนี้:
เพื่อความง่าย ฉันได้ติดป้ายกำกับรูปภาพเป็น 1.gif, 2.gif, 3.gif, 4.gif และ 5.gif ซึ่งจะช่วยให้ฉันจำลำดับที่ฉันต้องการแสดงได้ แต่ละภาพมีขนาดเท่ากัน 100×100 พิกเซล
ในการเริ่มสร้าง GIF แบบเคลื่อนไหวใน Photoshop CS5 คุณสามารถเปิด Photoshop ได้แล้ว คลิก ไฟล์ ที่ด้านบนของหน้าต่าง คลิก ใหม่แล้วกำหนดขนาดสำหรับรูปภาพของคุณ เมื่อตั้งค่าพารามิเตอร์รูปภาพของคุณแล้ว ให้คลิกที่ ตกลง ปุ่มเพื่อสร้างผ้าใบเปล่าของคุณ
สิ่งต่อไปที่ต้องทำคือเปิดโฟลเดอร์ที่มีรูปภาพที่คุณจะรวมไว้ใน GIF แบบเคลื่อนไหวของคุณใน Photoshop CS5 โปรดทราบว่าคุณกำลังเปิดโฟลเดอร์ใน Windows Explorer ไม่ใช่ด้วย เปิด คำสั่งใน Photoshop Windows Explorer คือโปรแกรมที่คุณใช้เพื่อเรียกดูโฟลเดอร์และไฟล์ต่างๆ ในคอมพิวเตอร์ของคุณ และคุณสามารถเปิดใช้งานได้โดยคลิกที่ไอคอนโฟลเดอร์ในแถบงานที่ด้านล่างของหน้าจอคอมพิวเตอร์ เมื่อเปิดโฟลเดอร์ที่มีรูปภาพของคุณแล้ว ให้กดแป้น CTrl บนแป้นพิมพ์ค้างไว้เพื่อเลือกรูปภาพทั้งหมด จากนั้นลากไปยังผ้าใบ Photoshop CS5
การดำเนินการนี้จะเปลี่ยนผืนผ้าใบของคุณให้แสดงเฟรมใดเฟรมหนึ่งโดยมี X ทับอยู่ เช่น ในภาพนี้:
เมื่อเห็นสิ่งนี้ให้กด เข้า บนแป้นพิมพ์ของคุณเพื่อแทรกแต่ละภาพเป็นเลเยอร์ใน Photoshop เมื่อเพิ่มรูปภาพทั้งหมดแล้ว . ของคุณ เลเยอร์ หน้าต่างทางด้านขวาของ Photoshop ควรมีลักษณะดังนี้
โปรดทราบว่ารูปภาพที่คุณต้องการแสดงเป็นเฟรมสุดท้ายของ GIF แบบเคลื่อนไหวควรเป็นเลเยอร์บนสุด หากเลเยอร์ของคุณอยู่ในลำดับที่ไม่ถูกต้อง คุณสามารถลากไปรอบๆ ภายใน เลเยอร์ จนกว่าจะอยู่ในลำดับที่ถูกต้อง
ตอนนี้คุณต้องเปิด แอนิเมชั่น หน้าต่าง ซึ่งคุณสามารถทำได้โดยคลิกที่ หน้าต่าง เมนูที่ด้านบนสุดของ Photoshop จากนั้นคลิก แอนิเมชั่น ตัวเลือก. ดิ แอนิเมชั่น หน้าต่างจะเปิดขึ้นเป็นหน้าต่างแนวนอนที่ด้านล่างของ Photoshop
คลิกปุ่มที่มุมบนขวาของ แอนิเมชั่น หน้าต่าง (ปุ่มดูเหมือนลูกศรชี้ลงถัดจากเส้นแนวนอน 4 เส้น) จากนั้นคลิกปุ่ม สร้างเฟรมจากเลเยอร์ ตัวเลือก.
คลิกลูกศรชี้ลงทางด้านขวาของ 0 วินาที และภายใต้เฟรมใดเฟรมหนึ่งของคุณใน แอนิเมชั่น หน้าต่าง จากนั้นเลือกระยะเวลาที่คุณต้องการให้เฟรมนั้นแสดงใน GIF แบบเคลื่อนไหวของคุณ ทำซ้ำขั้นตอนนี้สำหรับแต่ละเฟรมของรูปภาพของคุณ ชอบเลือก 1.0 สำหรับระยะเวลาของเฟรมใน GIF แบบเคลื่อนไหวจำนวนมากใน Photoshop CS5 แต่ให้ทดสอบด้วยระยะเวลาต่างๆ กันจนกว่าคุณจะพบรูปแบบที่เหมาะกับคุณที่สุด
คุณยังสามารถระบุได้ว่าจะให้ GIF แบบเคลื่อนไหววนซ้ำในเฟรมทั้งหมดกี่ครั้งโดยคลิก ตลอดไป เมนูแบบเลื่อนลงที่ด้านล่างของ แอนิเมชั่น หน้าต่าง. ฉันใช้ ตลอดไป เป็นตัวเลือกสำหรับ GIF แบบเคลื่อนไหวที่ท้ายบทความนี้ ซึ่งหมายความว่า GIF แบบเคลื่อนไหวจะวนไปเรื่อยๆ จนกว่าคุณจะออกจากหน้านี้
คุณสร้าง GIF แบบเคลื่อนไหวใน Photoshop CS5 เสร็จแล้ว ดังนั้นคุณต้องบันทึก คลิก ไฟล์ ที่ด้านบนของหน้าต่าง แล้วคลิก บันทึกสำหรับเว็บและอุปกรณ์. คลิกเมนูแบบเลื่อนลงที่มุมบนขวาของหน้าต่างเพื่อเลือก GIF ตัวเลือก จากนั้นคลิก บันทึก ปุ่มที่ด้านล่างของหน้าต่าง
พิมพ์ชื่อไฟล์ของคุณลงใน ชื่อไฟล์ ช่อง แล้วคลิก บันทึก ปุ่ม. จากนั้นคุณสามารถดับเบิลคลิกที่ภาพที่สร้างขึ้นในโฟลเดอร์ของคุณเพื่อเปิดภาพเคลื่อนไหว GIF และดูสิ่งที่คุณสร้างขึ้น ด้านล่างนี้เป็นตัวอย่างภาพเคลื่อนไหว GIF ของฉันในรูปภาพ Photoshop CS5
