Flash Catalyst a Photoshop - plánování projektu

• Smět 19, 2024

S vydáním Adobe^R Blikat^R Katalyzátor^TM beta, návrháři mají nový nástroj pro vytváření Flash projektů as pomocí Photoshopu^R nebo Illustrator^R, můžeme naše projekty učinit mnohem vizuálně přitažlivějšími. Pro ty z vás, kteří si nestáhli bezplatnou beta verzi, byl Catalyst vyvinut s ohledem na návrháře a jeho vizuální nástroje, může návrhář přidat funkční komponenty uživatelského rozhraní do rozvržení uživatelského rozhraní bez nutnosti programovacích dovedností.

Kam tedy Photoshop přijde na obrázek? Většina návrhů rozvržení uživatelského rozhraní začíná ve Photoshopu, když návrhář vytvoří maketu. Po schválení makety je čas vytvořit skutečnou grafiku pro uživatelské rozhraní. To se také obvykle provádí ve Photoshopu. Nyní s Catalystem můžeme také vytvořit konečné rozvržení ve Photoshopu a importovat toto rozvržení do Catalyst, kde přidáme pro naše portfolio navigaci založenou na Flash. Když se soubor otevře v programu Catalyst, všechny vrstvy, styly a další aspekty vašeho obrázku Photoshopu budou stále k dispozici. Krásná věc na Catalyst je, že můžeme použít grafiku, jak jsme ji vytvořili ve Photoshopu, a přeměnit je na komponenty uživatelského rozhraní, jako jsou tlačítka, bez jakékoli speciální přípravy.

V tomto tutoriálu vytvoříme grafiku pro malé portfolio některých webových sad, které jsem prodal na adrese DIYeStores.com. Tyto webové sady jsou vytvořeny speciálně pro tvůrce webových stránek pro kutily. Vzhled a dojem každého webového souboru se odráží v logu webového serveru. Pro tento projekt jsem se rozhodl vytvořit portfolio těchto log. Pro účely tohoto tutoriálu budeme mít pouze tři loga, ale pravděpodobně budete chtít mít ve svém portfoliu více vzorků. Naším prvním krokem je rozhodnout, která loga chceme zahrnout do našeho portfolia a pořadí, v jakém si přejeme, aby byly zobrazeny.

Loga webových sad jsou 450 x 250 pixelů, aby odpovídaly specifikacím tvůrce webových stránek. Rozhodl jsem se, že celková velikost aplikace bude 500 x 500 pixelů. Tím získáte dostatek místa pro titul nahoře, loga a miniatury pod logy, které se stanou tlačítky, které ovládají aplikaci prohlížeče obrázků. Pro každé z našich log budeme muset vytvořit grafiku miniatur 100 x 100. Pokud pouze zmenšíme velikost loga na velikost našich miniatur, bude velká část designu příliš malá na to, abych ocenil. Bylo by lepší zvolit část každého loga, která nejlépe reprezentuje design a použít ji pro naše navigační tlačítka. Nyní, když máme všechny vzorky pro naše portfolio, je čas sestavit rozvržení aplikace.

Copyright 2018 Adobe Systems Incorporated. Všechna práva vyhrazena. Snímky obrazovky produktů Adobe přetištěné se souhlasem společ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 / jsou [a] registrovanou ochrannou známkou (značkami) nebo ochrannou známkou (značkami) společnosti Adobe Systems Incorporated ve Spojených státech a / nebo jiných zemích.

Video Návody: Import Photoshop and Illustrator Files into Flash CS6 (Smět 2024).