Detholiad Photoshop: Mae Cynhyrchu Graffeg Symudol yn Symud Ymlaen ar Afterburner

01 o 08

Beth sy'n Dethol Asedau

Creu comp yn Photoshop.

Mae nodwedd newydd Asedau Detholiad o Photoshop CC 2014 yn rhoi stipyn ar ôl llwybr ar y llif gwaith tyfu fel arall o greu delwedd ar gyfer Dylunio Gwefannau Ymatebol (RWD). Gadewch i ni edrych ar sut y gall gorchymyn Dethol Asedau leihau cyfyngu tudalen we yn gyflym i asedau parod cynulliad mewn ychydig funudau.

Gadewch i ni ddechrau gyda chwestiwn amlwg: Beth sy'n Dethol Asedau?

Yn syml, mae Extract Assets yn nodwedd newydd yn Photoshop sy'n darparu nodwedd Generator Photoshop gyda rhyngwyneb i helpu i awtomeiddio creu asedau delweddu ar gyfer dylunio gwe a sgrin o'ch ffeiliau Photoshop. Mae'r gorchymyn Dyfyniad Asedau yn eich galluogi i ddiffinio pa haen neu haenau yr ydych am greu asedau ar eu cyfer, eu maint corfforol, eu fformat ffeil a'u lleoliad ar ddisg. Nid yw'r nodwedd hon ar gyfer testun oni bai mai bwriad yw troi'r testun yn fap bit, sydd ddim yn syniad da.

Gadewch i ni ddechrau.

02 o 08

Agor Ffeil Photoshop. Filed

Rydym yn dechrau gyda gwefan a baratowyd yn Photoshop.

Mae'r enghraifft yr wyf yn ei ddefnyddio yn cynnwys Object Object Smart o Illustrator, rhywfaint o destun, uned arwr sy'n cynnwys testun, delwedd a botwm a chyfres o ddelweddau awyr agored sy'n atgyfnerthu thema'r safle. Yr allwedd yma yw trefnu'r Haenau mewn grwpiau. Mae hyn yn angenrheidiol oherwydd mai'r dasg yw tynnu pob un o'r eitemau hyn allan o'r comp ac felly gellir eu hychwanegu'n gyflym at gynlluniau gwe sy'n addasu i benderfyniadau a meintiau sgrin amrywiol.

03 o 08

Dau Ffordd i Dynnu Asedau

Mae Dyfyniad Asedau i'w gweld yn y ddewislen File neu drwy glicio dde ar haen.

Yn wahanol i Generate, sydd hefyd yn tynnu gwrthrychau trwy ychwanegu estyniad graffig i'r enw haen, Detholiad Mae Asedau'n defnyddio rhyngwyneb y gellir ei gyrraedd trwy glicio dde ar haen neu ddewis haen a dewis Ffeil> Dethol Asedau .

04 o 08

Y Rhyngwyneb Asedau Detholiad

Y blwch deialog Asedau Detholiad.

Mae'r blwch deialog Asedau Echdynnu yn eithaf sythweledol. Dangosir yr haen neu'r detholiad i'w dynnu. Uchod mae'n dangos maint y ffeiliau ac yn is na rheolaeth sy'n eich galluogi i glymu ac allan ar y gwrthrych. Mae ochr dde y blwch deialog yn digwydd lle mae'r hud yn digwydd. Mae'r pedwar botwm ar y brig yn caniatáu i chi ddewis datrysiad / maint y gwrthrych. Mae'r stribed nesaf yn dangos i chi yr haen a ddewiswyd a chlicio ar yr arwydd + yn eich galluogi i allbwn yr haen ddethol mewn fformat arall hefyd. Mae'r Trash Ca n yn tynnu'r haen o'r ciw. Yn y stribed nesaf, gallwch ddewis y math o ffeil a gallwch addasu lled ac uchder y delwedd allbwn.

05 o 08

Tynnu Delwedd SVG

Dethol delwedd svg.

Nid yw Photoshop yn delio â delweddau svg na all yr holl dda a phorwyr a dyfeisiau ddangos delwedd Illustrator. Mae hyn wedi arwain at y cynnydd o ffeiliau svg yn cael eu defnyddio ar gyfer gwaith celf fector megis y logo Illustrator a ddangosir yma. Mae eu dyfeisiau yn cael eu datrys yn fectorau yn annibynnol gan olygu y gellir eu graddio heb unrhyw fanylion neu ddelwedd yn cael eu colli. I drosi'r Illustrator Smart Object i svg, dewiswch svg o'r pop i lawr a chliciwch Extract .

06 o 08

Y Broses Dethol Asedau

Rhoddir delweddau mewn ffolder yn yr un fan â'r delwedd .psd.

Bydd ychydig o bethau yn digwydd pan fyddwch yn clicio ar y botwm Detholiad. Fe'ch rhybuddir yn gyntaf y gall enw'r ffeil newid. Nid yw hyn yn broblem fawr. Yna, dywedir wrthych fod ffolder newydd yn cael ei greu i ddal yr ased. Unwaith y bydd y broses yn gorffen, bydd y ffolder, wedi'i osod yn yr un lleoliad â'r ffeil .psd gwreiddiol, yn agor ac yn dangos yr ased newydd i chi.

07 o 08

Y Botwm Gosodiadau yw Eich Cyfaill Gorau Newydd

Darparu ateb dyfais.

Mae clicio ar y botwm Gosodiadau yn agor blwch deialog Gosodiadau sy'n ddefnyddiol o ddifrif. Y gosodiadau ar y chwith yw'r ffactorau graddfa. Yr hyn maen nhw'n ei wneud yw creu gwahanol gopïau o'r ddelwedd y bydd datblygwr yn ei ddefnyddio yn yr ymholiadau cyfryngau i dargedu datrysiad sgrin dyfais penodol. Er enghraifft, byddai'r fersiwn 3x yn cael ei dargedu at arddangosfa iPhone neu iPad Retina tra byddai ffactor 1.25 yn cael ei bwyntio ar ddyfais Android. Ychwanegir yr atodiad i ddiwedd enw'r ffeil i ganiatáu i'ch datblygwr adnabod y ddelwedd yn hawdd i'w ddefnyddio mewn ymholiad gan y cyfryngau. Ar ôl i chi orffen, cliciwch y botwm OK a bydd eich dewisiadau'n goleuo yn yr ardal Asedau Dyfyniad yn y blwch deialog. Gallwch hefyd gael mynediad i'r lleoliad trwy glicio ar yr eicon offer yn ardal Dyfyniad Asedau ar ochr dde'r rhyngwyneb

08 o 08

Gorffen

Mae delweddau lluosog gyda ffurfiau a phenderfyniadau amrywiol yn cael eu tynnu allan.

Pan fyddwch yn clicio ar y botwm Echdynnu, bydd yr holl asedau'n cael eu creu a'u hychwanegu at y ffolder. Ar yr adeg hon, rhaid i chi wneud popeth i anfon copi o'r ffolder i'ch datblygwr a symud ymlaen i'ch prosiect nesaf.