01 od 08
Kaj je izvleček sredstev
Nova funkcija ekstrakta sredstev v Photoshopu CC 2014 zajema razpršilec, ki je včasih nereden potek ustvarjanja slik za odzivno spletno oblikovanje (RWD). Oglejmo si, kako lahko ukaz Extract Assets hitro zmanjša spletno stran, ki je sestavljena iz sredstev, pripravljenih za montažo, v nekaj minutah.
Začnimo z očitnim vprašanjem: kaj je izvleček sredstev?
Z enostavnimi izrazi je Extract Assets nova funkcija v Photoshopu, ki ponuja Photoshopov Generator funkcijo z vmesnikom, ki pomaga avtomatizirati ustvarjanje slikovnih sredstev za splet in zaslona iz vaših datotek Photoshop. Ukaz Extract Assets vam omogoča, da določite, na kateri ravni ali sloje želite ustvariti sredstva, njihovo fizično velikost, obliko datoteke in shranjeno lokacijo na disku. Ta funkcija ni namenjena besedilu, razen če nameravate besedilo spremeniti v bitno sliko, kar res ni dobra ideja.
Začnimo.
02 od 08
Odprite datoteko .psd Photoshop
Primer, ki ga uporabljam, vsebuje pameten predmet iz ilustratorja, nekaj besedila, junakovske enote, ki vsebuje besedilo, sliko in gumb ter vrsto zunanjih slik, ki krepijo temo spletnega mesta. Ključno je organiziranje slojev v skupine. To je potrebno, ker je naloga, da vse te elemente povlečete iz računalnika, tako da jih lahko hitro dodate v postavitve spletnih mest, ki se prilagajajo različnim ločljivostim in velikostim zaslona.
03 od 08
Dva načina za pridobivanje sredstev
Za razliko od Generate, ki tudi izvleče predmete z dodajanjem grafične razširitve na ime plasti, Extract Assets uporablja vmesnik, ki ga lahko dosežete z desnim klikom na sloj ali izbiro plasti in izbiro File> Extract Assets .
04 od 08
Vmesnik ekstraktnih sredstev
Pogovorno okno Extract Assets je precej intuitiven. Prikazan je sloj ali izbor, ki ga želite izvleči. Nad njim se prikažejo velikosti datotek in pod njim je nadzor, ki omogoča povečavo in pomanjšanje predmeta. Desna stran pogovornega okna je tam, kjer se zgodi čarovnija. Štiri gumbe na vrhu vam omogočajo, da izberete ločljivost / velikost predmeta. Naslednji trak prikazuje izbrani sloj in klik na znak + omogoča, da izberete tudi izbrano plast v drugi obliki. Trash Ca n odstrani sloj iz čakalne vrste. V naslednjem traku lahko izberete vrsto datoteke in lahko nastavite širino in višino izhodne slike.
05 od 08
Izvleček SVG slike
Photoshop ne obravnava dovolj dobro vseh slik SVG in brskalniki in naprave ne morejo prikazati slike Illustrator. To je povzročilo porast svg datotek, ki se uporabljajo za vektorske umetnine, kot je logotip Illustrator, prikazan tukaj. Ker so vektorji njihova ločljivost samostojni pomnilnik naprave, se jih lahko razširi brez izgube podrobnosti ali slike. Če želite pretvoriti pametni predmet Illustrator v svg, izberite svg iz navzdol in kliknite Ekstrahiraj .
06 od 08
Proces pridobivanja sredstev
Ko kliknete gumb Extract, se nekaj stvari zgodi. Najprej vas bo opozorilo, da se lahko ime datoteke spremeni. To ni velika težava. Potem vam bo povedano, da se ustvari nova mapa, ki bo zadržala sredstvo. Po zaključku postopka se mapa, ki je nameščena na isti lokaciji kot izvirna datoteka .psd, odpre in prikaže novo sredstvo.
07 od 08
Gumb za nastavitve je vaš novi najboljši prijatelj
Če kliknete gumb Nastavitve, odpre pogovorno okno Nastavitve, ki je resno uporabno. Nastavitve na levi strani so faktorji merjenja. Kaj naredijo je ustvariti različne kopije slike, ki jih bo razvijalec v medijskih poizvedbah uporabil za ciljanje ločljivosti zaslona določene naprave. Na primer, različica 3x bi bila usmerjena na zaslon iPhone ali iPad Retina, medtem ko bi bil faktor 1,25 usmerjen na napravo Android. Pripona se doda na konec imena datoteke, da lahko razvijalec zlahka prepozna sliko, ki se uporablja v medijski poizvedbi. Ko končate, kliknite gumb V redu in vaše izbire se bodo prikazale na področju Extract Assets v pogovornem oknu. Nastavitev lahko dostopate tudi tako, da kliknete ikono zobnika na področju Extract Assets na desni strani vmesnika
08 od 08
Zaključevanje
Ko kliknete gumb Extract, bodo vsa sredstva ustvarjena in dodana v mapo. Na tej točki je vse, kar morate storiti, je, da svojemu razvijalniku pošljete kopijo mape in nadaljujete s svojim naslednjim projektom.