Co je výtěžek aktiv
Nové Extrakční majetek funkce Photoshop CC 2014 popruhy a dodatečné spalování na jiném únavném pracovním toku vytváření obrazu pro Responsive Web Design (RWD). Podívejme se, jak příkaz Extract Assets může za pár minut rychle zredukovat webovou stránku comp na aktiva připravená pro montáž.
Začněme zřejmou otázkou: Co je to výtěžek aktiv?
Jednoduše řečeno, Extract Assets je nová funkce ve Photoshopu, která poskytuje funkci Generátoru Photoshopu s rozhraním, které pomáhá automatizovat vytváření zobrazovacích prvků pro návrh webových a obrazovek z vašich souborů Photoshopu. Příkaz Extract Assets umožňuje definovat, která vrstva nebo vrstvy chcete vytvořit, jejich fyzickou velikost, formát souboru a uloženou polohu na disku. Tato funkce není určena pro text, pokud není záměrem obrátit text na bitmapu, což opravdu není dobrý nápad.
Začněme.
02 z 08Otevřete soubor Photoshop .psd
Příklad, který používám, obsahuje inteligentní objekt z Illustratoru, nějaký text, hrdinu obsahující text, obrázek a tlačítko a řadu obrázků venku, které posilují téma webu. Klíčem je uspořádání vrstev do skupin. To je nutné, protože úkolem je vytáhnout všechny tyto položky z komprese, takže je lze rychle přidat do webových rozvržení, které se přizpůsobí různým rozlišením a velikostem obrazovky.
Dva způsoby, jak vydělat majetek
Na rozdíl od generace, která také extrahuje objekty přidáním grafického rozšíření k názvu vrstvy, Extrakční majetek používá rozhraní, které lze dosáhnout pravým kliknutím vrstvu nebo výběru vrstvy a výběrSoubor> Extrahovat majetek.
04 ze dne 08Rozhraní Extract Assets
Dialogové okno Extract Assets je spíše intuitivní. Zobrazí se vrstva nebo výběr, který chcete extrahovat. Nad ním se zobrazí velikost souborů a pod ním je ovládací prvek, který vám umožňuje přiblížení a oddálení objektu. Na pravé straně dialogového okna se nachází kouzlo. Čtyři tlačítka v horní části umožňují vybrat rozlišení / velikost objektu. Následující pruh zobrazí vybranou vrstvu a klepnete na tlačítko + značka umožňuje výstup vybrané vrstvy i v jiném formátu. The Trash Ca n odstraní vrstvu z fronty. V dalším pásu dolů můžete zvolit typ souboru a můžete upravit šířku a výšku výstupního obrazu.
05 z 08Extrahování obrázku SVG
Photoshop nerozsvítí všechny obrázky a prohlížeče a zařízení mohou zobrazovat obrázek aplikace Illustrator. Výsledkem je vzestup SVG souborů používaných pro vektorové kresby, jako je logo Illustrator zde zobrazené. Vektory jsou jejich rozlišení nezávislé na zařízení, což znamená, že mohou být zmenšeny bez ztráty detailů nebo obrazu. Chcete-li objekt Smart Illustrator převést na svg, vyberte svg z popu a klikněte Výpis.
06 z 08Proces extrahování aktiv
Několik věcí se stane, když kliknete na tlačítko Výpis. Budete poprvé upozorněni, že název souboru se může změnit. To není velký problém. Poté budete informováni, že je vytvořen nový adresář, který uchová aktivum. Po dokončení procesu se složka, umístěná ve stejném umístění jako původní soubor .psd, otevře a zobrazí nové aktivum.
07 z 08Tlačítko Nastavení je váš nový nejlepší přítel
Klepnutím na tlačítko Nastavení tlačítko se otevře Nastavení dialogového okna to je opravdu užitečné. Nastavení vlevo jsou měřítka. To, co dělají, je vytvoření různých kopií obrazu, který bude vývojář použít v mediálních dotazy, aby se zaměřil na rozlišení obrazovky určitého zařízení. Například verze 3x bude zaměřena na displej iPhone nebo iPad Retina, zatímco na zařízení Android bude ukazován faktor 1,25. Přípona se přidá na konec názvu souboru, aby mohl vývojář snadno identifikovat obraz, který má být použit v mediálním dotazu. Po dokončení klikněte na tlačítko OK a volby se rozsvítí v oblasti Výtěžnost v dialogovém okně. Nastavení můžete také přistupovat klepnutím na ikonu ozubeného kola v oblasti Výpis aktiv v pravé části rozhraní
08 z 08Dokončení nahoru
Po klepnutí na tlačítko Výpis budou všechny položky vytvořeny a přidány do složky. V tomto okamžiku stačí poslat vývojáři kopii složky a přejít k dalšímu projektu.
