Photoshop Extract: Hreyfanlegur Grafík Framleiðsla fer á eftirbrennari

01 af 08

Hvað er Útdráttur Eignir

Búðu til samvinnu í Photoshop.

Hin nýja útdráttarvirði eiginleiki Photoshop CC 2014 bregst við eftirbrennari á öflugri vinnuflæði myndunarsköpunar fyrir Móttækilegur Web Design (RWD). Við skulum skoða hvernig stjórnin Útdráttur Eignir geta fljótt dregið úr vefsíðu sem samanstendur af tilbúnum eignum í nokkrar mínútur.

Við skulum byrja með augljós spurning: Hvað er að draga úr eignum?

Einfaldlega er Extract Assets nýtt eiginleiki í Photoshop sem býður upp á myndavélinni í Photoshop með tengi til að hjálpa sjálfvirkan búnað til að búa til hugsanlegar eignir fyrir vef- og skjáhönnun frá Photoshop skrám þínum. Stjórnin Útdráttur Eignir gerir þér kleift að skilgreina hvaða lag eða lög þú vilt búa til eignir fyrir, stærð þeirra, skráarsnið og vistað staðsetning á diski. Þessi eiginleiki er ekki ætluð til texta nema ætlunin sé að breyta texta í punktamynd, sem er í raun ekki góð hugmynd.

Byrjum.

02 af 08

Opnaðu Photoshop .psd skrá

Við byrjum á vefsíðu sem er tilbúinn í Photoshop.

Dæmiið sem ég er að nota inniheldur Smart Object frá Illustrator, einum texta, hetjueining sem inniheldur texta, mynd og hnapp og röð af úti myndum sem styrkja þema síðunnar. Lykillinn hér er að skipuleggja lagið í hópa. Þetta er nauðsynlegt vegna þess að verkefnið er að draga öll þessi atriði úr sambandi svo að þeir geti fljótt bætt við vefútlit sem laga sig að mismunandi skjáupplausn og stærðum.

03 af 08

Tvær leiðir til að draga úr eignum

Útdráttur Eignir má finna í valmyndinni Skrá eða með því að hægrismella á lag.

Ólíkt því að búa til, sem einnig dregur út hluti með því að bæta við myndrænu framlengingu á laginu heiti, notar Extract Assets tengi sem hægt er að ná með þvíhægrismella á lag eða velja lag og velja File> Extract Assets .

04 af 08

The Extract Assets Interface

The Extract Eignir gluggi.

The Extract Assets valmyndin er frekar leiðandi. Þú ert sýndur lagið eða valið sem á að draga út. Ofan það er sýnt skráarstærðina og hér að neðan er stjórn sem leyfir þér að súmma inn og út á hlutinn. Hægri hlið gluggans er hvar galdur gerist. Fjórar hnappar efst til að leyfa þér að velja upplausn / stærð hlutarins. Næsta ræma sýnir þér valið lag og með því að smella á + táknið leyfir þú að framleiða valið lag á öðru sniði líka. Ruslið Ca n fjarlægir lagið úr biðröðinni. Í næstu ræma niður geturðu valið skráartegundina og þú getur stillt breidd og hæð framleiðsla myndarinnar.

05 af 08

Búa til SVG mynd

Útdráttur SVG mynd.

Photoshop sér ekki svg myndirnar svo vel og vafrar og tæki geta ekki sýnt Illustrator mynd. Þetta hefur leitt til þess að svg-skrárnar séu notaðar til að nota vektorverk eins og Illustrator merkið sem sýnt er hér. Tilvera vektorar ályktun þeirra er tæki sjálfstætt sem þýðir að þeir geta minnkað án þess að missa smáatriði eða mynd. Til að umbreyta Illustrator Smart Object til SVG skaltu velja SVG frá sprettiglugganum og smelltu á Extract .

06 af 08

The Extract eignir Process

Myndir eru settar í möppu á sama stað og .psd myndin.

A par af hlutum mun gerast þegar þú smellir á Extract hnappinn. Þú verður fyrst að vara við að skráarheitiið getur breyst. Þetta er ekkert stórt mál. Þá verður sagt að ný mappa sé búin til til að halda eigninni. Þegar ferlið lýkur opnar möppan, sem er staðsett á sama stað og upprunalega .psd skrá, og sýnir nýja eignina.

07 af 08

Stillingarhnappurinn er nýr besti vinur þinn

Upplausn tækjabúnaðar.

Þegar þú smellir á hnappinn Stillingar opnast opnunarvalmynd sem er mjög gagnlegt. Stillingar til vinstri eru stigstærðin. Það sem þeir gera er að búa til ýmsar eintök af myndinni sem verktaki notar í fjölmiðlum fyrirspurnir til að miða á skjáupplausn tiltekins tækis. Til dæmis, 3x útgáfa myndi miða á iPhone eða iPad Retina skjánum en 1,25 þáttur væri bent á Android tæki. Viðskeyti er bætt við í lok skráarheitisins til að leyfa framkvæmdaraðilanum að auðveldlega bera kennsl á myndina sem á að nota í fjölmiðlafyrirspurn. Þegar þú ert búinn að smella á OK hnappinn og valin þín munu lita upp á svæði Extract Assets í valmyndinni. Þú getur einnig nálgast stillinguna með því að smella á gírartáknið á svæði Extract Assets yfir á hægri hlið viðmótsins

08 af 08

Klára

Margar myndir með mismunandi snið og upplausn eru dregin út.

Þegar þú smellir á Extract hnappinn verða allar eignirnar búnar til og settar í möppuna. Á þessum tímapunkti er allt sem þú þarft að gera er að senda framkvæmdaraðila afrit af möppunni og fara á næsta verkefni.