Creați fișier png. Cum se convertesc imaginile în format PNG? Creați un document nou

Uneori trebuie să încărcați o imagine care să conțină elemente transparente prin care să se afișeze 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 se face transparență în Photoshop.

Crearea fișierului

Primul pas este crearea unui fișier. Pentru aceasta, 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 „Document nou” care apare ( Document nou) creați fișierul dorit și asigurați-vă că documentul dvs. are 72 de pixeli pe inch ( deoarece fișierul este pentru utilizarea 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 crea un PNG cu transparență în Photoshop, trebuie să clarificați că în acest exemplu creăm o imagine pentru încărcare ca fundal pentru site, deci 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 document nou.

Apoi în panoul Straturi ( Straturi) asigurați-vă că lucrați la un strat transparent și nu la 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 se face o imagine transparentă în Photoshopcare a ieșit mai devreme decât CC 2015. Aceste versiuni utilizează 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ă, pur și simplu accesați meniul Fișier ( Fişier), apoi - „Salvați 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â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 salvare, puteți face acest lucru acum.

Versiunea Photoshop CC 2015:

Inainte de, cum se face o fotografie transparentă în Photoshop, trebuie să știți că începând cu CC 2015, „Salvați pentru web” ( Salvați pentru web și dispozitive) în meniul Fișier ( Fişier) este marcat ca Legacy (depreciat). Și înlocuit cu o nouă opțiune „Export” ( Export), care oferă funcționalități identice cu economisire 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» ( Exportați ca).

Notă: Adobe oferă încă o opțiune de salvare pentru web ( Salvați pentru web și dispozitive) în Photoshop CC 2015 și este disponibil prin Fișier\u003e Export ( Fișier\u003e Export) sau utilizând comanda rapidă de la tastatură Comandă + Opțiune + 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).

Uneori devine necesar să schimbați o imagine făcându-l un fundal transparent. Uneori dai peste o imagine, dar fundalul acesteia nu se potrivește site-ului tău și vrei să o faci transparentă. Desigur, dacă aveți Photoshop și știți cum să lucrați la el, îl puteți face și acolo. Dar există și o modalitate mai ușoară, ca să spunem așa, „pentru manechini”.

În timp ce navigați pe internet, am dat peste un articol despre Pixlr Photo Editor. Apropo, acesta nu este un editor grafic obișnuit, ci un editor online. Iată un link către acesta - http://pixlr.com/editor/.

Acest program ne va ajuta să realizăm o imagine cu un fundal transparent în format PNG.

Avem, de exemplu, următoarea imagine:

Vreau să îndepărtez fundalul negru de pe el și să-l fac transparent.

Pentru aceasta, intrați în program, selectați elementul „Deschideți imaginea de pe computer” și încărcați imaginea dorită. Schimbați imediat limba programului în limba rusă (meniu Limba-\u003e limba rusă).

În dreapta în fereastra „Straturi” veți vedea o miniatură a imaginii și un bloc. Faceți dublu clic pe bloc (ar trebui să apară o „pasăre” în casetă). Acest lucru deblochează fundalul.

După aceea, selectați instrumentul „Baghetă magică” (din stânga barei de instrumente), aduceți-l în fundalul imaginii și faceți clic cu mouse-ul. Fundalul va fi evidențiat cu o linie punctată. Ștergeți fundalul cu tasta Ștergere.

Asta am făcut:

Diferența dintre formatul PNG și alte formate pentru grafică este că părțile transparente sau parțial transparente ale imaginii rămân transparente atunci când sunt salvate. Dacă salvați fișiere într-un alt format, această transparență se poate pierde. Pentru a crea și, cel mai important, a salva un fișier PNG, trebuie să țineți cont de câteva lucruri.

Instrucțiuni

Depinde mult de editorul grafic cu care lucrați. Cele mai simple programe, cum ar fi editorul standard Paint, în principiu, nu acceptă transparența. Mai multe programe funcționale Paint.net, CorelDraw, Adobe Photoshop (și altele asemenea) vă permit să ajustați transparența imaginilor și să susțineți lucrul cu straturile.

Pentru a ajusta transparența (transparența parțială) a unei imagini sau a oricărei părți a acesteia, creați straturi noi și utilizați instrumentele din editorul dvs. pentru a personaliza afișarea straturilor. În funcție de editorul dvs., poate fi necesar să îmbinați toate straturile înainte de a salva.

Pentru a salva imaginea așa cum o vedeți în editor, selectați Fișier din bara de meniu de sus. Selectați comanda „Salvați ca” din meniul derulant. În caseta de dialog care se deschide, specificați directorul pentru salvarea fișierului, în câmpul Nume fișier, introduceți numele sub care doriți să salvați fișierul. În câmpul „Tipul de fișier” (Format) din lista derulantă, selectați valoarea PNG (*. PNG) și faceți clic pe butonul „Salvare”.

În cazul în care îmbinarea straturilor duce la pierderea transparenței, fie salvați imaginea fără a îmbina straturile, fie setați pentru editor un instrument care vă permite să exportați straturi în format .png fără a pierde transparența (de exemplu, în Adobe Photoshop, acest lucru nu poate poate fi realizat cu instrumente standard, astfel încât nu există o extensie .png în lista de formate).

Descărcați scriptul corespunzător de pe Internet. Setați fundalul la un strat transparent și așezați imaginea principală pe un alt strat. Selectați Fișier din bara de meniu de sus, Scripturi din meniul pop-up și Exportați straturi în fișier.

În caseta de dialog care se deschide, selectați directorul pentru salvarea straturilor, setați marcatorul în câmpul opus inscripției Mod rapid (Nu eliminați straturile ascunse), în „Tipul de fișier” selectați formatul .png și faceți clic pe „ Butonul Rulați. Pentru faptul că veți avea salvate două fișiere: unul este „gol”, celălalt va conține o imagine cu setările de transparență.

Dacă aveți nevoie să editați un fișier PNG, mulți se grăbesc să descarce Photoshop, care nu este distribuit doar pe bază de plată, ci și destul de solicitant în ceea ce privește resursele computerului. Nu toate computerele vechi sunt capabile să funcționeze cu această aplicație. În astfel de cazuri, diferiț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ții cu fișiere.

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ă acestea nu sunt solicitante în ceea ce privește resursele computerului dvs., deoarece toate manipulările de fișiere 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 manipulare a imaginilor PNG, absolut nesolicitat resurselor computerului dvs., poate fi rulat pe dispozitive mobile.

Dezavantajele serviciului includ absența limbii ruse, totuși, cu utilizarea prelungită, acest dezavantaj devine subtil.

Site-ul nu necesită înregistrare, nu este dificil să înțelegeți serviciul, chiar dacă nu știți limba engleză. Nu vă fie teamă să experimentați, dacă ceva nu merge bine, îl puteți anula oricând cu o singură apăsare de buton.

Metoda 2: Photoshop Online

Dezvoltatorii își poziționează serviciul ca photoshop online. Funcționalitatea editorului este într-adevăr similară cu aplicația faimoasă din lume, 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 se lucrează cu imagini mari.

Atunci când efectuați 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 computerul dvs. 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 s-au găsit probleme. Site-ul a fost tradus în 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 exigent utilizator.

Editorele foto online sunt ușor de utilizat, nu necesită instalare pe computer, datorită cărora pot fi accesate chiar și de pe un dispozitiv mobil. Ce editor să utilizați depinde de dvs.

Când lucrați la proiectarea site-ului web, trebuie adesea să vă ocupați de faptul că imaginea găsită, care s-ar potrivi în mod ideal site-ului dvs., are un fundal diferit, ceea ce ar fi de dorit să fie eliminat.

Și astfel, ne deschidem fotografia în Photoshop.

1. Primul lucru de făcut este să creați o zonă de lucru pentru imagine cu un fundal transparent. Pentru asta:
- în fereastra stratului, faceți dublu clic pe stratul nostru (cu o blocare)
- În fereastra pop-up, 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 de a selecta întregul fundal, cu excepția imaginii. Pentru a face acest lucru, reglați setările baghetei magice (parametru toleranţă) până 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 oblit. 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 lipiț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).

Videoclip util pe tema: