Când lucrați la designul site-ului, de multe ori trebuie să vă ocupați de faptul că imaginea găsită, care s-ar potrivi în mod ideal site-ului dvs., are un fundal diferit, care ar fi de dorit să fie eliminat.
Și așa, ne deschidem imaginea în Photoshop.
1.
Primul lucru de făcut este să creați o zonă de lucru pentru imagine cu un fundal transparent. Pentru aceasta:
- în fereastra de straturi, faceți dublu clic pe stratul nostru (cu o blocare)
- În fereastra care apare, faceți clic pe OK
Încuietoarea trebuie să dispară
Dacă fundalul este solid:
Selectați instrumentul " bagheta magica„Este un instrument foarte flexibil pentru selectarea zonei dorite. Sarcina noastră este să selectăm întregul fundal, cu excepția imaginii. Pentru a face acest lucru, ajustați setările baghetei magice (parametrul admitere) până când obținem rezultatul dorit. De asemenea, utilizați tasta Shift pentru a selecta o zonă în plus față de cea deja selectată. Apăsați Del și regiunea selectată este ștearsă.
Dacă fundalul este multicolor:
Folosim instrumentul " Selecție rapidă". Aici sarcina noastră este să selectăm nu fundalul, ci obiectul în sine, care ar trebui să rămână. Apăsați până când zona dorită este evidențiată. Dacă extra este evidențiat, țineți apăsat Alt și minus oblite. Puteți vizualiza rezultatul cu tasta Q.
Când selecția este gata, copiați-o cu Ctrl + C. Creați un document nou cu un fundal transparent (Ctrl + N) și inserați obiectul acolo Ctrl + V.
3 ... Dacă există ceva de prisos în imagine, utilizați instrumentul „ Radieră„, Doar suprascrieți fundalul suplimentar.
4 ... Salvați imaginea pentru Web (Alt + Shift + Ctrl + S) selectați formatul GIF sau PNG (în altele, fundalul nostru transparent se va transforma în alb).
Video util pe această temă:
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 vă 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 Creare ( Nou).
Apoi, în fereastra „Document nou” care apare ( Document nou) creați fișierul dorit și asigurați-vă că documentul are 72 de pixeli pe inch ( deoarece fișierul este pentru uz 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 realiza un PNG cu transparență în Photoshop, trebuie să clarificați că în acest exemplu creăm o imagine de încărcat 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 încărcarea imaginilor HD:
După ce ați specificat valorile parametrilor, faceți clic pe OK pentru a deschide un nou document.
Apoi, în panoul „Straturi” ( Straturi) asigurați-vă că lucrați pe un strat transparent și nu pe fundal:
După ce ați terminat de creat și sunteți gata să salvați imaginea transparentă, în funcție de versiunea de Photoshop pe care o utilizați, accesați 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 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ă, 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ă „Transparența” ( Transparenţă) și " Convertiți în sRGB» ( Convertiți în sRGB). Acest lucru confirmă faptul că imaginea va conține un fundal transparent și modul său de culoare va fi convertit în sRGB, spațiul de culoare recomandat pentru web.
Câmpurile " 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.
Versiunea Photoshop CC 2015:
Inainte de, cum să faci o fotografie transparentă în Photoshop, trebuie să știți că, începând cu CC 2015, „Salvare pentru Web” ( Salvați pentru web și dispozitive) în meniul Fișier ( Fişier) este marcat ca Moștenire. Ș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 Salvare pentru Web ( Salvați pentru web și dispozitive) în Photoshop CC 2015 și este disponibil prin 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ă Transparența ( Transparenţă) și " Convertiți în sRGB» ( Convertiți în sRGB).
Foarte des, când cream felicitări sau videoclipuri, am dat peste î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 învățat încă acest program inteligent. Cum poate 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. Vă va ajuta să vă faceți pozele și chiar o puteți face pe prima 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. Accesați pagina de service. Nu trebuie să treceți prin procedura plictisitoare de înregistrare. Doar faceți clic pe linkul serviciului online.
Această fereastră se va deschide în fața ta:
Presa " Încărcați imaginea de pe computer". Selectați poza pe care ați pregătit-o. O puteți pune î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:
În dreapta sunt 3 ferestre, iar în mijlocul lor este desenată o 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 acela" Bagheta magica" pe care o vom folosi acum. Faceți clic pe el o dată, apoi faceți clic pe orice spațiu liber din fundalul imaginii pe care ați ales-o. În jurul imaginii apare o linie punctată.
Ultimul pas pe drumul către transformare: apăsați butonul Del„(ștergeți) pe computerul dvs.. Fundalul devine o tablă de șah. Dacă nu tot spațiul din jur este acoperit de o tablă de șah, atingeți din nou acest loc cu bagheta magică și apăsați butonul „Del”
Apare o fereastră în care ești întrebat: „Salvează imaginea înainte de a închide?” Faceți clic pe " da".
Astăzi am decis să mă îndepărtez puțin de subiectul de codificare și să vorbesc puțin despre design. Deși designul joacă un rol important în realizarea unui site web, încă din copilărie nu am fost prieten cu desenul, grafica și designul. 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 textul. Evident, niciunul dintre mine nu are o astfel de problemă și niciunul dintre mine nu are un fundal alb, care ar fi potrivit în majoritatea cazurilor. am nevoie fundal transparent!
Nu am găsit idei normale pe internet cum să faci un fundal transparent pentru poza finita, asa ca am inceput sa experimentez singur si am gasit o solutie mai mult sau mai putin potrivita!
Cum să faci un fundal transparent pentru o imagine
Să luăm ca exemplu o imagine 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 în schimb un fundal transparent. Pixlr, o versiune online a Photoshop, ne va ajuta în acest sens.
Încărcați imaginea noastră. În dreapta, în fereastra „Straturi”, va apărea stratul „Background”, pe care există o blocare (nu permite ștergerea fundalului imaginii).
Făcând dublu clic pe 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 luăm bagheta magică (bara de instrumente, coloana din dreapta este al doilea buton din partea de sus), specificați următorii parametri: toleranță = 21, bifele sunt pe netezire și continuitate(de obicei, astfel de parametri sunt conform standardului), deși puteți experimenta cu parametrii; si click pe fundalul imaginii (in cazul nostru, pe fundalul alb).
Acum eliminăm fundalul apăsând butonul „Șterge” și obținem imaginea de care avem nevoie cu un fundal transparent.
Dacă trebuie să editați un fișier PNG, mulți se grăbesc să descarce Photoshop, care nu este doar distribuit pe bază de plată, ci și destul de solicitant cu resursele computerului. Nu toate computerele vechi sunt capabile să ruleze această aplicație. În astfel de cazuri, diverși editori online vin în ajutor, permițându-vă să redimensionați, să scalați, să comprimați și să efectuați numeroase alte operațiuni cu fișierele.
Astăzi ne vom uita la cele mai funcționale și stabile site-uri care vă permit să lucrați cu imagini în format PNG. Avantajele unor astfel de servicii online includ faptul că nu solicită resursele computerului dvs., deoarece toate manipulările fișierelor sunt efectuate folosind tehnologii cloud.
Editorii online nu trebuie să fie instalați pe un computer - acest lucru reduce semnificativ probabilitatea de a prinde un virus.
Metoda 1: Editor de imagini online
Cel mai funcțional și stabil serviciu care nu deranjează utilizatorii cu reclame intruzive. Potrivit pentru orice manipulări cu imagini PNG, absolut nesolicitantă pentru resursele computerului dvs., poate fi rulat pe dispozitive mobile.
Dezavantajele serviciului includ absența limbii ruse, cu toate acestea, cu utilizarea prelungită, acest dezavantaj devine subtil.
Site-ul nu necesită înregistrare, nu este greu de înțeles serviciul, chiar dacă nu cunoașteți engleza. Nu vă fie teamă să experimentați, dacă ceva nu merge bine, îl puteți anula oricând cu un singur clic.
Metoda 2: Photoshop Online
Dezvoltatorii își poziționează serviciul ca Photoshop online. Funcționalitatea editorului este într-adevăr similară cu aplicația de renume mondial, acceptă lucrul cu imagini în diferite formate, inclusiv PNG. Dacă ați lucrat vreodată cu Photoshop, nu va fi dificil să înțelegeți funcționalitatea resursei.
Singurul dezavantaj, dar destul de semnificativ, al site-ului este înghețarea constantă, mai ales atunci când lucrați cu imagini mari.
Când se efectuează manipulări simple, lucrul cu serviciul este convenabil și confortabil. Dacă trebuie să procesați un fișier mare, este recomandabil să descărcați și să instalați software special pe computer sau să aveți răbdare și să vă pregătiți pentru înghețarea constantă a site-ului.
Metoda 3: Fotor
Convenabil, funcțional și, cel mai important, un site gratuit pentru lucrul cu imagini în format PNG Fotor vă permite să decupați, să rotiți, să adăugați efecte și să utilizați alte instrumente. Funcționalitatea resursei a fost testată pe fișiere de diferite dimensiuni și nu au fost găsite probleme. Site-ul a fost tradus în limba rusă, în setări puteți selecta o altă limbă pentru interfața editorului, dacă este necesar.
Accesul la funcții suplimentare este oferit utilizatorilor numai după achiziționarea unui cont PRO.
Fotor este un instrument puternic pentru lucrul cu PNG: pe lângă un set de funcții de bază, conține multe efecte suplimentare care vor încânta chiar și pe cel mai pretențios utilizator.
Editorii foto online sunt ușor de folosit, nu necesită instalare pe computer, datorită căruia pot fi accesate chiar și de pe un dispozitiv mobil. Ce editor să utilizați depinde de dvs.
