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

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 care apare „ document nou » ( 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:

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 pe cel de fundal:

După 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, din meniul Fișier ( Fişier) puteți utiliza una dintre opțiunile posibile:

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 a fi utilizate 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):

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ă schimbați dimensiunea fișierului înainte de a salva, o puteți face acum.

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-un fișier mai mic și la cea mai buna calitate. Pentru a utiliza opțiunea „Export”, faceți clic pe meniul „Fișier” ( Fişier), și apoi - " Exportați ca» ( Exportați 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):

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

Salutare dragi vizitatori.În această lecție vă voi arăta cum puteți folosi Photoshop elimina fundalulși faceți fotografia transparentă. Nu aveți nevoie de cunoștințe speciale despre acest monstru foto, deoarece totul aici este foarte simplu. Principalul lucru este că ai Photoshop instalat și repeți toți pașii după mine.

Deci, cum să faci un fundal transparent în Photoshop?

Lansați Photoshop și deschideți fotografia experimentală. Faceți clic pe meniul Fișier – Deschidere și specificați locația imaginii.

Super, 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 lacăt mic.

Această blocare trebuie să dispară, adică stratul este deblocat. Pentru a face acest lucru, direct la lacăt faceți un clic cu butonul stâng al mouse-ului. Și nu mai există lacăt!

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

Faceți clic pe instrumentul de pe fundalul fotografiei, selectând astfel obiectul de care nu avem nevoie.

A apărut o linie punctată (furnici alergătoare). Tot ce trebuie să faceți este să apăsați tasta DELETE de pe tastatură și fundalul va fi șters. Vezi cum a iesit:

Super! Acum deselectați-l apăsând comanda rapidă de la tastatură CTR+D.

Ei bine, în general, cum faceți un fundal transparent în Photoshop Ne-am dat seama și acum nu mai rămâne decât 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+CTR+S.

Veți vedea o fereastră în care trebuie să selectăm formatul PNG-24 și abia apoi să facem clic pe butonul Salvare.

Acum uite ce s-a întâmplat și ce a devenit:

În cele din urmă, merită să spunem 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 în fotografia mea persoana era ușor de separat de fundal. Dacă eliminați fundalul imaginilor complexe, va trebui să lucrați puțin mai mult.

Asta e tot pentru azi, succes!

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..

Întreaga imagine a fost creată cu un fundal transparent!!

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

gif" alt="Baby Mamut"> !}

Foarte des când cream felicitări sau videoclipuri, m-am confruntat cu întrebarea: Cum se poate face acest lucru? fără cunoştinţe photoshop?

Oricine este familiarizat cu Photoshop va face acest lucru fără dificultate. Dar nu toată lumea a studiat î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 și paginile noastre cele mai atractive și profesionale. V-am spus deja cum să utilizați programul în aceste scopuri. Te va ajuta să-ți faci pozele și chiar o poți folosi pentru a-ți face prima.

Și acum vă voi spune un alt secret: astăzi veți învăța cum să faceți transparent fundalul unei imagini. Mai mult, 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ă mai multe straturi - de exemplu, pe unul alb. Accesați 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 o imagine 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 apăsați " deschis".

Imaginea apare pe pagina serverului:

Sunt 3 ferestre care ies pe dreapta iar in mijlocul lor este un lacat. 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 îl vom folosi acum. Faceți clic pe el o dată, apoi faceți clic pe orice spațiu gol din fundalul imaginii selectate. În jurul imaginii va apărea o linie punctată.

Ultimul pas către transformare: apăsați butonul „ Del" (ștergeți) pe computer. Fundalul devine o zonă în carouri. Dacă nu tot spațiul din jur este acoperit de zona în carouri, atingeți din nou acest loc cu bagheta magică și apăsați butonul „Del”

Apare o fereastră care vă întreabă: „Salvați imaginea înainte de a închide?” Faceți clic pe " da".

Astăzi am decis să mă îndepărtez puțin de subiectul codării și să vorbesc puțin despre design. Deși designul joacă un rol semnificativ în crearea unui site web, 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 dai peste o poză foarte potrivită pentru postarea ta și totul ar fi bine... Dar fundalul imaginii nu se potrivește cu fundalul blogului sau blocului cu text. Se pare că nimeni nu are această problemă și nimeni nu are un fundal alb, care ar fi potrivit în majoritatea cazurilor. am nevoie fundal transparent!

Nu am găsit 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 versiune online a Photoshop, ne va ajuta în acest sens.

Încărcarea imaginii noastre. În partea dreaptă a ferestrei „Straturi” va apărea un strat „Background”, pe care există o blocare (previne ștergerea fundalului imaginii).

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

Acum luați bagheta magică (bara de instrumente, coloana din dreapta, al doilea buton din partea de sus), specificați următorii parametri: toleranță = 21, casete de selectare pentru netezire și continuitate(de obicei, astfel de parametri sunt standard), deși puteți experimenta cu parametrii; si click pe fundalul imaginii (in cazul nostru, pe fundalul alb).

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