Photoshop Extract: Mobiiligrafiikkatuotanto jatkuu jälkipoltolla

01/08

Mikä on oteominaisuudet

Luo kokoelma Photoshopissa.

Photoshop CC 2014: n uusi Extract Assets -ominaisuus houkuttaa jälkipolttia muille, ikävälle kuvanmuodostuksen työnkululle Responsive Web Design (RWD) -ohjelmalle. Katsotaanpa, kuinka Extract Assets -komento voi nopeasti pienentää verkkosivuja comp-kokoonpanon valmiiksi varoiksi muutamassa minuutissa.

Aloitetaan ilmeisellä kysymyksellä: Mikä on oteominaisuudet?

Yksinkertaisesti sanoen Extract Assets on Photoshopin uusi ominaisuus, joka tarjoaa Photoshopin Generator-ominaisuuden, jonka avulla voit automatisoida kuvankäsittelyresurssien luomisen web- ja näytön suunnittelusta Photoshop-tiedostoista. Extract Assets -komennolla voit määrittää, mihin kerrokseen tai kerroksiin haluat luoda varoja, niiden fyysisen koon, tiedostomuodon ja tallennetun sijainnin levylle. Tätä ominaisuutta ei ole tarkoitettu tekstille, ellei ole tarkoitus kääntää teksti bittikarttaan, mikä ei todellakaan ole hyvä idea.

Aloitetaan.

02/08

Avaa Photoshop .psd-tiedosto

Aloitamme Photoshopissa valmistetulla web-sivuilla.

Esimerkissä käytän Illustratorin Smart Object -ohjelmaa, tekstiä, sankariyksikköä, joka sisältää tekstin, kuvan ja painikkeen sekä sarjan ulko-kuvia, jotka vahvistavat sivuston teemaa. Tärkeintä tässä on järjestää tasot ryhmiin. Tämä on välttämätöntä, koska tehtävänä on vetää kaikki nämä kohteet ulos compista, jotta ne voidaan nopeasti lisätä web-asetteluihin, jotka sopeutuvat erilaisiin näytön erotteluihin ja koihin.

03/08

Kaksi tapaa hyödyntää omaisuutta

Ote Varat löytyvät Tiedosto-valikosta tai napsauttamalla hiiren kakkospainikkeella kerrosta.

Toisin kuin Generate, joka myös poistaa objekteja lisäämällä graafisen laajennuksen kerroksen nimeen, Extract Assets käyttää käyttöliittymää, johon päästään napsauttamalla hiiren kakkospainikkeella kerrosta tai valitsemalla kerros ja valitsemalla Tiedosto> Oteominaisuudet .

04/08

Poisto-omaisuusliitäntä

Oteominaisuudet-valintaikkuna.

Oteominaisuudet-valintaikkuna on melko intuitiivinen. Näytössä näkyy kerros tai valittu vaihtoehto. Sen yläpuolella näytetään tiedostokoko ja sen alla on ohjaus, jonka avulla voit zoomata esineitä. Valintaikkunan oikea puoli on silloin, kun taikuutta tapahtuu. Neljä painikkeita päällä voit valita kohteen tarkkuuden / koon. Seuraava nauha näyttää valitun kerroksen ja napsauttamalla + -merkkiä voit antaa valitun kerroksen myös toisessa muodossa. Trash Ca n poistaa kerroksen jonosta. Seuraavassa liuska alhaalla voit valita tiedostotyypin ja voit säätää tulostuskuvan leveyttä ja korkeutta.

05/08

SVG-kuvan poistaminen

Vapautetaan svg-kuva.

Photoshop ei käsittele kaikkea SVG-kuvaa, selaimet ja laitteet eivät pysty näyttämään Illustrator-kuvaa. Tämä on johtanut siihen, että SVG-tiedostoja käytetään vektorikuvakkeina, kuten Illustrator-logossa. Koska vektoreita niiden resoluutio on laite riippumaton, joten niitä voidaan skaalata ilman yksityiskohtien tai kuvan menetystä. Jos haluat muuntaa Illustrator Smart Objectin svg, valitse ponnahdusvalikosta svg ja valitse Extract .

06/08

Poisto-omaisuuden prosessi

Kuvat sijoitetaan kansioon, joka on samassa paikassa kuin .psd-kuva.

Pari asiaa tapahtuu, kun napsautat Pura-painiketta. Ensin varoitetaan, että tiedoston nimi voi muuttua. Tämä ei ole iso asia. Sitten sinulle kerrotaan, että uuden kansion luominen pitää sisällön. Kun prosessi loppuu, kansio, joka sijaitsee samaan paikkaan kuin alkuperäinen .psd-tiedosto, avautuu ja näyttää uuden sisällön.

07/08

Asetuspainike on uusi paras ystäväsi

Soveltuu laitteen resoluution.

Asetukset- painikkeen napsauttaminen avaa Asetukset-valintaikkunan, joka on erittäin hyödyllinen. Vasemmalla olevat asetukset ovat skaalaustekijöitä. Heidän tehtävänsä on luoda erilaisia ​​kopioita kuvasta, jota kehittäjä käyttää mediakyselyissä kohdistamaan tietyn laitteen näytön resoluutio. Esimerkiksi 3x-versio kohdistetaan iPhonen tai iPadin Retina-näyttöön, kun taas Android-laitteelle osoitetaan 1,25-kerroin. Etuliite lisätään tiedoston nimen loppuun, jotta kehittäjä voi helposti tunnistaa mediakyselyssä käytettävän kuvan. Kun olet valmis, napsauta OK- painiketta ja valintasi ilmestyvät valintaikkunan Extract Assets -alueeseen. Voit myös käyttää asetusta klikkaamalla rataskuvan kuvaketta Extract Assets -alueen yli käyttöliittymän oikealla puolella

08/08

Viimeistellä

Useita kuvia, joissa on eri muodot ja resoluutiot, puretaan.

Kun napsautat Pura-painiketta, kaikki varat luodaan ja lisätään kansioon. Tässä vaiheessa sinun tarvitsee vain lähettää kehittäjälle kopio kansioon ja siirtyä seuraavaan projektiin.