Cum să faci un strat peste altele. Lucrul cu straturi în Photoshop. Creați un nou strat în Photoshop

Dacă vă decideți serios să vă ocupați de design grafic, retușare sau desen în Photoshop, atunci pur și simplu trebuie să înțelegeți conceptul de straturi. În această lecție veți învăța toate aspectele lucrării, veți înțelege cum funcționează straturile în Photoshop, ce rezultate produc anumite moduri de amestecare și veți primi, de asemenea, sfaturi utile în practică. Straturile sunt unul dintre punctele forte ale Photoshop, deoarece nu este posibil să procesați o imagine la nivel profesional fără să știți cum să lucrați cu ele. Asadar, haideti sa începem!

Introducere

Straturile din Photoshop seamănă cu un teanc de foi transparente. Imaginați-vă că fiecare strat individual este din sticlă, pe care este afișată o figură; dacă puneți un al doilea pahar cu o altă figură deasupra, veți obține două figuri, trei foi de sticlă - trei figuri etc.

Panoul Straturi:

Puteți lucra cu straturi atât prin meniul Straturi, cât și prin panoul separat Straturi:

În mod implicit, panoul Straturi este afișat în colțul din dreapta jos al editorului. Dacă lipsește, atunci accesați meniul Fereastră și selectați linia Straturi. Sau apăsați doar F7:

Crearea unui nou strat

Pentru a începe, faceți clic pe pictograma de mai jos Creare strat nou. Sau folosind combinația de taste Shift+Ctrl+Alt+N:

Deci avem două straturi goale. Cel de jos este umplut cu o culoare albă solidă și se numește Fundal, iar al doilea, pe care tocmai l-am creat, este transparent și se numește Stratul 1 în mod implicit:

Acum stratul 1 este evidențiat în albastru. Aceasta înseamnă că este activ și toate modificările pe care le facem pe pânză vor fi afișate numai pe acesta. Pentru a înțelege mai bine acest lucru, să facem un experiment simplu: selectați instrumentul Pensie și desenați orice pe pânză, de exemplu această stea simplă:

Veți observa imediat cum este afișată aceeași formă ca pe pânză în partea dreaptă a miniaturii stratului. Acest lucru vă permite să vedeți clar modificările pe fiecare strat, ceea ce simplifică foarte mult munca designerului.

Să creăm un alt strat (Shift+Ctrl+Alt+N) și să îi adăugăm o altă formă:

Acum avem două straturi și fiecare dintre ele are o formă. Figura de sus se suprapune pe partea de jos. Și acest lucru este logic pentru că l-am adăugat după ce am desenat steaua. Dar Photoshop vă permite să încălcați legea consistenței. Încercați să aruncați stratul 2 sub stratul 1 așa cum se arată mai jos și veți observa rezultatele imediat. Acest lucru este foarte ușor de făcut - țineți apăsat butonul stâng al mouse-ului și pur și simplu mutați stratul în jos:

Ca urmare a acestei acțiuni, veți observa cum prima cifră începe să se suprapună pe a doua:

Afișează sau ascunde un strat

Dacă te uiți cu atenție la panoul Straturi, vei găsi o pictogramă cu imaginea unui ochi în stânga fiecărui strat. Această pictogramă vă permite să activați sau să dezactivați afișarea unui strat:

Încercați să faceți clic pe una dintre pictograme și observați rezultatul:

Controlul opacității

În acest mod simplu, puteți opri temporar afișarea oricărui strat.

Sa trecem peste. În partea de sus a paletei Straturi, acordați atenție parametrilor Opacitate și Umplere. Datorită acestora, puteți modifica transparența stratului. De exemplu, Opacitatea cu o valoare de „100%” înseamnă vizibilitate completă, iar o valoare de „0” înseamnă invizibilitate completă:

La prima vedere, se pare că parametrii Opacity și Fill sunt aceiași. Dar doar așa pare. Umplerea este diferită prin faptul că afectează doar transparența pixelilor stratului, în timp ce Opacitatea afectează atât pixelii, cât și efectele.

Pentru ușurință în utilizare, puteți redenumi orice strat. Pentru a face acest lucru, faceți dublu clic cu butonul stâng al mouse-ului pe numele acestuia...

și redenumiți-l:

Imaginați-vă că lucrați la un proiect mare cu zeci de straturi. Într-o astfel de cantitate este foarte ușor chiar și pentru un profesionist să se încurce. Dar Photoshop ușurează munca designerului prin crearea așa-numitelor grupuri. De exemplu, un proiect are 5 straturi cu schițe și 10 cu contururi sau un fel de filtre. Ar fi bine să le sortăm în grupuri. Crearea unui grup este foarte simplă; pentru a face acest lucru, țineți apăsată tasta Shift, selectați mai multe straturi și trageți-le pe pictograma Creați un nou grup:

Grupul este un folder obișnuit care poate fi deschis și închis în orice moment:

Crearea unei duplicate (copie) a unui strat

Dacă trebuie să creați o copie exactă a unui strat, pur și simplu selectați-o și apăsați Ctrl+J. Va apărea un duplicat exact:

Moduri de amestecare

Pentru fiecare strat, puteți modifica nu numai opacitatea, ci și modul de amestecare. Fiecare dintre moduri poate produce efecte diferite și este adesea folosit atunci când lucrați la un proiect. În mod implicit, modul de amestecare al stratului este setat la Normal. Mai jos vă puteți familiariza cu fiecare mod, dar îl puteți înțelege doar în practică.

Normal

Mod normal. Nu creează efecte și este instalat implicit.

Dizolva

Elimină unii pixeli într-o ordine aleatorie, ceea ce vă permite să creați un efect de zgomot.

Darken (Înlocuitor pentru întuneric)

Dezvăluie nuanțele întunecate ale stratului.

Multiplica

Unul dintre cele mai comune moduri din Photoshop. În acest mod, culoarea devine mai bogată și mai închisă. Excelent pentru a întuneca fotografiile supraexpuse.

Arderea culorii

Vă permite să creșteți contrastul și saturația culorii. În plus, Color Burn închide puțin și nuanțele.

Arsură liniară

Întunecă stratul de jos și scoate în evidență culoarea de sus. De asemenea, reduce luminozitatea.

Luminează (Înlocuire cu lumină)

Creează efectul opus modului Întunecare. Dezvăluie pixeli de lumină.

Ecran

Bun pentru luminozitatea unei imagini.

Color Dodge (Iluminare de bază)

Efectul este similar cu modul „Ecran”, dar spre deosebire de al doilea, culoarea neagră de pe stratul superior nu este luată în considerare, iar alte culori le vor evidenția ușor pe cele inferioare, crescând saturația și scăzând contrastul.

Eschivare liniară

Oferă același efect ca și modul anterior, dar acum culorile sunt combinate pentru a crește luminozitatea.

Acoperire

Acest mod îmbină uniform culorile ambelor straturi. Nu afectează părțile luminoase și le intensifică pe cele întunecate. Nu e rău pentru orice textură.

Lumina slaba

Acest mod luminează și întunecă culorile în funcție de culoarea stratului superior. Nu e rău pentru corectarea tonului.

Lumină tare

Proprietățile sale sunt similare cu lumina moale, dar mai puțin controlabile și, prin urmare, aproape niciodată utilizate. Se întunecă dacă există o imagine întunecată în partea de sus și se luminează dacă există una deschisă, crescând în același timp contrastul.

Lumina vie

La fel ca și precedentul, acest mod întunecă sau luminează culorile imaginii în funcție de culorile stratului superior.

Lumina liniara

Rezultatul depinde de culorile stratului superior. Dacă cel de sus este luminos, atunci cel de jos va deveni mai deschis, dacă este întuneric, atunci va fi mai întunecat.

Lumina insignei

Oferă o varietate de rezultate interesante, funcționează prin mișcarea culorilor în funcție de tonurile întunecate sau deschise

Hard Mix

Maximizează contrastul, făcând imaginile foarte luminoase.

Diferență

Amestecarea cu alb duce la inversarea culorii. Acest mod nu funcționează cu culori închise.

Excludere

Similar cu modul Diferență, dar produce mai puțin contrast.

Nuanţă

Culorile stratului superior sunt amestecate cu luminozitatea și saturația de jos, ceea ce dă un efect destul de puternic.

Saturare

Bun atunci când un strat trebuie să capete culoarea sau textura altuia.

Culoare

În acest mod, se folosește doar luminozitatea stratului inferior, iar culoarea și saturația provin din cel de sus.

Luminozitate

Proprietățile sunt similare cu modul anterior, dar aici luminozitatea luminii rămâne, iar culoarea și saturația provin din stratul inferior.

Practică

În această parte a lecției, veți putea înțelege principiul modurilor de amestecare, precum și să consolidați materialul pe care l-ați citit.

Pentru a începe, alege orice fotografie...

Și deschide-l în Photoshop...

Creați un nou strat...

Acum adăugați o altă imagine. Acest lucru se poate face în mai multe moduri - simplu și nu atât de simplu, folosim o metodă simplă și rapidă. Selectați o imagine cu uzură. Du-te să faci o fotografie unui perete vechi, dai imaginii o nuanță gălbuie și trage-o direct în fereastra programului sau fură-l de pe Internet, din fericire acum există tot ce ți-ai putea dori acolo...

Întindeți imaginea la dimensiunea dorită și nu uitați să apăsați Enter! Redenumiți stratul...

Acum să lucrăm cu modurile de amestecare...

Pentru a exersa, joacă-te cu diferite moduri până îți dai seama care dintre ele funcționează cel mai bine.

am instalat Lumina slaba si cu o opacitate de 75%...

Să nu ne oprim aici, să adăugăm un alt strat cu imaginea și să-i dăm un tip de amestec după gust...

Acum adăugați orice text. Mutați stratul de text rezultat în jos (acest lucru este necesar pentru ca straturile superioare să-l suprapună cu culoarea lor) și schimbați opacitatea...

Un desen în Photoshop poate consta din unul sau mai multe straturi, iar oricare dintre ele (cu excepția fundalului) poate avea zone transparente prin care sunt vizibile elementele subiacente. Cea mai importantă caracteristică a componentelor desenului este independența lor absolută și independența față de ceilalți, iar rezultatul interacțiunii lor între ele depinde de metoda de combinare a straturilor în Photoshop.

Puteți desena și șterge pe un strat, îl puteți muta, îl puteți bloca, îl puteți ascunde temporar, îl puteți transforma, îi puteți modifica opacitatea, îl puteți transforma într-un strat inteligent sau îl puteți șterge complet. Puteți „pune o mască” pe ea și desena pe ea sau „acoperi” cu un analog corector pentru a face corecții fără a distruge originalul.

Un utilizator începător care a lansat programul pentru prima dată cu intenția de a crea o capodoperă nu trebuie să-și chinuie mintea asupra modului de a face straturi în Photoshop, deoarece lipind o imagine copiată în clipboard într-un document sau încărcând o imagine. folosind comanda „Place” (în „meniu” Fișier”), va detecta că obiectele sunt introduse, poziționându-se automat în paletă într-un loc nou.

Panoul Straturi

Fiecare strat de pe panou este echipat cu o copie în miniatură a imaginii sale și o pictogramă a unui ochi, închidere care cu un clic de mouse dezactivează temporar vizibilitatea imaginii.

Puteți folosi mouse-ul pentru a muta componentele paletei în sus sau în jos. Făcând dublu clic pe o miniatură, se va evidenția conținutul stratului pe pânză. Făcând clic pe pictogramele din linia „Blocare”, putem salva transparența și culorile pixelilor, putem bloca poziția stratului sau le putem salva pe toate (buton cu blocare).

Creați un nou strat

Pentru cei care sunt dornici să învețe cum să creeze straturi în Photoshop, în partea de jos a panoului există un buton special (o bucată de hârtie cu un colț ondulat), făcând clic pe care veți plasa un nou strat deasupra celui selectat ( selectat) unul. De asemenea, puteți adăuga „Nou”, așa cum se arată mai jos.

După cum ne spun sugestiile despre celelalte pictograme din paleta de mai jos, putem (de la stânga la dreapta) „Adăugați un stil...”, „Adăugați o mască”, „Creați o nouă ajustare...”, „Creați o grup nou” și în cele din urmă aruncați-l la gunoi. Aceleași comenzi sunt duplicate în meniul Strat.

Un nou strat va fi creat dacă faceți clic dreapta pe el și îl plasați pe pictograma frunzei din panoul de mai jos. Îl puteți redenumi făcând dublu clic pe numele său din paletă.

Îmbinarea straturilor

Toate comenzile care determină cum să îmbinați straturile în Photoshop sunt apelate făcând clic dreapta sau selectând din meniul Straturi. Există „taste rapide” pentru fiecare comandă, care fac viața unui „Photoshopper” foarte ușoară.

Dacă în paletă este selectat un strat, acesta poate fi doar „Merge with previous”, iar dacă sunt selectate două sau mai multe, acestea pot fi legate, îmbinate și grupate prin selectarea comenzilor corespunzătoare. Le puteți selecta simultan făcând clic pe ele în timp ce țineți apăsată tasta Ctrl sau selectați-o pe cea de sus și apoi apăsați Shift pentru a selecta pe cea de jos.

Nu puteți selecta nimic, ci pur și simplu selectați comanda „Merge Visible”.

Capacitatea de a manipula mai multe componente simultan depinde de modul în care combinați straturile în Photoshop.

Straturile sunt colectate într-un grup folosind comanda „Grup...” din meniul Straturi (Ctrl + G). Avantajul grupării este că elementele sale împărtășesc aceleași setări de opacitate și mod de amestecare, eliminând nevoia de a modifica fiecare strat. În plus, puteți muta și transforma (Ctrl + T) întregul grup, precum și să creați o singură mască pentru acesta.

Dacă alegeți o combinație foarte complicată de taste Ctrl + Alt + Shift + E, Photoshop va combina toate cele selectate într-un singur strat separat, cu efectul rezultat, plasându-l deasupra celorlalte și păstrând fiecare la locul său în paletă.

Cum să „stratezi”

„Originalitatea” titlului este asociată doar cu dorința de a provoca un zâmbet (unul prietenos) și, de fapt, solicită concentrarea pe un subiect atât de important și incredibil de larg: cum să aplicați straturi în Photoshop.

„Modul de amestecare”, a cărui listă derulantă se află în partea de sus a panoului, este responsabil pentru natura amestecării straturilor suprapuse unul peste altul în Photoshop.

Editorul poate calcula efectul dorit din suprapunerea mai multor straturi de culori diferite, folosind diferite metode și algoritmi. În CS6, de exemplu, există deja 27 de astfel de algoritmi (moduri de amestecare).

Toate modurile de amestecare sunt împărțite în 6 grupuri pe baza principiului comportamentului comun (cu excepția primului grup, fără nume). Numărul și numele lor traduse în rusă pot diferi în diferite versiuni ale editorului.

Primele două moduri nu au absolut nimic în comun. „Regular (Normal)” este setat în mod implicit, iar amestecarea are loc numai dacă straturile au o opacitate diferită. Și în modul „Fade (Disolve, Scatter)”, nimic nu este amestecat. Aici stratul superior se sfărâmă în puncte mici și cu cât sunt mai multe, cu atât opacitatea este mai mică.

Al doilea grup este format din „Moduri de întunecare”, în care imaginea rezultată este întotdeauna mai întunecată decât straturile originale.

Următoarele 4-5 sunt combinate într-un grup de iluminare, deoarece fiecare dintre ele este opusul modului corespunzător din al doilea grup.

Grupul de contrast include șapte moduri, fiecare dintre ele întunecă ceva și luminează ceva din imagine, în cele din urmă îmbunătățind contrastul.

Al cincilea grup include 2-4 dintre ele și se numește „Moduri de comparare (comparație)”. Instrumentele acestui grup, prin calcularea diferențelor de canale de culoare, compară pixelii dintre straturi și sunt rareori utilizate în editarea foto.

Ultimul grup, numit „Moduri componente de culoare”, este numit și grupul HSL după numele primelor trei moduri (Nuanță, Saturație, Luminozitate). În fiecare dintre elementele acestei „companii”, stratul superior controlează fie luminozitatea, saturația sau culoarea celui de jos.

Astfel, rezultatul final al creării sau editării unei imagini va depinde de modul de combinare a straturilor în Photoshop și de ce moduri de amestecare vor fi folosite.

Când vine vorba de editarea fotografiilor, există cinci moduri de amestecare care sunt cele mai frecvent utilizate (Suprapunere, Înmulțire, Ecran, Luminozitate și Culoare).

În ultimul tutorial am învățat cum să lucrăm cu straturi folosind panoul Straturi. Am învățat cum să adăugați straturi noi, să ștergeți straturi, să schimbați straturi, să adăugați straturi de ajustare, să aplicăm stiluri, să schimbați modul de amestecare și nivelul de opacitate al unui strat și multe altele pe care le puteți face lucrând în panoul Straturi.

Înainte de a ajunge mai departe în ce lucruri uimitoare puteți face cu straturi, trebuie să ne uităm la un tip special de strat: stratul de fundal. Motivul pentru care ne concentrăm pe stratul de fundal este că există unele lucruri pe care nu le poți face cu acest strat și pe care nu le poți face cu alte straturi. Dacă nu suntem conștienți de aceste activități în avans, ne putem încurca cu ușurință în munca noastră și nu obținem rezultatul dorit.

Mai jos este o imagine a unei rame foto deschise în Photoshop. Am luat această imagine din banca foto Fotolia:

Imagine originală

Ori de câte ori deschidem o nouă imagine în Photoshop, aceasta se deschide în propria fereastră de document și este plasată pe un strat separat numit „Background”, pe care îl putem vedea în panoul Straturi. Vă rugăm să rețineți că cuvântul „Background” este scris cu caractere cursive. Astfel, programul ne anunță despre unele caracteristici ale acestui strat:

Panoul Straturi arată că imaginea este plasată pe stratul Fundal

Photoshop a numit stratul „Background” din simplul motiv că acest strat servește de fapt ca fundal pentru documentul nostru. Orice straturi suplimentare pe care le adăugăm imaginii vor fi plasate deasupra stratului de fundal. Deoarece scopul principal al acestui strat este de a servi drept fundal al unei imagini, există mai multe lucruri care nu pot fi făcute cu acest strat. Să aruncăm o privire rapidă asupra regulilor simple care includ acești pași de reținut. Și apoi, la sfârșitul lecției, vom explora cât de ușor este să ocoliți toate aceste reguli.

Regula 1: Nu putem muta conținutul stratului de fundal

Unul dintre lucrurile pe care nu le putem face cu stratul de fundal este să-i mutăm conținutul. De obicei, atunci când trebuie să mutăm conținutul unui strat, selectăm instrumentul din partea de sus a barei de instrumente "Mișcare"(Mișcare):

Selectați instrumentul „Mutare” din bara de instrumente

Apoi, după selectarea instrumentului "Mișcare", facem clic cu mouse-ul în interiorul ferestrei documentului și mutăm conținutul în timp ce ținem apăsat butonul mouse-ului. Să vedem ce se întâmplă când, în cazul nostru, încerc să mut rama foto în alt loc. Ca urmare a acestei acțiuni, apare o casetă de dialog care spune că conținutul nu poate fi mutat deoarece stratul este fixat:

În loc să muți rama foto, programulPhotoshop mă anunță că stratul este fixat

Dacă ne întoarcem la panoul Straturi și ne uităm la stratul „Background”, vom vedea o mică pictogramă de blocare în partea dreaptă, care ne spune că acest strat este fixat și nu poate fi mutat de noi. Nu există nicio modalitate de a debloca stratul „Background”, dar, așa cum am spus, la sfârșitul lecției, ne vom uita la modul în care această mică regulă despre imposibilitatea de a muta conținutul stratului și alte reguli poate fi ocolită:

Pictograma de blocare ne spune că acest strat este fixat.

Regula 2: Fără pixeli transparenți

În curând voi importa o altă imagine în documentul meu și o voi plasa într-o ramă foto. Cu toate acestea, interiorul cadrului este în prezent umplut cu alb. Aceasta înseamnă că trebuie mai întâi să șterg zona albă din cadrul ramei foto înainte de a pune fotografia acolo. De obicei, atunci când eliminăm pixeli dintr-un strat, zonele îndepărtate devin transparente și ne permit să vedem stratul subiacent. Să vedem ce se întâmplă când încerc să șterg o zonă din stratul Fundal.

În primul rând, trebuie să selectez zona din interiorul cadrului și, deoarece este umplută cu multă culoare, voi folosi instrumentul de selecție pentru a face o selecție. Bagheta magica"(Bagheta magica) În Photoshop CS2 și versiunile anterioare, putem selecta „ Bagheta magica", doar făcând clic pe pictograma acesteia din bara de instrumente. În Photoshop CS3 și mai târziu (în cazul meu, acesta este Photoshop CS5), acest instrument este ascuns în spatele instrumentului "Selectare rapida"(Selectare rapidă), deci trebuie mai întâi să faceți clic pe instrument "Selectare rapida"(ținând apăsat butonul mouse-ului pentru câteva secunde), așteptați să apară meniul derulant cu o listă de instrumente și selectați un instrument din listă "Bagheta magica" :

Selectând instrumentul „Baghetă magică”.

Cu instrumentul selectat, voi face clic în centrul cadrului foto pentru a selecta rapid întreaga zonă albă. Ca urmare a acestei acțiuni, va apărea un cadru de selecție care indică faptul că zona albă este selectată:

Zona albă din interiorul cadrului este acum evidențiată

Pentru a șterge zona din interiorul cadrului, voi apăsa Backspace (Win) / Delete (Mac). Cu toate acestea, în loc să elimine zona așa cum era de așteptat și să înlocuiască culoarea albă cu pixeli transparenți, programul deschide o casetă de dialog cu opțiuni. "Completați"(Umpleți) și oferă să umpleți zona selectată cu o culoare diferită:

În loc să ștergeți zona, programulPhotoshop deschide caseta de dialog cu opțiunea Umplere

Voi face clic pe Anulare pentru a ieși din caseta de dialog, deoarece aceasta nu este comanda pe care am vrut să o execut. Am vrut să elimin zona albă din interiorul ramei foto, dar să nu o umplu cu altă culoare. Poate Photoshop a încurcat ceva? Bine, voi încerca să șterg zona în alt mod. Pentru a face acest lucru voi merge la secțiune "Editare"(Editare) în bara de meniu din partea de sus a ecranului și selectați comanda "Elimina"(A tăia):

Selectați comanda „Tăiați” din secțiunea „Editare”.

Când lucrați cu un strat obișnuit, această acțiune ar duce la tăierea zonei selectate din strat și la apariția unei părți transparente în locul său, dar în cazul nostru rezultatul a fost din nou imprevizibil. De data aceasta, ca intenționat, programul a umplut zona cu negru:

Zona albă din interiorul cadrului este acum umplută cu negru

De unde a venit culoarea negru? Se pare că Photoshop a umplut zona cu negru, deoarece dacă ne uităm la mostrele de culoare Prim-plan și Fundal din partea de jos a panoului Instrumente, putem vedea că culoarea de fundal (în pătratul din dreapta jos) este în prezent neagră, deci program și a umplut zona cu culoarea de fundal. Dacă culoarea de fundal ar fi violet, zona ar fi umplută cu violet. Cu toate acestea, în prezent, culoarea de fundal este neagră:

Mostre de culoare prim-plan (stânga sus) și culoare de fundal (dreapta jos).

Deci, de ce nu a eliminat Photoshop zona albă din interiorul cadrului? De ce a umplut-o cu o culoare diferită? Motivul este că straturile de fundal nu acceptă transparența. Într-adevăr, deoarece scopul stratului „Background” este să servească drept fundal al documentului, nu este nevoie să îl faceți transparent, deoarece nu ar trebui să existe nimic sub acest strat pentru vizualizare. La urma urmei, un fundal este tot un fundal! Indiferent cum aș încerca să îndepărtez zona din interiorul cadrului, nu o voi putea face niciodată atâta timp cât imaginea este plasată pe stratul de fundal. Atunci cum pot încadra o altă fotografie în cadru? Să lăsăm această problemă deoparte deocamdată și să revenim la ea puțin mai târziu.

Regula 3: Nu putem muta stratul de fundal și îl plasăm deasupra altui strat

Mai jos este o fotografie pe care vreau să o plasez într-o ramă foto. Am luat și această imagine din banca foto Fotolia:

Imaginea care va fi plasată în interiorul ramei foto

Imaginea este în prezent deschisă în propria fereastră, așa că o voi copia rapid în fereastra documentului cu rama foto apăsând Ctrl+A (Win) / Command+A (Mac) pentru a selecta întreaga fotografie. Apoi voi apăsa Ctrl+C (Win) / Command+C (Mac) pentru a copia imaginea în bufferul intern. După aceea, voi merge la fereastra documentului cu rama foto și voi apăsa Ctrl+V (Win) / Command+V (Mac) pentru a lipi imaginea în document. Programul va plasa noua imagine pe un strat separat numit „Layer 1”, situat deasupra stratului „Background” cu rama foto:

A doua fotografie este plasată pe un strat separat deasupra stratului „Background”.

Puteți vedea că noua fotografie a apărut în fața ramei foto în fereastra documentului:

A doua imagine a apărut în fața ramei foto

Pentru ca a doua mea imagine să apară în interiorul cadrului, trebuie să schimb ordinea straturilor - așezați stratul cu cadrul deasupra stratului foto. De obicei, schimbarea straturilor este ușoară, trebuie doar să selectați stratul pe care să îl mutați și să-l trageți deasupra altui strat, dar nu în cazul nostru când vrem să mutăm stratul „Background”. Când dau clic pe stratul Fundal și încerc să-l muți deasupra stratului foto, apare o pictogramă mică cu un cerc tăiat (semnul internațional fără semne), care indică faptul că din anumite motive această acțiune nu este posibilă:

Pictograma cerc tăiată indică faptul că nu pot muta stratul „Background” deasupra stratului „Layer 1”.

Motivul care mă împiedică să mut stratul de fundal este că stratul trebuie să rămână întotdeauna fundalul documentului. Photoshop nu vă permite să mutați acest strat peste orice alt strat.

Regula 4: Nu putem muta alte straturi sub stratul „Background”.

Bine, dacă nu putem muta stratul de fundal deasupra altui strat, ce se întâmplă dacă încercăm să mutăm un alt strat sub stratul de fundal? Voi face clic pe „Layer 1” și voi încerca să-l muți sub stratul „Background”, dar nici asta nu funcționează. Din nou, o pictogramă mică apare sub forma unui cerc tăiat, ceea ce înseamnă că acțiunea nu poate fi efectuată:

Aceeași pictogramă de interdicție apare atunci când încercăm să mutăm „Layer 1” sub stratul de fundal

Din nou, motivul pentru aceasta este că stratul de fundal ar trebui să rămână întotdeauna fundalul documentului. Nu putem muta acest strat peste alte straturi și, de asemenea, mutați alte straturi sub stratul de fundal.

O soluție simplă la problemă

Să rezumam cele de mai sus. Am aflat că Photoshop nu ne oferă posibilitatea de a muta conținutul stratului de fundal folosind instrumentul. "Mișcare", deoarece stratul este fixat. De asemenea, am aflat că stratul de fundal nu acceptă transparența, așa că nu există nicio modalitate de a elimina orice zonă de pe strat. În cele din urmă, am aflat că stratul de fundal ar trebui să rămână întotdeauna stratul cel mai de jos din panoul Straturi. Nu putem muta acest strat peste alte straturi și, de asemenea, mutați alte straturi sub el.

Deoarece scopul principal al stratului de fundal este să servească drept bază a documentului, fiecare dintre aceste reguli are sens. Cu toate acestea, ca și în cazul majorității regulilor, uneori trebuie să le încălcăm. În cazul nostru, este ușor să ocoliți toate aceste reguli! Tot ce trebuie să facem este să redenumim cumva stratul „Background”! Pentru a redenumi stratul „Background”, puteți merge la secțiune "Straturi"(Strat) în partea de sus a ecranului, selectați „Nou” și apoi - „Strat de fundal”(Strat din fundal):

Selectați „Straturi” > „Nou” > „Strat de fundal”(Strat > Nou > Strat din fundal)

O modalitate mai rapidă este să faceți pur și simplu dublu clic pe cuvântul „Background” din panoul Straturi:

Faceți dublu clic pe numele stratului „Background”

În orice caz, după acești pași se va deschide o casetă de dialog „Strat nou”(Strat nou), unde puteți introduce un nou nume pentru strat. În mod implicit, programul sugerează numele „Layer 0”, care ni se potrivește. Deoarece orice alt nume ne va potrivi, cu excepția "Fundal", faceți clic pe OK pentru a confirma noul nume „Layer 0” și a ieși din caseta de dialog, cu condiția să nu doriți să dați stratului un nume specific:

Puteți lăsa numele „Layer 0” ca nou nume de strat sau puteți introduce orice altceva doriți

Sfat: Pentru a redenumi și mai rapid stratul Fundal, faceți dublu clic pe cuvântul Fundal în timp ce țineți apăsat Alt (Win) / Opțiune (Mac). Programul va redenumi imediat stratul în „Layer 0” fără a deschide caseta de dialog New Layer.

Acum putem vedea că numele stratului de fundal s-a schimbat în „Layer 0”:

Stratul „Background” a fost redenumit „Layer 0”

Pur și simplu redenumind stratul de fundal, l-am transformat într-un strat obișnuit, drept urmare regulile pe care le-am discutat mai sus nu i se mai aplică! Acum putem muta cu ușurință conținutul stratului folosind instrumentul "Mișcare", ștergeți o zonă de pe un strat, înlocuind-o cu o parte transparentă și mutați liber stratul nostru în raport cu alte straturi!

De exemplu, mai trebuie să muți rama foto deasupra imaginii pe „Layer 1”. Acest lucru este acum ușor de făcut, deoarece rama foto nu mai este pe stratul Fundal! Pot doar să dau clic pe „Layer 0” din panoul Straturi și să-l trag în sus, astfel încât să apară o bandă subțire și ușoară deasupra „Layer 1”:

Mutați „Layer 0” deasupra „Layer 1”

După aceea, voi elibera butonul mouse-ului și Photoshop va plasa „Layer 0” deasupra „Layer 1” după cum vreau:

„Layer 0” este acum situat deasupra „Layer 1”. Acest lucru nu a putut fi realizat atâta timp cât „Layer 0” a fost numit stratul „Background”.

Anterior, nu puteam elimina zona albă din interiorul cadrului în timp ce imaginea era pe stratul de fundal, dar acum că am redenumit stratul de fundal în Stratul 0, este ușor de făcut. Voi selecta o zonă din interiorul cadrului folosind "Bagheta magica" cum am facut prima data:

Zona albă din interiorul cadrului a devenit din nou evidențiată

Apoi, voi apăsa Backspace (Win) / Delete (Mac) și de data aceasta programul va proceda exact așa cum mă așteptam - în loc să deschidă caseta de dialog cu opțiunea Fill, va șterge zona din strat și va afișa fotografia de dedesubt. aceasta:

Zona din interiorul cadrului este în cele din urmă eliminată, dezvăluind o altă imagine dedesubt

Apoi, voi apăsa Ctrl+D (Win) / Command+D (Mac) pentru a deselecta zona din interiorul cadrului și pentru a elimina linia de selecție. Apoi, pentru a termina lucrarea cu succes, voi face clic pe „Layer 1” în panoul Straturi și îl voi activa:

Selectați „Layer 1”

În bara de instrumente, voi selecta instrumentul "Mișcare"(Mutați), voi face clic pe fotografie și o voi muta în rama foto după cum am nevoie. Chiar dacă Stratul 1 este în prezent stratul cel mai de jos al documentului, nu este fixat deoarece nu mai servește ca strat de fundal. Îl pot muta liber oriunde vreau:

Mutați fotografia în locul dorit în cadrul ramei foto

După cum am descris, straturile de fundal sunt un tip special de strat în Photoshop, cu restricții impuse asupra lor. Nu putem să le mutăm conținutul, să ștergem ceva din ele și trebuie să rămână întotdeauna printre straturile documentului din partea de jos. În cele mai multe cazuri, aceste restricții nu ne provoacă prea multe inconveniente, deoarece de obicei nu lucrăm direct cu stratul „Background”. Dar dacă trebuie să eliminați restricțiile, trebuie doar să redenumiti stratul „Background” și să îi dați orice alt nume. Această acțiune va face ca stratul să devină imediat un strat normal cu care puteți lucra fără restricții!

Și acum am terminat! Consultați lista noastră completă de tutoriale despre lucrul cu straturi în Photoshop sau vizitați secțiunea Noțiuni de bază pentru Photoshop pentru a afla instrumente de selecție, tipografie și alte abilități utile!

Traducere: Ksenia Rudenko

Există trei imagini cu cărți de joc pe pagina web (Figura 3.51). Atâta timp cât sunt unul lângă altul, ordinea lor nu contează, dar dacă le aplicați poziționarea și mutați imaginile astfel încât să se suprapună una pe cealaltă, un card va fi mai înalt decât celălalt (Figura 3.52).

Orez. 3,51. Cărți una lângă alta

Orez. 3,52. Cărți una peste alta

Dacă vă imaginați o pagină web sub forma unui spațiu tridimensional (Fig. 3.53), puteți vedea că cardurile sunt, de asemenea, situate de-a lungul axei Z. Valorile de-a lungul acestei axe determină care card este mai aproape de noi, care este mai departe, cu alte cuvinte, ordinea în care se suprapun unul altuia . În codul documentului (Exemplu 3.38), ordinea este determinată automat pe baza fluxului documentului. Cu cât elementul din cod este mai jos, cu atât este mai sus de-a lungul axei Z, astfel încât imaginea cu As, ca cea de jos, este situată deasupra celorlalte cărți.

Orez. 3,53. Coordonatele imaginare ale unei pagini web

Exemplul 3.38. Ordinea normală a cardurilor

În CSS, poziția axei Z este controlată de proprietatea z-index, care determină dacă elementul este „mai aproape” de noi sau „mai departe”. Un număr întreg este luat ca valoare; cu cât este mai mare, cu atât elementul este mai mare în raport cu celelalte. Elementelor li se atribuie automat o valoare de 0, astfel încât chiar și un indice z de 1 va face ca elementul să se suprapună pe toate cele subiacente. Să modificăm exemplul 3.38 astfel încât ordinea cardurilor să fie inversată și doar prin editarea stilului, lăsând codul HTML același.

Card IMG (poziție: relativ; ) .trei (sus: 50px; stânga: 55px; z-index: 5; ) .seven (stânga: -120px; sus: 25px; z-index: 2; ) .ace (stânga: -295px; z-index: 1; )

Proprietatea z-index pentru clasa a treia este setată în mod special la 5 pentru a demonstra că ordinea valorilor z-index nu contează. Principalul lucru este că un număr este mai mare decât celălalt.

Proprietatea z-index funcționează numai pentru elementele a căror valoare de poziție este absolută, fixă ​​sau relativă.

Când doriți să poziționați un element deasupra tuturor celorlalte elemente de pe pagină, acesta primește o valoare z-index foarte mare, cum ar fi 9999. Acest lucru asigură că, chiar dacă stilurile folosesc un z-index, acesta va fi mai mic decât unul specificat. În exemplul 3.39, când treceți cu mouse-ul peste hărți, indexul z se schimbă la 10. Nu sunt necesare scripturi aici, totul se face prin pseudo-clasa :hover.

Exemplul 3.39. Schimbarea indexului z atunci când treceți cu mouse-ul peste o hartă

XHTML 1.0 CSS 2.1 IE Cr Op Sa Fx

Instrucțiuni

Deschideți imaginile cu care veți lucra în Photoshop. Pentru a face acest lucru, utilizați comanda Deschidere din meniul Fișier sau comanda rapidă de la tastatură Ctrl+O. În fereastra Explorer, selectați-le pe cele de care aveți nevoie făcând clic stânga pe ele în timp ce țineți apăsată tasta Ctrl. Faceți clic pe butonul „Deschidere”.

Introduceți o imagine peste alta. Pentru a face acest lucru, faceți clic stânga pe fereastra cu fișierul pe care urmează să-l inserați deasupra altei imagini. Selectați imaginea utilizând comanda rapidă de la tastatură Ctrl+A sau comanda Toate din meniul Selectare.
Copiați imaginea selectată utilizând comanda rapidă de la tastatură Ctrl+C. Puteți utiliza comanda Copiere din meniul Editare.

Navigați la imaginea pe care urmează să o utilizați ca fundal făcând clic stânga pe fereastra cu imaginea respectivă.
Lipiți imaginea copiată folosind comanda rapidă de la tastatură Ctrl+V. Același lucru se poate face folosind comanda Trecut din meniul Editare.

Dacă este necesar, redimensionați imaginea inserată. Pentru a face acest lucru, în paleta Straturi, faceți clic stânga pe stratul cu imaginea inserată și aplicați comanda Transformare, elementul Scala din meniul Editare. Reduceți sau măriți dimensiunea imaginii trăgând mouse-ul pe colțul cadrului care apare în jurul imaginii. Aplicați transformarea apăsând tasta Enter.

Ascundeți detaliile inutile ale imaginii suprapuse pe fundal sau modificați transparența părților individuale ale acesteia folosind o mască de strat. Pentru a face acest lucru, faceți clic stânga pe butonul Adăugare mască de strat, care se află în partea de jos a paletei Straturi. În paleta „Tools”, care se află în partea stângă a ferestrei programului, selectați Brush Tool. Faceți clic stânga pe pictograma măștii de strat. Pictați cu negru acele părți ale imaginii inserate pe care doriți să le ascundeți. Vor deveni transparente. Pentru a obține o tranziție lină de la imaginea inserată la fundal, reduceți parametrul Duritate al instrumentului Pensule. Puteți configura setările pensulei în panoul Pensule, care se află sub meniul principal.

Reglați culorile stratului superior ajustând echilibrul culorilor. Acest lucru se poate face prin meniul Imagine, elementul Ajustare, subelementul Balans de culoare. Prin mișcarea glisoarelor, obțineți o combinație armonioasă a straturilor de jos și de sus.

Salvați rezultatul utilizând comanda Salvare din meniul Fișier. Pentru a putea reveni la editarea straturilor din acest fișier, salvați-l în format PSD.