"Photoshop Extract": "Mobile Graphics Production" veikia "Afterburner"

01 iš 08

Kas yra išeikvoti turtas

Sukurkite comp in Photoshop.

"Photoshop CC 2014" išleidžiamų naujų " Extract Assets" funkcija sukuria "Afterburner", kuris sukuria "Responsive Web Design" (RWD) vaizdų kūrimo procesą. Pažvelkime į tai, kaip "Extract Assets" komanda per kelias minutes gali greitai sumažinti tinklalapio kompaktinį vaizdą, kad būtų galima surinkti gatavus produktus.

Pradėkime nuo akivaizdu klausimo: kas yra išeikvojimas turtas?

Paprastai "Extract Assets" yra nauja "Photoshop" funkcija, kuri suteikia "Photoshop" generatoriaus funkciją su sąsaja, kuri padeda automatizuoti vaizdų kūrimo turinio kūrimą žiniatinklio ir ekrano kūrimui iš jūsų "Photoshop" failų. "Extract Assets" komanda leidžia jums nustatyti, kuris sluoksnis ar sluoksniai norite kurti turtą, jo fizinį dydį, failo formatą ir įrašytą vietą diske. Ši funkcija nėra skirta tekstui, nebent ketinama paversti tekstą rasteriu, o tai tikrai nėra gera idėja.

Pradėkime.

02 iš 08

Atidarykite "Photoshop .psd" failą

Mes pradedame nuo "Photoshop" paruošto tinklalapio kompaktinio disko.

Pavyzdžiui, kurį naudoju, yra "Smart Object" iš "Illustrator", tam tikras tekstas, herojaus vienetas, kuriame yra tekstas, vaizdas ir mygtukas, ir lauko atvaizdų serija, sustiprinanti svetainės temą. Pagrindinis raktas yra "Sluoksnių" organizavimas į grupes. Tai būtina, nes užduotis yra ištraukti visus šiuos elementus iš kompiuterio, kad juos būtų galima greitai pridėti prie žiniatinklio maketų, pritaikytų skirtingoms ekrano rezoliucijoms ir dydžiams.

03 iš 08

Du būdai išimti turtą

Ekstrakto turtas yra meniu Failas arba dešiniuoju pelės mygtuku spustelėkite sluoksnį.

Skirtingai nuo Generuoti, kuris taip pat ištraukia objektus, pridedant grafinio plėtinio sluoksnio pavadinimą, Extract Assets naudoja sąsają, kurią galima pasiekti dešiniuoju pelės mygtuku spustelėję sluoksnį arba pasirinkdami sluoksnį ir pasirinkdami File> Extract Assets .

04 iš 08

Extract Assets sąsaja

Dialogas "Ekstrakto turtas".

Dialogas "Ekstrakto turtas" yra gana intuityvus. Jums parodytas sluoksnis ar pasirinkimas, kurį reikia išgauti. Virš jo rodomas failų dydis, o po jo - kontrolė, leidžianti objekto mastelį padidinti arba sumažinti. Dešinėje dialogo lango pusėje yra magija. Viršuje esantys keturi mygtukai leidžia pasirinkti objekto raišką / dydį. Sekanti juostelė rodo pasirinktą sluoksnį ir paspaudus + ženklą, galite pasirinkti pasirinktą sluoksnį kitame formate. Šiukšliadėžė Ca n pašalina sluoksnį iš eilės. Kitame juostoje žemyn galite pasirinkti failo tipą ir galite nustatyti išvesties vaizdo pločio ir aukščio.

05 iš 08

Išgaunamas SVG vaizdas

Išgaunamas svg vaizdas.

"Photoshop" neveikia svg atvaizdų, o naršyklės ir įrenginiai negali rodyti "Illustrator" vaizdo. Dėl to svg failų naudojimas buvo naudojamas vektoriniam meno kūriniui, pvz., "Illustrator" logotipas, kuris rodomas čia. Būdami vektoriai, jų skiriamoji geba yra nepriklausoma nuo įrenginio, todėl jas galima keisti be jokio detalumo ar vaizdo praradimo. Norėdami konvertuoti "Illustrator Smart Object" į svg, pasirinkite " svg" iš išskleidžiamojo meniu ir spustelėkite " Extract" .

06 iš 08

Ekstrakto turto procesas

Vaizdai dedami į aplanką toje pačioje vietoje kaip ir .psd vaizdas.

Kai spustelėsite mygtuką "Ištrinti", įvyks keletas dalykų. Jums pirmiausia bus įspėta, kad failo vardas gali pasikeisti. Tai nėra didelė problema. Tada jums bus pranešta, kad yra sukurtas naujas aplankas, skirtas turtui laikyti. Kai procesas baigsis, atidaromas aplankas, pateiktas toje pačioje vietoje kaip ir originalus .psd failas, ir parodo jums naują turtą.

07 iš 08

Nustatymų mygtukas yra jūsų naujas geriausias draugas

Įrenginio rezoliucija.

Spustelėjus mygtuką " Nustatymai " atidaromas dialogo langas "Nustatymai", kuris yra labai naudingas. Kairėje esančios nuostatos yra mastelio koeficientai. Tai, ką jie daro, yra sukurti įvairias vaizdo kopijas, kurias kūrėjas naudos žiniasklaidos užklausose, kad nukreiptų į konkretų įrenginio ekrano skiriamąją gebą. Pavyzdžiui, "3x" versija bus nukreipta į "iPhone" arba "iPad" "Retina" ekraną, o "Android" įrenginyje bus nurodytas 1,25 veiksnys. Priedas pridedamas prie failo pavadinimo pabaigos, kad kūrėjas galėtų lengvai identifikuoti vaizdą, kuris bus naudojamas žiniasklaidos užklausoje. Kai baigsite, spustelėkite mygtuką Gerai, o pasirinkimai bus užfiksuoti dialogo lango srityje Extract Assets. Taip pat galite pasiekti nustatymą spustelėję krumpliaračio piktogramą, esančią srities "Išgauti turtus" dešinėje sąsajos pusėje

08 iš 08

Apdailos

Išgaunami keli vaizdai su skirtingais formatais ir rezoliucijomis.

Kai paspausite mygtuką "Ištrinti", bus sukurtas visas turtas ir pridėtas prie aplanko. Šiuo metu viskas, ko jums reikia padaryti, yra išsiųsti kūrėjui aplanko kopiją ir pereiti prie kito projekto.