เปลี่ยนกราฟิกเป็นปุ่มในตัวเร่งปฏิกิริยาแฟลช

• เมษายน 29, 2024

ตอนนี้เราได้นำเข้าไฟล์โครงการ Portfolio PhotoshopLayout.psd ของเราไปยัง Adobe^R แฟลช^R ตัวเร่ง^TM และได้สำรวจพื้นที่ทำงานของ Catalyst เราพร้อมที่จะทำงานในการนำทางสำหรับพอร์ตโฟลิโอของเรา

ตอนนี้เรามีเพียงหนึ่งหน้าหรือรัฐสำหรับโครงการของเรา เราจำเป็นต้องสร้างอีกสองหน้าเพื่อให้เราสามารถแสดงโลโก้ที่แตกต่างในแต่ละหน้า

1. ในแผงหน้า / รัฐเราจะคลิกปุ่มทำซ้ำสองครั้ง สิ่งนี้จะให้เรา Page2 และ Page3 แต่พวกเขาเหมือนกันทั้งหมด มาดูแลกันดีกว่า

2. คลิกที่ไอคอน Page1 และไปที่แผงเลเยอร์ เปิดโฟลเดอร์โลโก้ เราต้องการให้โลโก้ 1 ปรากฏบนหน้านี้เท่านั้น ปิดการเปิดเผยสำหรับโลโก้ 2 และ 3

3. คลิกที่ไอคอน Page2 และปิดการมองเห็นโลโก้ 1 และ 3 เปิดการมองเห็นโลโก้ 2

4. คลิกที่ไอคอน Page3 และปิดการมองเห็นโลโก้ 1 และ 2 เปิดการมองเห็นโลโก้ 3

ต่อไปเราจะสร้างปุ่มสำหรับผลงานของเรา เรามีภาพขนาดย่อสำหรับแต่ละโลโก้ เหล่านี้จะเป็นปุ่ม

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

มาทำงานใน HUD ก่อนกัน นี่คือที่เราจะบอก Catalyst ว่าเราต้องการทำให้ภาพบิตแมปนี้เป็นปุ่ม

6. ภายใต้แปลงงานศิลปะคลิกที่แปลงงานศิลปะเป็นส่วนประกอบและเลือกปุ่มจากรายการส่วนประกอบ ฮัดจะเปลี่ยนเพื่อให้การควบคุมใหม่สำหรับปุ่มของเรา ขยายรายการ Custom Interactions จากนั้นคลิกที่ไอคอนเครื่องหมายบวก เลือกเมื่อคลิกจากรายการ คุณจะได้รับเมนูแบบเลื่อนลงอีกอันชื่อว่า Do Action จากเมนูนี้เลือกเล่นการเปลี่ยนเป็นรัฐ จากเมนูแบบเลื่อนลงเลือกสถานะให้เลือกหน้า 1 เพราะเราต้องการให้ปุ่มนี้นำผู้ดูไปที่หน้า 1

7. คลิกที่ภาพขนาดย่อสำหรับโลโก้ 2 และทำซ้ำขั้นตอนก่อนหน้า ตั้งค่าเลือกสถานะเป็น Page2

8. คลิกที่ภาพขนาดย่อสำหรับโลโก้ 3 และทำซ้ำขั้นตอนก่อนหน้า ตั้งค่าเลือกสถานะเป็น Page3

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

ในบทช่วยสอนถัดไปเราจะหรี่ปุ่มสำหรับโลโก้ที่มองเห็นและเพิ่มช่วงการเปลี่ยนภาพระหว่างหน้า

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