Morphing Text ในภาพเคลื่อนไหว Photoshop

• อาจ 18, 2024

จนถึงใน Photoshop ที่กำลังดำเนินการอยู่^R โครงการแอนิเมชั่นเราได้สร้างเอฟเฟ็กต์ข้อความจางและแอนนิเมชั่นข้อความที่ใช้กรอบง่ายๆ เรามี 47 เฟรมในภาพเคลื่อนไหวของเรา ตอนนี้เราจะดัดแปลงข้อความในเลเยอร์ J3 Designs (ชื่อเว็บไซต์) โดยใช้คุณสมบัติ Warped Text ของ Photoshop และ palette Animation

1. ในการเตรียมพร้อมสำหรับ morph ของชื่อเว็บไซต์เราจำเป็นต้องเพิ่มเฟรมใหม่ (เฟรม 48) และตั้งระยะเวลากลับเป็น. 1 วินาที เราจะต้องปิดการเปิดเผยสำหรับ นักออกแบบ และ สำหรับ ชั้น จากนั้นเปิดการมองเห็นของ การออกแบบ J3 (ชื่อเว็บไซต์) เลเยอร์ในจานสีเลเยอร์
   
   
2. ตอนนี้เราสามารถเริ่มแปรเปลี่ยน เพิ่มเฟรมใหม่ (กรอบ 49) เข้ากับพาเล็ตแอนิเมชั่น กลับไปที่ไฟกะพริบแล้วเลือกข้อความ“ J3 Designs” ด้วยเครื่องมือ Text สิ่งนี้จะช่วยให้คุณใช้ปุ่มข้อความ Warp คลิกที่ปุ่มเพื่อเปิดกล่องโต้ตอบข้อความ Warp ตั้งค่ารายการดรอปดาวน์สไตล์เป็นปลาปุ่มตัวเลือกเป็นแนวนอนและตั้งค่าแถบเลื่อนเป็น 0 ปิดกล่องโต้ตอบ
   
   
3. ในการตั้งค่าเฟรมสิ้นสุดสำหรับครึ่งแรกของภาพเคลื่อนไหว morph ให้เพิ่มเฟรมใหม่ (เฟรม 50) เลือกข้อความอีกครั้งและเปิดกล่องโต้ตอบข้อความ Warp ย้ายตัวเลื่อนโค้งไปที่ 100 แล้วปิดกล่องโต้ตอบ
   
   
4. ในการสร้างภาพเคลื่อนไหว morph ให้เลือกเฟรม 49 และ 50 จากเมนูจานสีให้เลือก Tween กำหนดจำนวนเฟรมเป็น 5 และคลิกตกลง Photoshop จะเพิ่มเฟรมทวีต คุณจะมี 55 เฟรมในภาพเคลื่อนไหว
   
   
5. ทีนี้กลับไปอีกทางกับ morph เพิ่มเฟรมใหม่ (เฟรม 56) เลือกข้อความและเปิดกล่องโต้ตอบข้อความ Warp ตั้งค่าตัวเลื่อนโค้งกลับเป็น 0 และปิดกล่องโต้ตอบ เลือกเฟรม 55 และ 56 แล้วสร้าง Tween อีกหนึ่งเฟรมด้วยระยะเวลา 5 เฟรม Photoshop จะเพิ่มเฟรมทวีตและคุณควรมี 61 เฟรมในชุดภาพเคลื่อนไหว
   
   ตอนนี้เราจะทำซ้ำสองขั้นตอนสุดท้าย แต่คราวนี้ตั้งค่าตัวเลื่อนโค้งเป็น -100 แทน 100
   
   
6. เพิ่มเฟรมใหม่ (เฟรม 62) เลือกข้อความและเปิดกล่องข้อความ Wart ตั้งค่าตัวเลื่อนโค้งเป็น -100 เลือก Frames 61 และ 62 และสร้าง Tween อีกอันด้วยระยะเวลา 5 เฟรม Photoshop จะเพิ่มเฟรมทวีตและคุณควรมี 67 เฟรม
   
   
7. เพิ่มเฟรมใหม่อีกครั้ง (Frame 68) และตั้งค่าตัวเลื่อนโค้งกลับเป็น 0 เลือก Frame 67 และ 68 และสร้าง Tween สุดท้าย ตอนนี้คุณควรมี 73 เฟรม
   
   
8. สุดท้ายเราต้องการให้แอนิเมชันแสดงชื่อเว็บไซต์ (J3 Designs) เป็นเวลา 2 วินาที เพิ่มเฟรมใหม่ (เฟรม 74) และตั้งระยะเวลาเป็น 2 วินาที
   
   

เลือก Frame 1 ในพาเล็ต Animation และเล่นแอนิเมชันของคุณ บันทึกโครงการของคุณเป็น blinkie2.psd ในบทช่วยสอนถัดไปเราจะเริ่มการเคลื่อนไหวข้อบกพร่องของเราและเสร็จสิ้นการเคลื่อนไหว

ลิขสิทธิ์ 2018 Adobe Systems Incorporated สงวนลิขสิทธิ์. ภาพหน้าจอผลิตภัณฑ์ Adobe พิมพ์ซ้ำได้รับอนุญาตจาก Adobe Systems Incorporated Adobe, Photoshop, อัลบั้ม Photoshop, องค์ประกอบ Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, องค์ประกอบรอบปฐมทัศน์, สะพาน, After Effects, InCopy, Dreamweaver, แฟลช, ActionScript, ดอกไม้ไฟ, Contribute, Flash Catalyst และ Flash Paper เป็น / เป็น [a] เครื่องหมายการค้าจดทะเบียน [s] หรือเครื่องหมายการค้า [s] ของ Adobe Systems Incorporated ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ

คำแนะนำวิดีโอ: How to Make Adobe Photoshop Like Photo Strip Effect in PowerPoint 2016 Tutorial (อาจ 2024).