Photoshop Ekstrakt: Prodhimi i Grafikëve Celularë Shkon Pas Mbushës

01 nga 08

Çfarë është aktivet e nxjerrjes

Krijo një koleksion në Photoshop.

Tipari i ri i Ekstraktit të Pasurive të Photoshop CC 2014 shiriton një postburner në rrjedhën e punës ndryshe të lodhshme të krijimit të imazhit për Web Design Responsive (RWD). Le të hedhim një vështrim në mënyrën se si komanda Ekstraktet e Aseteve mund të reduktojë sa më shpejt një faqe të internetit në asete për asamblenë në pak minuta.

Le të fillojmë me një pyetje të qartë: Çfarë është Pasuritë Ekstrakt?

Në terma të thjeshtë, Elementët e Ekstraktit janë një veçori e re në Photoshop që ofron funksionet e Photoshop-it me një ndërfaqe për të ndihmuar në automatizimin e krijimit të aseteve të imazhit për dizajnin e internetit dhe ekranit nga skedarët tuaj Photoshop. Komanda e Ekstraktit të Aseteve ju lejon të përcaktoni se cilat shtresa ose shtresa doni të krijoni asetet, madhësinë e tyre fizike, formatin e skedarit dhe vendndodhjen e ruajtur në disk. Kjo veçori nuk është e destinuar për tekstin nëse qëllimi është që ta kthejë tekstin në një bitmap, i cili në të vërtetë nuk është një ide e mirë.

Le të fillojmë.

02 nga 08

Hap një skedar Photoshop .psd

Ne fillojmë me një comp faqe web përgatitur në Photoshop.

Shembulli që po përdor është një objekt i zgjuar nga Illustrator, një tekst, një njësi heroi që përmban tekst, një imazh dhe një buton dhe një sërë imazhe jashtëshkollash që përforcojnë temën e faqes. Çështja kryesore këtu është organizimi i Shtresave në grupe. Kjo është e nevojshme sepse detyra është që të tërheq të gjitha këto objekte jashtë comp në mënyrë që ata të mund të shtohen shpejt në Layouts web që përshtaten me rezoluta dhe madhësi të ndryshme të ekranit.

03 nga 08

Dy mënyra për nxjerrjen e pasurive

Ekstrakt Aktivet mund të gjenden në menunë File ose duke klikuar me të djathtën në një shtresë.

Ndryshe nga Generate, i cili gjithashtu nxjerr objektet nëpërmjet shtimit të një shtrirje grafike në emrin e shtresës, Ekstraktimi i Pasurive përdor një ndërfaqe që mund të arrihet duke klikuar me të djathtën mbi një shtresë ose duke zgjedhur një shtresë dhe duke zgjedhur Skedar> Ekstraktet Pasurive .

04 nga 08

Ndërfaqja e Aseteve Ekstrakt

Kutia e kutisë së Ekstraktit të Aseteve.

Kutia e kutisë së Ekstraktit të Aseteve është mjaft intuitive. Ju shfaqet shtresa ose përzgjedhja që do të nxirret. Mbi të ju shfaqet madhësia e skedarëve dhe më poshtë është kontrolli që ju mundëson të zmadhoni dhe zvogëloni në objekt. Ana e djathtë e kutisë së dialogut është vendi ku ndodh magjia. Katër butonat në krye ju lejojnë të zgjidhni rezolucionin / madhësinë e objektit. Rreshti i ardhshëm ju tregon shtresën e zgjedhur dhe duke klikuar shenjën + ju lejon të nxjerrni shtresën e zgjedhur edhe në një format tjetër. Trash Ca n heq shtresën nga rradha. Në shiritin e ardhshëm poshtë, mund të zgjidhni llojin e skedarit dhe mund të rregulloni gjerësinë dhe lartësinë e imazhit të prodhimit.

05 nga 08

Ekstraktimi i një SVG Image

Nxjerrja e një imazhi të SVG.

Photoshop nuk merret me të gjitha format e svg imazheve dhe shfletuesit dhe pajisjet nuk mund të shfaqin një imazh Illustrator. Kjo ka rezultuar në ngritjen e skedarëve svg që përdoren për vepra të vektorit, siç është logoja e Illustrator-it e paraqitur këtu. Duke qenë vektorë rezoluta e tyre është e pavarur nga pajisja që mund të reduktohet pa humbur hollësi apo imazh. Për të kthyer Illustrator Smart Object në svg, zgjidhni svg nga pop poshtë dhe klikoni Ekstrakt .

06 nga 08

Procesi i aktiveve të ekstraktit

Imazhet vendosen në një dosje në të njëjtin vend me imazhin .psd.

Një çift i gjërave do të ndodhë kur të klikoni butonin Ekstrakt. Ju së pari do të paralajmëroni se emri i skedarit mund të ndryshojë. Kjo nuk është çështje e madhe. Pastaj do t'ju thuhet se po krijohet një dosje e re për të mbajtur pasurinë. Sapo përfundon procesi, dosja, e vendosur në të njëjtin vend si skedari origjinal .psd, hap dhe ju tregon pasurinë e re.

07 nga 08

Butoni i Cilësimeve është shoku juaj i ri më i mirë

Zgjidhja e pajisjes me pajisje.

Klikimi i butonit Cilësimet hap një kutie të dialogut Settings që është seriozisht e dobishme. Cilësimet në të majtë janë faktorët e shkallëzimit. Ajo që bëjnë ata është krijimi i kopjeve të ndryshme të imazhit që zhvilluesi do të përdorë në pyetjet e medias për të synuar një rezolucion të ekranit të një pajisjeje të veçantë. Për shembull, versioni 3x do të ishte në shënjestër për një ekran Retina të iPhone ose iPad ndërsa një faktor 1.25 do të vinte në një pajisje Android. Prapashtesa shtohet në fund të emrit të skedarit për të lejuar zhvilluesin tuaj të identifikojë lehtësisht imazhin që do të përdoret në një kërkesë për media. Pasi të keni mbaruar, klikoni butonin OK dhe zgjedhjet tuaja do të ndizet në zonën e Ekstraktit të Aseteve në kutinë e dialogut. Ju gjithashtu mund të aksesoni cilësimet duke klikuar ikonën e ingranazhit në zonën e Ekstraktit të Aseteve në anën e djathtë të ndërfaqes

08 nga 08

Duke përfunduar

Ekstraktohen imazhe të shumta me formate dhe rezolucione të ndryshme.

Kur klikoni butonin Ekstrakt, të gjitha pasuritë do të krijohen dhe shtohen në dosje. Në këtë pikë të gjithë ju duhet të bëni është që të dërgoni një zhvillues tuaj një kopje të dosjes dhe të shkojë në projektin tuaj të ardhshëm.