Flash Catalyst a Photoshop - plánovanie projektu

• Apríl 27, 2024

S vydaním Adobe^R blesk^R katalyzátor^TM beta, návrhári majú nový nástroj na vytváranie projektov Flash as pomocou Photoshopu^R alebo Illustrator^R, môžeme urobiť naše projekty vizuálne príťažlivejšími. Pre tých z vás, ktorí si nestiahli bezplatné beta vydanie, bol Catalyst vyvinutý s ohľadom na návrhára a so svojimi vizuálnymi nástrojmi môže návrhár pridať funkčné komponenty používateľského rozhrania do rozloženia UI bez potreby programovacích zručností.

Kam teda prišiel Photoshop? Väčšina návrhov rozloženia používateľského rozhrania sa začína vo Photoshope, keď návrhár vytvorí maketu. Po schválení makety je čas vytvoriť skutočnú grafiku pre používateľské rozhranie. Toto sa zvyčajne robí aj vo Photoshope. Teraz s Catalystom môžeme tiež vytvoriť konečné rozloženie vo Photoshope a importovať toto rozloženie do Catalyst, kde do nášho portfólia pridáme navigáciu založenú na Flashi. Keď sa súbor otvorí v aplikácii Catalyst, všetky vrstvy, štýly a ďalšie aspekty vášho obrázka Photoshopu budú stále k dispozícii. Krásna vec, o ktorej je Catalyst, je, že môžeme grafiku používať tak, ako sme ju vytvorili vo Photoshope a premeniť ju na komponenty používateľského rozhrania, ako sú tlačidlá, bez akejkoľvek špeciálnej prípravy.

V tomto tutoriále vytvoríme grafiku pre malé portfólio niektorých webových serverov, ktoré som predal na adrese DIYeStores.com. Tieto webové sady sú vytvorené špeciálne pre tvorcov webových stránok pre domácich majstrov. Vzhľad a dojem každého webového súboru sa odráža v logu webového servera. Pre tento projekt som sa rozhodol vytvoriť portfólio týchto log. Na účely tohto tutoriálu budeme mať iba tri logá, pravdepodobne však budete chcieť mať vo svojom portfóliu viac vzoriek. Naším prvým krokom je rozhodnúť sa, ktoré logá chceme zahrnúť do nášho portfólia, a poradie, v akom ich chceme zobraziť.

Logá webových súborov sú všetky 450 x 250 pixlov, aby zodpovedali špecifikáciám tvorcu webových stránok. Rozhodol som sa, že celková veľkosť aplikácie bude 500 x 500 pixlov. Takto získate dostatok miesta pre názov hore, logá a miniatúry pod logami, ktoré sa stanú tlačidlami, ktoré ovládajú aplikáciu na prezeranie obrázkov. Budeme musieť vytvoriť grafiku miniatúr 100 x 100 pre každé z našich log. Ak iba zmenšíme veľkosť loga na veľkosť našich miniatúr, veľká časť dizajnu bude príliš malá na to, aby sme ho ocenili. Bolo by lepšie zvoliť časť každého loga, ktorá najlepšie reprezentuje dizajn a použiť ju pre naše tlačidlá navigácie. Teraz, keď máme všetky vzorky pre naše portfólio, je čas zostaviť rozloženie aplikácie.

Copyright 2018 Adobe Systems Incorporated. Všetky práva vyhradené. Snímky obrazovky produktov spoločnosti Adobe znova vytlačené so súhlasom spoločnosti Adobe Systems Incorporated. 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 a Flash Paper je / sú [a] registrované ochranné známky alebo ochranné známky spoločnosti Adobe Systems Incorporated v USA a / alebo iných krajinách.