Photoshop Extract: Mobilās grafikas produkcija iet pēc dzirnaviņas

01 no 08

Kas izvilk aktus

Izveidot comp in Photoshop.

Photoshop CC 2014 jaunā Extract Assets funkcija ir saistīta ar nākamajām darbībām, kas saistītas ar reaģējošā Web dizaina (RWD) attēlu veidošanu. Apskatīsim, kā komanda Extract Assets pēc dažām minūtēm var ātri samazināt tīmekļa lapu comp uz montāžas gataviem aktīviem.

Sāksim ar acīmredzamu jautājumu: Kas ir līdzekļu izņemšana?

Vienkārši sakot, Extract Assets ir jauna funkcija Photoshop, kas nodrošina Photoshop's Generator funkciju ar interfeisu, lai palīdzētu automatizēt attēlveidošanas līdzekļu izveidošanu tīmekļa un ekrāna dizainam no jūsu Photoshop failiem. Komandu Extract Assets ļauj definēt, kuru slāni vai slāņus vēlaties izveidot, kā arī to fizisko lielumu, faila formātu un saglabāto vietu diskā. Šī funkcija nav domāta teksta tekstiem, ja vien nav paredzēts pārvērst tekstu par bitmap, kas patiešām nav laba ideja.

Sāksim.

02 no 08

Atveriet Photoshop. PSD failu

Mēs sākam ar lapu, kas sagatavota Photoshop.

Piemērā, ko es izmantoju, ir ietverts viedtēls no Illustrator, daži teksti, varoņa vienība, kurā ir teksts, attēls un poga, kā arī virkne ārēju attēlu, kas pastiprina vietnes tēmu. Galvenais šeit ir organizēt slāņus grupās. Tas ir nepieciešams, jo uzdevums ir izvilkt visus šos elementus no comp, lai tos varētu ātri pievienot tīmekļa izkārtojumiem, kas pielāgotos dažādām ekrāna izšķirtspējām un izmēriem.

03 no 08

Divi veidi, kā izņemt aktīvus

Izvilkumu aktīvus var atrast izvēlnē Fails vai ar peles labo pogu noklikšķinot uz slāņa.

Atšķirībā no Generate, kas arī iegūst objektus, pievienojot slāņa nosaukumam grafisku paplašinājumu, Extract Assets izmanto saskarni, kuru var sasniegt, ar peles labo pogu noklikšķinot uz slāņa vai slāņa izvēles un izvēloties File> Extract Assets .

04 no 08

Extract Assets Interface

Dialoglodziņa Extract Assets.

Dialoglodziņš Extract Assets ir diezgan intuitīvs. Jums tiek parādīts slānis vai atlase, kas tiks iegūta. Virs tā tiek parādīts faila izmērs, un zem tā ir kontrole, kas ļauj objektam tuvināt vai tālināt. Dialoglodziņa labajā pusē ir vieta, kur notiek burvju. Augšējās četras pogas ļauj atlasīt objekta izšķirtspēju / izmēru. Nākamajā joslā tiek parādīts atlasītais slānis, un, noklikšķinot uz + zīmes, varat atlasīt izvēlēto slāni arī citā formātā. Trash Ca n noņem slāni no rindas. Nākamajā rindā uz leju jūs varat izvēlēties faila tipu, un jūs varat pielāgot izvades attēla platumu un augstumu.

05 no 08

SVG attēla izvilkšana

Svg attēla izvilkšana.

Photoshop nedarbojas ar svg attēliem, un pārlūkprogrammas un ierīces nevar parādīt Illustrator attēlu. Tā rezultātā svg faili tiek izmantoti vektora mākslas darbiem, piemēram, šeit attēlots Illustrator logotips. Būt vektoriem, to izšķirtspēja ir atkarīga no ierīces, tāpēc tos var samazināt bez detaļas vai attēla zuduma. Lai pārveidotu Illustrator Smart Object svg, atlasiet svg no uznirstošās lapas un noklikšķiniet uz Izraksts .

06 no 08

Ekstrakciju aktīvu process

Attēli tiek ievietoti mapē tādā pašā vietā kā .psd attēls.

Ja noklikšķināsit uz pogas Extract (Izraksts), notiks pāris lietas. Jums vispirms tiks brīdināts, ka faila nosaukums var mainīties. Tas nav liels jautājums. Tad jums tiks paziņots, ka tiek izveidota jauna mape, lai turētu šo īpašumu. Kad process ir beidzies, tiek atvērta mape, kas atrodas tajā pašā vietā kā oriģināls .psd fails, un parāda jauno objektu.

07 no 08

Iestatījumu poga ir jūsu jaunais labākais draugs

Izvietojuma ierīces izšķirtspēja.

Noklikšķinot uz pogas Iestatījumi , tiek atvērts dialoglodziņš Iestatījumi, kas ir ļoti noderīgs. Kreisās puses iestatījumi ir mērogošanas koeficienti. Tas, ko viņi dara, ir radīt dažādas attēla kopijas, ko izstrādātājs izmantos multivides vaicājumos, lai mērķētu uz konkrētas ierīces ekrāna izšķirtspēju. Piemēram, 3x versija tiks novirzīta uz iPhone vai iPad Retina displeju, savukārt Android ierīcē tiks norādīts 1,25 faktors. Faila nosaukuma beigās tiek pievienots sufikss, kas ļauj izstrādātājam viegli identificēt attēlu, kas tiek izmantots multivides vaicājumā. Kad esat pabeidzis, noklikšķiniet uz pogas Labi un dialoglodziņā laukā Extract Assets parādīsies jūsu izvēle. Šo iestatījumu varat arī piekļūt, noklikšķinot uz zobrata ikonas laukā Extract Assets, kas atrodas interfeisa labajā pusē

08 no 08

Apdares darbi

Tiek iegūti vairāki attēli ar atšķirīgiem formātiem un izšķirtspēju.

Noklikšķinot uz pogas Extract, visi aktīvi tiks izveidoti un pievienoti mapei. Šajā brīdī viss, kas jums jādara, ir nosūtīt izstrādātājam mapes kopiju un pāriet pie nākamā projekta.