01 van 08
Wat is uittrekselbates
Die nuwe Extract Bates- funksie van Photoshop CC 2014 stroop 'n naverbrander op die anders vervelige werkstroom van beeldskepping vir Responsive Web Design (RWD). Kom ons kyk hoe die Beheer Uittrekselbates binne 'n paar minute vinnig 'n webblad kan vergemaklik.
Kom ons begin met 'n voor die hand liggende vraag: Wat is uittrekselbates?
In eenvoudige terme is Extract Bates 'n nuwe kenmerk in Photoshop wat Photoshop se Generator-funksie bied met 'n koppelvlak om die skep van beeldbates vir web- en skermontwerp uit jou Photoshop-lêers te automatiseer. Met die opdrag Uittrekselsbates kan u definieer watter laag of lae u bates wil skep, hul fisiese grootte, lêerformaat en gestoorde plek op die skyf. Hierdie funksie is nie bedoel vir teks nie, tensy die bedoeling is om die teks in 'n bitmap te draai, wat regtig nie 'n goeie idee is nie.
Laat ons begin.
02 van 08
Maak 'n Photoshop .psd-lêer oop
Die voorbeeld wat ek gebruik, bevat 'n Smart Object van Illustrator, 'n teks, 'n held-eenheid wat teks bevat, 'n beeld en 'n knoppie en 'n reeks buitenshuise beelde wat die tema van die werf versterk. Die sleutel hier is om die Lêers in groepe te organiseer. Dit is nodig omdat die taak is om al hierdie items uit die kompat te trek sodat hulle vinnig by webuitlegte gevoeg kan word wat aanpas by verskillende skermresolusies en groottes.
03 van 08
Twee maniere om bates te onttrek
Anders as Genereer, wat ook voorwerpe onttrek deur die byvoeging van 'n grafiese uitbreiding na die laagnaam, gebruik Extract Assets 'n koppelvlak wat bereik kan word deur regs te klik op ' n laag of 'n laag te kies en vir ' File'> 'Extract Assets' te kies .
04 van 08
Die uittrekselbates-koppelvlak
Die dialoog Uittrekselbates is eerder intuïtief. U word die laag of seleksie getoon om uitgetrek te word. Bo dit word die lêers se grootte getoon en onder is dit beheer wat u toelaat om in en uit op die voorwerp te vergroot. Die regterkant van die dialoogkassie is waar die towerkrag gebeur. Met die vier knoppies boaan kan jy die resolusie / grootte van die voorwerp kies. Die volgende strook wys jou die gekose laag en met die + -teken kan jy die geselekteerde laag ook in 'n ander formaat uitvoer. Die asblik Ca n verwyder die laag van die tou. In die volgende strook af, kan jy die lêer tipe kies en jy kan die breedte en hoogte van die uitvoerbeeld aanpas.
05 van 08
Uittreksel van 'n SVG-prent
Photoshop hanteer nie sulke beelde so goed nie, en blaaiers en toestelle kan nie 'n Illustrator-prentjie vertoon nie. Dit het daartoe gelei dat die opkoms van SVG-lêers gebruik word vir vektorkunswerk soos die Illustrator-logo wat hier getoon word. Om vektore te wees, is hul resolusie selfstandige onafhanklike betekenis. Hulle kan afgeskaal word sonder verlies van detail of beeld. Om die Illustrator Smart Object om te skakel na SVG, kies SVG uit die pop-down en klik op Uittreksel .
06 van 08
Die Extract Bates Proses
'N Paar dinge sal gebeur as jy op die knoppie Uittreksel klik. U sal eers gewaarsku word die lêernaam mag verander. Dit is nie 'n groot probleem nie. Dan sal jy vertel word dat 'n nuwe lêer geskep word om die bate te hou. Sodra die proses klaar is, word die gids, wat op dieselfde plek as die oorspronklike .psd-lêer geplaas is, oopgemaak en die nuwe bate gewys.
07 van 08
Die instellingsknoppie is jou nuwe beste vriend
As u op die knoppie Stellings klik, word 'n instellings-dialoog vertoon wat baie nuttig is. Die instellings aan die linkerkant is die skaal faktore. Wat hulle doen is om die verskillende kopieë van die beeld wat 'n ontwikkelaar in die media-navrae sal gebruik om 'n spesifieke toestel se skermresolusie te rig. Byvoorbeeld, die 3x-weergawe sal geteiken word op 'n iPhone- of iPad-retina-vertoning terwyl 'n 1,25-faktor op 'n Android-toestel gewys sal word. Die agtervoegsel word bygevoeg aan die einde van die lêernaam sodat u ontwikkelaar die prentjie wat in 'n media-soektog gebruik kan word, maklik kan identifiseer. Sodra jy klaar is, kliek op die OK- knoppie en jou keuses sal in die area Ophou bates in die dialoogkassie verlig. U kan ook toegang verkry tot die instelling deur op die ratikoon in die Extract Assets-gebied aan die regterkant van die koppelvlak te klik
08 van 08
Afwerking
As u op die knoppie Uittreksel kliek, sal al die bates geskep word en by die gids gevoeg word. Op hierdie stadium moet jy net jou ontwikkelaar 'n afskrif van die gids stuur en na jou volgende projek gaan.