Mikä on oteominaisuudet
Uusi Ote varat ominaisuus Photoshop CC 2014 hihnoilla jälkipoltin muuten työläs työnkulku kuvankäsittelyyn Responsive Web Design (RWD). 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.
Aloita.
02/08Avaa Photoshop .psd-tiedosto
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.
Kaksi tapaa hyödyntää omaisuutta
Toisin kuin Generate, joka myös poistaa kohteet lisäämällä graafisen laajennuksen kerrosnimeen, Ote varat käyttää käyttöliittymää, johon pääsee napsauttamalla hiiren kakkospainikkeella kerros tai valitsemalla kerros ja valitsemallaTiedosto> Oteominaisuudet.
04/08Poisto-omaisuusliitäntä
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 voi antaa valittua kerrosta myös toisessa muodossa. Roskakori Ca n poistaa kerroksen jonosta. Seuraavassa liuska alhaalla voit valita tiedostotyypin ja voit säätää tulostuskuvan leveyttä ja korkeutta.
05/08SVG-kuvan poistaminen
Photoshop ei käsittele SVG-kuvia kaiken hyvin, ja selaimet ja laitteet voivat näyttää Illustrator-kuvan. 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 Object -ohjelman svg, valitse svg ponnahdusikkunasta ja napsauta Ote.
06/08Poisto-omaisuuden prosessi
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/08Asetuspainike on uusi paras ystäväsi
Napsauttamalla asetukset painiketta a Asetukset-valintaikkuna se on vakavasti hyödyllinen. Vasemmalla olevat asetukset ovat skaalaustekijöitä. He tekevät sen, että kehittävät kuvan eri kopiot, joita 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 kunnossa -painiketta ja valintasi syttyvät valintaikkunan Extract Assets -alueella. Voit myös käyttää asetusta klikkaamalla rataskuvan kuvaketta Extract Assets -alueen yli käyttöliittymän oikealla puolella
08/08Viimeistellä
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.