Ce este extrasul de active
Noul Extras de active caracteristică a Photoshop CC 2014 curele un afterburner pe fluxul de lucru altfel plictisitor de creare de imagine pentru Responsive Web Design (RWD). Să aruncăm o privire la modul în care comanda Extras Assets poate reduce rapid o compunere a paginii web la activele gata de montaj în câteva minute.
Să începem cu o întrebare evidentă: Ce este extrasul de active?
În termeni simpli, Extras Assets este o nouă caracteristică în Photoshop care oferă caracteristica Photoshop's Generator cu o interfață care ajută la automatizarea creării de elemente imagistice pentru designul de web și ecran din fișierele Photoshop. Comanda "Extras Assets" vă permite să definiți stratul sau straturile pentru care doriți să creați active, mărimea lor fizică, formatul fișierului și locația salvată pe disc. Această caracteristică nu este destinată textului decât dacă intenția este de a transforma textul într-un bitmap, ceea ce într-adevăr nu este o idee bună.
Să începem.
02 din 08Deschideți un fișier .psd Photoshop
Exemplul pe care îl folosesc conține un obiect inteligent din Illustrator, un text, un element de erou care conține text, o imagine și un buton și o serie de imagini în aer liber care consolidează tema site-ului. Cheia aici este organizarea straturilor în grupuri. Acest lucru este necesar deoarece sarcina este de a trage toate aceste elemente din comp, astfel încât acestea să poată fi adăugate rapid în layout-urile web care se adaptează diferitelor rezoluții și dimensiuni ale ecranului.
Două moduri de a extrage active
Spre deosebire de Generate, care de asemenea extrage obiecte prin adăugarea unei extensii grafice la numele stratului, Extras de active utilizează o interfață la care se poate ajunge clic dreapta un strat sau selectarea unui strat și alegereaFișier> Extras Assets.
04 din 08Interfața cu activele de extragere
Caseta de dialog Extras Assets este mai degrabă intuitivă. Vi se arată stratul sau selecția care urmează a fi extrasă. Deasupra acestuia vă sunt afișate dimensiunile fișierelor și sub el este un control care vă permite să măriți și micșorați pe obiect. Partea dreaptă a casetei de dialog este locul unde se petrece magia. Cele patru butoane din partea de sus vă permit să selectați rezoluția / dimensiunea obiectului. Următoarea bandă vă arată stratul selectat și faceți clic pe + vă permite să ieșiți stratul selectat și într-un alt format. Coșul de gunoi Ca n elimină stratul din coadă. În următoarea bandă în jos, puteți alege tipul fișierului și puteți regla lățimea și înălțimea imaginii de ieșire.
05 din 08Extragerea unei imagini SVG
Photoshop nu se ocupă de toate imaginile, iar browserele și dispozitivele pot afișa o imagine Illustrator. Acest lucru a dus la creșterea numărului de fișiere SVG utilizate pentru ilustrații vectoriale, cum ar fi sigla Illustrator prezentată aici. Fiind vectori, rezoluția lor este independentă de dispozitiv, ceea ce înseamnă că acestea pot fi scalate fără pierderi de detalii sau imagini. Pentru a converti obiectul Illustrator Smart în svg, selectați svg din partea de jos și faceți clic pe Extrage.
06 din 08Procesul de extragere a activelor
Câteva lucruri se vor întâmpla când faceți clic pe butonul Extract. Mai întâi veți fi avertizat că numele fișierului se poate schimba. Aceasta nu este o problemă mare. Apoi vi se va spune că un nou dosar este creat pentru a păstra activul. După finalizarea procesului, dosarul, plasat în aceeași locație ca și fișierul .psd original, se deschide și vă arată noul element.
07 din 08Butonul de setări este cel mai bun prieten al tău
Dând clic pe Setări butonul se deschide a Setări casetă de dialog care este foarte util. Setările din stânga sunt factorii de scalare. Ce fac ei este să creeze copiile diferite ale imaginii pe care un dezvoltator o va folosi în interogările media pentru a viza rezoluția ecranului unui anumit dispozitiv. De exemplu, versiunea de 3x ar fi direcționată către un afișaj iPhone sau iPad, în timp ce un factor de 1,25 ar fi indicat la un dispozitiv Android. Sufixul este adăugat la sfârșitul numelui fișierului pentru a permite dezvoltatorului dvs. să identifice cu ușurință imaginea care va fi utilizată într-o interogare media. După ce ați terminat, faceți clic pe O.K butonul și selecțiile dvs. se vor aprinde în zona Extras active în caseta de dialog. De asemenea, puteți accesa setarea făcând clic pe pictograma roată din zona Extras active peste partea dreaptă a interfeței
08 din 08Terminand
Când faceți clic pe butonul Extract, toate materialele vor fi create și adăugate în dosar. În acest moment tot ce trebuie să faceți este să trimiteți dezvoltatorului o copie a dosarului și să treceți la următorul proiect.
