Flash Catalyst - Der Arbeitsbereich

• April 26, 2024

In unserem Portfolio-Projekt haben wir die Grafiken für unsere Portfolio-Oberfläche in Photoshop erstellt^R. und importierte die PSD-Datei in Adobe^R. Blitz^R. Katalysator^TM. Jetzt sind wir bereit, die Schaltflächen (als interaktive Komponenten bezeichnet) zu erstellen, mit denen das Portfolio navigiert werden kann. Öffnen Sie Ihre PortfolioLayout.psd-Datei in Catalyst und sehen Sie sich um. Auf den ersten Blick werden Sie feststellen, dass der Arbeitsbereich nicht so einschüchternd ist wie der Flash-Arbeitsbereich.

Oben im Bereich "Seiten / Status" finden Sie eine Miniaturansicht für jede Seite unseres Projekts. Im Moment haben wir eine Seite mit dem ersten sichtbaren Logo. Damit wir jedoch die beiden anderen Logos im Portfolio anzeigen können, müssen wir zwei weitere Seiten (Status) erstellen.

Unter dem Seiten- / Stufenbedienfeld befindet sich die Ansicht unseres Projekts, die als Zeichenfläche bezeichnet wird, und darunter das Zeitleistenfenster. Diejenigen unter Ihnen, die mit Flash vertraut sind, werden feststellen, dass die Zeitleiste in Catalyst etwas anders ist. Wie Sie auf den Registerkarten Statusübergänge und Aktionssequenzen sehen können, verwenden wir weiterhin die Zeitleiste, um zu steuern, was passiert, aber die Zeitleiste verfügt nicht über diese bekannten Keyframes. Dies liegt daran, dass Catalyst die meisten Entscheidungen darüber trifft, was für uns passiert, wenn wir die UI-Komponenten hinzufügen.

Auf der rechten Seite befinden sich das Tools-Bedienfeld und Symbole, die der gesamten Adobe-Software ähneln. Darunter haben wir das Ebenenbedienfeld. Es funktioniert ähnlich wie Photoshop und Illustrator^R. Ebenenbedienfelder und nicht wie Ebenen in Flash, die Teil der Zeitleiste sind.

Als Nächstes haben wir die Bereiche Drahtmodellkomponenten, Bibliothek und Entwurfszeitdaten. Klicken Sie auf die Registerkarte Bibliothek und Sie sehen eine Liste der Grafiken und Stile aus unserer importierten PSD-Datei. Kehren Sie zum Bereich Drahtgitterkomponenten zurück. Dies ist das Panel, das alle Komponenten enthält, die wir unserem Projekt hinzufügen können. Sie werden "Wireframe" genannt, da diese Komponenten "Bare Bones" sind. Sie sollen zu unseren importierten Grafiken hinzugefügt werden, um visuell basierte Komponenten zu erstellen.

Das Eigenschaftenfenster in Catalyst entspricht dem Eigenschaftenfenster in Flash. Wenn Sie ein Objekt in unserem Projekt auswählen, werden die bearbeitbaren Eigenschaften dieses Objekts in diesem Bereich angezeigt. Während wir an unserer Navigation für dieses Projekt arbeiten, werden wir in Catalyst ein neues Panel namens HUD vorstellen. Im Moment ist es diese ausgegraute Registerkarte mit dem Titel "Keine Auswahl". Sobald wir anfangen zu arbeiten, wird es erweitert, um uns die Steuerelemente zu geben, die wir basierend auf dem aktiven Objekt benötigen.

Schließlich können wir für diese neugierigen Typen vom Standard-Design-Arbeitsbereich zum Code-Arbeitsbereich wechseln. Klicken Sie einfach in der Menüleiste auf Fenster - Code-Arbeitsbereich. Wie Sie sehen, ähnelt es dem Bedienfeld „Flash-Aktionen“, aber anstelle von ActionScript wird der MXML-Code angezeigt, den Catalyst während der Arbeit im Hintergrund generiert.

Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere-Elemente, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.

Video-Anleitungen: Photoshop - Bilder (Diashow) (April 2024).