Što je ekstraktna imovina
Novi Ekstraktne imovine značajka Photoshop CC 2014 traka remeneri na inače dosadan tijek stvaranja slika za odgovorni web dizajn (RWD). Pogledajmo kako naredba Ekstraktne opreme brzo može smanjiti kompaktnu web stranicu na imovinu spremnu za montažu za nekoliko minuta.
Počnimo s očitim pitanjem: Što je izvadak imovine?
Jednostavnim riječima, značajka Ekstrakt je nova značajka u Photoshopu koja pruža Photoshopovu značajku Generator sa sučeljem koje pomaže u automatiziranju stvaranja imaging imovine za web i dizajn zaslona iz vaših Photoshop datoteka. Naredba Ekstraktni alati omogućuje vam definiranje sloja ili slojeva koje želite stvoriti, njihovu fizičku veličinu, format datoteke i spremljenu lokaciju na disku. Ova značajka nije namijenjena za tekst osim ako je namjera pretvoriti tekst u bitmapa, što zapravo nije dobra ideja.
Neka počnete.
02 od 08Otvorite datoteku Photoshop .psd
Primjer koji koristim sadrži Smart Object iz ilustratora, nekog teksta, jedinicu heroja koja sadrži tekst, sliku i gumb te niz slika na otvorenom koji pojačavaju temu web mjesta. Ključ je ovdje organiziranje slojeva u grupe. To je neophodno jer je zadatak povući sve ove stavke iz kompakta kako bi se brzo dodali u web-izglede koji se prilagode različitim razlučivostima zaslona i veličinama.
Dva načina za vađenje imovine
Za razliku od generiranja, koji također ekstrahira objekte dodavanjem grafičkog proširenja na ime sloja, Ekstraktne imovine koristi sučelje koje se može doći do desnim klikom sloj ili odabir sloja i odabirDatoteka> Ekstraktne imovine.
04 od 08Sučelje ekstrakcijskih sredstava
Dijaloški okvir Ekstraktne jedinice je prilično intuitivan. Prikazuje se sloj ili odabir koji treba izdvojiti. Iznad njega prikazuje se veličina datoteka i ispod nje je kontrola koja vam omogućuje zumiranje i izlazak objekta. Desna strana dijaloškog okvira je mjesto gdje se čarolija događa. Četiri gumba na vrhu omogućuju odabir razlučivosti / veličine objekta. Sljedeća traka prikazuje odabrani sloj i klikom na + znak omogućuje vam izlaz odabranog sloja u nekom drugom formatu. Otpad Ca n uklanja sloj iz reda čekanja. U sljedećoj traci dolje možete odabrati vrstu datoteke i podesiti širinu i visinu izlazne slike.
05 od 08Izdvajanje SVG slike
Photoshop ne obrađuje slike svg tako dobro, a preglednici i uređaji mogu prikazati sliku Illustratora. To je rezultiralo usponom svg datoteka koje se koriste za vektorske radove kao što je ilustrator ovdje prikazan. Budući da su vektori, njihova rezolucija je nezavisno od uređaja što znači da se mogu skalirati bez gubitka pojedinosti ili slike. Da biste pretvorili Smart Object Illustrator u svg, odaberite svg s popa dolje i kliknite Ekstrakt.
06 od 08Postupak ekstrakta imovine
Nekoliko stvari će se dogoditi kada kliknete gumb Ekstrakt. Prvo ćete biti upozoreni da se ime datoteke može promijeniti. Ovo nije veliki problem. Tada će vam se reći da se stvara nova mapa za držanje imovine. Nakon završetka postupka, mapa, smještena na istom mjestu kao i izvorna .psd datoteka, otvara se i prikazuje vam novu snimljenu snimku.
07 od 08Gumb Postavke je vaš novi najbolji prijatelj
Klikom na gumb postavke gumb otvara a Dijaloški okvir Postavke to je ozbiljno korisno. Postavke na lijevoj strani su čimbenici skaliranja. Ono što rade jest stvoriti različite kopije slike koju će razvojni programer upotrebljavati u medijskim uputama za ciljanje razlučivosti zaslona određenog uređaja. Na primjer, 3x inačica bi bila usmjerena na zaslon iPhone ili iPad Retina, dok će se na Android uređaju pokazati 1,25 faktor. Sufiks dodaje se kraju naziva datoteke kako bi vaš razvojni programer lakše prepoznao sliku koja će se koristiti u medijskom upitu. Kada završite, kliknite gumb u redu gumb i vaši odabiri će se zasvijetliti u području Extract Assets u dijaloškom okviru. Postavku možete pristupiti tako da kliknete ikonu zupčanika u području Ekstraktnih objekata preko desne strane sučelja
08 od 08Završavanje
Kada kliknete gumb Ekstrakt, sva će se sredstva stvoriti i dodati u mapu. U ovom trenutku sve što trebate učiniti jest poslati razvojnom programeru kopiju mape i prijeći na sljedeći projekt.
