01 z 08
Čo je extrakčné aktíva
Nová funkcia Extract Assets v Photoshope CC 2014 prepája prídavné spálenie na inak zdĺhavý pracovný postup tvorby obrázkov pre Responsiv Web Design (RWD). Poďme sa pozrieť na to, ako príkaz Extract Assets môže za pár minút rýchlo skrátiť webovú stránku comp na zariadenia pripravené na montáž.
Začnime so zjavnou otázkou: Čo je extrakčný majetok?
Jednoducho povedané, Extract Assets je nová funkcia vo Photoshope, ktorá poskytuje funkciu Generátora Photoshopu s rozhraním, ktoré pomáha automatizovať vytváranie zobrazovacích prvkov pre dizajn webov a obrazoviek vo vašich súboroch Photoshop. Príkaz Extract Assets umožňuje definovať vrstvu alebo vrstvy, pre ktoré chcete vytvoriť aktíva, ich fyzickú veľkosť, formát súboru a uložené umiestnenie na disku. Táto funkcia nie je určená na text, ak nie je zámerom zmeniť text na bitovú mapu, čo naozaj nie je dobrý nápad.
Začnime.
02 z 08
Otvorte súbor .psd programu Photoshop
Príklad, ktorý používam, obsahuje inteligentný objekt z aplikácie Illustrator, nejaký text, hrdinu obsahujúcu text, obrázok a tlačidlo a sériu obrázkov vonku, ktoré posilňujú tému lokality. Kľúčom je organizovanie vrstiev do skupín. Je to nevyhnutné, pretože úlohou je vytiahnuť všetky tieto položky z kompilátora, aby sa dali rýchlo pridať do rozvrhnutia webov, ktoré sa prispôsobia rôznym rozlíšeniam a rozmerom obrazovky.
03 z 08
Dva spôsoby, ako získať aktíva
Na rozdiel od nástroja Generate, ktorý tiež extrahuje objekty pridaním grafického rozšírenia na názov vrstvy, Extract Assets používa rozhranie, ktoré možno dosiahnuť kliknutím pravým tlačidlom na vrstvu alebo výberom vrstvy a výberom File> Extract Assets .
04 z 08
Rozhranie extrakčného majetku
Dialogové okno Extract Assets je skôr intuitívne. Zobrazuje sa vrstva alebo výber, ktorý sa má extrahovať. Nad ním sa zobrazujú veľkosti súborov a pod nimi je ovládací prvok, ktorý vám umožňuje priblížiť a oddialiť objekt. Na pravej strane dialógového okna je miesto, kde kúzlo prebieha. Štyri tlačidlá na vrchu umožňujú vybrať rozlíšenie / veľkosť objektu. Nasledujúci riadok zobrazuje vybranú vrstvu a kliknutím na znamienko + môžete vytiahnuť vybranú vrstvu aj v inom formáte. Trash Ca n odstráni vrstvu z frontu. V ďalšom páse môžete vybrať typ súboru a môžete nastaviť šírku a výšku výstupného obrazu.
05 z 08
Extrahovanie obrázka SVG
Photoshop nerobí zvuk obrázkov v poriadku a prehliadače a zariadenia nemôžu zobraziť obrázok aplikácie Illustrator. Výsledkom toho je nárast súborov SVG, ktoré sa používajú pre vektorové umelecké diela, ako je logo Illustrator tu zobrazené. Ako vektory ich rozlíšenie je nezávislé na zariadení, čo znamená, že môžu byť zmenené bez straty detailov alebo obrazu. Ak chcete premeniť inteligentný objekt aplikácie Illustrator na svg, zvoľte položku svg a kliknite na položku Extrahovať .
06 z 08
Proces extrakčného majetku
Niekoľko vecí sa stane, keď kliknete na tlačidlo Extract. Najskôr budete varovaní, že názov súboru sa môže zmeniť. To nie je veľký problém. Potom vám povieme, že sa vytvorí nový priečinok na uchovávanie majetku. Po dokončení procesu sa priečinok, umiestnený na rovnakom mieste ako pôvodný súbor .psd, otvorí a zobrazí nové dielo.
07 z 08
Tlačidlo nastavení je váš najlepší priateľ
Kliknutím na tlačidlo Nastavenia sa otvorí dialógové okno Nastavenie, ktoré je veľmi užitočné. Nastavenia na ľavej strane sú faktory škálovania. Čo robia, je vytvoriť rôzne kópie obrazu, ktorý bude vývojár používať v mediálnych dopytoch, aby sa zacielil na rozlíšenie obrazovky konkrétneho zariadenia. Napríklad 3x verzia by bola zameraná na iPhone alebo iPad Retina displej, zatiaľ čo faktor 1,25 by bolo poukázané na zariadení Android. Prípona sa pridá na koniec názvu súboru, aby váš vývojár mohol ľahko identifikovať obrázok, ktorý sa má použiť v mediálnom dopyte. Po dokončení kliknite na tlačidlo OK a vaše voľby sa rozsvietia v oblasti Extract Assets v dialógovom okne. Nastavenie môžete získať aj kliknutím na ikonu ozubeného kolieska v oblasti Extract Assets v pravej časti rozhrania
08 z 08
Dokončiť
Keď kliknete na tlačidlo Extract, všetky aktíva budú vytvorené a pridané do priečinka. V tomto okamihu všetko, čo musíte urobiť, je poslať vývojárovi kópiu priečinka a prejsť na ďalší projekt.