Photoshop Extract: Manaraka ny fanodikodinam-bola ny famokarana maoderina

01 of 08

Inona no fananana mahasoa

Mamorona comp in Photoshop.

Ny famatsiam-bola fanampiny Extract dia misy ny Photoshop CC 2014 izay manenjika ny mpilatsaka an-tsokosoko hafa momba ny laminasa hafa mahavariana ny famoronana sary ho an'ny Responsive Web Design (RWD). Andeha hojerentsika ny fomba hanamafisana ny baikon'ny Extract Assets haingana ny tranonkala web ho an'ny fanangonana harena an-tariby ao anatin'ny minitra vitsy.

Andeha isika hanomboka fanontaniana manan-danja: Inona avy no fananana fanampiny?

Amin'ny teny tsotra, Extract Assets dia singa vaovao ao amin'ny Photoshop izay manome ny endri-javatra Generator amin'ny Photoshop amin'ny alàlan'ny fitaovana iray hanampiana automation ny famoronana ny raki-tsarimihetsika ho an'ny tranonkala sy ny fàfana avy amin'ny rakitra Photoshop. Ny baiko Extract Assets dia mamela anao hamaritana ny tara na ny sarina tianao hamoronana vola, ny haben'ny habeny, ny format an-drakitra ary ny toerana voatahiry ao anaty rakitra. Ity endri-javatra ity dia tsy natao ho an'ny lahatsoratra raha tsy hoe ny fikasana dia ny hamadika ny lahatsoratra ho bitmap, izay tena tsy hevitra tsara.

Andao isika hanomboka.

02 of 08

Sokafy ny Photoshop .psd File

Manomboka amin'ny tranonkala web iray voaomana amin'ny Photoshop.

Ny ohatra asehoko ampiasaiko dia ahitana ny Smart Object avy amin'ny Illustrator, lahatsoratra iray, fitaovana matihanina manana lahatsoratra, sary sy bokotra ary andian-tsary ivelan'ny sary izay manamafy ny lohahevitry ny tranonkala. Ny fanalahidy eto dia mandamina ny Layers ho vondrona. Ilaina izany satria ny tanjona dia ny hanaisotra ireo zavatra rehetra ireo avy ao amin'ilay kompy mba hahafahan'izy ireo haingana haingana amin'ny fampisehoana amin'ny aterineto izay mampifanaraka amin'ny fanapahan-kevitra sy ny habeny.

03 of 08

Fomba roa hamahana ny vola

Azonao ampiasaina ao amin'ny menio Fichier ny raki-tsoratry ny totozy, na amin'ny alalan'ny rindrina ankavanana.

Raha oharina amin'ny Generate, izay mamoaka zavatra amin'ny alàlan'ny fanampiana ny endritsoratra amin'ny anaran'ny sehatra, Extract Assets dia mampiasa interface izay azonao zaraina amin'ny sehatr'ilay bokotra havanana na mifidy sehatra iray ary mifidy ny File> Extract Assets .

04 of 08

Ny Interface Extract Assets

Ny boaty famandrihan-tsakafo Extract.

Ny boaty famandrihan-tsakafo Extract dia tsara kokoa. Asehoy ny haavony na ny sokajy ho raisina. Ambonin'izany dia asehonao ny haben'io rakitra io ary ambany ny fanaraha-maso izay ahafahanao manitatra sy mamoaka ilay zavatra. Ny lafiny ankavanana amin'ny boaty dialog dia toerana mahagaga. Ny bokotra efatra eo an-tampony dia mamela anao hisafidy ny safidy / ny haben'ny zavatra. Ny totozy manaraka dia mampiseho anao ny sanda voafaritra ary tsindrio ny famantarana + dia ahafahanao mamoaka ilay angona voafantina amin'ny endrika hafa. Ny Trash Ca n dia manala ny haavo avy amin'ny filaharana. Ao amin'ny rindrina manaraka dia azonao atao ny misafidy ny karazan-drakitra ary azonao atao ny manitsy ny habe sy ny haavon'ny sary.

05 of 08

Fitaovana SVG Image

Maka sary sary SVG.

Photoshop dia tsy mitantana ny sary svg rehetra ary tsara sy ny navigateur ary ny fitaovana dia tsy afaka mampiseho ny sary Illustrator. Izany dia nahatonga ny fitomboan'ny rakitra svg nampiasaina ho an'ny zavakanto vaky toy ny sary famantarana Illustrator aseho eto. Ny vahaolana maha-vondrona azy dia fitaovana mahaleotena mahazatra izy ireo ka mety tsy ho very ny antsipiriany na ny sary. Raha te hanova ny Objet Illustrator smart ho svg, tsindrio svg amin'ny pop-up eto ary tsindrio ny Extract .

06 of 08

Ny fizotry ny harena

Ny sary dia napetraka ao amin'ny lahatahiry iray amin'ny toerana iray toy ny .psd sary.

Hisy zavatra roa hitranga rehefa tsindrio ny bokotra Extract. Ho fampitandremana aloha ianao dia mety hiova ny anaran'ny rakitra. Tsy olana lehibe izany. Avy eo dia holazaina aminao fa ny solosaina vaovao dia noforonina mba hitazona ny vola. Raha vao vita ny dingana, ny lahatahiry, napetraka ao amin'ilay toerana mitovy amin'ny tahiry original .psd, dia manokatra ary maneho anao ny vola vaovao.

07 of 08

Ny bokotra fanovozana dia ny namanao tsara indrindra

Famolavolana fitaovana fampiantranoana.

Ny fanindriana ny bokotra Settings dia manokatra boaty misy ny fifanakalozan-kevitra izay tena ilaina. Ny fanovana eo ankavia dia ireo fotodrafitrasa. Ny zavatra ataon'izy ireo dia ny mamorona ny dika mitovy amin'ny sary izay hampiasain'ny mpanjifan-tserasera amin'ny alalan'ny fangatahana mediam-pifantohana amin'ny solosaina. Ohatra, ny 3x version dia lasibatra amin'ny iPhone na iPad Retina display, fa ny ampahany 1.25 dia aseho amin'ny Android rafitra. Ny suffix dia ampiana amin'ny faran'ny anaran'ny rakitra mba ahafahan'ny mpizahatany mamantatra mora ny sary ampiasaina amin'ny fangataham-baovaon'ny media. Raha vantany vao tapitra ianao dia kitiho ny bokotra OK ary ny sainao dia hipoitra ao amin'ny faritra Extract Assets ao amin'ny boaty dialogue. Azonao atao ihany koa ny miditra amin'ny sehatra amin'ny alàlan'ny fanindriana ny sary famantarana ao amin'ny faritra Extract Assets eo amin'ny ilany ankavanana amin'ny interface

08 of 08

Finishing up

Misy sary maromaro miaraka amin'ny endrika sy tolo-kevitra samihafa.

Rehefa tsindrio ny bokotra Extract, ny sanda rehetra dia hovaina ary ampidirina ao amin'ny lahatahiry. Amin'izao fotoana izao, ny zavatra rehetra tokony hataonao dia ny mandefa ny solosaina misy doka iray ary alefaso amin'ny tetikasanao manaraka.