01 08
Wat ass Extract Assets
Déi nei Extract Assets Feature vun Photoshop CC 2014 strappt eng Afterburner op den anere mëchtlechen Workflow vun der Bilderstellung fir Responsive Web Design (RWD). Loosst eis kucken wéi d'Extract Assets beherrschen kënne séier eng Websäit comp zu Montage-ready Aktiounen a puer Minutten ze reduzéieren.
Loosst eis mat enger evidenter Fro un: Wat ass Extract Assets?
An einfache Konditioune ass Extract Assets eng nei Fonctionnéi Feature an Photoshop, déi e Photoshop-Generator-Fonktioun mat enger Interface erliewt, fir datt d'Automatie vun der Schafung vun Imaging-Assets fir Web- a Schreif-Design vun Äre Photoshop-Dateien automatiséiert gëtt. De Befehl Extract Assets erméiglecht Iech ze definéieren wéi eng Layer oder Schichten déi d'Verméige fir Är physikalesch Gréisst, Dateiformat a gespäichte Plaz op der Festplatte schafen. Dës Fonktioun ass net fir Text gemeet, ausser d'Absicht ass den Text an e Bitmap ëmzebréngen, wat wierklech eng gutt Idee ass.
Looss eis un.
02 08
Öffnen e Photoshop .psd Datei
D'Beispiller déi ech benotze enthält e Smart Object vun Illustrator, e puer Text, e Hero-Gerät mat Text, e Bild an e Knäppchen an eng Serie vu dobausse Biller, déi d'Thema vum Site verstäerken. De Schlëssel hei ass d'Schichten an Gruppen organiséiert. Dëst ass néideg, well d'Aufgab ass all dës Elementer aus dem Comp ze zéien, fir datt se séier op Websäiten ze addéieren, déi sech op verschidden Changement-Resolutiounen a Gréissten adaptéieren.
03 vun 08
Zwee Wee fir Extrakosten ze extraitéieren
Am Géigesaz zu Generéiere, déi och Objeten duerch d'Additioun vun enger grafischer Extension fir den Numm Numm ze schaure kënnt Extract Assets benotzt eng Interface, déi erreecht gëtt andeems Dir mat enger Klick op enger Schicht klickt oder e Layout gewielt hutt an d' Datei> Extract Assets auswielen.
04 vun 08
D'Extract Assets Interface
D'Dialogbox Extract Assets ass éischter intuitiv. Dir kënnt de Layer oder d'Auswiel ugewéckelt ginn. Viru et gëtt dir d'Dateigröße gezeechent an et ass e Kontroll deen Dir maacht an op de Objet ze vergréisseren. D'Säit vun der Dialogbox ass wou d'Magie passéiert. Déi véier Knäppchen ob der Säit erlaaben Iech d'Resolutioun / Gréisst vum Objet ze wielen. Den nächste Bande weist Iech déi gewielte Schicht an klickt op d'Zeechen datt Dir d'gewielte Layer an engem anere Format ausgitt. De Trash Ca n verschlechtert d'Schicht vun der Warteschléi. An der nächster Stripperebunn kënnt Dir den Dateityp auswielen an Dir kënnt d'Breet an d'Héichte vum Output-Bild justifizéieren.
05 08
Extraitéiert e SVG Image
Fotoshop erlaabt net svg Biller déi gutt an Browsers an Apparater kënnen e Illustrator Bild net weisen. Dëst huet zu enger Steigerung vun svg Dateie benotzt fir Vektarbesproochen wéi dem Illustrator-Logo hier ze gesinn. Well d'Vektoren hir Resolutioun un Apparat unabhänglech sinn, kënne si mat engem Verloscht vu Detail oder Bild net vergréissert ginn. Konvertéiert den Smartrunner Smart Object zu svg, wielt svg aus der Lëscht un a klickt Extra .
06 08
Den Extract Assets Process
E puer Saache passéiert wann Dir op d'Extract Knäppchen klickt. Dir kënnt de Virwarn vum éischte Warnte geännert ginn. Dëst ass kee grousse Problem. Da kënnt Dir e neien Datagramm erstallt hunn fir de Kapital ze halen. Wann de Prozess ofgeschloss ass, de Fichier, deen an der selwechter Plaz wéi déi urspréngesch .psd-Datei plazéiert ass, a schreift Iech an déi nei Aart.
07 08
D'Astellungen Button ass Ären neie bescht Frënd
Klickt op den Parameteren "Astellungen" fëllt eng Dialogbox "Settings" déi extrem nëtzlech ass. D'Astellungen op der lénkser Säit sinn d'Skalierende Faktoren. Wat se maachen, kreéiert déi verschidden Exemplare vum Bild, deen e Entwéckler benotzt an den Medien Ufroen fir e Bildschirmléisung ze wielen. Zum Beispill gëtt d'3x Versioun op e iPhone oder iPad Retina Display gezielt, während e 1,25 Faktor bei engem Android Apparat geréckelt ginn ass. Den Suffix gëtt am Ende vum Dateinamme hinzugefügt, fir datt Äre Proprietär esou e Bild z'ënnerschreiwen, deen an enger Medienabféierung benotzt gëtt. Sidd Dir a Fazit geklickt, klickt op d' OK Knäppche an däin Äusserungen wäerten am Dialogfeld Extrait Assets opleeden. Dir kënnt och op d'Astellunge profitéieren, andeems Dir op de Symbol Ikonen am Extract Assets-Bereich op der rietes Säit vun der Interface klickt
08 08
Ausschreiwung
Wann Dir op Extract Knäppchen klickt, all d'Verméigenswäerter erstallt an am Fichier kënnt. Zu dësem Zäitpunkt musst Dir Iech fir Är Entwéckler eng Kopie vum Dossier ze schécken an sech op Äre nächste Projet ze schécken.