Čo je extrakčné aktíva
Nové Extrakčné aktíva funkcia Photoshop CC 2014 popruhy a dodatočné spaľovanie na inak nudný pracovný postup vytvárania obrázkov pre Responsive 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.
Poďme začať.
02 z 08Otvorte 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.
Dva spôsoby, ako získať aktíva
Na rozdiel od Generate, ktorý tiež extrahuje objekty prostredníctvom pridania grafického rozšírenia na názov vrstvy, Extrakčné aktíva používa rozhranie, na ktoré sa dá dosiahnuť pravým tlačidlom myši vrstvu alebo výber vrstvy a výberSúbor> Extrahované aktíva.
04 z 08Rozhranie 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 kliknutie na tlačidlo + Značka umožňuje výstup vybranej vrstvy 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 08Extrahovanie obrázka SVG
Aplikácia Photoshop nerobí veľmi dobre obrázky a prehliadače a zariadenia môžu zobrazovať 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 konvertovať inteligentný objekt aplikácie Illustrator na svg, vyberte svg z pop-up a kliknite výťažok.
06 z 08Proces 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 08Tlačidlo nastavení je váš najlepší priateľ
Kliknutím na tlačidlo nastavenie tlačidlo sa otvorí a Dialógové okno Nastavenia to je veľmi užitočné. Nastavenia na ľavej strane sú faktory škálovania. To, čo robia, je vytvoriť rôzne kópie obrazu, ktorý bude vývojár používať v mediálnych dopytoch na zacielenie 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 výbery sa rozsvietia v oblasti Extrahovať aktíva 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 08Dokonč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.
