Faceți un fundal transparent online. Cum să faci un fundal transparent pentru o imagine Creați o imagine png

01.08.2020 Interesant

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

Uneori devine necesar să schimbați o imagine făcând fundalul transparent. Uneori întâlniți o imagine, dar fundalul acesteia nu se potrivește cu site-ul dvs. și doriți să o faceți transparentă. Desigur, dacă ai Photoshop și știi să lucrezi cu el, o poți face și acolo. Dar există o modalitate mai ușoară, ca să spunem așa, „pentru manechin”.

Într-o zi, în timp ce navigam pe internet, am dat peste un articol despre editor grafic Editor foto Pixlr. Apropo, acesta nu este un editor grafic obișnuit, ci un editor online. Aici este linkul către acesta - http://pixlr.com/editor/.

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

De exemplu, avem această imagine:

Vreau să elimin fundalul negru de pe el și să-l fac transparent.

Pentru a face acest lucru, accesați programul, selectați elementul „Deschide imaginea de pe computer” și încărcați imaginea dorită. Schimbați imediat limba programului în rusă (meniul Limbă->Limba rusă).

În partea dreaptă a ferestrei „Straturi”, veți vedea o miniatură a imaginii și un bloc. Faceți dublu clic pe bloc (o „pasăre” ar trebui să apară în casetă). În acest fel, eliminați blocarea din fundal.

După aceea, selectați instrumentul „Baghetă magică” (în partea stângă a barei de instrumente), aduceți-l pe fundalul imaginii și faceți clic cu mouse-ul. Fundalul va fi evidențiat linie punctata. Folosiți tasta Ștergere pentru a distruge fundalul.

Iată ce am primit:

Programul online Pixir - faceți un fundal transparent pentru o imagine.

Serghei Feschukov

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 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 un fundal transparent. 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.

Ca rezultat, rezultatul este aceeași imagine cu un fundal transparent.

Singurul negativ al Pixlr- nu puteți salva imaginea în format .gif, care păstrează și un fundal transparent, dar este mult mai deschis decât formatul .png. Dar dacă nu există altă opțiune, de ce să nu profitați de asta?

multumesc Nataliei Petrova

Pentru a crea o imagine PNG transparentă folosind programul gratuit serviciu online site-ul trebuie să pregătească mai întâi o imagine. Este recomandabil să folosiți imagini în format PNG sau GIF ca imagini, deoarece format JPEG poate introduce ușoare distorsiuni în imagine la marginea tranziției de culoare, ceea ce vă va împiedica să faceți un gol de înaltă calitate pentru viitorul filigran.

Apoi trebuie să pictați peste zona care ar trebui să devină invizibilă cu ceva culoare, de preferință absentă din restul imaginii. Acest lucru este necesar pentru a separa clar părțile vizibile și invizibile ale imaginii. Dacă nu se face acest lucru, se poate dovedi că acea parte a imaginii pentru care acest lucru nu este de dorit va deveni invizibilă. Mai jos este un exemplu de imagine pregătită pentru procesare. Zona din imagine care va deveni transparentă este evidențiată cu roșu.

Apoi ar trebui să selectați elementul „Servicii” din meniul principal al site-ului și să accesați sub-elementul „Creați o imagine transparentă în format PNG”. Pe pagina care se deschide, selectați fișierul pe care l-am pregătit mai devreme și faceți clic pe butonul „Pasul următor”.

Imaginea va fi încărcată pe server și pe pagina următoare ni se va oferi posibilitatea de a folosi mouse-ul pentru a selecta culoarea care trebuie să fie transparentă.

Făcând clic cu mouse-ul în locul dorit din imagine, suntem duși la pagina cu rezultatele procesării imaginii. Acum trebuie să faceți clic dreapta pe imaginea procesată, să selectați elementul de meniu „Salvare imagine ca...” și să salvați imaginea rezultată pe computer.

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

Instrucțiuni

  • Depinde mult de editorul grafic în care lucrați. Cele mai simple programe, cum ar fi editorul standard Paint, nu acceptă deloc transparența. Mai mult programe functionale Paint.net, CorelDraw, Adobe Photoshop(și altele similare) vă permit să reglați transparența imaginilor și să susțineți lucrul cu straturi.
  • Pentru a regla 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 editorului pentru a ajusta 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 linia de sus elementul de meniu „Fișier”. Din meniul derulant, selectați comanda „Salvare ca”. În caseta de dialog care se deschide, specificați directorul pentru a salva fișierul; în câmpul „Nume fișier”, introduceți numele sub care doriți să salvați fișierul. În câmpul „Tip de fișier” (Format), selectați valoarea PNG(*.PNG) din lista verticală și faceți clic pe butonul „Salvare”.
  • Dacă îmbinarea straturilor duce la pierderea transparenței, fie salvați imaginea fără a îmbina straturile, fie instalați un instrument în editorul dvs. care vă permite să exportați straturi în format .png fără a pierde transparența (de exemplu, în Adobe Photoshop unelte standard Acest lucru nu poate fi realizat, deoarece nu există o extensie .png în lista de formate).
  • Descărcați scriptul corespunzător de pe Internet. Setați un strat transparent ca fundal și plasați imaginea principală pe alt strat. Selectați elementul „Fișier” din bara de meniu de sus, elementul „Scripturi” din meniul extins și comanda „Exportați straturi în fișier”.
  • În caseta de dialog care se deschide, selectați directorul pentru a salva straturile, bifați caseta de lângă Modul rapid (Nu eliminați straturile ascunse), selectați formatul .png în câmpul „Tip de fișier” și faceți clic pe butonul „Run” . Această acțiune va avea ca rezultat două fișiere salvate: unul „gol”, celălalt va conține o imagine cu setările de transparență.