La un moment dat, poate doriți să salvați toate straturile dintr-un fișier .psd ca fișiere imagine separate. Acest articol va analiza un exemplu de salvare automată a straturilor ca fișiere separate în Adobe Photoshop utilizând un script încorporat.

Articolul este scris pe baza versiunii 11 a programului Adobe Photoshop CS 4.

De exemplu, luați în considerare un fișier .psd gata făcut în care sunt create butoanele de la tastatura computerului. Total vizibil straturi 56:

Lista fișierelor layers.psd

Rețineți că toate straturile din fișierul sursă sunt unul peste altul, dimensiunea „pânzei” corespunde cu dimensiunea fiecărui fișier final. Cum arată zona de lucru a fișierului sursă .psd este prezentat în figură:

Zona de lucru a fișierului sursă .psd

Se va deschide fereastra de setări pentru exportul straturilor în fișiere:

In camp " Dosar de iesire" specificați adresa directorului în care vor fi salvate imaginile finale. Pentru a face acest lucru, puteți folosi butonul " Revizuire...„sau copiați din bara de adrese a programului standard” Conductor„OS Windows.

In camp " Prefixul numelui fișierului" puteți specifica linia cu care va începe numele fiecărui fișier. În acest caz, nu este completat, deoarece Adobe Photoshop ia numele layer-ului drept nume al fiecărui fișier.

Bifeaza casuta " Doar straturi vizibile" pentru a crea fișiere imagine numai din straturi care sunt marcate ca vizibile.

Tipul de fișier în acest caz este specificat " JPEG", și vă recomandăm să părăsiți acest tip. Ideea este că atunci când setați tipul " PNG„, programul a început să ascundă mai întâi toate straturile inutile, cu excepția unuia, apoi să salveze, apoi să ascundă toate straturile, cu excepția celui următor etc. Conform calculelor noastre, în acest caz va dura mai mult de o oră pentru a salva 56 de fișiere. Dacă selectați tipul „JPEG”, apoi salvarea are loc mult mai rapid.

Faceți clic pe " A executa".

Programul va începe să efectueze automat operațiunile necesare pentru a salva fiecare strat într-un fișier imagine separat. Apoi va fi afișată o fereastră care indică finalizarea cu succes a operațiunii:

Acum mergeți la directorul care a fost specificat la configurarea exportului în câmpul „Folder de ieșire”. Aici puteți vedea că Photoshop și-a adăugat propriile prefixe cu mai multe zerouri și numere la numele fiecărui fișier. Dacă este necesar, acestea vor trebui îndepărtate manual. Rezultatul în acest caz arată astfel:

Uneori trebuie să încărcați o imagine care conține elemente transparente care vor permite fundalul original să se arate. În aceste cazuri, ar fi convenabil să descărcați imagini PNG, deoarece acestea sunt capabile să mențină transparența.

În acest articol vă vom spune cum să faci transparență în Photoshop.

Crearea unui fișier

Primul pas este crearea unui fișier. Pentru a face acest lucru, deschideți Adobe Photoshop și în meniul „Fișier” ( Fişier) în partea de sus a paginii, selectați „Creați” ( Nou).

Apoi, în fereastra „Document nou” care apare ( Document nou) creați un fișier de dimensiunea dorită și asigurați-vă că rezoluția documentului este de 72 de pixeli pe inch ( deoarece fișierul este destinat utilizării pe web). Și, de asemenea, că ați selectat valoarea „Transparent” ( Transparent) în lista derulantă „Conținut de fundal” ( Conținut de fundal).

*Înainte de a face un PNG cu transparență în Photoshop, trebuie să clarificați că în acest exemplu creăm o imagine pentru a încărca ca fundal pentru site, astfel încât dimensiunea documentului este setată după cum urmează: lățime 3000 pixeli, înălțime 1730 pixeli, care sunt dimensiunile recomandate pentru descărcarea imaginilor HD:

Apoi, în panoul „Straturi” ( Straturi) asigurați-vă că lucrați la stratul transparent și nu pe cel de fundal:

Versiuni Photoshop anterioare CC 2015:

Acum vă vom spune cum să faci o imagine transparentă în Photoshop, care a apărut înainte de CC 2015. Aceste versiuni folosesc metoda „Salvare pentru Web” ( Salvați pentru web și dispozitive) pentru a salva și optimiza imagini PNG pentru utilizare pe web. Pentru a utiliza această metodă, mergeți pur și simplu la meniul „Fișier” ( Fişier), apoi „Salvare pentru Web” ( Salvați pentru web și dispozitive):

Photoshop versiunea CC 2015:

Inainte de, cum să faci o fotografie transparentă în Photoshop, trebuie să știți că din versiunea CC 2015 opțiunea „Salvare pentru Web” ( Salvați pentru web și dispozitive) în meniul „Fișier” ( Fişier) este marcat Legacy. Și înlocuită cu o nouă opțiune „Export” ( Export), care oferă funcționalitate identică cu salvare mai rapidă într-o dimensiune mai mică a fișierului și o calitate mai bună. Pentru a utiliza opțiunea „Export”, faceți clic pe meniul „Fișier” ( Fişier), și apoi - " Exportați ca» ( Export ca).

Notă: Adobe încă oferă o opțiune „Salvare pentru Web” ( Salvați pentru web și dispozitive) în Photoshop CC 2015 și este accesibil prin meniul Fișier > Export ( Fișier > Export) sau folosind comanda rapidă de la tastatură Command+Option+Shift+S (pentru Mac) sau Ctrl+Alt+Shift+S (pentru PC):

Câmpuri " Marimea imaginii» ( Marimea imaginii) și „Dimensiunea pânzei” ( Dimensiunea pânzei) ar trebui să fie completat automat cu valorile pe care le-ați specificat când ați creat fișierul. Cu toate acestea, dacă doriți, puteți modifica acești parametri înainte cum să faci un efect de transparență în Photoshop.

Folosesc acest script Photoshop aproape tot timpul când creez colecții pentru site-ul meu. Aceasta se referă în principal la editarea imaginilor. Și în acest caz, procesarea în lot economisește semnificativ timp. Pentru început, avem nevoie de un document Photoshop care va avea mai multe straturi. Apoi, prin meniu, apelăm o casetă de dialog specială, în care indicăm calea pentru salvarea imaginilor, prefixul pentru numele fișierului, selectam tipul fișierului (mai ales jpg) și setăm nivelul de calitate a imaginii. Apoi rulăm scenariul și obținem imagini gata făcute.

Pasul 1
Deci, avem un document Photoshop cu mai multe straturi (în acest caz 11), pe care, de fapt, dorim să-l convertim în fișiere separate.

Pasul 2
În meniu, selectați calea „Fișier” (Fișier)> „Scripturi” (Scripturi)> „Exportați straturi în fișiere”

Pasul 3
În caseta de dialog care se deschide, completați următoarele câmpuri. Selectați unde să salvați imaginea pe computer folosind „Răsfoiți...”. Nu trebuie să specificați un nume de fișier, deoarece scriptul va salva în continuare fișierele sub propriile nume. De obicei, redenumesc singur toate fișierele. Dacă trebuie să faceți fotografii numai cu straturi vizibile, atunci bifați caseta de selectare Numai straturi vizibile. Apoi selectați tipul de fișier. Apoi faceți clic pe Run.

Pasul 4
Scriptul oferă posibilitatea de a selecta aceste tipuri de fișiere. Cel mai util jpg aici pentru mine.

Pasul 6
După finalizarea sarcinii, scriptul va afișa următorul mesaj despre finalizarea cu succes a exportului straturilor în fișiere.

Pasul 6
Ei bine, în locul în care ați indicat, vor apărea 11 fișiere separate în format jpg.

Exportați un document Photoshop sau toate planurile de artă ale acestuia

Selectați Fișier > Export > Export rapid în [format imagine]. Dacă vi se solicită, selectați folderul țintă. Photoshop exportă documentul curent ca material grafic în formatul specificat în setările Export rapid. Dacă documentul dvs. conține planșe, toate sunt exportate individual când selectați această opțiune.

Exportați straturile, grupurile de straturi sau planurile de desen selectate

În panoul Straturi, selectați straturile, grupurile de straturi sau planurile de artă pe care doriți să le exportați ca elemente grafice. Faceți clic dreapta pe obiectele selectate și selectați Export rapid către [format imagine]în meniul contextual. Dacă vi se solicită, selectați folderul țintă.

Este creată o resursă grafică pentru fiecare strat, grup de straturi sau planșă de desen selectat.

Modificarea setărilor de export rapid

În mod implicit, procesul de Export rapid creează elemente PNG cu transparență și vă solicită să alegeți de fiecare dată unde să exportați. Pentru a modifica setările, selectați Setări > Export sau Fișier > Export > Setări de exportși apoi specificați următoarele:

• Selectați formatul preferat export rapid: PNG, JPG, PNG-8, GIF sau SVG.
• Opțiuni legate de format. De exemplu, pentru PNG, puteți specifica dacă să exportați materiale cu Transparența activată (32 de biți) sau să exportați imagini la o dimensiune mai mică (8 biți).
• Locație pentru imaginile exportate folosind export rapid. Pentru a face acest lucru, selectați una dintre următoarele opțiuni.

Întrebând de fiecare dată unde să exporti: Solicitarea de selectare a unei locații apare de fiecare dată când exportați resurse
Exportați fișiere în folderul de resurse de lângă documentul curent: resursa grafică este plasată într-un subdosar Resurseîn folderul care conține documentul original Photoshop.

• Abilitatea de a include metadate (informații privind drepturile de autor și informații de contact) în resursele exportate.
• Abilitatea de a converti resursele în spațiu de culoare sRGB.

Caseta de dialog Export ca: Planșe de desen, Straturi sau Documente

Când utilizați o fereastră Exportați ca Puteți ajusta setările de fiecare dată când exportați straturi, grupuri de straturi, panouri de desen sau un întreg document Photoshop ca imagini.

• Selectați Fișier > Export > Export ca pentru a exporta documentul Photoshop curent. Dacă documentul dvs. conține planșe, toate sunt exportate folosind această casetă de dialog.
• Pentru a accesa această casetă de dialog pentru straturi, grupuri de straturi sau panouri de desen, selectați obiectele dorite în panoul Straturi. Faceți clic dreapta pe obiectele selectate și selectați Exportați caîn meniul contextual.

  Fiecare strat, grup de straturi sau planșă de desen selectat este exportat ca resursă grafică separată.

Opțiuni din caseta de dialog Export ca

Puteți seta următoarele opțiuni în caseta de dialog Exportați ca:

Format

Selectați PNG, JPG, GIF sau SVG.

Setarea formatului

Pentru PNG, specificați dacă să exportați materiale cu Transparența activată (32 de biți) sau să exportați imagini mai mici (8 biți). Pentru JPEG, specificați calitatea dorită a imaginii (0-100%). Imaginile GIF sunt transparente în mod implicit.

Notă.

Când exportați elemente PNG, luați în considerare următoarele:

• Selectarea opțiunii Transparență va crea resurse PNG pe 32 de biți.
• Selectarea parametrilor Fișier mai mic va crea resurse PNG pe 8 biți.
• Dacă debifați ambele casete de selectare, aplicația va crea resurse PNG pe 24 de biți.

mărimea

Specificați lățimea și înălțimea resursei grafice. Proporțiile de lățime și înălțime sunt fixe implicit. La modificarea lățimii, înălțimea se schimbă automat, păstrând proporțiile. Dacă trebuie să specificați limitele de pânză ale resursei exportate, consultați .

Scară

Alegeți cât de mare doriți să fie imaginea exportată. Această opțiune este utilă pentru exportul de materiale cu rezoluție mai mare sau mai mică. Schimbarea scalei afectează dimensiunea imaginii.

Reeșantionarea Selectați o metodă de reeșantionare. Reeșantionarea este modificarea cantității de date dintr-o imagine atunci când dimensiunile pixelilor sau rezoluția acesteia se modifică, de obicei când imaginea este redimensionată.

Biliniar: Această metodă adaugă noi pixeli prin calcularea valorii medii a culorii pixelilor din jur. Produce rezultate de calitate medie.

Bicubic: O metodă mai lentă, dar mai precisă, bazată pe analiza valorilor de culoare ale pixelilor din jur. Prin utilizarea unor calcule mai complexe, reeșantionarea bicubică produce tranziții de culoare mai fine decât reeșantionarea biliniară sau a pixelilor adiacenți.

Bicubic, mai fin: O metodă bună de mărire a imaginii bazată pe interpolare bicubică, concepută special pentru a produce rezultate mai fine.

Bicubic, mai clar: O metodă convenabilă pentru reducerea dimensiunii unei imagini bazată pe interpolarea bicubică în timp ce crește claritatea. Această metodă păstrează detaliile într-o imagine reeșantionată. Dacă interpolarea Bicubic Sharper face unele zone ale imaginii prea clare, încercați să utilizați Interpolarea Bicubic.

Bicubic automat: Selectează automat metoda de reeșantionare bicubică adecvată pentru imagine.

În vecinătate: O metodă rapidă, dar mai puțin precisă, care urmărește pixelii unei imagini. Această tehnică este folosită în ilustrațiile care conțin margini nenetezite. Menține marginile clare și vă permite să creați o dimensiune redusă a fișierului. Cu toate acestea, această metodă poate crea margini zimțate care devin vizibile atunci când scalați imaginea sau efectuați multe operațiuni de selecție.

Dimensiunea pânzei

Dacă resursa dvs. are o zonă cu o anumită înălțime și lățime, specificați aceste valori ca dimensiune a pânzei. Zona de previzualizare din caseta de dialog Exportați ca... este actualizată: imaginea este centrată în aceste limite.

Această opțiune este utilă în unele situații, de exemplu:

• Sunt exportate icoane de diferite dimensiuni, care trebuie să fie centrate în ferestre de 50x50 px.
• Exportă imagini banner a căror dimensiune este mai mare sau mai mică decât valorile necesare.

Dacă imaginea depășește dimensiunea pânzei, este tăiată la lățimea și înălțimea specificate.

Faceți clic pe Resetare pentru a returna valorile specificate în parametru Marimea imaginii.

Metadate

Alegeți dacă doriți să includeți metadate (informații despre drepturile de autor și informații de contact) în materialele exportate.

Spațiu de culoare

Vă rugăm să indicați următoarele.

• Dacă activele exportate trebuie convertite în spațiul de culoare sRGB. În mod implicit, această opțiune este selectată.
• Dacă profilele de culoare trebuie încorporate în activele exportate.

Am discutat despre principalele caracteristici ale formatului PNG, acum le vom folosi pentru a optimiza imaginile.

Să începem cu cea mai simplă metodă - posterizarea unei imagini. În termeni complexi, posterizarea este o modificare a numărului de niveluri de luminozitate în fiecare canal de culoare al imaginii, în termeni simpli, este o schimbare a numărului de culori;

Deschideți o imagine de testare (PNG, 12 KB) în Photoshop și apelați Imagine → Ajustări → Posterizare. Mutați glisorul pentru a vedea cum se modifică imaginea:

Nu este greu de observat că cu cât nivelul este mai scăzut, cu atât imaginea are mai puține culori și zonele cu o singură culoare sunt mai mari. Iar imaginea cântărește mai puțin datorită faptului că zonele mari cu o singură culoare sunt mai bine filtrate și împachetate. Această metodă este eficientă în special pe imaginile fotografice în care zonele posterizate nu sunt foarte vizibile.

Următoarea metodă este puțin mai complicată și este folosită în imagini cu zone translucide. Esența sa este următoarea: toți pixelii opaci sunt salvați într-un fișier PNG-8, iar cei translucizi în altul. Puteți vedea această metodă în acțiune în articolul lui Volodya Tokmakov. Voi arăta doar cum puteți separa rapid pixelii translucizi de cei opaci.

Să luăm această imagine (PNG, 62 KB) ca exemplu:

Deschideți-l în Photoshop. Trebuie reținut că întreaga imagine care trebuie împărțită trebuie să fie într-un singur strat, așa că dacă imaginea dvs. constă din mai multe straturi (umbre, reflexii, lumini etc.), acestea trebuie mai întâi combinate într-un singur strat.

Mai întâi trebuie să selectați obiectul din strat, pentru a face acest lucru, faceți Ctrl-clic (sau ⌘-clic pe un Mac) pe imagine din paleta Straturi:

Accesați paleta Canale și creați un nou canal din selecție făcând clic pe pictograma corespunzătoare:

Deselectați (Ctrl-D sau ⌘-D), selectați canalul nou creat și apelați comanda Prag (Imagine → Ajustări → Prag). Trageți glisorul în poziția extremă din dreapta:

Avem o mască pentru a selecta pixeli complet opaci. Mai rămâne doar să încărcați o selecție (Ctrl-click/⌘-click pe imaginea canalului Alpha 1), să mergeți la paleta Straturi, să selectați stratul cu imaginea și să executați comanda Layer → New → Layer via Cut. Am ajuns să avem două straturi: unul cu pixeli opaci, iar celălalt cu cei translucizi.

Dezavantajul acestei metode este că rezultatul sunt 2 imagini, care nu sunt întotdeauna convenabile de utilizat (de exemplu, la crearea unui catalog de produse). În articolul următor voi analiza o metodă de optimizare destul de complexă și nu atât de universală, dar avantajul ei este că rezultatul va fi doar un fișier.