ภาพเคลื่อนไหว Photoshop - ข้อความเคลื่อนไหว

• อาจ 10, 2024

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

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

ฉาก 1 เฟรมโดยเฟรม

Timecode (0: 00: 00: 00) เฟรมที่ 1: วิดีโอจะเริ่มต้นด้วยกราฟิกพื้นหลังด้านล่างที่มองเห็นได้

Timecode (0: 00: 01: 00) เฟรม 30: หนึ่งวินาที (30 เฟรม) หลังจากเริ่มวิดีโอ ชื่อธุรกิจ ข้อความจะจางหายไปบนหน้าจอ (ระยะเวลา: .5 วินาที)

ไทม์โค้ด (0: 00: 02: 00) เฟรม 60: สองวินาทีหลังจากเริ่มวิดีโอ ประเภทของธุรกิจ ข้อความจะจางหายไป (ระยะเวลา: .5 วินาที)

เราจะทำสิ่งนี้ทั้งหมดในแผงเวลา

ในแผงควบคุมไทม์ไลน์เลเยอร์ข้อความแต่ละรายการมีคุณสมบัติของตนเองที่เราสามารถทำให้มีชีวิตได้


1. ขยายเลเยอร์กลุ่มข้อความในแผงไทม์ไลน์เพื่อแสดงเลเยอร์ข้อความทั้งหมด (ดูภาพหน้าจอ)
   
   
2. ย้าย Playhead ไปที่ Timecode (0: 00: 01: 00) แล้วลากขอบซ้ายของแต่ละเลเยอร์ข้อความไปยัง Playhead สิ่งนี้จะทำให้เลเยอร์ข้อความมองไม่เห็นจนกว่า Timecode (0: 00: 01: 00)
   
   
3. ขยายตัว ชื่อธุรกิจ เลเยอร์ข้อความเพื่อแสดงรายการคุณสมบัติ ด้วย Playhead at Timecode (0: 00: 01: 00) ให้คลิกไอคอน Stop Watch สำหรับคุณสมบัติ Opacity
   
   คุณควรเห็น (ดูภาพหน้าจอ) คีย์เฟรมสีเหลืองขนาดเล็กที่เพิ่มในคุณสมบัติความทึบ ชุดนี้เป็นการเริ่มต้นของภาพเคลื่อนไหวเลเยอร์ข้อความนี้
   
   
4. ย้าย Playhead 15 frames ไปทางขวา ไทม์โค้ด (0: 00: 01: 15)
   
   
5. ด้วยเท่านั้น ชื่อธุรกิจ เลือกเลเยอร์คลิกสามเหลี่ยมเล็ก ๆ สำหรับคุณสมบัติความทึบในรายการคุณสมบัติเพื่อเพิ่มคีย์เฟรมที่สอง
   
   ตอนนี้คุณควรมีคีย์เฟรมสองตัวบนคุณสมบัติความทึบ
   
   ณ จุดนี้ข้อความจะยังคงปรากฏให้เห็นทั้งตำแหน่งเฟรมหลัก ลองซ่อนข้อความไว้ในเฟรมแรกของภาพจางหายนี้ในภาพเคลื่อนไหว
   
   
6. ย้าย Playhead กลับไปที่เฟรมเริ่มต้น ตอนนี้ไปที่พาเนลของเลเยอร์และลดความทึบของเลเยอร์เป็น 0%
   
   ภารกิจสุดท้ายของเราคือการทำให้ ประเภทของธุรกิจ ข้อความ
   
   
7. ย้าย Playhead ไปที่เครื่องหมายสองวินาทีบน Time Ruler (02:00) หรือ Timecode (0: 00: 02: 00) ลากขอบด้านซ้ายของแทร็กนี้ไปยัง Playhead
   
   
8. เลือก ประเภทของธุรกิจ ข้อความและขยายเพื่อดูคุณสมบัติ ทำซ้ำขั้นตอนก่อนหน้านี้เพื่อเพิ่มสองคีย์เฟรมและลดความทึบเป็น 0% ที่คีย์เฟรมแรก
   
   

ย้าย Playhead กลับไปที่จุดเริ่มต้นของ Timeline แล้วคลิกปุ่ม Play เพื่อทดสอบภาพเคลื่อนไหว บันทึกงานของคุณ

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

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

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

คำแนะนำวิดีโอ: สอนทำภาพเคลื่อไหว Gif Animation เบื้องต้น : Photoshop เท็คนิคเด็ดๆ #35 (อาจ 2024).