01 of 08
Wat is ekstra aktives
De nije Extract Assets funksjonearje fan Photoshop CC 2014 rint in neibouwer op 'e oarspronkelike workflow fanôfbylding skepping foar Responsive Web Design (RWD). Litte wy nei sjen hoe't it kommando Extract Assets rapper in webside komponearje kin nei fergese-ferfiere ferwachtings yn in pear minuten.
Litte wy begjinne mei in dúdlike fraach: wat is ekstra aktiven?
Yn ienfâldige terms is Extract Assets in nije funksje yn Photoshop dy't de Photoshop's Generator-funksje leveret mei in ynterface om te helpen automatysk te meitsjen fan it bewarjen fan aktive foto's foar web en skerm-ûntwerp fan jo Photoshop-bestannen. It kommando Extract Assets jout jo te beskieden hokker lagen of lagen jo aktyf meitsje wolle foar har fysike grutte, triemformaat en bewarre lokaasje op skiif. Dizze funksje is net bedoeld foar tekst as it bedoeld is om de tekst yn in bitmap te feroarjen, dat wier net in goed idee is.
Litte wy begjinne.
02 of 08
Iepenje in Photoshop .psd bestân
It foarbyld dy't ik brûke befettet in Smart Object út Illustrator, in tekst, in heldedeame mei tekst, in ôfbylding en in knop en in rige fan bûtenbylden dy't it tema fan 'e side fersterkje. De kaai is organisearre troch de Layers yn groepen. Dit is nedich omdat de opdracht is om alle punten út 'e kompetysje te heljen, sadat se fluch tafoege wurde oan web-lannen dy't oanpasse oan ferskate skerm-resolúsjes en -gressten.
03 of 08
Twa wizen om effekten te ferwiderjen
Oars as it generearjen, dat ek objekten útfiert troch it tafoegjen fan in grafyske útwreiding nei de namme fan 'e lagen, hat Extract Assets in ynterface brûkt om te berikken mei it rjochtsjen fan in lagen of selektearje in lagen en it selektearjen fan bestân> Extract Assets .
04 of 08
De Extract Assets Interface
It dialoochfinster "Extract Assets" is earder yntuktyf. Jo wurde de ljepper of seleksje sjen litte dy't útsteld wurde. Boppe dêrfan binne jo de triemgrutte oanjûn en ûnder it kontrolearjen dat jo ferlies en op it objekt ferpleatse kinne. De rjochterkant fan it dialoochfinster is wêr't de magie bart. De fjouwer knoppen boppe-op litte jo de resolúsje / grutte fan it objekt selektearje. De folgjende strip lit jo de selektearre ljepper sjen en klikke op it + teken litte jo de selektearre ljeare yn in oar format ek útjaette. De Trash Ca n ferwideret de laach út de wachtrige. Yn it folgjende strip kinne jo de triemtype kieze en jo kinne de breedte en hichte fan it útfierôfbylding oanpasse.
05 of 08
In SVG-ôfbylding útfiere
Photoshop behannelet gjin svg-ôfbyldings alles dat goed en browsers en apparaten kin in Illustrator ôfbylding net sjen litte. Dit hat de opkomst fan SVG-bestannen brûkt foar vector artwork lykas it hierbyld fan it Illustrator-logo. As sektors binne har oplossing is apparaat selsstannige betsjutting dat se skalme wurde mei gjin ferlies fan detail of ôfbylding. Om it werjaan fan it Illustrator Smart Object om svg te konvertieren, selektearje svg fan 'e pop-yn en klik op Utje .
06 van 08
De Extract Assets Process
In pear dingen sil barre as jo op 'e knop Extrait klikke. Jo wurde earst warskôge de triemnamme kin wizigje. Dit is gjin grut probleem. Dan wurde jo ferteld dat in nije map kreëarre is om de asset te hâlden. As it proses foltôge wurdt de map, opnij yn deselde lokaasje as de orizjinele .psd-triem, iepenet en lit jo de nije asset sjen.
07 of 08
De ynstellingsknop is jo nije bêste freon
Klik op de knop " Ynstellings " iepenet in dialoochfinster ynstellings dy't serieus nuttich is. De ynstellingen oan 'e lofter binne de skalingsfaktoaren. Wat se dogge, sil de ferskate kopyen fan 'e ôfbylding meitsje. In ûntwikkelders sil yn' e media-fraachstikken brûke om in beskerming fan in spesifike apparaat te bewarjen. Bygelyks, de 3x ferzje soe rjochte wêze op in iPhone of iPad Retina-display, wylst in 1,25 faktor op in Android-apparaten oanwiisd wurde soe. It suffix wurdt tafoege oan 'e ein fan' e triemnamme om jo ûntwikkelders te maklik te meitsjen dat it byldskerm brûkt wurde kin yn in media-query. As jo foltôge binne, klikje jo op de knop OK en jo seleksjes ljochtsje yn it gebiet Extract Assets yn it dialoochfinster. Jo kinne ek tagong krije ta de ynstellings troch te klikken op it gear-byld yn it Extract Assets-gebiet oer oan 'e rjochterkant fan' e interface
08 of 08
Fining up
As jo op 'e knop "Extract" klikke, wurde alle asses siden makke en taheakke oan' e map. Op dit stuit moatte jo jo ûntwikkelders in kopy fan 'e map stjoere en nei jo folgjende projekt gean.