Flash Catalyst Smooth Transitions

• เมษายน 27, 2024

ในบทความล่าสุดคุณได้รู้จักกับ Flash^R ตัวเร่ง^TM ไทม์ไลน์ของ CS5 ตอนนี้เราจะเรียนรู้ว่า Catalyst Timeline ทำให้การเพิ่มช่วงการเปลี่ยนภาพแบบมืออาชีพในแอปพลิเคชันของเราเป็นเรื่องง่ายเพียงใด

หากคุณคุ้นเคยกับ Flash คุณจะรู้ว่ามีสองส่วนหลักในภาพเคลื่อนไหว ส่วนแรกคือการเปลี่ยนเช่นย้ายจากหน้าหนึ่งไปอีกหน้าหนึ่ง ใน Flash เรามักจะใช้ tweens เพื่อสร้างการเปลี่ยนแปลงเหล่านี้ ส่วนที่สองคือการทำให้สบาย การทำให้สบายเป็นวิธีการควบคุมการเปลี่ยนแปลงเพื่อให้ดูเหมือนว่าเกิดขึ้นอย่างราบรื่น การสร้าง tweens และการผ่อนคลายเหล่านี้เป็นงานที่ค่อนข้างซับซ้อนใน Flash แต่ Flash Catalyst ทำงานให้เราทั้งหมด

กลับไปที่ Catalyst Timeline เราจะทำงานต่อไปที่ชั้นบนสุดซึ่งควบคุมการเคลื่อนไหวจากหน้า CityView ไปยังหน้า UnionParkView ของเว็บไซต์ของเรา Catalyst ได้พิจารณาแล้วว่าเราจะใช้การเปลี่ยนย้ายเพื่อย้ายจากหน้าหนึ่งไปอีกหน้าหนึ่ง หากเราทดสอบใบสมัครของเราตอนนี้และคลิกปุ่มเพื่อย้ายไปยังหน้า UnionParkView หน้านี้จะปรากฏขึ้นบนหน้าจอของเราทันที นี่เป็นเพราะเราไม่ได้แนบช่วงเวลาใด ๆ กับการเปลี่ยนแปลง เราสามารถทำได้ในไทม์ไลน์

ที่ด้านล่างของ Timeline คุณจะเห็นปุ่ม Smooth Transition คลิกที่ปุ่มนั้น Catalyst จะเพิ่มระยะเวลา 0.5 วินาทีในการเปลี่ยน เราสามารถเห็นสิ่งนี้ได้เนื่องจากแถบเล็ก ๆ สำหรับการเปลี่ยนย้ายได้ขยายให้ครอบคลุม 0.5 วินาทีของไทม์ไลน์ ค่าเริ่มต้นคือ 0.5 วินาที แต่เราสามารถลดหรือขยายช่วงเวลานี้ได้ง่ายๆโดยการลากที่ส่วนท้ายของแถบนี้ ปุ่มอื่น ๆ ที่ด้านล่างของไทม์ไลน์คือปุ่มเพิ่มแอ็คชั่นสำหรับเพิ่มเอฟเฟกต์อื่น ๆ เช่นการหมุน 3D หรือเอฟเฟกต์จางหาย สำหรับการกระทำแต่ละอย่างที่เราเพิ่ม Catalyst จะให้แถบควบคุมอีกอันสำหรับการตั้งค่าระยะเวลาสำหรับเอฟเฟกต์นั้น ตัวอย่างเช่นหากเราเพิ่มการหมุน 3D ลงในเลเยอร์นี้ Catalyst จะเพิ่มแถบควบคุมการหมุน 3D ที่มีระยะเวลาเริ่มต้น 0.5 วินาที

ณ จุดนี้เราได้กำหนดระยะเวลาสำหรับช่วงการเปลี่ยนภาพที่แนบกับชั้นบนสุดของเส้นเวลาเท่านั้น เพื่อให้การเปลี่ยนแปลงราบรื่นทั่วทั้งเว็บไซต์เราจำเป็นต้องทำขั้นตอนเหล่านี้ซ้ำสำหรับเลเยอร์อื่น ๆ ในไทม์ไลน์

* Adobe มอบสำเนาบทวิจารณ์ให้ฉันฟรี

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

คำแนะนำวิดีโอ: Flash Catalyst Smooth Transitions.f4v (เมษายน 2024).