Photoshop Ekstrakto: Mobile Graphics Production Goes On Afterburner

01an de 08

Kio estas Eltiraĵoj

Krei comp en Photoshop.

La nova eltiraĵo de Photoshop CC 2014 streĉas forkaptilon sur la alie teda laboro de kreo de bildoj por Respondema Retejo-Dezajno (RWD). Ni rigardu, kiel la komando Eltiraĵoj povas rapide redukti retpaĝon kom por agordi aktivojn en kelkaj minutoj.

Komencu kun evidenta demando: Kio estas eltiraĵoj?

En simplaj terminoj, Eltiraĵoj estas nova funkcio en Photoshop, kiu provizas la funkcion de Photoshop-Generator kun interfaco por helpi aŭtomatigi kreadon de bildaj aktivoj por retejo kaj ekrano-dezajno de viaj Photoshop-dosieroj. La komando de Ekspedaj Assets permesas vin difini, kian tavolon aŭ tavolon, kiun vi volas krei aktivojn, ilia fizika grandeco, dosierformato kaj konservita loko sur disko. Ĉi tiu funkcio ne signifas tekston krom se la intenco estas turni la tekston en poŝton, kio vere ne estas bona ideo.

Komencu.

02 de 08

Malfermu Photoshop .psd-dosiero

Ni komencas kun retpaĝaro komparata en Photoshop.

La ekzemplo, kiun mi uzas, enhavas Smart Object from Illustrator, iujn tekston, heroan unuon enhavantan tekston, bildon kaj butonon kaj serion de eksteraj bildoj, kiuj plifortigas la temon de la retejo. La ŝlosilo ĉi tie organizas la Mantelojn en grupojn. Ĉi tio estas necesa, ĉar la tasko estas forigi ĉiujn ĉi tiujn erojn el la komputilo, por ke ili rapide estu aldonitaj al retpaĝoj, kiuj adaptiĝas al diversaj rezolucioj kaj grandecaj ekranoj.

03an de 08

Du Vojaj Eltiraĵoj

Eltiraĵoj estas troveblaj en la menua dosiero aŭ per dekstra klako de tavolo.

Kontraste kun Generate, kiu ankaŭ ĉerpas objektojn per aldonado de grafika etendo al la tavola nomo, Eltiraĵoj uzas interfacon, kiu povas atingi per dekstra klako de mantelo aŭ elektante tavolon kaj elektante File> Eltiraĵoj .

04an de 08

La Ekstrakta Aktiva Interfaco

La dialogo de la Eltiraĵoj.

La dialogo de la Eltiraĵoj estas pli intuicia. Vi montras la tavolon aŭ elekton por esti ĉerpita. Supre ĝi montras la dosierojn grandecon kaj sub ĝi estas kontrolo, kiu ebligas al vi zomi kaj ekstere sur la objekto. La dekstra flanko de la dialogo estas kie la magio okazas. La kvar butonoj ĉe la supro permesas al vi elekti la rezolucion / grandecon de la objekto. La sekva strio montras al vi la elektitan tavolon kaj alklakante la + signon ankaŭ ebligas eligi la elektitan tavolon en alia formato. La Trash Ca n forigas la tavolon de la vosto. En la sekva strio malsupren, vi povas elekti la dosiertipo kaj vi povas ĝustigi la larĝecon kaj altecon de la eliga bildo.

05 de 08

Eltirante SVG-bildon

Eltirante svg-bildon.

Photoshop ne manipulas svg-bildojn ĉio bone kaj retumiloj kaj aparatoj ne povas montri Ilustriston. Ĉi tio rezultigis la kreskon de svg-dosieroj uzataj por vektoraj artaĵoj kiel ekzemple la ilustra logoo montrita ĉi tie. Estante vektoroj, ilia rezolucio estas mekanismo sendependa, ili povas esti skalataj kun neniu perdo de detalo aŭ bildo. Por konverti la Ilustran Smart Object al svg, elektu svg el la popo sube kaj alklaku Eltiraĵon .

06 de 08

Eltira Elstara Procezo

Bildoj metas en dosierujo en la sama loko kiel la .psd-bildo.

Kelkaj aferoj okazos kiam vi alklakos la Eltranĉi butonon. Vi unue avertos, ke la dosiernomo povas ŝanĝi. Ĉi tio ne estas granda afero. Tiam oni diros al vi novan dosierujon kreitan por teni la valoraĵon. Fojo finita la procezo, la dosierujo, metita en la sama loko kiel la origina .psd-dosiero, malfermas kaj montras al vi la novan aktivon.

07 de 08

La Agordo-Butono Estas Via Nova Plej Bona Amiko

Akomodanta aparato rezolucio.

Alklakante la butonon de Agordoj malfermas dialogan dialogon, kiu estas serioze utila. La agordoj maldekstre estas la grimpaj faktoroj. Kion ili faras estas krei la diversajn kopiojn de la bildo, kiun programisto uzos en la amaskomunikiloj por serĉi la rezolucion de specifa aparato. Ekzemple, la 3x-versio estus celita al iPhone aŭ iPad Retino-prezento, dum kiu 1.25 faktoro montriĝus ĉe Android-aparato. La sufikso aldoniĝas al la fino de la dosiernomo por permesi vian programiston facile identigi la bildon por esti uzata en amaskomunikilaro. Fojo finita, alklaku la butonon OK kaj viaj elektoj lumos en la areo Eltiraĵoj en la dialogo. Vi povas ankaŭ aliri la agordon per alklako de la ilaro en la areo Eltiraĵoj en la dekstra flanko de la interfaco

08 de 08

Finante Supre

Multoblaj bildoj kun diversaj formatoj kaj rezolucioj estas ĉerpitaj.

Kiam vi alklakos la Eltran butonon ĉiuj aktivoj estos kreitaj kaj aldonitaj al la dosierujo. Ĉe ĉi tiu punkto ĉio, kion vi devas fari estas sendi vian programiston kopion de la dosierujo kaj movi al via sekva projekto.