Summary

ใน tutorial นี้คุณจะได้เรียนรู้วิธีการสร้างสไลด์โชว์ที่มีสั่นฝอย / เปลี่ยนโทรทัศน์เสียระหว่างภาพ

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


ความต้องการ

Flash 8, Flash CS3 หรือ Flash CS4
3 รูป (ในกรณีนี้ 550 × 400 ภาพที่มีอยู่ใน zip file tutorial )

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

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

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

ลากส่วนในห้องสมุด

ขั้นที่ 2 -- ภาพที่นำเข้า

นำเข้าทั้งหมดสามภาพ"File"-- นำเข้า">"--> นำเข้า"ในห้องสมุด ... "

ภาพที่นำเข้า

ขั้นที่ 3 -- ภาพที่แปลงเป็น Movieclip

สร้างใหม่ Movieclip [กด Ctrl - F8] หรือ"แทรก"-->"New Symbol ... "มัน"image01 ชื่อและใส่รูปแรกในกรอบแรกของ Movieclip นี้ ทำซ้ำขั้นตอนสำหรับภาพอื่น ๆ นี้ชื่อผู้ Movieclips"image02"และ"image03" BTW, การตั้งชื่อขึ้นอยู่กับคุณ

สร้าง Movieclip ใหม่ ...

... ชื่อ Movieclip ...

... และลากรูปภาพในระยะเวลาของ Movieclip ที่

ห้องสมุดกับ Movieclips และภาพ

ขั้นที่ 4 -- การเปลี่ยนแปลงก่อนสร้าง

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

กลับไปที่ระยะเวลาหลัก

เปลี่ยนชื่อเลเยอร์ที่มีอยู่แล้วไปที่"img01" สร้างชั้นขึ้นไปและพวกเขา"img02 ชื่อ"และ"transition01" อีกครั้งการตั้งชื่อเป็นเพียงภาพรวมที่ดีขึ้น คุณสามารถเลือกชื่ออื่น ๆ หากคุณต้องการ

ชั้นเปลี่ยนชื่อ

ลากแรกที่สอง Movieclips ภาพจากห้องสมุดในแต่ละชั้น

ลาก Movieclips บนชั้น

คลิกในเฟรมแรกของ"transition01 เลเยอร์" ลากองค์ประกอบ TV ผลฝอยจากห้องสมุดของคุณขึ้นไปบนเวที ส่วนจะอัตโนมัติ snap ที่มุมซ้ายบนของคุณ Movieclip

ลากส่วนบนชั้น

สำหรับการคลิกชั้นทุกครั้งที่ 50 กรอบและสร้างกรอบ [กด F5] หรือคลิกขวาและ"Insert Frame"

สร้างกรอบ ...

... ในชั้นทั้งหมด

สิ่งสำคัญคือการให้ภาพ Movieclips ชื่อเช่นส่วนประกอบอื่น ๆ ผลไม่สามารถตรวจสอบได้ คลิกที่รูป Movieclip one - by - one และตั้งชื่อเช่นในกรณีนี้"image01"และ"image02"(คุณสามารถเลือกชื่ออื่นถ้าคุณต้องการ)

ชื่อตัวอย่างชุดแรก Movieclip

ชื่อเช่นชุดที่สอง Movieclip

คลิกผล TV ฝอยบนเวทีและเปิดส่วนตรวจแผง [กด SHIFT - F7] หรือ"Window"-->"Component Inspector" Movieclips ทั้งหมดที่มีชื่อเช่นในกรอบนี้มีการระบุไว้ใน Movieclip Start"และ"End Movieclip"รายการเลือก เลือก"image01"เป็น Movieclip Start"และ"image02"เป็น"End Movieclip"

ตัวเลือก Movieclip Start

การตั้งค่าเปลี่ยน

ส่งออก flash movie [กด Ctrl - ENTER] หรือ"Command"-->"Test Movie" เปลี่ยนเป็นไปจากภาพแรกที่สอง

ผล

5 -- เพิ่มการเปลี่ยนแปลงที่สอง

สร้างสามชั้นขึ้นและพวกเขา"img03 ชื่อ","img04"และ"transition02"

สร้างชั้นขึ้น

ที่คลิกทุกชั้นในกรอบ 51 (หนึ่งเฟรมหลังจากการเปลี่ยนแปลงก่อนสิ้นสุด) และใส่ keyframes กด F6 [] หรือคลิกขวาและ"Insert Frame"

กรอบใส่ ...

... สำหรับชั้นทั้งหมด

เราจะนำมาใช้ใหม่ภาพ Movieclip สองเนื่องจากการเปลี่ยนแปลงที่สองควรเริ่มต้นด้วย คลิกที่ keyframe สร้างเพียง"img03"ชั้นและลาก Movieclip"image02 จากห้องสมุดบนเวที เพียงคลิกที่ keyframe ที่สร้างขึ้นชั้น"img04"ลาก"image03"Movieclip จากห้องสมุดบนเวที

ลาก Movieclips บนชั้นสร้าง

ชุดนี้ชื่อเช่นนี้ Movieclips ภาพที่"image03"และ"image04"

ชื่อเช่นชุดของภาพแรก

ชื่อเช่นชุดของภาพที่สอง

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

เลือกเลเยอร์"transition02"และลากส่วนผลกระทบจากห้องสมุดของคุณขึ้นไปบนเวที อีกส่วนประกอบ snap จะโดยอัตโนมัติ

ลากส่วนบนเวที

คลิกส่วนบนเวทีเปิดแผงตรวจองค์ประกอบและเลือก"image03"เป็น Movieclip Start"และ"image04"เป็น"End Movieclip"

การตั้งค่าภายในแผงตรวจองค์ประกอบ

สำหรับใหม่สามชั้นสร้างกรอบที่กรอบ [100 กด F5] หรือคลิกขวาและ"Insert Frame"

แทรกในกรอบสามชั้น

เมื่อคุณส่งออกภาพยนตร์ flash ของคุณตอนนี้คุณจะเห็นว่าการเปลี่ยนแปลงทั้งสองจะแสดงก่อนหนังจะ lopped

ผล

6 -- เพิ่มหยุดระหว่างทั้งเปลี่ยนภาพ

มีเวลาอีกเล็กน้อยระหว่างการเปลี่ยนจาก keyframes ของชั้น"img01"และ"transition01"แตะต้อง ขยายความยาวของเลเยอร์"img02"(ภาพที่เปลี่ยนแปลงลงท้ายด้วย) โดยการเพิ่มเฟรมในเฟรม [80 กด F5] หรือคลิกขวาและ"Insert Frame"

กรอบใส่

กรอบใส่

ตอนนี้เลือกบล็อคทั้งหมดของการเปลี่ยนแปลงที่สอง (คุณสามารถทำให้โดยคลิก 51 กรอบของ"transition01"และด้วยการกด SHIFT Key คลิก 100 กรอบของ"img04") และย้ายบล็อกหลุมเพื่อกรอบ 81

ชั้นเลือก ...

... ลากบล็อกไปกรอบ 81 ...

และปล่อยมัน

คุณสามารถทำเช่นเดียวกันสำหรับการเปลี่ยนแปลงที่สอง

Download

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

คุณยังสามารถดาวน์โหลด ฝอยผล TV ที่นี่

ที่นี่คุณสามารถค้นหา วิดีโอแนะนำเกี่ยวกับวิธีการใช้ผลที่แตกต่างกัน

  • Share / Bookmark