Photoshop ukladá vrstvy do samostatných súborov. Ako vytvoriť PNG s priehľadnosťou v Adobe Photoshop (CC a vyššie verzie)

Sú chvíle, keď je potrebné uložiť všetky vrstvy Photoshopu do samostatných obrázkových súborov. Napríklad weboví dizajnéri, ktorí nakreslia rozloženie lokality, umiestnia všetky jej grafické prvky do samostatných vrstiev, môžu uložiť všetky tieto prvky do priečinka, aby ich bolo možné použiť neskôr pri konečnom rozložení lokality.

Teraz si predstavte, že v takomto rozložení bude povedzme 50 obrázkov (ikony, pozadia atď.). Ako dlho trvá manuálne uloženie tohto všetkého? Okrem toho bude úloha komplikovaná niekoľkými ďalšími krokmi, keď to budete musieť urobiť, čím sa zbavíte zbytočného priehľadného pozadia. odpoveď: veľa. Navyše, monotónna monotónna práca vám na radosti nepridá.

Našťastie na takéto účely má Photoshop špeciálny nástroj - príkaz Export vrstiev do súborov(Exportovať vrstvy do súboru).

Export vrstiev do súborov Je príkaz Photoshopu, ktorý vám umožňuje automaticky uložiť do počítača každú vrstvu projektu v samostatnom grafickom súbore s príponami JPEG, PNG, BMP, TIFF a mnohými ďalšími.

Majte však na pamäti, že tento príkaz nie je taký flexibilný a NEOBSAHUJE tucet parametrov pre všetky príležitosti. Pre lenivcov, ktorí chcú napríklad automaticky zostavovať vopred vybrané vrstvy, je tu určité pozadie a aby sa každá ďalšia vrstva s týmto pozadím spojila, tak figúrky. Urobte to pomocou rukovätí. Teraz sa pozrime bližšie na to, čo je.

Súbor -> Skripty -> Exportovať vrstvy do súborov

Na vykonanie operácie ukladania vrstiev do súborov potrebujete:

1. Vyberte priečinok, do ktorého sa majú umiestniť súbory. Ak to chcete urobiť, kliknite na Prehľadávať a vyberte priečinok v počítači. Tu musíte vziať do úvahy dôležitý bod: Photoshop nemá rád ruštinu. , Čo máme robiť.

2. Uveďte ... Toto je podmienená časť, ktorá sa pridá k názvu uloženého súboru na začiatku:

Poznámka

Pozrite sa pozorne na snímku obrazovky vyššie. Vidíte v názve každého súboru pomlčky? Takto Photoshop zobrazil názvy vrstiev v ruskom jazyku.

Preto, aby ste tomu zabránili, potrebujete všetky vrstvy pre náprotivky v anglickom jazyku, napríklad "Vrstva 1".

3. Začiarknite políčko Iba viditeľné vrstvy ak chcete, aby Photoshop neuložil vrstvy, ktoré ste odstránili. V opačnom prípade program spracuje všetky vrstvy za sebou.

4. Zadajte typ súboru, ktorý sa má uložiť. Dostupné možnosti sú BMP, JPEG, PDF, PSD, TARGA, TIFF, PNG-8 a PNG-24.

V závislosti od zvoleného súboru sa možnosti dostupné pre tento typ možností zobrazia nižšie v oblasti parametrov.

• BMP - umožňuje vybrať 16/24/32.
• JPEG - umožňuje určiť kvalitu obrazu od 0 (nízka) do 12 (najlepšia).
• PDF je kódovanie (JPEG alebo ZIP) a tiež kvalita obrazu: od 0 do 12.
• PSD – začiarkavacie políčko na maximalizáciu kompatibility (na podporu vrstiev v starších verziách Photoshopu).
• TARGA - umožňuje zvoliť hĺbku 16/24/32 bitov.
• TIFF - umožňuje vybrať kompresiu (bez kompresie, LZW, ZIP, JPEG) a kvalitu obrazu: od 0 do 12.
• PNG-8 a PNG-24 - umožňujú zachovať priehľadnosť pixelov, ako aj orezať priehľadné pixely.

5. Kliknite Vykonať keď všetko nastavíte.

Rýchlosť operácie sa bude líšiť v závislosti od počtu vrstiev, rozlíšenia, v ktorom ste pracovali a výkonu vášho počítača. Niekedy to trvá veľmi dlho. Netreba sa báť a biť na poplach. počkaj V každom prípade to Photoshop urobí rýchlejšie ako vy sami.

Keď už hovoríme o nevýhodách, operácia sa nedá zrušiť. Ak sa po každej spracovanej vrstve objaví chyba, budete na ňu musieť klikať, kým Photoshop neprejde všetky vrstvy. Taký nedokonalý nástroj...

Chyba „Príkaz nebol vykonaný, pretože cieľový priečinok neexistuje“

Ak sa pri ukladaní zobrazí chybové okno s nasledujúcim obsahom:

- tak vám unikla jedna veľmi nepríjemná vec: Photoshop nestrávi ruštinu!

Aby ste sa vyhli chybám, musíte sa uistiť, že v priečinku, v ktorom sa vykonáva uloženie, sa nepoužije ani jedno ruské písmeno.

Napríklad takáto cesta: C: \ Používatelia \ Kasatiki \ Pracovná plocha \ Nový priečinok — nie je to správne! Navyše v tomto príklade zmena názvu cieľového priečinka na anglický názov nepomôže. Pre mnohých rusky hovoriacich používateľov je používateľské meno počítača napísané ruskými písmenami, ako je to moje. A tento photoshop tiež nestrávi.

V tomto prípade musíte vytvoriť priečinok priamo v koreňovom adresári pevného disku. Cesta k nemu neobsahuje používateľské meno. Takto to bude správne: C: \ psand.

Ak v texte nájdete chybu, vyberte ju a stlačte Ctrl + Enter. Vďaka!

Exportujte dokument Photoshopu alebo všetky jeho kresliace plátna

Prosím vyber Súbor> Export> Rýchly export do [formát obrázka]... Ak sa zobrazí výzva, vyberte cieľový priečinok. Photoshop exportuje aktuálny dokument ako grafický prvok vo formáte určenom v predvoľbách rýchleho exportu. Ak dokument obsahuje kresliace plátna, pri výbere tejto možnosti sa všetky exportujú jednotlivo.

Exportujte vybraté vrstvy, skupiny vrstiev alebo kresliace plátna

Na paneli Vrstvy vyberte vrstvy, skupiny vrstiev alebo kresliace plátna, ktoré chcete exportovať ako grafické prvky. Kliknite pravým tlačidlom myši na vybrané objekty a vyberte Rýchly export do [formát obrázka] v kontextovom menu. Ak sa zobrazí výzva, vyberte cieľový priečinok.

Pre každú vybratú vrstvu, skupinu vrstiev alebo kresliacu plochu sa vytvorí jeden grafický prvok.

Zmeňte nastavenia rýchleho exportu

V predvolenom nastavení proces rýchleho exportu vytvára transparentné prvky PNG a zakaždým, keď sa zobrazí výzva na výber umiestnenia na export. Ak chcete zmeniť nastavenia, vyberte Predvoľby> Exportovať alebo Súbor> Export> Nastavenia exportu a potom zadajte nasledovné:

• Vyberte si preferovaný formát rýchly export: PNG, JPG, PNG-8, GIF alebo SVG.
• Parametre súvisiace s formátom. Napríklad v prípade formátu PNG si môžete vybrať exportovanie prvkov s povolenou priehľadnosťou (32-bitové) alebo exportovanie menších obrázkov (8-bitové).
• Miesto pre obrázky exportované pomocou rýchly export... Ak to chcete urobiť, vyberte jednu z nasledujúcich možností.

Zakaždým, keď sa pýtate, kam exportovať: pri každom exporte zdrojov sa zobrazí výzva na výber umiestnenia
Exportujte súbory do priečinka prostriedkov vedľa aktuálneho dokumentu: grafický zdroj je umiestnený v podpriečinku Zdroje v priečinku obsahujúcom pôvodný dokument Photoshopu.

• Schopnosť zahrnúť metadáta (informácie o autorských právach a kontaktné informácie) do exportovaných zdrojov.
• Schopnosť konvertovať prostriedky do farebného priestoru sRGB.

Dialógové okno Exportovať ako: Umelecké plátna, Vrstvy alebo Dokumenty

Pri použití okna Exportovať ako môžete upraviť nastavenia zakaždým, keď exportujete vrstvy, skupiny vrstiev, kresliace plátna alebo celý dokument Photoshopu ako obrázky.

• Prosím vyber Súbor > Exportovať > Exportovať ako exportovať aktuálny dokument Photoshopu. Ak dokument obsahuje kresliace plátna, všetky sa exportujú pomocou tohto dialógového okna.
• Ak chcete otvoriť toto dialógové okno pre vrstvy, skupiny vrstiev alebo kresliace plátna, vyberte požadované objekty na paneli Vrstvy. Kliknite pravým tlačidlom myši na vybrané objekty a vyberte Exportovať ako v kontextovom menu.

  Každá vybratá vrstva, skupina vrstiev alebo kresliace plátno sa exportuje ako samostatný grafický prvok.

Možnosti v dialógovom okne Exportovať ako

V dialógovom okne môžete nastaviť nasledujúce parametre Exportovať ako:

Formátovať

Vyberte PNG, JPG, GIF alebo SVG.

Nastavenie formátu

V prípade súborov PNG zadajte, či chcete exportovať položky so zapnutou možnosťou Priehľadnosť (32-bitové) alebo exportovať menšie obrázky (8-bitové). Pre JPEG zadajte požadovanú kvalitu obrazu (0-100%). Obrázky GIF sú štandardne priehľadné.

Poznámka.

Pri exportovaní aktív PNG zvážte nasledujúce skutočnosti.

• Výberom možnosti Transparency vytvoríte 32-bitové aktíva PNG.
• Výber parametrov Menší súbor vytvorí 8-bitové aktíva PNG.
• Ak zrušíte začiarknutie oboch políčok, aplikácia vytvorí 24-bitové prostriedky PNG.

Veľkosť

Zadajte šírku a výšku grafického prvku. Pomery šírky a výšky sú štandardne pevné. Keď zmeníte šírku, výška sa automaticky zmení pri zachovaní proporcií. Ak chcete určiť hranice plátna exportovaného zdroja, pozrite si časť.

Mierka

Vyberte, aký veľký má byť exportovaný obrázok. Táto možnosť je užitočná na export zdrojov s vyšším alebo nižším rozlíšením. Zmena mierky ovplyvňuje veľkosť obrázka.

Prevzorkovanie Vyberte metódu prevzorkovania. Prevzorkovanie označuje zmenu množstva údajov v obrázku, keď sa zmenia jeho rozmery v pixeloch alebo rozlíšenie, zvyčajne pri zmene veľkosti obrázka.

Bilineárne: Táto metóda pridáva nové pixely výpočtom priemernej farby okolitých pixelov. Poskytuje výsledok priemernej kvality.

Bikubický: Pomalšia, ale presnejšia metóda založená na analýze farebných hodnôt okolitých pixelov. Použitím zložitejších výpočtov vytvára bikubické prevzorkovanie jemnejšie farebné prechody ako bilineárne prevzorkovanie alebo susedné pixely.

Bikubický, hladší: Dobrá metóda na zväčšovanie obrázkov založená na bikubickej interpolácii, špeciálne navrhnutá pre hladšie výsledky.

Bikubický, ostrejší: Pohodlná metóda na zmenšenie veľkosti obrazu na základe bikubickej interpolácie pri zaostrovaní. Táto metóda zachováva detaily prevzorkovaného obrázka. Ak bikubická ostrá interpolácia zaostrí niektoré oblasti obrazu, skúste bikubickú interpoláciu.

Bikubický automat: Automaticky vyberie metódu dvojkubického prevzorkovania vhodnú pre obrázok.

Podľa susedov: rýchla, ale menej presná metóda, ktorá opakuje pixely v obraze. Táto metóda sa používa v ilustráciách, ktoré nemajú hladké okraje. Zachováva ostré hrany a umožňuje vytvorenie menšieho súboru. Táto metóda však môže vytvoriť zubaté okraje, ktoré sa stanú viditeľnými pri zmene mierky obrázka alebo pri vykonávaní mnohých operácií výberu.

Veľkosť plátna

Ak má váš podklad oblasť so špecifickou výškou a šírkou, zadajte tieto hodnoty ako veľkosť plátna. Oblasť ukážky v dialógovom okne Exportovať ako... obnovené: obrázok je vycentrovaný v rámci týchto hraníc.

Tento parameter je užitočný v niektorých situáciách, napríklad:

• Exportujú sa ikony rôznych veľkostí, ktoré je potrebné vycentrovať v oknách s rozmermi 50 x 50 px.
• Export obrázkov bannerov, ktoré sú väčšie alebo menšie ako požadované hodnoty.

Ak je obrázok väčší ako plátno, oreže sa na zadanú šírku a výšku.

Kliknutím na Reset obnovíte hodnoty zadané v parametri Veľkosť obrazu.

Metadáta

Zadajte, či sa majú do exportovaných aktív zahrnúť metadáta (informácie o autorských právach a kontaktné informácie).

Farebný priestor

Označte nasledovné.

• Či je potrebné exportované prostriedky previesť do farebného priestoru sRGB. Táto možnosť je predvolene vybratá.
• Či chcete vložiť profily farieb do exportovaných prostriedkov.

Tento skript Photoshopu používam takmer stále, keď vytváram kolekcie pre svoju stránku. Týka sa to hlavne úpravy obrázkov. A v tomto prípade dávkové spracovanie výrazne šetrí čas. Na začiatok prirodzene potrebujeme dokument Photoshopu s niekoľkými vrstvami. Potom cez menu vyvoláme špeciálne dialógové okno, kde zadáme cestu k uloženiu obrázkov, predponu názvu súboru, zvolíme typ súboru (väčšinou jpg) a nastavíme úroveň kvality obrázku. Potom spustíme skript a získame hotové obrázky.

Krok 1
Máme teda dokument Photoshopu s niekoľkými vrstvami (v tomto prípade 11), ktoré v skutočnosti chceme previesť na samostatné súbory.

Krok 2
V ponuke vyberte cestu "Súbor" (Súbor)> "Skripty" (Skripty)> "Exportovať vrstvy do súboru" (Exportovať vrstvy do súborov)

Krok 3
V otvorenom dialógovom okne vyplňte nasledujúce polia. Pomocou „Prehľadávať ...“ vyberte, kam sa má obrázok v počítači uložiť. Názov súboru možno vynechať, pretože skript bude stále ukladať súbory pod ich vlastnými menami. Zvyčajne premenujem všetky súbory sám. Ak potrebujete vytvoriť obrázky iba viditeľných vrstiev, začiarknite políčko Iba viditeľné vrstvy. Potom vyberieme typ súboru. Potom kliknite na položku Spustiť.

Krok 4
Skript poskytuje možnosť vybrať tieto typy súborov. Tu je pre mňa najužitočnejší jpg.

Krok 6
Po dokončení úlohy skript zobrazí nasledujúcu správu o úspešnom dokončení exportu vrstiev do súborov.

Krok 6
Na mieste, ktoré ste označili, sa objaví 11 samostatných súborov vo formáte jpg.

V určitom okamihu možno budete chcieť uložiť všetky vrstvy súboru .psd ako samostatné obrazové súbory. Tento článok sa pozrie na príklad automatického ukladania vrstiev ako samostatných súborov v aplikácii Adobe Photoshop pomocou vstavaného skriptu.

Článok bol napísaný na základe verzie 11 programu Adobe Photoshop CS 4.

Vezmime si napríklad hotový súbor typu .psd, v ktorom sú vytvorené tlačidlá klávesnice počítača. Celkom viditeľné vrstvy 56:

Zoznam vrstiev .psd - súbor

Upozorňujeme, že všetky vrstvy v zdrojovom súbore sú nad sebou, veľkosť „plátna“ zodpovedá veľkosti každého výsledného súboru. Pracovný priestor pôvodného súboru .psd je znázornený na obrázku:

Pracovný priestor zdrojového súboru .psd

Otvorí sa okno nastavení pre export vrstiev do súborov:

V poli" Výstupný priečinok"zadajte adresu adresára, do ktorého sa uložia konečné obrázky. Na tento účel môžete použiť" Prehľad..."alebo skopírujte z panela s adresou štandardného programu" Dirigent"OS Windows.

V poli" Predpona názvu súboru"môžete určiť riadok, ktorým bude začínať názov každého súboru. V tomto prípade nie je vyplnený, pretože Adobe Photoshop berie názov vrstvy ako názov každého súboru.

Začiarknite políčko " Iba viditeľné vrstvy aby sa obrazové súbory vytvárali len z tých vrstiev, ktoré sú označené ako viditeľné.

Typ súboru je v tomto prípade označený ako " Jpeg", a odporúčame ponechať tento typ. Ide o to, že keď nastavíte typ" Obrázok PNG", program začal skrývať všetky nepotrebné vrstvy okrem jednej, potom uložil, potom skryl všetky vrstvy okrem ďalšej atď. Podľa našich výpočtov bude v tomto prípade uloženie 56 súborov trvať viac ako hodinu. Ak vyberte typ „JPEG“, potom je ukladanie oveľa rýchlejšie.

Kliknite na " Vykonať".

Program automaticky vykoná požadované operácie na uloženie každej vrstvy ako samostatného obrazového súboru. Potom sa zobrazí okno o úspešnom dokončení operácie:

Teraz prejdite do adresára, ktorý ste zadali pri konfigurácii exportu v poli Výstupný priečinok. Tu môžete vidieť, že Photoshop pridal do názvu každého súboru svoje vlastné predpony s niekoľkými nulami a číslami. V prípade potreby budú musieť byť odstránené ručne. Výsledok v tomto prípade vyzerá takto:

Zvažovali sme hlavné vlastnosti formátu PNG, teraz ich použijeme na optimalizáciu obrázkov.

Začnime tým najjednoduchším spôsobom – posterizáciou obrázka. V komplikovanom jazyku je posterizácia zmena v počte úrovní jasu v každom farebnom kanáli obrazu, jednoducho povedané - zmena v počte farieb.

Otvorte testovací obrázok (PNG, 12 KB) vo Photoshope a zavolajte Obrázok → Úpravy → Posterizovať. Posuňte posúvač, aby ste videli, ako sa obrázok mení:

15 úrovní (3014 bajtov)

50 úrovní (6584 bajtov)

Je ľahké vidieť, že čím nižšia úroveň, tým menej farieb na obrázku a väčšie monochromatické oblasti. A tým menej obraz váži vďaka tomu, že veľké monochromatické plochy sú lepšie filtrované a zbalené. Táto metóda je obzvlášť účinná na fotografických obrázkoch, kde posterizované oblasti nie sú príliš nápadné.

Bez posterizácie (152 kB)

50 úrovní posterizácie (108 kB)

Ďalšia metóda je o niečo zložitejšia, používa sa na snímkach s polopriehľadnými oblasťami. Jeho podstata je nasledovná: všetky nepriehľadné pixely sú uložené v jednom súbore PNG-8 a polopriehľadné v inom. Túto metódu môžete vidieť v akcii v článku Volodya Tokmakova, ukážem vám len, ako rýchlo oddeliť priesvitné pixely od nepriehľadných.

Vezmime si tento obrázok (PNG, 62 kB) ako príklad:

Otvoríme ho vo Photoshope. Treba pamätať na to, že celý zdieľaný obrázok musí byť v jednej vrstve, takže ak sa váš obrázok skladá z viacerých vrstiev (tiene, odlesky, svetlá atď.), treba ich najskôr spojiť do jednej vrstvy.

Najprv musíte vybrať objekt vo vrstve, na tento účel klikneme so stlačeným klávesom Ctrl (alebo ⌘-kliknutím na počítači Mac) na obrázok v palete Vrstvy:

Prejdite na paletu Kanály a kliknutím na príslušnú ikonu vytvorte nový kanál z výberu:

Zrušte výber (Ctrl-D alebo ⌘-D), vyberte novovytvorený kanál a zavolajte príkaz Prah (Obrázok → Úpravy → Prah). Potiahnite posúvač do krajnej pravej polohy:

Dostali sme masku na výber úplne nepriehľadných pixelov. Zostáva načítať výber (kliknutie Ctrl / ⌘-klik na obrázok kanála Alpha 1), prejdite na paletu Vrstvy, vyberte vrstvu s obrázkom a spustite príkaz Vrstva → Nová → Vrstva cez Vystrihnúť. Ukázalo sa, že dve vrstvy: jedna s nepriehľadnými pixelmi, druhá s polopriehľadnými.

Nevýhodou tejto metódy je, že výsledkom sú 2 obrázky, ktoré nie je vždy vhodné použiť (napríklad pri vytváraní katalógu produktov). V ďalšom článku sa budem zaoberať pomerne zložitou a nie až tak univerzálnou metódou optimalizácie, jej výhodou však je, že výstupom bude iba jeden súbor.