Motion Tween ใน Photoshop Advertising Blinkie

• อาจ 3, 2024

ในบทช่วยสอน Photoshop CS3 นี้เราจะเสร็จสิ้นการโฆษณากะพริบตาโดยการย้ายข้อความและ ladybugs ออกกะพริบตาปล่อยให้มันว่างเปล่าเพื่อเริ่มการเคลื่อนไหวอีกครั้ง ในบทช่วยสอนสุดท้ายเราเสร็จสิ้นข้อความที่ปรับเปลี่ยนที่ Frame 74

ตอนนี้เราจะเริ่มย้ายเต่าทองสีแดงจากใต้จี้และไปยังข้อความ (J 3 Designs) ลองให้เต่าทอง 15 เฟรมมาถึงขอบด้านขวาของข้อความ จากจุดนั้นเราจะย้ายทั้งข้อความและเต่าทองเข้าด้วยกันเป็น 60 เฟรมจนกว่าจะหายไปจากไฟกะพริบ ต่อไปเราจะย้ายเต่าทองทองคำจากมุมซ้ายล่างไปยังมุมขวาบนและปิดไฟกะพริบ ขอมอบเต่าทอง 20 เฟรมสำหรับงานนี้

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

เปิดไฟล์โครงการ blinkie2.psd ของคุณลงใน Photoshop^R และเริ่มกันเลย

1. ขั้นตอนแรกของเราคือเลื่อนเต่าทองสีแดงไปยังข้อความ เพิ่ม Frame 75 และตั้งระยะเวลากลับเป็น. 1 วินาที เพิ่ม Frame 76 และคลิกที่เลเยอร์ Ladybug แดงในจานเลเยอร์ ตอนนี้คลิกที่เครื่องมือย้ายและใช้เพื่อย้ายเต่าทองเข้าที่ด้านขวาสุดของข้อความ คุณยังสามารถใช้ลูกศรบอกทิศทางบนแป้นพิมพ์เพื่อวางตำแหน่งเต่าทอง
   
   
2. เลือกทั้ง Frame 75 และ 76 และสร้าง Motion Tween ด้วยระยะเวลา 15 เฟรม คุณควรมี 91 เฟรม
   
   
3. ตอนนี้เราจะใช้ Motion Tween 60 เฟรมเพื่อย้ายข้อผิดพลาดและข้อความออกไป บน Frame 91 ให้เลือกทั้งเลเยอร์ Ladybug แดงและ J 3 Designs ในพาเล็ตเลเยอร์ เพิ่ม Frame 92 ใหม่แล้วลากทั้งบั๊กและข้อความไปทางซ้ายและปิดไฟกะพริบ เลือกทั้งเฟรม 91 และ 92 และเพิ่ม Tween 60 เฟรม คุณควรมี 152 เฟรม
   
   ตอนนี้จะเป็นเวลาที่ดีในการทดสอบภาพเคลื่อนไหว
   
   
4. ได้เวลาตื่นขึ้นมาแล้วจากเต่าทองตัวทองและพาเธอไปทำงาน เพิ่ม Frame 153 ใหม่และเลือกเลเยอร์ Gold Ladybug ในจานสี Layers เพิ่มอีก 154 เฟรมและลากเต่าทองสีทองไปที่มุมบนขวาและปิดไฟกะพริบ เลือกทั้งเฟรม 153 และ 154 และเพิ่ม Tween 20 เฟรม คุณควรมี 174 เฟรม
   
   
5. เราต้องการให้ Blinkie ว่างเปล่าสำหรับความยาวห้าเฟรม. l วินาที งั้นลองเปลี่ยนระยะเวลาของ Frame 174 เป็น. 5 วินาที
   
   ในที่สุดเราจำเป็นต้องย้ายเต่าทองทองคำกลับสู่ตำแหน่งเริ่มต้นของเธอ
   
   
6. กลับไปที่ Frame 1 และคลิก Copy Frame จากเมนูป๊อปอัพ Animation palette เลือกเฟรมสุดท้าย (174) และคลิกวางเฟรม ในกล่องโต้ตอบวางเฟรมให้เลือกวางหลังจากการเลือกแล้วคลิกตกลง สิ่งนี้จะเพิ่ม Frame 175
   
   
7. เพิ่ม Frame 176 ใหม่ไปยัง Frame 175 ที่ซ้ำกันกลับไปที่ Frame 175 และด้วยเลเยอร์ Gold Ladybug ที่ยังคงถูกเลือกในจานสี Layers ลากเต่าทองลงด้านล่างและออกจากกะพริบตา
   
   
8. เลือกทั้งเฟรม 175 และ 176 และเพิ่ม Tween 10 เฟรม คุณควรมี 186 เฟรม
   
   
9. ตรวจสอบให้แน่ใจว่าตัวเลือกการวนลูปถูกตั้งค่าเป็น Forever (ด้านล่างของพาเล็ต Animation) และบันทึกการกะพริบของคุณเป็น AdvBlinkie.psd กลับไปที่ Frame 1 และทดสอบการกะพริบของคุณเสร็จแล้ว คุณจะต้องใช้ตัวเลือกบันทึกสำหรับเว็บและอุปกรณ์จากเมนูไฟล์เพื่อบันทึกการกะพริบของคุณในรูปแบบ gif สำหรับเว็บ
   
   

ลิขสิทธิ์ 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 ในสหรัฐอเมริกาและ / หรือประเทศอื่น ๆ

คำแนะนำวิดีโอ: Clip Studio Paint Animation Tutorial Beginners Tips & Tricks (อาจ 2024).