Flash Catalyst și Photoshop - Planificare de proiect

• Mai 21, 2024

Odată cu lansarea Adobe^R bliț^R Catalizator^TM beta, designerii au un nou instrument pentru crearea de proiecte Flash și cu ajutorul Photoshop^R sau ilustrator^R, putem face proiectele noastre mult mai atrăgătoare vizual. Pentru aceia dintre voi care nu au descărcat versiunea beta gratuită, Catalyst a fost dezvoltat cu proiectantul în minte și cu instrumentele sale bazate pe vizual, proiectantul poate adăuga componente de interfață utilizator viabile la un layout UI fără a fi necesare abilități de programare.

Deci, unde apare Photoshop în imagine? Cele mai multe modele de layout UI încep în Photoshop, atunci când designerul creează o machetă. După aprobarea modelului, este timpul să creați o grafică reală pentru UI. Acest lucru este, de asemenea, de obicei în Photoshop. Acum, cu Catalyst, putem crea, de asemenea, aspectul final în Photoshop și importăm layout-ul în Catalyst, unde vom adăuga navigarea bazată pe Flash pentru portofoliul nostru. Toate straturile, stilurile și alte aspecte ale imaginii Photoshop vor rămâne acolo când se deschide fișierul în Catalyst. Lucrul frumos despre Catalyst este că putem folosi grafica la fel cum le-am creat în Photoshop și le putem transforma în componente UI, cum ar fi butoane, fără nicio pregătire specială.

În acest tutorial, vom realiza grafica pentru un portofoliu mic al unor site-uri web pe care le-am vândut la DIYeStores.com. Aceste site-uri web sunt create special pentru constructorul de site-uri DIY. Aspectul fiecărui set de internet este reflectat în logo-ul setului. Pentru acest proiect, am decis să creez un portofoliu cu aceste logo-uri. În scopul acestui tutorial, vom avea doar trei sigle, dar probabil că veți dori să aveți mai multe probe în portofoliul dvs. Primul nostru pas este să decidem ce sigle dorim să includem în portofoliul nostru și ordinea în care dorim ca acestea să fie vizualizate.

Logo-urile site-urilor sunt de 450 x 250 pixeli pentru a se potrivi cu specificațiile constructorului site-ului web. Am decis că dimensiunea generală a aplicației va fi de 500 x 500 pixeli. Acest lucru va oferi un spațiu suficient pentru un titlu în partea de sus, siglele și miniaturile de sub logo-uri, care vor deveni butoanele care controlează aplicația vizualizatoare de imagini. Va trebui să creăm un grafic de miniaturi de 100 x 100 pentru fiecare logo-ul nostru. Dacă reducem doar dimensiunea logo-ului la dimensiunea miniaturilor noastre, o mare parte din design va fi prea mică pentru a fi apreciată. Ar fi mai bine să alegeți o secțiune a fiecărui logo care să reprezinte cel mai bine designul și utilizarea acestora pentru butoanele noastre de navigație. Acum că avem toate eșantioanele pentru portofoliul nostru, este timpul să construim aspectul aplicației.

Copyright 2018 Adobe Systems Incorporated. Toate drepturile rezervate. Captura (ecranele) de produs Adobe tipărite cu permisiunea Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Elementele Premiere, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst și Flash Paper este / sunt [o] marcă înregistrată [sau] sau o marcă comercială a Adobe Systems Incorporated în Statele Unite și / sau în alte țări.