A grafika gombokká alakítása a Flash Catalyst alkalmazásban

• Lehet 17, 2024

Most, hogy importáltuk a PhotoshopLayout.psd portfólió projekt fájlt az Adobe-ba^R Vaku^R Katalizátor^TM és felfedeztük a Catalyst munkaterületet, készen állunk a portfóliónk navigálására.

Jelenleg csak egy oldal vagy állam van a projektünkhöz. Két további oldalt kell létrehoznunk, hogy az egyes oldalakon eltérő logót jelenítsünk meg.

1. Az Oldalak / államok panelen kétszer kattintunk a Másolat állapotok gombra. Ez megadja a 2. és a 3. oldalt. De mind egyformák. Vigyázzunk erre.

2. Kattintson az 1. oldal ikonra, és lépjen a Rétegek panelen. Nyissa meg a Logók mappát. Csak azt akarjuk, hogy az 1. logó látható legyen ezen az oldalon. Kapcsolja ki a 2. és 3. logó láthatóságát.

3. Kattintson a 2. oldal ikonjára, és kapcsolja ki az 1. és 3. logó láthatóságát. Kapcsolja be a 2. logó láthatóságát.

4. Kattintson a 3. oldal ikonjára, és kapcsolja ki az 1. és 2. logó láthatóságát. Kapcsolja be a 3. logó láthatóságát.

Ezután elkészítjük a gombokat portfóliónkhoz. Minden logóhoz van egy miniatűr. Ezek lesznek a gombok.

5. A Oldalak / államok panelen lévő ikonra kattintva térjen vissza az 1. oldalra. A Rétegek panelen nyissa meg a Miniatűr mappát. Az Artboard táblán kattintson az 1. embléma bélyegképére. Ha ezt megteszi, akkor látni fogja a HUD nyitását, és a Tulajdonságok panel megváltozik.

Először dolgozzunk a HUD-ban. Itt fogjuk mondani a Catalyst-nak, hogy ezt a bitképet szeretnénk gombbá tenni.

6. A Grafika konvertálása alatt kattintson a Grafika konvertálása alkotórészre elemre, és válassza az Button elemet az összetevők listájából. A HUD megváltozik, hogy új gombokat vezessen be nekünk. Bontsa ki az Egyéni interakciók listát, majd kattintson a Plusz ikonra. Válassza a kattintás lehetőséget a listából. Megkap egy újabb legördülő menüt, amelynek neve A művelet. Ebből a menüből válassza az Átmenet az államra lejátszást lehetőséget. A Válassza az Állam választása legördülő menüből válassza az 1. oldalt, mert azt szeretnénk, hogy ez a gomb a nézőt az 1. oldalra irányítsa.

7. Kattintson a 2. embléma bélyegképére és ismételje meg az előző lépést. A Válassza az Állapot elemet a 2. oldalra.

8. Kattintson a 3. embléma bélyegképére és ismételje meg az előző lépést. Állítsa a Select State (Állapot kiválasztása) értékre a 3. oldalt.

Vizsgáljuk meg a gombjainkat. A menüsoron kattintson a Fájl - Projekt futtatása elemre. Megnyílik a böngészőben. Amint az egyes gombokra kattint, a helyes logónak láthatónak kell lennie.

A következő oktatóprogramban tompítjuk a látható logó gombját, és átmenetet adunk az oldalak között.

Szerzői jog 2018 Adobe Systems Incorporated. Minden jog fenntartva. Az Adobe termék képernyőképe (i) újra kinyomtatva az Adobe Systems Incorporated engedélyével. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst és Flash Paper vagy bejegyzett védjegy (ek) vagy az Adobe Systems Incorporated védjegye (i) az Egyesült Államokban és / vagy más országokban.

Video Utasításokat: Ez a GRAFIKA olyan, mintha valódi akciófilmben lennél ???? (Lehet 2024).