การเปลี่ยนเอฟเฟ็กต์การเปลี่ยนหน้าเป็น Flash

• อาจ 16, 2024

ในบทช่วยสอน Flash นี้เราจะสร้างเอฟเฟกต์การเปลี่ยนหน้ายอดนิยมโดยใช้ผู้ช่วยแฟลชคัดลอกไปยังกริด ผู้ช่วย Copy to Grid นี้มีส่วนเกี่ยวข้องกับ Flash หลายเวอร์ชันซึ่งเป็นส่วนหนึ่งของ Timeline Effects อย่างไรก็ตามเนื่องจากเป็นคุณสมบัติที่มีประโยชน์และประหยัดเวลาฉันจึงรู้สึกว่าควรเป็นส่วนหนึ่งของกล่องเครื่องมือของนักออกแบบ Flash ทุกคน

นี่คือการเปลี่ยนแปลงที่เราจะสร้าง อย่างที่คุณเห็นรูปสี่เหลี่ยมแนวตั้งสิบเอ็ดแผ่ขยายไปทั่วเวทีและทำงานเป็นหน้ากากเพื่อเผยภาพพื้นหลัง ด้วยความช่วยเหลือของผู้ช่วย Copy to Grid เราเพียงแค่สร้างคลิปภาพยนตร์สี่เหลี่ยมผืนผ้าหนึ่งภาพแล้วกำหนดภาพเคลื่อนไหว Motion Tween ให้กับมัน ส่วนที่เหลือของงานเพื่อสร้างภาพเคลื่อนไหวการเปลี่ยนหน้าทำโดย Flash

มาเริ่มกันกับภาพยนตร์ใหม่ 550 x 400 พิกเซลแล้วเราจะใช้ ActionScript 2.0 ภาพยนตร์ที่ว่างเปล่าควรมีเพียงหนึ่งเฟรมและเลเยอร์ "เลเยอร์ 1" หนึ่งรายการในไทม์ไลน์ เปลี่ยนชื่อเลเยอร์นี้เป็น "การเปลี่ยน" สำหรับตัวอย่างของฉันฉันได้นำภาพพื้นหลังไปยังเวที นี่เป็นเลเยอร์ใหม่ในไทม์ไลน์ ฉันเปลี่ยนชื่อเลเยอร์นี้เป็น "พื้นหลัง" และลากลงมาเพื่อให้เป็นชั้นล่างในไทม์ไลน์ เราจะทำงานในเลเยอร์การเปลี่ยน

1. คลิกที่ Frame 1 ของเลเยอร์ Transition ใช้เครื่องมือ Rectangle วาดสี่เหลี่ยมเล็ก ๆ ที่ใดก็ได้บนเวที (Stroke เป็น null เติมสีดำหรือสีที่คุณเลือก)
   
   
2. ด้วยเครื่องมือการเลือกให้เลือกสี่เหลี่ยมผืนผ้า ในตัวตรวจสอบคุณสมบัติตั้งค่าความกว้างของสี่เหลี่ยมเป็น 50 พิกเซลความสูงเป็น 400 พิกเซลและตำแหน่ง X และ Y เป็น 0.0 หากคุณกำลังใช้สเตจที่มีขนาดต่างกันคุณจะต้องการความสูงของสี่เหลี่ยมผืนผ้าของคุณให้เป็นความสูงของสเตจ จากนั้นหารความกว้างของเวทีด้วยตัวเลขใด ๆ เพื่อให้ได้ความกว้างของสี่เหลี่ยมผืนผ้าของคุณ
   
   
3. เมื่อเลือกสี่เหลี่ยมผืนผ้าแล้วให้ไปที่แถบเมนูแล้วคลิกแทรก - เอฟเฟกต์ไทม์ไลน์ - ผู้ช่วย - คัดลอกไปที่กริด นี่จะเป็นการเปิดกล่องโต้ตอบคัดลอกไปยังกริด จะใช้เวลาสิบเอ็ดสี่เหลี่ยมของเราเพื่อให้ครอบคลุมเวทีทั้งหมด สำหรับตัวเลือกขนาดกริดให้ตั้งค่าจำนวนแถวเป็น 1 และคอลัมน์เป็น 11 (หากคุณใช้จำนวนรูปสี่เหลี่ยมผืนผ้าที่แตกต่างกันให้แทนที่ 11 ด้วยจำนวนรูปสี่เหลี่ยมของคุณ) นอกจากนี้ให้ตั้งค่าทั้งแถวและคอลัมน์สำหรับ ตัวเลือก Grid Space ให้เป็นศูนย์ คลิกปุ่มอัปเดตตัวอย่างและรอสองสามส่วนเพื่อให้ Flash เสร็จสิ้น จากนั้นคลิกตกลงเพื่อปิดกล่องโต้ตอบ ตอนนี้คุณควรเห็นสีดำตลอดทั้งเวที
   
   
4. ไปที่ห้องสมุด. คุณจะพบกราฟิกชื่อ "Copy to Grid 1" และกราฟิกอื่นที่ชื่อว่า "effectSymbol" (ภายในโฟลเดอร์ Effects) คลิกขวาที่กราฟิก effectSymbol และเลือกคุณสมบัติจากเมนู ในกล่องโต้ตอบคุณสมบัติเปลี่ยนประเภทจากกราฟิกเป็นคลิปภาพยนตร์ ทำซ้ำขั้นตอนนี้สำหรับกราฟิก Copy to Grid 1
   
   

ตอนนี้เราพร้อมที่จะแนบ Motion Tween เข้ากับคลิปภาพยนตร์ effectSymbol จาก Library คลิกสองครั้งที่คลิปภาพยนตร์ effectSymbol และคุณจะถูกนำไปที่ไทม์ไลน์ของคลิปภาพยนตร์

ถัดไป→

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