ภาพเคลื่อนไหว Photoshop - กราฟิกเคลื่อนไหว

• อาจ 10, 2024

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

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

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

ฉาก 2 ตามเฟรม

Timecode (0: 00: 05: 00) ที่ Timeline ห้าวินาทีกราฟิกตัวยึดตำแหน่งที่สองจะเลื่อนไปที่หน้าจอ (ระยะเวลา: .5 วินาที)

Timecode (0: 00: 07: 00) ในเวลาเจ็ดวินาทีบน Timeline ข้อความสองบรรทัดจะหายไป (ระยะเวลา: .5 วินาที)

เปิดโครงการของคุณใน Photoshop และไปที่ไทม์ไลน์ อย่างที่คุณเห็นกราฟิกตัวยึดตำแหน่งที่สองอยู่บนเลเยอร์เหนือกราฟิกแรก เมื่อมาถึงจุดนี้ทางเดินจะขยายระยะเวลาทั้งหมดของเส้นเวลา แต่เราไม่ต้องการให้ภาพนี้ปรากฏจนกว่าจะถึงห้าวินาทีใน Timeline งั้นลองตัดแทร็กที่ Timecode (0: 00: 05: 00) นี่จะเป็นตำแหน่งเริ่มต้นสำหรับสไลด์ในภาพเคลื่อนไหว

1. หากจำเป็นให้เปิดการมองเห็นของ [ภาพพื้นหลังที่นี่ - 2] ชั้นในแผงเลเยอร์
   
   
2. ย้าย Playhead ไปที่ Timecode 0: 00: 05: 00 (ดูภาพหน้าจอ)
   
   
3. คลิกที่ขอบด้านซ้ายของแทร็กกราฟิกตัวยึดและลากไปทางขวาถึงห้าวินาทีบน Timeline
   
   เราจำเป็นต้องย้ายภาพถ่ายออกจากขอบด้านขวาของหน้าจออย่างสมบูรณ์ นี่จะเป็นตำแหน่งเริ่มต้นสำหรับการเคลื่อนไหวรูปภาพไปยังหน้าจอ (ดูภาพหน้าจอ)
   
   
4. ในการย้ายภาพกราฟิกไปที่ตำแหน่งเริ่มต้นของภาพเคลื่อนไหวให้เลือกเลเยอร์คลิกแก้ไข - แปลงอย่างอิสระและลากภาพกราฟิกจนกว่าจะปิดหน้าจอโดยสมบูรณ์
   
   
5. ขยายตัว [ภาพพื้นหลังที่นี่ - 2] ชั้นและคลิกที่ Stop Watch สำหรับคุณสมบัติการแปลงเพื่อตั้งค่าคีย์เฟรมตำแหน่งเริ่มต้น (ดูภาพหน้าจอ)
   
   ทีนี้ลองทำกราฟิกที่สองกลับไปที่หน้าจออีกครั้ง
   
   
6. ย้าย Playhead ไปที่ Timecode 0: 00: 05: 15 เลื่อนกราฟิกกลับไปที่หน้าจอโดยจับคู่ขอบด้านขวา
   
   คุณควรเห็นคีย์เฟรมที่สองที่เพิ่มในคุณสมบัติการแปลง
   
   
7. สุดท้ายเราก็จะลดระยะเวลาในการติดตามของต้นฉบับให้สั้นลง [ภาพพื้นหลังที่นี่] ชั้นล่าง ลากขอบด้านขวาของแทร็กไปที่ Timecode 0: 00: 07: 00
   
   ตกลงตอนนี้เราค่อย ๆ จางหายไปจากข้อความ ณ จุดนี้เลเยอร์ข้อความยังคงสิ้นสุดในห้าวินาทีเริ่มต้น ขั้นตอนแรกของเราคือการขยายแทร็ก
   
   
8. ย้าย Playhead ไปที่ Timecode (0: 00: 07: 15) ซึ่งเป็นจุดสิ้นสุดของภาพเคลื่อนไหวที่หายไป (ดูภาพหน้าจอ)
   
   
9. ลากขอบด้านขวาของแต่ละแทร็กข้อความเพื่อขยายแทร็กไปที่ Timecode (0: 00: 07: 15)
   
   นี่จะเป็นเฟรมสุดท้ายสำหรับภาพเคลื่อนไหวที่หายไป แต่ก่อนอื่นเราต้องตั้งเฟรมเริ่มต้น
   
   
10. ย้าย Playhead ไปที่ Timecode (0: 00: 07: 00)
    
    
11. เปิดรายการคุณสมบัติสำหรับ ชื่อธุรกิจ และ ประเภทของธุรกิจ เลเยอร์ข้อความ
    
    
12. สำหรับเลเยอร์ข้อความทั้งสองคลิกไอคอน Stop Watch สำหรับคุณสมบัติความทึบเพื่อตั้งค่าความทึบเริ่มต้นของภาพเคลื่อนไหวซึ่ง ณ จุดนี้คือ 100% (ดูภาพหน้าจอ)
    
    
13. ย้าย Playhead กลับไปที่ Timecode (0: 00: 07: 15) และลดความทึบของเลเยอร์ข้อความสองชั้นในพาเนลเลเยอร์เป็น 0%
    
    คุณควรเห็นคีย์เฟรมสองตัวที่ลงท้ายด้วย Timeline (ดูภาพหน้าจอ)
    
    

ทดสอบภาพเคลื่อนไหวของคุณและบันทึกไฟล์ของคุณ

ย้อนกลับ | ต่อไป

ลิขสิทธิ์ 2018 Adobe Systems Incorporated สงวนลิขสิทธิ์. ภาพหน้าจอผลิตภัณฑ์ Adobe พิมพ์ซ้ำได้รับอนุญาตจาก Adobe Systems Incorporated Adobe, Photoshop เป็น / เป็น [a] เครื่องหมายการค้าจดทะเบียน [s] หรือเครื่องหมายการค้า [s] ของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ

คำแนะนำวิดีโอ: การทำภาพเคลื่อนไหวใบไม้โปรยอย่างง่ายๆ ด้วย Photoshop (animation) (อาจ 2024).