Cool Effect Flash Tutorials!

Summary

ใน tutorial นี้คุณจะได้เรียนรู้วิธีการสร้างภาพสะท้อนน้ำเพื่อใช้ในการย้าย Movieclip

ที่นี่ผลสุดท้าย :

ความต้องการ

Flash 8, Flash CS3 หรือ Flash CS4

หมายเหตุ : ภาพหน้าจอในการกวดวิชานี้ทำใน Flash CS3 ทำงานตรงเดียวกันใน Flash 8 tutorial นี้จะ ActionScript 2 (แต่ไม่จำเป็นต้อง ActionScript)

ส่วนขั้นที่ 1 -- ติดผล

ดาวน์โหลด Reflection Effect น้ำที่นี่ โปรดปฏิบัติตาม คำแนะนำการติดตั้ง และลากส่วนจากแผงชิ้นส่วนเป็นของห้องสมุดของคุณ . fla ไฟล์

ขั้นที่ 2 -- เป็ดสร้าง Movieclip

นำภาพ [เป็ดกด Ctrl - R] หรือ"File"-- นำ">"--> นำเข้า"บนเวที ... " ให้แน่ใจว่าภาพเป็ดเป็น . png ที่มีพื้นหลังโปร่งใส

เลือกภาพและแปลงนี้ใน Movieclip [] กดปุ่ม F8 หรือคลิกขวาที่ MovieClip -->"แปลงเป็นหุ้น ... " ให้ Movieclip ชื่อเป็ด"

ขั้นที่ 3 -- สร้าง Movieclip Animation

สร้าง Movieclip ใหม่กับ [กด Ctrl - F8] หรือแทรก -->"New Symbol ... " ชื่อ Movieclip นี้เคลื่อนไหว"

ลาก Movieclip เป็ดจากห้องสมุดของคุณในกรอบแรกในระยะเวลา ตอนนี้คลิกที่ 60 กรอบและสร้าง keyframe [ใหม่กด F6] หรือคลิกขวาและ"Insert Keyframe"

คลิกที่ keyframe ที่สร้างขึ้นใหม่และเลือก Movieclip เป็ดบนผ้าใบ ตอนนี้ย้าย Movieclip กับคีย์เคอร์เซอร์ไปทางขวา (ให้พูด 100px นี้) คุณสามารถตรวจสอบตำแหน่งใหม่ในแผงข้อมูล

กลับไปที่ keyframe แรกของระยะเวลา บนแผงคุณสมบัติเลือก Tween : Motion" หากคุณคลิกที่หนึ่งในระยะเวลานี้คุณจะเห็นว่าเป็ด Movieclip เคลื่อนจากซ้ายไปขวา

ขั้นที่ 4 -- Movieclip เคลื่อนไหวใส่เส้นเวลาหลัก

เดี๋ยวนี้เลยนะคลิก"Scene 1"เพื่อกลับไปที่ระยะเวลาหลัก หาก Movieclip เป็ดยังคงมีการลบออก

Move Movieclip เคลื่อนไหวจากห้องสมุดของคุณไปยังเฟรมแรกของระยะเวลา

ตั้งชื่อตัวอย่างของ Movieclip เพื่อ"animation_mc"(คุณสามารถเลือกชื่อที่แตกต่างกันหากคุณต้องการ . ตรวจสอบว่าชื่อไม่ซ้ำกันเช่น) ไม่มีชื่อเช่นองค์ประกอบไม่สามารถตรวจสอบ Movieclip

5 -- ผลประกอบการสมัคร

สร้าง layer ใหม่ให้เลือกเฟรมแรกและลากส่วนผลกระทบจากห้องสมุดของคุณไปยังภาพเคลื่อนไหว Movieclip ส่วนจะอัตโนมัติ snap

ตั้งค่าพารามิเตอร์ขององค์ประกอบภายในแผงตรวจองค์ประกอบเช่นในภาพนั้น . ทุก Movieclips มีชื่อเช่นในกรอบนี้มีการระบุไว้ใน"Target Movieclip รายการเลือก" เนื่องจากคุณมีเพียงหนึ่ง Movieclip องค์ประกอบสมมติว่าคุณต้องการใช้มีผลใน Movieclip"animation_mc"

หมายเหตุ : การตั้งค่าเหล่านี้จะใช้เฉพาะนี้เช่นองค์ประกอบผล ถ้าคุณวาดส่วนที่อื่น Movieclip (ที่อื่นภายใน fla . หรือในโครงการใหม่) คุณจะต้องตั้งค่าอีกครั้ง

ตอนนี้ส่งออก ([กด Ctrl - ENTER] หรือ ... ) คุณจะเห็นว่าหัวของเป็ดจะถูกตัดอย่างใด Thats เพราะองค์ประกอบได้ว่าขนาดของเป็ด Movieclip แต่เนื่องจากคลื่นสะท้อนจะเพิ่มขึ้นขนาดนี้จะไม่เหมาะสมใด ๆ เพิ่มเติม

ขั้นที่ 6 -- ปรับภาพเคลื่อนไหว Movieclip

ในการแก้ไขปัญหานี้คุณจะแทรกรูปร่างที่มองไม่เห็นในพื้นหลังของเป็ด Movieclip ซึ่งขนาดขึ้น Movieclip เล็กน้อย

กลับไปที่ Movieclip เป็ดโดยดับเบิลคลิกในห้องสมุดของคุณ

สร้างใหม่ชั้นล่างชั้น Tween

เลือกเครื่องมือสี่เหลี่ยมและวาดรูปร่างที่มีความกว้างของเป็ด ความสูงควรจะสูงกี่ pixel แล้วเป็ด (10 pixel) มันอาจช่วยให้ตั้งค่า icon ร่างในระยะเวลาเพื่อดูขนาดเฉพาะของภาพเป็ด

ด้วยรูปร่างที่เลือกเปิดแผงสีและตั้งค่า alpha เป็น 0

เมื่อคุณทดสอบภาพยนตร์ตอนนี้คุณจะเห็นว่าสะท้อนจะใช้ในเป็ดหลุม

6 -- เพิ่มภาพพื้นหลัง

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

Download

คลิกที่นี่เพื่อดาวน์โหลด fla การสอนนี้ หมายเหตุ : . fla มีรุ่นทดลองส่วนผลที่จะทำงานใน Flash IDE (Flash 8, Flash CS3 หรือ Flash CS4) แต่ไม่อยู่ในเบราว์เซอร์

คุณยังสามารถดาวน์โหลด Reflection Effect น้ำที่นี่