Flash Catalyst i Photoshop - Planiranje projekata

• Svibanj 4, 2024

Izlaskom Adobe-a^R Bljesak^R Katalizator^TM beta, dizajneri imaju novi alat za stvaranje Flash projekata i uz pomoć Photoshopa^R ili Ilustrator^R, možemo naše projekte učiniti vizualno privlačnijima. Za one od vas koji nisu preuzeli besplatno beta izdanje, Catalyst je razvijen s obzirom na dizajnera, a svojim vizualnim alatima dizajner može dodati korisne komponente korisničkog sučelja u izgled korisničkog sučelja bez potrebe za programiranjem.

Pa gdje Photoshop ulazi u sliku? Većina dizajna UI dizajna započinje u Photoshopu, kada dizajner kreira make-up. Nakon što je maketa odobrena, vrijeme je za stvaranje stvarne grafike za korisničko sučelje. To se obično radi u Photoshopu. Sada, uz Catalyst, također možemo kreirati konačni izgled u Photoshopu i uvoziti taj izgled u Catalyst, gdje ćemo dodati navigaciju na temelju Flash-a za naš portfelj. Svi slojevi, stilovi i ostali aspekti vaše Photoshop slike i dalje će biti prisutni kad se datoteka otvori u Catalyst. Lijepa stvar Katalizatora je ta što možemo koristiti grafiku upravo onako kako smo ih stvorili u Photoshopu i pretvoriti ih u UI komponente, poput tipki, bez ikakvih posebnih priprema.

U ovom ćemo tutorialu napraviti grafiku za mali portfelj nekih web-setova koje sam prodao na DIYeStores.com. Ove web-setove su stvorene posebno za izradu web stranica za izradu web stranica. Izgled svakog web-seta odražava se na logotipu web-lokacije. Za ovaj sam projekt odlučio stvoriti portfelj ovih logotipa. Za potrebe ovog vodiča imat ćemo samo tri logotipa, ali vjerojatno ćete htjeti imati više uzoraka u svom portfelju. Naš prvi korak je odlučiti koji logotipi želimo uključiti u naš portfelj i redoslijed kojim želimo da budu prikazani.

Logotipi za web-setove su svi 450 x 250 piksela kako bi se podudarali sa specifikacijama za izradu web stranica. Odlučio sam da će ukupna veličina aplikacije biti 500 x 500 piksela. Tako ćete dobiti dovoljno prostora za naslov na vrhu, logotipe i sličice ispod logotipa, koji će postati gumbi koji upravljaju aplikacijom za pregled slika. Trebat ćemo stvoriti sličicu od 100 x 100 za svaki naš logotip. Ako samo smanjimo veličinu logotipa na veličinu naših sličica, velik dio dizajna bit će premali za cijeniti. Bilo bi bolje odabrati odjeljak svakog logotipa koji najbolje predstavlja dizajn i koristiti ga za naše gumbe za navigaciju. Sad kad imamo sve uzorke za svoj portfelj, vrijeme je da izgradimo izgled aplikacije.

Autorska prava 2018. Adobe Systems Incorporated. Sva prava pridržana. Snimke zaslona Adobe proizvoda preispisane su uz dozvolu tvrtke 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 i Flash Paper je ili su [a] registrirani zaštitni znak (i) ili zaštitni znak (Adobe) tvrtke Adobe Systems Incorporated u Sjedinjenim Državama i / ili drugim zemljama.

Upute Video: Animator vs. Animation IV (original) (Svibanj 2024).