Cum se creează un desen transparent. Cum se creează PNG cu transparență în Adobe Photoshop (versiunea CC și mai sus)? Cum să faci un fundal transparent pentru o imagine

Uneori trebuie să încărcați o imagine care conține elemente transparente, prin care se va afișa fundalul original. În aceste cazuri, ar fi convenabil să încărcați imagini PNG, deoarece acestea sunt capabile să păstreze transparența.

În acest articol, vom spune cum să faci transparență în photoshop.

Crearea fișierului

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 care apare document nou » ( Document nou) creați un fișier de dimensiunea corectă ș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 ales 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ă clarificăm 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 3000px, înălțime 1730px, care sunt dimensiuni recomandate pentru descărcarea imaginilor HD:

După ce ați setat parametrii, faceți clic pe OK pentru a deschide un nou document.

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

Odată ce ați finalizat crearea și sunteți gata să salvați imaginea transparentă, în funcție de versiunea de Photoshop pe care o utilizați, în meniul Fișier ( fişier) puteți utiliza una dintre opțiunile posibile:

Versiuni Photoshop anterioare CC 2015:

Acum 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 a fi utilizate pe web. Pentru a utiliza această metodă, accesați meniul Fișier ( fişier), și apoi - „Salvare pentru web” ( Salvați pentru web și dispozitive):

Apoi, în fereastra care apare, selectați PNG-24 din meniul derulant al valorilor posibile, apoi asigurați-vă că sunt selectate opțiunile „Transparență” ( Transparenţă) Și " Convertiți în sRGB» ( Convertiți în sRGB). Acest lucru confirmă faptul că imaginea va conține fundal transparent iar modul său de culoare va fi convertit în sRGB , spațiul de culoare recomandat pentru web.

Câmpuri " Marimea imaginii» ( Marimea imaginii) sunt completate automat cu valorile pe care le-ați specificat când ați creat fișierul. Dar dacă doriți să redimensionați fișierul înainte de a salva, puteți face acest lucru acum.

Photoshop versiunea CC 2015:

Inainte de, cum să faci fotografiile transparente î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-un fișier mai mic și în cea mai buna calitate. 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 disponibil prin Fișier > Export ( Fișier > Export) sau când utilizați comanda rapidă de la tastatură Command+Option+Shift+S (pentru Mac) sau Ctrl+Alt+Shift+S (pentru PC):

Apoi, în fereastra care apare, selectați PNG din meniul derulant Format ( Format) și asigurați-vă că sunt selectate opțiunile „Transparență” ( Transparenţă) Și " Convertiți în sRGB» ( Convertiți în sRGB).

Salutare dragi vizitatori.În acest tutorial, vă voi arăta cum să utilizați Photoshop elimina fundalulși faceți fotografia transparentă. Nu veți avea nevoie de cunoștințe speciale despre acest Photo-Monster, deoarece totul este foarte simplu aici. Principalul lucru este că aveți Photoshop instalat și repetați toți pașii după mine.

Deci, cum faci un fundal transparent în Photoshop?

Lansăm Photoshop și deschidem fotografia experimentală. Faceți clic pe meniul Fișier - Deschidere și specificați locația imaginii.

Ok, fotografia este deschisă și să începem să decupăm fundalul. În primul rând, trebuie să deblocăm stratul. Acordați atenție colțului din dreapta jos al programului. Acolo veți vedea stratul principal al fotografiei noastre și mic lacăt.

Este necesar ca această blocare să dispară, adică stratul să fie deblocat. Pentru asta, chiar pe castel un clic cu butonul stâng al mouse-ului. Și castelul nu mai este!

Acum trebuie să eliminăm fundalul. Pentru a face acest lucru, luăm un fel de instrument de selecție, de exemplu, bagheta magica.

Apăsăm instrumentul pe fundalul fotografiei, evidențiind astfel obiectul de care nu avem nevoie.

A apărut o linie punctată (furnici alergătoare). Rămâne să apăsați tasta DELETE de pe tastatură și fundalul va fi șters. Vezi cum a iesit:

Super! Acum deselectați apăsând CTR+D de pe tastatură.

Ei bine, în general, cum faceți un fundal transparent în photoshop ne-am dat seama și acum rămâne să salvăm corect această fotografie.

Pentru a face acest lucru, faceți clic pe meniul Fișier - Salvare pentru Web. Sau pur și simplu folosește ALT+SHIFT+CTRL+S.

Veți vedea o fereastră în care trebuie neapărat să selectăm formatul PNG-24 și numai după aceea faceți clic pe butonul Salvare.

Și acum uite ce a fost și ce a devenit:

În cele din urmă, trebuie spus că, în unele cazuri, atunci când decideți să faceți un fundal transparent în Photoshop pentru o imagine, este posibil să trebuiască să utilizați alte instrumente de selecție, de exemplu, Pix sau laso magnetic. Am folosit instrumentul bagheta magica, deoarece a fost ușor să separă o persoană de fundal în fotografia mea. Dacă eliminați fundalul imaginilor complexe, va trebui să transpirați puțin.

Asta e tot pentru azi, succes!

Aruncă o privire la figura în format jpg, celebrul personaj de desene animate Mamut care și-a pierdut mama .. Vreau să plâng .. nu, nu pentru că mamutul nu-și poate găsi mama (deși și din această cauză), ci pentru că fundalul albastru îl doare îngrozitor la ochi! Vreau doar să elimin acest albastru și să umplu fundalul imaginii cu o astfel de culoare încât să se îmbine cu fundalul paginii..

Nu cred că aceasta este o problemă pentru tine! gândiți-vă doar să îl deschideți cu 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 mamut în loc de un fundal albastru al unei celule? Și apoi încercați să le potriviți la fundalul principal al paginii? Aceasta nu este o opțiune!!!

Deci, raportez asta formate grafice gifȘi png- susține modul de transparență, făcând astfel posibilă ca unele zone ale imaginii să fie 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ă faceți transparent Adobe Photoshop.

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

3. În caseta 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 imagine, făcând de fapt transparente părțile de care avem nevoie.

5. Ei bine, salvați poza noastră î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".. selectează un folder, scrie un nume - toate acestea ești tu, sper că știi cum ..

Toată imaginea cu fundal transparent creată!!

Acum poate fi inserat din nou în pagina noastră, fără a uita să schimbăm extensia jpg pe gif .

gif" alt="Mamut"> !}

Foarte des, când cream felicitări sau videoclipuri, am dat peste întrebarea: Cum pot face asta fără cunoştinţe photoshop?

Cei care sunt familiarizați cu Photoshop vor face acest lucru fără dificultate. Dar nu toată lumea a învățat încă acest program inteligent. Cum pot fi? Chiar nu există nicio ieșire?

La urma urmei, există întotdeauna dorința de a face prezentările, felicitările, paginile noastre cele mai atractive și profesionale. V-am spus deja cum să utilizați programul în acest scop. Te va ajuta să-ți faci pozele și poți chiar să faci prima ta cu ea.

Și acum vă voi mai spune un secret: astăzi veți învăța cum să faceți transparent fundalul imaginii. Și o vei face absolut gratuit și vei petrece doar 2 minute din timpul tău.

Sa trecem la treaba.

Găsiți poza care vă place. Pentru început, ar trebui să fie o imagine pe un fundal fără straturi - de exemplu, pe unul alb. Să mergem la pagina de service. Nu trebuie să treceți printr-o procedură de înregistrare plictisitoare. Doar faceți clic pe linkul serviciului online.

În fața ta se va deschide următoarea fereastră:

Presa " Încărcați imaginea de pe computer". Selectați poza pe care ați pregătit-o. O puteți plasa într-un folder separat în imagini. Sau pe desktop, pentru a nu căuta mult timp. Faceți clic o dată pe această imagine și faceți clic pe " deschis".

Imaginea apare pe pagina serverului:

În dreapta, sunt 3 ferestre și în mijlocul acestora este desenată un lacăt. Faceți clic pe el de 2 ori cu mouse-ul stâng. Acest lucru va deschide ușa către magie.

În partea stângă vezi panoul " Instrumente", dintre care unul este că" Bagheta magica" pe care o vom folosi acum. Faceți clic pe el o dată, apoi faceți clic pe orice spațiu gol din fundalul imaginii alese. În jurul imaginii apare o linie întreruptă.

Pasul final pe calea către transformare: apăsați butonul " Del" (ștergeți) pe computer. Fundalul devine o cutie. Dacă nu tot spațiul din jur este acoperit de o cutie, atingeți din nou acest loc cu o baghetă magică și apăsați butonul „Del”

Apare o fereastră în care ești întrebat: „Doriți să salvați imaginea înainte de a o închide?” Presa " da".

Astăzi am decis să mă îndepărtez puțin de subiectul codării și să povestesc puțin despre design. Deși designul joacă un rol important în crearea unui site, nu am fost prieten cu desenul, grafica și designul încă din copilărie. Prin urmare, caut imagini pentru postările mele, ca mulți bloggeri, undeva pe Internet, folosind bănci de fotografii gratuite și stocuri de fotografii.

Și așa, uneori apare o imagine foarte potrivită pentru postarea ta și totul ar fi bine... Dar fundalul imaginii nu se potrivește cu fundalul unui blog sau al unui bloc cu text. Evident, niciunul dintre mine nu are o astfel de problemă și niciunul dintre fundalul meu nu este alb, ceea ce ar fi potrivit în majoritatea cazurilor. am nevoie fundal transparent!

Nu am gasit idei bune pe internet. cum să faci un fundal transparent Pentru poza terminata, așa că am început să experimentez și am găsit o soluție mai mult sau mai puțin potrivită!

Cum să faci un fundal transparent pentru o imagine

Să luăm un exemplu o poză simplăîn format .jpg (în general, formatul nu este deosebit de important):

Există un fundal alb aici de care vreau să scap și să fac un fundal transparent. Pixlr, o asemănare online a Photoshop, ne va ajuta în acest sens.

Se încarcă imaginea noastră. În partea dreaptă a ferestrei „Straturi”, va apărea stratul „Background”, pe care există o blocare (nu permite eliminarea fundalului imaginii).

Făcând dublu clic pe butonul stâng al mouse-ului pe acest lacăt, puteți elimina lacătul din fundal. În loc de lacăt, va apărea o bifă.

Acum luăm bagheta magică (bara de instrumente, coloana din dreapta, al doilea buton din partea de sus), specificăm următorii parametri: toleranță = 21, căpușele sunt pe anti-aliasing și continuitate(de obicei, astfel de parametri sunt standard), deși puteți experimenta cu parametrii; și faceți clic pe fundalul imaginii (în cazul nostru, pe un fundal alb).

Acum ștergem fundalul apăsând butonul „Șterge” și obținem imaginea de care avem nevoie cu un fundal transparent.