Flash Catalyst in Photoshop - Načrtovanje projektov

• Maj 8, 2024

Z izdajo Adobeja^R Flash^R Katalizator^TM beta, oblikovalci imajo novo orodje za ustvarjanje Flash projektov in s pomočjo Photoshopa^R ali Ilustrator^R, lahko naredimo naše projekte veliko bolj vizualno privlačne. Za tiste od vas, ki še niste prenesli brezplačne različice beta, je Catalyst razvit z mislijo na oblikovalca in oblikovalec lahko s svojimi vizualno zasnovanimi orodji v postavitev uporabniškega vmesnika doda izvedljive komponente uporabniškega vmesnika brez potrebnih spretnosti programiranja.

Kje torej Photoshop pride v sliko? Večina oblikovalskih postavitev uporabniškega vmesnika se začne v Photoshopu, ko oblikovalec ustvari model. Po odobritvi vzorca je čas, da ustvarite dejansko grafiko za uporabniški vmesnik. To se običajno naredi tudi v Photoshopu. Zdaj lahko s Catalyst izdelamo končno postavitev v Photoshopu in uvozimo to postavitev v Catalyst, kjer bomo dodali navigacijo, ki temelji na Flashu, za naš portfelj. Vse plasti, slogi in drugi vidiki vaše slike Photoshop bodo še vedno tam, ko se datoteka odpre v Catalyst. Lepa stvar Katalizatorja je, da lahko uporabimo grafiko tako, kot smo jih ustvarili v Photoshopu in jih pretvorimo v komponente uporabniškega vmesnika, kot so gumbi, brez posebne priprave.

V tej vadnici bomo naredili grafiko za majhen portfelj nekaterih spletnih skupin, ki sem jih prodal na spletnem mestu DIYeStores.com. Te spletne garniture so ustvarjene posebej za gradbenika spletnega mesta DIY. Izgled vsakega spletnega sklopa se odraža v logotipu. Za ta projekt sem se odločil ustvariti portfelj teh logotipov. Za namen te vadnice bomo imeli le tri logotipe, vendar boste verjetno želeli imeti več vzorcev v svojem portfelju. Naš prvi korak je, da se odločimo, katere logotipe želimo vključiti v svoj portfelj in vrstni red, za katerega želimo, da si jih ogledajo.

Logotipi za spletne skupine so vsi 450 x 250 pik, da se ujemajo s specifikacijami za izdelavo spletnega mesta. Odločil sem se, da bo skupna velikost aplikacije 500 x 500 pik. Tako boste imeli dovolj prostora za naslov na vrhu, logotipe in sličice pod logotipi, ki bodo postali gumbi, ki nadzorujejo aplikacijo za pregledovanje slik. Za vsak naš logotip bomo morali ustvariti sličico velikosti 100 x 100. Če velikost logotipa le zmanjšamo na velikost naših sličic, bo velik del zasnove premajhen, da bi ga cenili. Bolje bi bilo izbrati odsek vsakega logotipa, ki najbolje predstavlja zasnovo in ga uporabiti za naše navigacijske gumbe. Zdaj, ko imamo vse vzorce za svoj portfelj, je čas, da sestavimo postavitev aplikacije.

Avtorske pravice 2018 Adobe Systems Incorporated. Vse pravice pridržane. Posnetki zaslona izdelkov Adobe so bili ponatisnjeni z dovoljenjem 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, Prispevaj, Captivate, Flash Catalyst in Flash Paper so ali so [a] registrirana blagovna znamka (-e) ali blagovna znamka Adobe Systems Incorporated v Združenih državah Amerike in / ali drugih državah.