การเพิ่มองค์ประกอบแบบโต้ตอบในตัวเร่งปฏิกิริยาแฟลช

• อาจ 1, 2024

ในบทช่วยสอนนี้เราจะทำสไลด์โชว์ผลงานให้เสร็จใน Adobe^R แฟลช^R ตัวเร่ง^R. หากคุณติดตามเราได้ทำปุ่มของเราและพร้อมที่จะเพิ่มเอฟเฟกต์พิเศษ ในขณะที่เราสำรวจผ่านพอร์ตโฟลิโอเราต้องการให้ปุ่มสำหรับโลโก้ที่มองเห็นจางและปุ่มอื่น ๆ สามารถมองเห็นได้ ดังนั้นเราจำเป็นต้องแจ้งให้ Catalyst ทราบว่าปุ่มใดเหมาะสำหรับหน้าใดและเมื่อใดควรทำให้ปุ่มมืดลง จากนั้นเราจะเพิ่มเอฟเฟกต์การเปลี่ยนสีระหว่างหน้า

ก่อนอื่นเราจะหรี่ปุ่มสำหรับโลโก้ปัจจุบัน เมื่อโลโก้ 1 สามารถมองเห็นได้ในสถานะ Page1 เราต้องการให้ปุ่มจับคู่จางลง เราจำเป็นต้องทำเช่นนี้สำหรับทั้งสามรัฐหรือหน้าผลงานของเรา

1. คลิกที่ไอคอน Page1 ในแผงหน้า / รัฐเพื่อทำงานกับหน้านั้น คลิกที่รูปขนาดย่อที่เป็นปุ่มของเราตอนนี้สำหรับโลโก้ 1 ในแผงคุณสมบัติตั้งค่าความทึบเป็น 40 เนื่องจากศูนย์กลางของแผ่นด้านล่างปุ่มเป็นสีดำปุ่มนี้จะทำให้ปุ่มมืด

2. คลิกที่ไอคอน Page2 ในแผงหน้า / รัฐ ทำซ้ำขั้นตอนก่อนหน้าสำหรับ Page2 โดยการหรี่ลงเพียงปุ่มที่ตรงกับโลโก้ 2 คลิกที่ไอคอน Page3 ในแผงหน้า / รัฐและทำซ้ำขั้นตอนนี้

คลิกไฟล์ - เรียกใช้โครงการเพื่อทดสอบเอฟเฟกต์ใหม่ของเรา เมื่อคุณคลิกที่ปุ่มโลโก้ที่เกี่ยวข้องควรจะปรากฏให้เห็นและปุ่มนั้นควรจะจางลง

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

หน้า 1> หน้า 2
หน้า 1> หน้า 3
หน้า 2> หน้า 1
หน้า 3> หน้า 1

3. คลิกที่ชั้น Page1> Page2 คุณจะเห็นว่า Catalyst ให้ตัวเลือกการเปลี่ยนแปลงสำหรับโลโก้ 1 และ 2 (จางลง) และปุ่ม 1 และ 2 เนื่องจากเราจะย้ายออกจากโลโก้ 1 เรามีตัวเลือก Fade Out แต่เราจะย้ายไปที่โลโก้ 2 เรามีตัวเลือก Fade In สำหรับโลโก้นี้

เราจะเพิ่มเอฟเฟกต์ Fade Out ให้กับโลโก้ 1 และเอฟเฟกต์ Fade ในโลโก้ 2 เราไม่ต้องการเอฟเฟกต์ Fade ที่ใช้กับปุ่มของเรา อย่างไรก็ตามคุณอาจต้องการใช้เอฟเฟกต์นี้ในโครงการอื่น

คลิกที่ปุ่ม Smooth Transition ที่ด้านล่างของ Timeline คุณจะเห็นว่าตัวควบคุม Fade Out / In ได้รับการขยายเป็นครึ่งวินาทีในทุกชั้น ยังอยู่ในชั้น Page1> Page2 เราต้องปิดเอฟเฟกต์สำหรับปุ่มสองปุ่ม กดปุ่มควบคุมตัวเลื่อนไปทางซ้ายสำหรับแต่ละปุ่ม

คลิกที่ชั้น Page1> Page3 ทำซ้ำขั้นตอนก่อนหน้านี้สำหรับสองปุ่มและโลโก้ ทำซ้ำอีกครั้งสำหรับเลเยอร์ Page2> Page1 และ Page3> Page1

ที่ดูแลการเปลี่ยนทั้งหมดสำหรับสถานะ Page1 แต่เรามีสามสถานะในแฟ้มสะสมผลงานของเรา เราจำเป็นต้องทำเช่นนี้อีกครั้งสำหรับอีกสองรัฐ คลิกที่ไอคอน Page2 ในแผงหน้า / รัฐ

ดูเลเยอร์ในไทม์ไลน์ คุณจะสังเกตเห็นว่าการตั้งค่าที่เราเพิ่งตั้งค่าสำหรับสถานะ Page1 จะถูกนำไปสู่สถานะ Page2 สำหรับการเปลี่ยนระหว่างหน้า 1> หน้า 2 และหน้า 2> หน้า 3 เราเพียงแค่ต้องเพิ่มช่วงการเปลี่ยนภาพระหว่างหน้า 2> หน้า 3 และหน้า 3> หน้า 2

4. ทำซ้ำขั้นตอนก่อนหน้านี้เพื่อนำการเปลี่ยนภาพไปใช้กับโลโก้สำหรับสถานะ Page2 คุณต้องทำสิ่งนี้สำหรับแต่ละเลเยอร์ในเส้นเวลา

5. คลิกที่ไอคอน Page3 ในแผงหน้า / รัฐ คุณจะสังเกตเห็นว่าการตั้งค่าการเปลี่ยนแปลงได้ดำเนินการมาจากอีกสองสถานะ หากเรามีเพจมากขึ้นเราจะต้องทำงานกับเลเยอร์สำหรับสถานะนี้ แต่เนื่องจากนี่เป็นครั้งสุดท้ายในสามรัฐเราจึงพร้อมแล้ว

ทดสอบโครงการของคุณอีกครั้ง หากทุกอย่างทำงานได้เราพร้อมที่จะบันทึกไฟล์ของเราเป็น LogoPortfolio.fxp

6. เราจำเป็นต้องแจ้งให้ Catalyst สร้างไฟล์ที่จะแสดงผลงาน Flash ของเรา คลิกไฟล์ - เผยแพร่ไปยัง SWF เรียกดูตำแหน่งที่ถูกต้องบนฮาร์ดไดรฟ์ของคุณและบันทึกโครงการของคุณ คุณจะเห็นว่า Catalyst ให้สองโฟลเดอร์ ในโฟลเดอร์ deploy-to-web เรามีไฟล์ที่จำเป็นสำหรับการเรียกใช้พอร์ตโฟลิโอบนเว็บเซิร์ฟเวอร์ ใน run-local เรามีไฟล์สำหรับเรียกใช้แฟ้มสะสมผลงานบนเดสก์ท็อปของเรา

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