การเพิ่ม Drop Shadow ให้กับ Flash Animated Object

• อาจ 5, 2024

หนึ่งในสิ่งที่ดีที่สุดใน Flash^R เทคนิคคือความสามารถในการกรองภาพเคลื่อนไหว ในบทช่วยสอนนี้เราจะสร้างแอนิเมชั่นบอลที่กระดอนอย่างง่าย ๆ จากนั้นให้เคลื่อนไหวเงาเพื่อติดตามลูกบอล

1. เริ่มโครงการใหม่ใน Flash CS3 ใช้การตั้งค่าเอกสารเริ่มต้นสำหรับภาพยนตร์ ActionScript 3.0
   
   
2. บน Timeline เปลี่ยนชื่อ Layer 1 เป็น "Shadow" เลเยอร์นี้จะมีภาพเคลื่อนไหวเงาของเรา
   
   
3. บน Frame 1 ของ Shadow layer วาดวงกลมด้วยเครื่องมือวงรี ในตัวตรวจสอบคุณสมบัติตั้งค่าการเติมสีใด ๆ ที่คุณชอบและโรคหลอดเลือดสมองเป็นโมฆะ ตั้งค่าความกว้างและความสูงเป็นประมาณ 80 พิกเซล เราต้องการให้ลูกบอลเริ่มที่มุมซ้ายบนของเวที ตั้งตำแหน่ง X และ Y เป็น 50
   
   
4. ในการทำให้ลูกเคลื่อนไหวเราจำเป็นต้องแปลงให้เป็นสัญลักษณ์ ควรเลือกลูกบอล จากแถบเมนูคลิกปรับเปลี่ยน - แปลงเป็นสัญลักษณ์ ในกล่องโต้ตอบตั้งชื่อสัญลักษณ์ "Ball" และตั้ง Type เป็น Movie Clip
   
   
5. ภาพเคลื่อนไหวของเราจะมีความยาวประมาณ 30 เฟรมซึ่งจะทำให้จุดกึ่งกลางสำหรับภาพเคลื่อนไหวของเราเฟรมที่ 15 บนเฟรมที่ 15 เพิ่มเฟรมหลัก (แทรก - เส้นเวลา - เฟรม) และย้ายลูกบอลไปที่กึ่งกลางด้านล่างของเวที ในตัวตรวจสอบคุณสมบัติตั้งค่าตำแหน่ง X เป็น 260 และตำแหน่ง Y เป็น 300 ซึ่งจะทำให้มีพื้นที่เพียงพอที่ด้านล่างสำหรับเงา
   
   
6. Frame 30 เป็นเฟรมสุดท้ายสำหรับแอนิเมชั่นของเรา บนเฟรม 30 เพิ่มเฟรมหลักและย้ายลูกบอลไปที่มุมขวาบนของเวที (X 480, Y 120)
   
   
7. ได้เวลาสร้างภาพเคลื่อนไหวแล้ว คลิกขวาที่เฟรมใด ๆ ระหว่าง 1 ถึง 15 แล้วเลือกสร้าง Motion Tween จากเมนู ทำซ้ำสำหรับส่วนที่สองของภาพเคลื่อนไหว
   
   คลิกควบคุม - ทดสอบภาพยนตร์ ลูกบอลของคุณควรเด้งหนึ่งครั้งข้ามเวทีแล้วทำซ้ำ
   
   ตอนนี้เราพร้อมที่จะเพิ่มตัวกรอง Drop Shadow แล้ว สำหรับตัวอย่างฉันตัดสินใจว่าดวงอาทิตย์จะสูงในท้องฟ้าและเงาจะอยู่ใต้ลูกบอลโดยตรง ดังนั้นฉันจึงตั้งค่า Angle of the Drop Shadow filter เป็น 90 องศา คุณอาจต้องการทดสอบกับคุณสมบัติมุมของตัวกรองเพื่อแนะนำว่าแหล่งกำเนิดแสงอยู่ในมุมที่ต่างออกไป
   
   
8. เราต้องการให้เงาอยู่ที่ด้านล่างของเวทีแม้ว่าลูกบอลจะอยู่ที่ด้านบน ดังนั้นระยะห่างระหว่างลูกบอลและเงาของมันจะใหญ่กว่าเมื่อลูกบอลอยู่ใกล้กับด้านล่างของเวที นอกจากนี้เมื่อลูกบอลอยู่ด้านบนความแข็งแกร่งของเงาจะน้อยลง
   
   บน Frame 1 ของ Timeline เลือกลูกบอล ไปที่แท็บตัวกรองแล้วคลิกที่เครื่องหมายบวก เลือกปล่อยเงาจากเมนูตัวกรองและตั้งค่าต่อไปนี้
   
   เบลอ X และ Y: 20
   ความแข็งแรง: 30%
   คุณภาพ: สูง
   มุม: 90
   ระยะทาง: 150
   
   

ถัดไป→

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

คำแนะนำวิดีโอ: Technology Stacks - Computer Science for Business Leaders 2016 (อาจ 2024).