ตัวเร่งปฏิกิริยาแฟลช - พื้นที่ทำงาน

• อาจ 17, 2024

ในโครงการผลงานของเราเราได้สร้างกราฟิกสำหรับส่วนต่อประสานผลงานของเราใน Photoshop^R และนำเข้าไฟล์ PSD ลงใน Adobe^R แฟลช^R ตัวเร่ง^TM. ตอนนี้เราพร้อมที่จะสร้างปุ่ม (เรียกว่าองค์ประกอบแบบอินเทอร์แอคทีฟ) ที่จะทำให้การนำทางพอร์ตโฟลิโอ เปิดไฟล์ PortfolioLayout.psd ของคุณใน Catalyst แล้วลองมาดูกัน เมื่อเห็นแวบแรกคุณจะเห็นว่าพื้นที่ทำงานนั้นไม่น่ากลัวเท่ากับพื้นที่ทำงานของ Flash

ด้านบนคือแผงหน้า / รัฐซึ่งคุณจะพบรูปขนาดย่อสำหรับแต่ละหน้าของโครงการของเรา ตอนนี้เรามีหน้าเดียวที่มีโลโก้แรกปรากฏให้เห็น แต่เพื่อให้เราสามารถแสดงโลโก้อีกสองโลโก้ในผลงานเราจะต้องสร้างอีกสองหน้า (รัฐ)

ใต้แผงหน้า / ขั้นตอนคือมุมมองของโครงการของเราที่เรียกว่า Artboard และภายใต้นั้นคือแผงระยะเวลา คนที่คุณคุ้นเคยกับ Flash จะสังเกตเห็นว่า Timeline ค่อนข้างแตกต่างใน Catalyst ดังที่คุณเห็นได้จากแท็บการเปลี่ยนสถานะและลำดับการดำเนินการเรายังคงใช้ไทม์ไลน์เพื่อควบคุมสิ่งที่เกิดขึ้น แต่ไทม์ไลน์ไม่มีคีย์เฟรมที่คุ้นเคยเหล่านั้น นี่เป็นเพราะ Catalyst ทำการตัดสินใจส่วนใหญ่เกี่ยวกับสิ่งที่เกิดขึ้นกับเราเมื่อเราเพิ่มส่วนประกอบ UI

ด้านขวาเรามีแผงเครื่องมือและไอคอนคล้ายกับซอฟต์แวร์ Adobe ทั้งหมด ภายใต้นั้นเรามีแผงเลเยอร์ มันทำงานได้เหมือน Photoshop และ Illustrator^R เลเยอร์พาเนลและไม่ชอบเลเยอร์ใน Flash ซึ่งเป็นส่วนหนึ่งของไทม์ไลน์

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

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

สุดท้ายสำหรับประเภทที่อยากรู้อยากเห็นเหล่านั้นเราสามารถสลับจากพื้นที่ทำงานออกแบบเริ่มต้นเป็นพื้นที่ทำงานรหัส เพียงคลิกหน้าต่าง - รหัสพื้นที่ทำงานในแถบเมนู อย่างที่คุณเห็นมันดูเหมือนแผง Flash Actions แต่แทนที่จะเป็น ActionScript เราเห็นรหัส MXML ที่ Catalyst กำลังสร้างขึ้นในพื้นหลังเมื่อเราทำงาน

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