Generování obrazových datových zdrojů z vrstev

Přidání přípon souborů k názvům vrstev aktivuje Generátor v aplikaci Photoshop, který při každém uložení automaticky vytvoří obrazové soubory.Tím odpadnou opakované kroky exportu pro web, aplikace a projekty pro více zařízení, které vyžadují více formátů nebo velikostí.

Tento pracovní postup funguje nejlépe, když potřebujete konzistentní, opakovatelné exporty v různých formátech nebo rozlišeních – například při vytváření verzí @1x, @2x a @3x pro responzivní design.Pokud exportujete jen jednou nebo potřebujete ovládací prvky pro konkrétní formát, použijte místo toho Soubor > Exportovat > Exportovat jako.

Generátor vytvoří vyhrazenou složku pro datové zdroje a během práce soubory automaticky aktualizuje.Z jedné vrstvy můžete generovat více formátů, určit nastavení kvality, škálovat datové zdroje na různé velikosti a uspořádat výstupy do podsložek – to vše pomocí pravidel pojmenování vrstev.

• Dokument aplikace Photoshop s pojmenovanými vrstvami nebo skupinami vrstev
• Uložený dokument do známého umístění (jinak se datové zdroje zobrazí na ploše)
• Znalost požadovaných výstupních formátů pro váš projekt

Povolit generování obrazových datových zdrojů

Aplikace Photoshop vytvoří obrazový soubor v podsložce vedle uloženého dokumentu.Pokud jste dokument ještě neuložili, datové zdroje se zobrazí v nové složce na ploše.Generátor zůstává aktivní – jakékoli změny vrstev s povoleným generátorem automaticky aktualizují odpovídající datové zdroje.

Generování více formátů z jedné vrstvy

Jedna vrstva může současně vytvářet datové zdroje v různých formátech, velikostech a úrovních kvality.Jednotlivé specifikace datových zdrojů v názvu vrstvy oddělte čárkou nebo znaménkem plus.

Aplikace Photoshop vygeneruje ze stejného obsahu vrstvy tři samostatné soubory, takže stejnou grafiku nemusíte ručně exportovat v různých formátech.

Nastavení kvality a měřítka datových zdrojů pro různé Screens

Přípony kvality určují kompresi souborů JPG (1–100) a bitovou hloubku souborů PNG (8, 24 nebo 32). Předpony velikosti přijímají procenta pro relativní změnu měřítka nebo absolutní rozměry v pixelech. Jednotky můžete kombinovat — například „10in x 5cm banner.jpg“ — a jeden rozměr můžete vynechat, aby se velikost změnila poměrně: „1080 x icon.png“ nastaví Šířka na 1080 pixelů při zachování poměru stran.

Příklady relativního měřítka:

200% logo.png zdvojnásobí velikost datového zdroje

50% thumbnail.jpg zmenší datový zdroj na polovinu velikosti

Příklady absolutní velikosti:

300 x 200 hero.png vytvoří obrázek o velikosti 300 × 200 pixelů

10in x 5cm banner.jpg kombinuje jednotky (šířka 10 palců, výška 5 centimetrů)

1080 x icon.png nastaví šířku na 1080 pixelů, výška se upraví poměrně

Uspořádání datových zdrojů do podsložek

Ve výchozím nastavení se všechny vygenerované datové zdroje uloží do jedné složky vedle souboru PSD. Když před název souboru přidáte název podsložky, generátor tuto podsložku automaticky vytvoří a použije. Díky tomu zůstanou související datové zdroje uspořádané bez ruční správy složek.

Do názvu vrstvy zahrňte cestu k podsložce pomocí lomítek: subfolder/filename.png nebo icons/logo.svg. Můžete vnořit více úrovní: assets/icons/logo.png.

Export položek do konkrétních složek

Aplikace Photoshop automaticky vytvoří strukturu složek a umístí každou položku na určené místo.Kombinace podsložek s předponami velikosti a nastavením kvality vám dává úplnou kontrolu nad organizací položek: mobile/200% button@2x.png, desktop/button.jpg90.

Nastavení výchozích hodnot pro celý dokument

Vytvořte speciální vrstvu, která určí výchozí nastavení platné pro všechny generované položky.Díky tomu nemusíte opakovaně uvádět parametry v názvech jednotlivých vrstev.

Vytvořte prázdnou vrstvu a pojmenujte ji tak, aby začínala slovem „default“, za kterým budou následovat požadovaná nastavení.Mezi běžná nastavení patří „default 200%“, které změní velikost všech položek na 200 %, „default assets/“, které uloží vše do podsložky assets, nebo „default @2x“, které ke všem názvům souborů přidá příponu @2x.

Můžete kombinovat více výchozích nastavení: „default 200% retina/ @2x“ změní velikost všech položek na 200 %, uloží je do podsložky retina a přidá k názvům souborů příponu @2x.Nastavení jednotlivých vrstev má přednost před výchozím nastavením dokumentu – pokud výchozí nastavení určuje „default 200%“, ale název vrstvy obsahuje „50% thumbnail.png“, daná vrstva se vygeneruje v 50 %.

Práce s dokumenty v cloudu

Dokumenty v cloudu ukládají generované položky lokálně, nikoli přímo vedle souboru PSD.Aplikace Photoshop zachovává toto oddělení, aby rozlišila mezi lokálním obsahem a obsahem synchronizovaným v cloudu.

Položky pro dokumenty v cloudu se zobrazují na těchto místech:

• Windows: C:\Usersusername>\Documents\Adobe\Photoshop Cloud Associates
• macOS: /Users//Documents/Adobe/Photoshop Cloud Associates

Každý dokument v cloudu vytvoří v tomto adresáři vlastní podsložku.Položky se generují automaticky během práce, ale zůstávají na lokálním počítači, dokud je výslovně nesdílíte nebo nesynchronizujete v Creative Cloud.

Vypnutí generování položek

Jakmile generování obrazových položek pro dokument zapnete, zůstává aktivní i mezi jednotlivými relacemi.Tato funkce automaticky znovu vygeneruje položky při každém uložení, což může u složitých dokumentů zpomalit výkon.

Chcete-li vypnout generování pro aktuální dokument, zrušte výběr položky Soubor > Automatizace > Zásuvné moduly generátoru > Obrazové položky.Tím se zastaví automatické vytváření položek, ale zachovají se existující položky a názvy vrstev.

Chcete-li globálně vypnout generátor ve všech dokumentech, vyberte Úpravy > Předvolby > Zásuvné moduly, zrušte zaškrtnutí možnosti Povolit generátor a vyberte OK. Tím se funkce generátoru úplně vypne, dokud ji znovu nepovolíte v předvolbách.