Cool Tutorials ผล Flash!

สรุป

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

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

ความ ต้องการ

Flash 8, Flash CS3 หรือ Flash CS4.

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

ขั้น ที่ 1 - ติด ตั้ง องค์ประกอบ ผล

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

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

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

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

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

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

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

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

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

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

คลิก ขณะ ที่ "ฉาก 1" เพื่อ กลับ ไป ที่ ระยะ เวลา หลัก. หาก เป็ด Movieclip ยัง มี, ลบ.

ย้าย Movieclip เคลื่อนไหว จาก ห้องสมุด ของ คุณ ใน กรอบ แรก ของ ระยะ เวลา.

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

ขั้น ที่ 5 - ส่วน ผล ใช้

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

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

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

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

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

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

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

สร้าง layer ใหม่ ด้าน ล่าง ชั้น tween.

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

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

เมื่อ คุณ ทดสอบ หนัง ของ คุณ คุณ จะ เห็น ว่า สะท้อน คือ ใช้ ใน เป็ด หลุม.

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

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

ดาวน์โหลด

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

คุณ ยัง สามารถ ดาวน์โหลด ผล Water Reflection นี่.