01 08
Mis on vara väljavõtmine?
Photoshop CC 2014 uus ekstrakti varade rihm on vastupidava veebi disaini (RWD) pilditootmise muidu tüütu töövoog. Vaatame, kuidas käsk Extract Assets saab mõne minuti jooksul veebilehe kompiidi kiiresti lõpule viia.
Alustame ilmse küsimusega: Mis on vara väljavõtmine?
Lihtsamalt öeldes on Extract Assets Photoshopis uus funktsioon, mis pakub Photoshopi generaatori funktsiooni liidese abil, mis aitab teie fotode failide veebi ja ekraani disaini kujundamise varade loomise automatiseerimist. Käsk Extract Assets võimaldab määrata, milline kiht või kihid soovite luua varasid, nende füüsilist suurust, failivormingut ja salvestatud asukohta kettal. See funktsioon ei ole mõeldud teksti jaoks, välja arvatud juhul, kui soovitakse muuta teksti bitmapiks, mis ei ole tõesti hea mõte.
Alustame.
02 of 08
Ava Photoshop .psd-fail
Kasutatav näide sisaldab Illustratoris olevat nutikat objekti, mõnda teksti, mis sisaldab teksti, pilti ja nuppu ning mitut välist pilti, mis tugevdavad saidi teema. Võti siin on kihid gruppidesse paigutamine. See on vajalik, sest ülesanne on tõmmata kõik need elemendid arvutist välja, nii et neid saab kiiresti lisada veebipaigutusse, mis kohanduvad ekraani eraldusvõime ja suurusega.
03 alates 08
Kaks võimalust vara väljavõtmiseks
Erinevalt genereerimisest, mis ekstraktib objekte ka kihi nimega graafilise laienduse lisamiseks, kasutab Extract Assets liidest, mida saab jõuda, klõpsates hiire parema nupuga või valides kihi ja valides File> Extract Assets .
04 08
Ekstrakti varade liides
Dialoogiboks Extract Assets on pigem intuitiivne. Teile on näidatud väljavõttev kiht või valik. Selle kohale on kuvatud failide suurus ja allpool see on juhtpaneel, mis võimaldab objektil suumida ja vähendada. Dialoogiboksi parempoolne külg on koht, kus magic juhtub. Ülaosas olevad neli nuppu võimaldavad valida objekti eraldusvõime / suuruse. Järgmine riba näitab valitud kihti ja klõpsa + märk võimaldab valitud kihti väljastada ka teises vormingus. Prügikast Ca n eemaldab kihi järjekorrast. Järgmise riba alla saate valida failitüübi ja saate reguleerida väljundpildi laiust ja kõrgust.
05 08
SVG-pildi väljavõtmine
Photoshop ei toeta kõiki svg pilte ja brauserid ja seadmed ei saa Illustrator pilti kuvada. See on kaasa toonud SVG-failide kasvu vektoreid, näiteks Illustratori logo, mis on siin näidatud. Olles vektorid, on nende eraldusvõime seadme sõltumatu tähendus, mida saab skaleerida ilma detailide või kujutise kadumiseta. Illustrator Smart Objekti teisendamiseks svg-s valige hüpikaknas svg ja klõpsake käsku Ekstraktsioon .
06 08
Ekstrakti varade protsess
Kui klõpsate nuppu Ekstraktsioon, toimub paar asja. Esmalt hoiatatakse, et faili nimi võib muutuda. See pole suur probleem. Siis teile öeldakse, et vara hoidmiseks luuakse uus kaust. Kui protsess lõppeb, avatakse kaust, mis asetatakse samasse asukohta kui algne .psd-fail, ja näitab teile uut vara.
07 08
Seadistuste nupp on teie uus parim sõber
Klõps nupul Seaded avab dialoogi Seaded, mis on tõsiselt kasulik. Vasakpoolsed seaded on skaleerimistegurid. Mida nad teevad, on luua erinevad pildi koopiad, mida arendaja kasutab meediumipäringutes konkreetse seadme ekraani eraldusvõime suunamiseks. Näiteks 3x-versioon suunatakse iPhone'i või iPadi Retina-ekraanile, kuna Androidi seadmele on viidatud 1,25 tegurile. Faili nime lõpus lisatakse sufiks, mis võimaldab teie arendajal meediumipäringu abil pilti hõlpsalt tuvastada. Kui olete lõpetanud, klõpsake nuppu OK ja valikud ilmuvad dialoogiboksis väljale Väljavõtted. Samuti saate seadeid juurde pääseda, klõpsates liidese paremal küljel ala Extract Assets (Lõppaktivad) käsku hammasrattaikoonil
08 08
Viimistlus
Kui klõpsate nupul Extract, luuakse kõik varad ja need lisatakse kausta. Sellega seoses peate vaid saatma oma arendajale kausta koopia ja liikuma oma järgmise projekti juurde.