Transparența imaginii în Photoshop. Cum să evidențiați obiectele transparente în Photoshop - SkillsUp - catalog convenabil de lecții de design, grafică pe computer, lecții de Photoshop, lecții de Photoshop

Transparența în Photoshop este una dintre marile sale proprietăți. Transparența ne permite să vedem o imagine (obiect) prin alta, creând efecte de profunzime în imagine. Cu ajutorul transparenței, sunt create colaje de o frumusețe uimitoare.

Ceea ce numim „transparență” se numește „opacitate” în Photoshop. Mai precis, ajustarea opacității instrumentelor Photoshop ne permite să realizăm efectul dorit transparenţă. Opacitatea este setată ca procent. Opacitatea absolută corespunde cu 100%, iar transparența absolută corespunde cu 0%. Nu uitați că dacă setați opacitatea fundalului sau a instrumentului la, de exemplu, 80%, atunci fundalul sau cursa instrumentului va avea o opacitate de 20%. O relație atât de simplă între opacitate și transparență.

Folosind opacitatea în Photoshop, puteți seta transparența fundalului, transparența culorii, transparența imaginii ca întreg sau doar o parte a acesteia, transparența obiectului și transparența stratului. Efectul de transparență în Photoshop poate fi obținut căi diferite: ajustarea gradului de transparență (opacitate) al stratului, ajustarea transparenței (opacității) instrumentelor Photoshop, aplicarea unei măști în zona selectată.

Cum să faci culoarea transparentă în Photoshop atunci când aplici un gradient, am scris deja în articolul meu „”.

Astăzi vreau să vă spun cum să faceți transparent fundalul în Photoshop, cum să faceți o imagine (desen) și un obiect transparent. Cred că veți fi interesat nu numai de cum să creați transparență, ci și de cum să o mențineți. Problema menținerii transparenței este deosebit de relevantă atunci când se pregătesc imagini pentru încărcare pe un site web.

Să trecem de la teorie la practică. Cred că ești dornic să înveți cum să creezi transparență în Photoshop.

Transparența fundalului

Adesea trebuie să avem un fundal transparent al unei imagini. Cel mai relevant această întrebare este atunci când se pregătește o fotografie (poză) a unui produs pentru plasarea în catalogul de produse al unui magazin online. Transparența de fundal este, de asemenea, necesară atunci când se creează logo-uri și alte imagini (desene) pentru site-uri care adesea nu au fundal simplu. Transparența fundalului imaginii îi permite să se încadreze armonios în designul site-ului.

Să presupunem că pregătim un catalog de produse pentru un magazin online de echipamente de birou.

Instrumente de transparență

Instrumentele de transparență Photoshop sunt orice instrumente concepute pentru desen („Penie”, „Creion”, „Umplere”, „Gradient”, „Ștampilă”, „Dreptunghi”, etc.). Instrumentul de transparență este și instrumentul Eraser. Vă permite să schimbați transparența unui obiect (desen) doar în locul unde avem nevoie de el, fără a modifica transparența întregului strat. Putem atribui orice nivel de transparență fiecăruia dintre instrumentele de transparență. Pentru a face acest lucru, trebuie să utilizați panoul de control al setărilor instrumentului.

Rezultatul a ceea ce vom crea.

Selecția este o parte integrantă a oricărei procesări foto. Cu toate acestea, adesea ceea ce trebuie să evidențiem nu este atât de specific pe cât ar părea la prima vedere. În acest tutorial vă vom arăta cum să faceți o selecție a unui pahar care include elemente transparente. Să începem!

Imaginea folosită în această lecție.

Pasul 1: Selectarea unui instrument de selecție

Selecția este o parte integrantă a procesului de editare a imaginii în Adobe Photoshop. Procesul de selectare a părților unei imagini nu este dificil, dar uneori zonele transparente pot complica lucrurile. Pentru acest tip de sarcină, nu este suficient să folosiți instrumentul Pen ( instrument stilou). Pentru a evidenția zonele cu nivel variabil Transparența necesită un instrument sau o comandă care ne permite să manipulăm informațiile de luminozitate ale canalelor de culoare ale unei imagini. Nu ne interesează doar să decupăm fundalul - ne interesează mai mult să creăm o mască în care să putem obține informații despre diverse niveluri luminozitatea pentru a determina acest nivel complex de transparență. Ca canal pur și simplu folosim o imagine în tonuri de gri. Putem folosi eficient acest canal pentru a crea o mască, deoarece masca folosește și tonuri de gri pentru a stoca informații despre transparență (alb pur=100% opacitate; negru pur=100% transparență).

Transparență simplă Transparență complexă

Etapa2. Folosiți canale pentru a evidenția

Unul dintre principalele beneficii ale accesării canalelor separate în Photoshop este capacitatea de a face selecții ale unei zone. Puteți utiliza canale individuale pentru a face selecții diferite ale unei zone de imagine. Daca vrei sa alegi obiect specificîntr-o imagine, utilizați canale de culoare care creează cel mai mare contrast la marginile obiectului respectiv.

Pasul 3. Selectați cel mai contrastant canal

Acest imaginea originală. Deși aceasta este o imagine CMYK, aceeași metodă va funcționa pentru o imagine RGB. Singura diferență va fi în panoul de canale. ÎN Imagine RGBîn loc de patru canale de culoare și un canal de combinație vor fi trei canal de culoareși un canal combinat. Scop această lecție este sa indepartam partea neagra (fondul), dar sa nu atingem sticla, apa, bulele si reflexia de sub pahar, astfel incat sa putem aseza sticla pe orice fundal (unui sau intr-o fotografie). În acest tutorial vom folosi comanda Image - Canal extern(Imagine - Aplica imagine).

Etapa4. Aplicați funcții de imagine

Comanda Aplicare imagine vă permite să amestecați un strat și un canal de imagine cu stratul și canalul imaginii active. Dar rețineți - pentru ca numele imaginilor să apară în caseta de dialog Aplicare imagine (dacă trebuie să amestecați canale de imagini diferite), dimensiunile pixelilor imaginilor trebuie să se potrivească. Cu toate acestea, nu vom folosi mai multe imagini. Vom amesteca o copie a canalului negru cu aceeași copie a canalului negru. Dar puterea canalului extern (aplicare imagine) constă în „Selectare țintă” (parametrii din partea de jos a casetei de dialog Canal extern). Aici puteți seta modul de amestecare sau tipul de amestecare pe care doriți să îl utilizați în timpul amestecării în canalul extern (Aplicați imagine).

Pasul 5. Selectați cel mai contrastant canal

Deschideți fișierul în Photoshop. Apoi, în panoul Canale, căutați prin toate canalele și găsiți canalul cu cel mai bun contrast. Găsirea unui canal cu contrast bun este foarte importantă pentru o bună selecție a zonei dorite a imaginii.

Pasul 6. Selectați cel mai contrastant canal

Aici cel mai bun contrast dintre sticlă și fundal este lângă canalul negru.

Etapa7. Duplicați canalul

Creați un duplicat al canalului negru trăgându-l peste pictograma „creați”. canal nou" (creați un canal nou) în partea de jos a panoului Canale. De asemenea, puteți face clic Click dreapta mouse-ul peste canalul negru și selectați „canal duplicat”.

Pasul 8 Creșterea contrastului canalului utilizând Aplicați imagine

Apoi selectați o copie a canalului negru și accesați Imagine - Canal extern (Imagine - Aplicați imagine).

Pasul 9. Măriți contrastul canalului

Mai întâi, amestecați o dată cu Multiply pentru a spori negrul în timp ce convertiți orice zonă gri din fundal în negru. Reduceți opacitatea la 50% pentru a crea o suprapunere care nu este prea puternică. De asemenea, putem elimina unele dintre părțile albe, deoarece nu sunt albe pur.

Pasul 10: Conceptul modului de amestecare înmulțiți

Modul Multiply blend preia informațiile de culoare din fiecare canal și înmulțește culoarea de bază cu culoarea amestecului. Culoarea rezultată este întotdeauna mai închisă. Înmulțirea oricărei culori cu negru va da negru. Folosind modul de amestecare Multiply eliminăm toate părțile gri din fundal.

Etapa11. Măriți contrastul canalului

Apoi, faceți o suprapunere dublă cu Overlay (Overlay) pentru a crește albul. Acum putem selecta cu ușurință zona albă. Scopul nostru aici este să creăm o mască eficientă, rapidă și acceptabilă. De data aceasta, în zona de suprapunere folosim 100% Opacity.

Etapa12. Cum funcționează modul de amestecare suprapunere

O suprapunere cu opțiunea Suprapunere multiplică sau intensifică culorile, în funcție de culoarea de bază. Culoare de bază nu va fi înlocuit, dar va fi amestecat cu culoarea potrivită pentru a reflecta luminozitatea sau întunericul culorii originale. Zonele albe devin mai deschise, iar zonele negre devin mai întunecate. Folosind Overlay vom crește puterea părții albe, deoarece dorim să părăsim zonele albe, dar imaginea finală este o mască a zonei negre.

Etapa13. Pictați cu o perie albă și neagră pentru a crea o imagine optimă a canalului

Puteți regla în continuare copia canalului negru folosind o pensulă și vopsiți cu alb sau negru. Pictați cu alb pentru a lăsa zone ale imaginii și vopsiți cu negru pentru a elimina sau ascunde zonele. Albul înseamnă opacitate, iar negru înseamnă transparență în interiorul canalului.

Etapa14. Încărcați canalul ca selecție

Încărcați o copie a canalului negru ca selecție folosind fie Ctrl-clic pe canal, fie primul buton din partea de jos a panoului canale, care încarcă conținutul canalului ca selecție.

Pasul 15: Duplicați stratul de fundal

Apoi accesați panoul Straturi și copiați stratul de fundal trăgându-l pe butonul „Creare”. strat nou„(creați un strat nou) situat în partea de jos a panoului de straturi. De asemenea, puteți face clic dreapta pe stratul de fundal și selectați Strat duplicat.

Pasul 16. Creați o mască cu imaginea obiectului

Apoi selectați un nou strat (Background Copy) făcând clic stânga pe mouse. Selecția este încă activă. Faceți clic pe pictograma mască din partea de jos a panoului Straturi pentru a crea o mască.

Etapa17. Creați un fundal colorat sub obiect

Acum creați unul nou strat golși umpleți-l cu roșu sau albastru. Verificați calitatea măștii. Veți descoperi că în mască există mai multe zone gri.

Etapa18. Îndepărtarea zonei gri

Există două procese pentru eliminarea acestei zone gri nedorite. Deși primul proces de mai jos vă va oferi cea mai bună cale de ieșire, dar totuși să ne uităm la ambele opțiuni.

Pasul 19. Schimbarea modului de amestecare

Procesul 1: Schimbați modul de amestecare a copiei stratului de fundal la Luminează pentru a elimina zona gri.

Etapa20. Schimbarea modului de amestecare

Modul Lighten blend examinează informațiile de culoare din fiecare canal și înlocuiește acei pixeli care sunt mai întunecați decât culorile amestecate, lăsând acei pixeli mai deschisi decât culorile amestecate neschimbați. Acest lucru elimină pixelii gri închis.

Etapa21. Se încarcă selecția

Procesul 2: Ctrl-clic pe miniatura măștii de copiere de fundal pentru a încărca masca ca selecție. De asemenea, puteți încărca o selecție dintr-o copie a canalului negru.

Pasul 22: Creați un nou strat de ajustare

Apoi faceți clic pe pictograma „Creați un nou strat de ajustare sau un strat de umplere” din partea de jos a panoului „Straturi”.

Pasul 23: Creați un nou strat de ajustare

Selectați „Niveluri” din lista derulantă și creați un nou strat de ajustare.

Etapa24. Convertiți zona gri în alb

Apoi, în dialogul Niveluri, trageți mai întâi glisorul Tonuri medii (mijloc) și apoi glisorul Evidențieri (dreapta), spre stânga pentru a elimina „zona gri” (sau mai degrabă, convertiți gri în alb).

Etapa25. Finisări cu ștampilă

După aplicarea modului Lighten, dacă te uiți cu atenție, vei vedea că în zona albă sunt mai multe părți deteriorate. Puteți utiliza Instrumentul de ștampilă clonare pentru a repara aceste părți.

Etapa 26.

Asta e tot. Puteți folosi aceeași tehnică pentru a evidenția obiecte complexe cu nivel variabil de transparență. Mai jos este prezentat cum a fost înainte și cum a fost după lucrarea efectuată.

Rezultat final

Aruncă o privire la desenul în format jpg, cunoscutul personaj de desene animate Baby Mammoth care și-a pierdut mama.. Vreau să plâng.. nu, nu pentru că puiul de mamut nu și-ar găsi mama (deși și din această cauză), ci pentru că fundalul albastru doare ochii teribil! Vreau doar să elimin acest albastru și să umplu fundalul imaginii cu o astfel de culoare încât să se îmbine cu fundalul paginii.

Cred că asta nu este o problemă pentru tine! Gândiți-vă doar să îl deschideți folosind același Photoshop și să umpleți fundalul cu culoarea dorită! dar ce se întâmplă dacă fundalul principal al paginii este un fel de textură complexă?

Un exemplu în care o imagine este suprapusă peste o textură:

Deschideți Photoshop și desenați o imagine cu un pui de mamut în loc de un fundal albastru? Și apoi încercați să le potriviți cu fundalul principal al paginii? Aceasta nu este o opțiune!!!

Deci, raportez asta formate grafice gifȘi png- acceptă modul de transparență, permițându-vă astfel să faceți unele zone ale desenului invizibile pentru ochiul uman - care este exact ceea ce avem nevoie!

Acum in ordine:

1. Deschideți imaginea al cărei fundal doriți să îl faceți transparent Adobe Photoshop.

2. Deschideți un marcaj „Imagine” >> „Mod” >> „Culori indexate”.

3. În fereastra de dialog care apare „Culori indexate” pune o bifă "Transparenţă"și apăsați "BINE"

4. Folosind Instrumentul de selecție "bagheta magica" Și "Radieră"Ștergem fundalul din desen, făcând de fapt transparente părțile de care avem nevoie.

5. Ei bine, ne salvăm imaginea în format gif.. marcaj „Fișier” >> „Salvare pentru web...”în fereastra care apare, indicați (de acord) că imaginea va fi salvată în format gif clic "Salva".. selectați un folder și scrieți numele - sper că puteți face toate acestea..

Toate poza cu fundal transparent creată!!

Acum îl puteți lipi înapoi în pagina noastră, fără a uita să schimbați extensia jpg pe gif .

gif" alt="Baby Mamut"> !}