Verwandeln von Grafiken in Schaltflächen in Flash Catalyst

• Kann 5, 2024

Nachdem wir unsere Portfolio-Projektdatei PhotoshopLayout.psd in Adobe importiert haben^R. Blitz^R. Katalysator^TM Nachdem wir den Catalyst-Arbeitsbereich erkundet haben, sind wir bereit, an der Navigation für unser Portfolio zu arbeiten.

Derzeit haben wir nur eine Seite oder einen Status für unser Projekt. Wir müssen zwei weitere Seiten erstellen, damit wir auf jeder Seite ein anderes Logo anzeigen können.

1. Klicken Sie im Bedienfeld Seiten / Status zweimal auf die Schaltfläche Status duplizieren. Dies gibt uns Seite 2 und Seite 3. Aber sie sind alle gleich. Kümmern wir uns darum.

2. Klicken Sie auf das Symbol Seite1 und wechseln Sie zum Ebenenbedienfeld. Öffnen Sie den Logos-Ordner. Wir möchten nur, dass Logo 1 auf dieser Seite sichtbar ist. Schalten Sie die Sichtbarkeit für Logo 2 und 3 aus.

3. Klicken Sie auf das Symbol Seite 2 und deaktivieren Sie die Sichtbarkeit für Logo 1 und 3. Aktivieren Sie die Sichtbarkeit für Logo 2.

4. Klicken Sie auf das Symbol Seite 3 und deaktivieren Sie die Sichtbarkeit für Logo 1 und 2. Aktivieren Sie die Sichtbarkeit für Logo 3.

Als nächstes erstellen wir die Schaltflächen für unser Portfolio. Wir haben ein Miniaturbild für jedes Logo. Dies werden die Schaltflächen sein.

5. Kehren Sie zu Seite 1 zurück, indem Sie auf das Symbol im Bedienfeld Seiten / Status klicken. Öffnen Sie im Ebenenbedienfeld den Ordner „Miniaturansichten“. Klicken Sie auf der Zeichenfläche auf das Miniaturbild für das Logo 1. Wenn Sie dies tun, wird das HUD geöffnet und das Eigenschaftenfenster wird geändert.

Lassen Sie uns zuerst im HUD arbeiten. Hier teilen wir Catalyst mit, dass wir dieses Bitmap-Bild in eine Schaltfläche verwandeln möchten.

6. Klicken Sie unter Grafik konvertieren auf Grafik in Komponente konvertieren und wählen Sie Schaltfläche aus der Komponentenliste. Das HUD wird geändert, um uns neue Steuerelemente für unsere Schaltfläche zu geben. Erweitern Sie die Liste Benutzerdefinierte Interaktionen und klicken Sie dann auf das Plus-Symbol. Wählen Sie On Click aus der Liste. Sie erhalten ein weiteres Dropdown-Menü namens Aktion ausführen. Wählen Sie in diesem Menü die Option Übergang in Status abspielen. Wählen Sie im Dropdown-Menü Status auswählen die Option Seite1 aus, da diese Schaltfläche den Betrachter zu Seite1 führen soll.

7. Klicken Sie auf das Vorschaubild für Logo 2 und wiederholen Sie den vorherigen Schritt. Setzen Sie Status auswählen auf Seite2.

8. Klicken Sie auf das Vorschaubild für Logo 3 und wiederholen Sie den vorherigen Schritt. Setzen Sie Choose State auf Page3.

Testen wir unsere Buttons. Klicken Sie in der Menüleiste auf Datei - Projekt ausführen. Es wird in Ihrem Webbrowser geöffnet. Wenn Sie auf die einzelnen Schaltflächen klicken, sollte das richtige Logo sichtbar sein.

Im nächsten Tutorial werden wir die Schaltfläche für das sichtbare Logo dimmen und einen Übergang zwischen den Seiten hinzufügen.

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: 2015-2017 F150 2.7L EcoBoost 5 Star SF4/X4 Power Flash Tuner w/ 3 Custom Tunes Review & Dyno (Kann 2024).