Sačuvajte datoteku kao PNG na mreži. Zamijenite bijelu ili običnu pozadinu prozirnom na mreži

02.02.2022

Razlika između PNG formata i drugih grafičkih formata je u tome što prozirni ili djelomično prozirni dijelovi slike ostaju transparentni kada se pohrane. Ova prozirnost može biti izgubljena prilikom spremanja datoteka u drugom formatu. Da biste kreirali i, što je najvažnije, spremili PNG datoteku, morate uzeti u obzir nekoliko točaka.

Uputstva

  • Mnogo zavisi u čemu grafički editor radiš. Najjednostavniji programi, kao što je standardni Paint editor, u principu ne podržavaju transparentnost. Funkcionalniji programi Paint.net, CorelDraw, Adobe Photoshop(i slični) vam omogućavaju podešavanje transparentnosti slika i podržavaju rad sa slojevima.
  • Da biste podesili prozirnost (djelimičnu prozirnost) slike ili bilo kojeg njenog dijela, kreirajte nove slojeve i koristite alate svog uređivača da prilagodite kako se slojevi pojavljuju. Ovisno o vašem uređivaču, možda ćete morati spojiti sve slojeve prije spremanja.
  • Da biste sačuvali sliku onako kako je vidite u uređivaču, izaberite Datoteka na gornjoj traci menija. Iz padajućeg menija izaberite komandu „Sačuvaj kao“. U dijaloškom okviru koji se otvori navedite direktorij za spremanje datoteke u polje „Ime datoteke“ unesite ime pod kojim želite da sačuvate datoteku. U polju „Vrsta datoteke“ (Format) odaberite vrijednost PNG(*.PNG) sa padajuće liste i kliknite na dugme „Sačuvaj“.
  • Ako spajanje slojeva dovodi do gubitka transparentnosti, ili sačuvajte sliku bez spajanja slojeva ili instalirajte alat u uređivač koji vam omogućava izvoz slojeva u .png formatu bez gubitka transparentnosti (na primjer, u Adobe Photoshopu to se ne može postići sa standardni alati, tako da na listi formata nema ekstenzije .png).
  • Preuzmite odgovarajuću skriptu sa Interneta. Postavite prozirni sloj kao pozadinu, a glavnu sliku postavite na drugi sloj. Odaberite stavku “File” na gornjoj traci izbornika, stavku “Scripts” u proširenom izborniku i naredbu “Export Layers to File”.
  • U dijaloškom okviru koji se otvori odaberite direktorij za spremanje slojeva, potvrdite okvir pored Brzi način rada (ne uklanjajte skrivene slojeve), odaberite .png format u polju "Vrsta datoteke" i kliknite na dugme "Pokreni" . Ova akcijaće rezultirati time da imate dvije sačuvane datoteke: jedna je "prazna", druga će sadržavati sliku s vašim postavkama transparentnosti.
  • Online program Pixir - napravite prozirnu pozadinu za sliku.

    Sergey Feschukov

    Ponekad naiđete na vrlo prikladnu sliku za svoj post i sve bi bilo u redu... Ali pozadina slike ne odgovara pozadini bloga ili bloka sa tekstom. Očigledno niko nema ovaj problem i niko nema bijelu pozadinu, što bi bilo prikladno u većini slučajeva. Trebam transparentna pozadina!

    Nisam mogao naći nijednu dobru ideju na internetu. kako napraviti prozirnu pozadinu Za gotova slika, pa sam i sam počeo eksperimentirati i našao manje-više prikladno rješenje!

    Kako napraviti prozirnu pozadinu za sliku

    Uzmimo jedan primjer jednostavna slika u .jpg formatu (generalno format nije posebno važan):

    Ovdje je bijela pozadina koje se želim riješiti i umjesto toga napraviti prozirnu pozadinu. U tome će nam pomoći online verzija Photoshopa.

    Učitavanje naše slike. Desno u prozoru “Slojevi” pojavit će se sloj “Background” na kojem se nalazi katanac (sprečava brisanje pozadine slike).

    Dvoklikom lijevom tipkom miša na ovu bravu možete ukloniti bravu iz pozadine. Umjesto katanca pojavit će se kvačica.

    Sada uzmite čarobni štapić (traka s alatima, desna kolona, ​​drugo dugme odozgo), odredite sljedeće parametre: tolerancija = 21, potvrdni okviri za izglađivanje i kontinuitet(obično su takvi parametri standardni), iako možete eksperimentirati s parametrima; i kliknite na pozadinu slike (u našem slučaju na bijelu pozadinu).

    Sada brišemo pozadinu pritiskom na dugme "Izbriši" i dobijamo sliku koja nam je potrebna sa prozirnom pozadinom.

    Kao rezultat, izlaz je ista slika sa prozirnom pozadinom.

    Jedini negativ Pixlr-a- ne možete sačuvati sliku u .gif formatu, koji takođe zadržava prozirnu pozadinu, ali je mnogo lakši od .png formata. Ali ako nema drugog izbora, zašto to ne iskoristiti?

    hvala Nataliji Petrovoj

    Potreba za pisanjem odavno je zakasnila kratka uputstva Kako napraviti JPG i PNG sliku iz PSD-a. Naravno, većini ovo može izgledati vrlo jednostavno, ali upute su namijenjene korisnicima koji ne rade stalno u Photoshopu. Na primjer, kupci koji su dobili izgled u PSD formatu (Photoshop).

    PSD datoteke su Photoshop datoteke. One. Prvo morate instalirati Photoshop na svoj računar. Ne preporučujem instaliranje piratske verzije, kako ne bi uhvatili Trojanca. Adobe trenutno nudi besplatan probni period svojih proizvoda u trajanju od 30 dana. Stoga, slobodno preuzmite zvaničnu verziju Photoshopa sa web stranice Adobe programera.

    1. Otvorite PSD datoteku

    2. Uvjerite se da su svi potrebni slojevi uključeni. Svi slojevi su prikazani na panelu Layers, a uključeni slojevi imaju ikonu „oka“ pored svog naziva. Klikom na ovu ikonu mišem možete uključiti/isključiti prikaz slojeva. Ako ne vidite ovaj panel, morate ga omogućiti. Da biste omogućili prikaz ploče slojeva: Top menu> Prozor > Slojevi(ili hotkey F7).

    3. Za izvoz PSD fajl u PNG formatu, možete koristiti pojednostavljenu metodu, ali vam ne dozvoljava da odredite dodatna podešavanja. Treba napomenuti da vam najčešće neće biti potrebna dodatna podešavanja. Stoga u gornjem meniju biramo: Datoteka > Izvoz > Brzi izvoz u PNG. Odmah će se otvoriti prozor za odabir putanje za spremanje datoteke rezultata.

    4. „Napredniji“ metod koji pruža dodatna podešavanja. Top meni: Fajl > Izvezi > Izvezi kao.... Otvoriće se prozor dodatna podešavanja. U njemu možete: odabrati format u kojem će slika biti sačuvana (PNG, JPG, GIF, SVG), mogućnost promjene razmjera u kojem će slika biti sačuvana. Nakon potrebnih postavki, kliknite na dugme „Izvezi…“ i izaberite putanju za spremanje u prozoru koji se otvori.



    Kada radite sa Photoshopom, možda ćete biti zbunjeni pozadinom slike. Ako u prozoru Photoshop pozadina slike u obliku sive šahovske table, što znači da je pozadina prozirna.

    U ovom slučaju, samo će PNG format podržavati transparentnost pozadine, dok će JPG format generirati sliku s bijelom pozadinom. Ovo se mora uzeti u obzir ako ćete naknadno koristiti ovu sliku na web lokaciji gdje je navedena pozadina koja nije bela.

    Dobar dan svima, dragi moji prijatelji i čitaoci. Svaki dan pišem članke na svom blogu, i shodno tome svakom od njih treba neka uvodna slika. Da biste to učinili, morate potražiti posebne slike na internetu. U idealnom slučaju, postoje slike sa prozirnom pozadinom. To znatno olakšava rad, jer se savršeno uklapaju u sliku bez nepotrebnih predmeta.

    Ali desi se da nađem neku sjajnu sliku koja bi odgovarala opštoj temi, ali ona, takav pas, je sa nepotrebnim predmetima i pozadinom. Pa šta onda? Zaboravite na dobru grafiku? Nema šanse. i baš danas ću vam rado pokazati kako da napravite prozirnu pozadinu slike u Photoshopu sa nekoliko lijepih na jednostavne načine.

    Možete pogledati moj članak o kojem sam pisao. Ova metoda je prikladna za našu svrhu (također odaberete objekt i prenesete ga u novi dokument na prozirnoj pozadini), ali savjetovao bih da ga koristite posebno za tako složene odabire. Za normalno uklanjanje nepotrebnu pozadinu (odnosno stvaranje prozirne) koristit ćemo više jednostavne metode.

    Prije nego što počnete s glavnim radom, otvorite sliku i pokušajte je izrezati dok se element ne uklopi u nju. Biće lakše, verujte mi. Štaviše, to je lako učiniti. Samo uzmi i smanji granice.

    Kreiranje novog dokumenta

    Ako očekujete da ćete nešto napraviti od nule, u početku se pobrinite da prilikom kreiranja novog dokumenta imate prozirnu pozadinu. Da biste to učinili, kreirajte novi dokument i nakon postavljanja svih parametara obavezno postavite "Prozirna pozadina". I onda radimo kao i obično

    Štapić

    Ovaj alat se najbolje koristi za uklanjanje pozadine kada je homogena ili ima sličnu strukturu. Na primjer, fotografirao sam majmuna na konopcu. Kao što vidite, to je na bijeloj pozadini, ali nam je potrebna transparentna. Zatim lomimo prste i počinjemo sve raditi korak po korak.


    Ako vidite da se pozadina ističe premalo ili previše, poigrajte se s tolerancijom. Što je veći, više sličnih piksela će uhvatiti, tj. više ako je tolerancija minimalna, tada će istaknuti strogo jednu boju, a ako je povećate, tada će raspon uključivati ​​i nijanse koje su bliske ovoj boji.

    Samo nemojte zaboraviti da takve slike moraju biti sačuvane u formatu PNG, inače će se izgubiti transparentnost i opet ćete imati bijelu pozadinu.

    Ako je pozadina vrlo heterogena i jasno je vidljivo da čak ni tolerancija neće pomoći, onda koristite druge, na primjer, ili čak laso. Inače, ovo sam već pokazao.

    Eraser

    Pozadinu možete izbrisati i običnim. Da, da, upravo oni. Samo nemojte zaboraviti ukloniti bravu sa sloja, inače će sve biti obojeno bijelo umjesto prozirnosti.

    Proces je naravno prilično naporan. Uostalom, morate odabrati normalnu tvrdoću i mirno je oprati bez dodirivanja samog elementa, u ovom slučaju leoparda. U svakom slučaju, ne može se isključiti kao opcija. Da li se slažete?

    Naravno, postoji i jednostavniji način, odnosno alat "Brisanje pozadine". Jedina stvar je da je bolje da se pozadina i element dovoljno razlikuju jedan od drugog u boji i zasićenosti. Pa sam fotografisao tigra kako skače na nebo. Odlična opcija.


    Pa, u isto vrijeme, neću zaboraviti još jednu gumicu. U istoj grupi alata odaberite "Magic Eraser". Opet, gledamo klirens. Sa takvim sastavom može se postaviti čak i visok nivo tolerancije 80-90 .

    Sada samo treba da kliknemo na nebo jednom. Vidite li šta se dogodilo? Više ne moramo ništa da peremo. Većina nepca je obrijana jednim pritiskom.

    Kliknite na ostatke neba da ga potpuno uklonite. Tigar bi trebao biti samo na providnoj pozadini. E, onda sve ide po planu. Obrišite sve do transparentnosti i sačuvajte sliku u formatu PNG.

    Pa? Zar nije lepota? Sve. Sada se može koristiti za bilo koje kolaže ili druge vrste slika. Možete čak učiniti da izgleda kao da vas pokušava napasti))). Pa, to vam kaže vaša mašta.

    Pa, ako ozbiljno želite da naučite kako da pravite lepe, zanimljive i profesionalne kolaže, onda svakako pogledajte kurs od Elene Vinogradove, profesionalac u izradi kolaža na ovu temu. Kurs je zaista odličan i izgleda kao povjetarac.

    Pa, ovim se opraštam od tebe. Nadam se da vam se svidjela moja današnja lekcija i da vam je bila od koristi. Ne zaboravite da se pretplatite na ažuriranja bloga i podijelite sa svojim prijateljima na društvene mreže. I čekam vas u svojim drugim člancima. Usput, jeste li zaboravili na takmičenje? Rezultate ću objaviti za nedelju dana. Zato požurimo! Pa, želim ti uspjeh. Bye bye!

    Srdačan pozdrav, Dmitry Kostin.

    Kada radite na dizajnu web stranice, često se morate suočiti s činjenicom da pronađena slika, koja bi idealno odgovarala vašoj stranici, ima drugačiju pozadinu koju bi bilo poželjno ukloniti.

    I tako, otvorite našu sliku u Photoshopu.

    1. Prva stvar koju treba da uradite je da kreirate radnu oblast za sliku sa prozirnom pozadinom. Da biste to učinili:
    - u prozoru slojeva, dvaput kliknite na naš sloj (sa bravom)
    - U prozoru koji se pojavi kliknite na OK

    Brava bi trebala nestati

    Ako je pozadina obična:
    Odaberite alat " Štapić"je vrlo fleksibilan alat za isticanje željenog područja. Naš zadatak je istaći cijelu pozadinu osim slike. Da biste to učinili, podesite postavke čarobnog štapića (parametar prijem) dok ne dobijemo željeni rezultat. Također koristimo tipku Shift za odabir područja pored već odabranog. Pritisnite Del i odabrano područje se briše.

    Ako je pozadina višebojna:
    Koristimo alat " Brzi izbor". Ovdje je naš zadatak da istaknemo ne pozadinu, već sam objekt, koji bi trebao ostati. Kliknite dok se željeno područje ne označi. Ako je previše istaknuto, držite Alt i minus područje. Rezultat možete pogledati pritiskom na tipku Q.
    Kada je odabir spreman, kopirajte ga sa Ctrl+C. Napravite novi dokument sa prozirnom pozadinom (Ctrl+N) i zalijepite objekt Ctrl+V u njega.

    3 . Ako je na slici ostalo nešto nepotrebno, koristite “ Eraser“, samo izbrišite dodatnu pozadinu.

    4 . Sačuvajte sliku za web (Alt+Shift+Ctrl+S) i odaberite GIF ili PNG format (u ostalima će se naša prozirna pozadina pretvoriti u bijelu).

    Koristan video na temu: