ภาพเคลื่อนไหว Flash Thanksgiving

• อาจ 7, 2024

ในบทช่วยสอนนี้เราจะสร้างเอฟเฟกต์ข้อความอย่างง่าย Tween โดยใช้ Flash^R เคลื่อนไหวที่ตั้งไว้สำหรับโครงการวันขอบคุณพระเจ้า หากคุณติดตามบทเรียนศิลปะดิจิทัลคุณจะได้สร้างภาพพื้นหลังสำหรับโครงการนี้แล้ว ถ้าไม่ใช้ลิงก์ที่ด้านล่างของหน้าเพื่ออ่านบทช่วยสอนนั้น

ขั้นตอนแรกคือการรวมเลเยอร์ทั้งหมดใน Photoshop ของเรา^R ภาพ. ดังที่ได้กล่าวไว้ในบทช่วยสอนเราต้องการใบไม้แต่ละใบบนเลเยอร์ของตัวเองเมื่อเราสร้างภาพพื้นหลัง อย่างไรก็ตามตอนนี้เราพร้อมที่จะใช้เป็นภาพพื้นหลังสำหรับภาพเคลื่อนไหว Flash ของเราแล้วเราสามารถรวมเลเยอร์ทั้งหมดลงในเลเยอร์พื้นหลังนั้น

1. เปิดภาพพื้นหลังของคุณลงใน Photoshop จากแถบเมนูคลิก Layer - Flatten Image ตอนนี้เราสามารถบันทึกรูปภาพของเราในรูปแบบ psd เริ่มต้นได้แล้ว เพื่อให้รุ่นที่มีสภาพสมบูรณ์เหมือนเดิมเราจำเป็นต้องบันทึกเวอร์ชันที่แบนราบด้วยชื่อใหม่ เราเรียกมันว่า ThanksgivingFlattened.psd
   
   
2. เริ่มโครงการใหม่ใน Flash CS4 เปลี่ยนชื่อเลเยอร์ 1 เป็น "พื้นหลัง"
   
   
3. เราสามารถนำภาพแบนเข้าสู่โครงการแฟลชของเรา คลิกไฟล์ - นำเข้า - นำเข้าสู่สเตจ เรียกดู ThanksgivingFlattened.psd ของคุณและเลือกเป็นภาพนำเข้าของคุณ มันควรจะปรากฏบนเวทีแฟลช
   
   เนื่องจากเราทำให้ภาพพื้นหลังมีความกว้างและความสูงเท่ากับเวทีแฟลชเริ่มต้นมันจะถูกจัดกึ่งกลางโดยอัตโนมัติในตำแหน่งบนเวทีและพร้อมที่จะไป
   
   
4. เพิ่มเลเยอร์ใหม่ให้กับไทม์ไลน์แล้วตั้งชื่อว่า "Happy Thanksgiving" สิ่งนี้จะระงับการเคลื่อนไหวที่กำหนดไว้ล่วงหน้าสำหรับข้อความ "Happy Thanksgiving" ของเรา
   
   
5. คลิกบนเวทีด้วยเครื่องมือข้อความและเพิ่มข้อความของเราในกล่องข้อความ ในแผงคุณสมบัติคุณสามารถเปลี่ยนแบบอักษรลักษณะขนาดและสีของข้อความได้ ในตัวอย่างฉันเก็บข้อความ Times New Roman แต่ตั้งขนาดเป็น 35pt ฉันยังตั้งค่า Anti-alias สำหรับภาพเคลื่อนไหวและเปลี่ยนสีเป็นสีแดงเข้ม (# BD2226)
   
   
6. เมื่อเลือกข้อความแล้วให้คลิกหน้าต่าง - ค่าที่ตั้งไว้ล่วงหน้าเพื่อเปิดพาเนลนั้น ในแผงนี้เรามีสถานีที่ตั้งไว้ล่วงหน้าหลายแห่งในโฟลเดอร์ Default Presets ทดสอบกับค่าที่ตั้งไว้ล่วงหน้าเพื่อดูว่าคุณต้องการใช้อันใดในแอนิเมชั่นของคุณ ในตัวอย่างฉันใช้การตั้งค่าล่วงหน้า "หลายเด้ง"
   
   มีสิ่งสำคัญที่ต้องจดจำเมื่อทำงานกับ Motion Presets ค่าที่ตั้งล่วงหน้าจะถูกนำไปใช้กับวัตถุ (ข้อความของเรา) ตามที่ปรากฏในเฟรมแรกของภาพเคลื่อนไหวที่กำหนดไว้ล่วงหน้า ณ จุดนี้ข้อความของเราอยู่กึ่งกลางเวที ในการตั้งค่าล่วงหน้าแบบตีกลับหลายข้อความจะลดลงเล็กน้อยและเด้งสองสามครั้ง แต่ถ้าฉันใช้การตั้งค่าล่วงหน้ากับข้อความที่ตำแหน่งปัจจุบันข้อความจะไม่ปรากฏเมื่อมันลดลง มันจะย่อลงจากด้านล่างของเวทีและเราจะไม่สามารถเห็นมันกระเด็น ดังนั้นฉันต้องวางข้อความที่ด้านบนหรือด้านบนของเวที ด้วยวิธีนี้มันจะดรอปดาวน์และเด้งตรงกลางเวที นี่คือเอฟเฟกต์ที่เราต้องการ หากคุณใช้พรีเซตที่แตกต่างกันคุณจะต้องตัดสินใจว่าข้อความควรอยู่ที่จุดเริ่มต้นของภาพเคลื่อนไหวของคุณ
   
   
7. เลือกข้อความและลากไปไว้เหนือระดับ หากต้องการใช้การตั้งค่าล่วงหน้ากับข้อความของคุณให้เลือกการเลือกล่วงหน้าที่คุณต้องการและคลิกปุ่มใช้
   
   ค่าที่กำหนดล่วงหน้าแต่ละชุดเป็นแบบทวีคูณเคลื่อนไหวพร้อมจำนวนเฟรมที่กำหนดไว้ซึ่งจะถูกเพิ่มลงในเลเยอร์ Happy Thanksgiving
   
   
8. ก่อนที่เราจะทดสอบภาพเคลื่อนไหวของเราเราต้องขยายเลเยอร์พื้นหลังไปยังจุดสิ้นสุดของทวีตที่กำหนดไว้ล่วงหน้า ในตัวอย่างนั่นคือ Frame 75 คลิกขวาที่เฟรมนี้บนเลเยอร์พื้นหลังและแทรกเฟรม ตอนนี้เราสามารถคลิกควบคุม - ทดสอบภาพยนตร์เพื่อดูตัวอย่างภาพเคลื่อนไหวของเราได้แล้ว
   
   

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

ถัดไป→

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

คำแนะนำวิดีโอ: Dinner Date: Starters - Simon's Cat (A Valentine's Special) | SHORTS #60 (อาจ 2024).