Napravite prozirnu pozadinu online. Kako napraviti prozirnu pozadinu za sliku Stvorite png sliku

01.08.2020 Zanimljiv

Danas sam se odlučio malo odmaknuti od teme kodiranja i pričati malo o dizajnu. Iako dizajn igra značajnu ulogu u izradi web stranice, s crtanjem, grafikom i dizajnom nisam prijatelj od djetinjstva. Stoga tražim slike za svoje postove, poput mnogih blogera, negdje na internetu, koristeći besplatne banke fotografija i zalihe fotografija.

I tako, ponekad naletite na vrlo prikladnu sliku za svoju objavu i sve bi bilo u redu... Ali pozadina slike ne odgovara pozadini bloga ili bloka s tekstom. Navodno nitko nema ovaj problem i nitko nema bijelu pozadinu, koja bi bila prikladna u većini slučajeva. trebam prozirna pozadina !

Nisam mogao pronaći dobre ideje na internetu. kako napraviti prozirnu pozadinu za gotovu sliku, pa sam i sam počeo eksperimentirati i našao koliko-toliko prikladno rješenje!

Kako napraviti prozirnu pozadinu za sliku

Uzmimo kao primjer jednu jednostavnu sliku u .jpg formatu (općenito, format nije osobito bitan):

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

Prijenos naše slike. S desne strane u prozoru "Slojevi" pojavit će se sloj "Pozadina" na kojem se nalazi katanac (spriječava brisanje pozadine slike).

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

Sada uzmite čarobni štapić (alatna traka, desni stupac, drugi gumb odozgo), odredite sljedeće parametre: tolerancija = 21, 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 gumb "Izbriši" i dobivamo sliku koja nam je potrebna s prozirnom pozadinom.

Ponekad je potrebno promijeniti sliku tako da njezinu pozadinu učini prozirnom. Ponekad naiđete na sliku, ali njena pozadina ne odgovara vašoj stranici, a želite je učiniti transparentnom. Naravno, ako imate Photoshop i znate s njim raditi, možete i tamo. Ali postoji lakši način, da tako kažem, "za lutke".

Jednog dana dok sam surfao internetom, naišao sam na članak o grafički urednik Pixlr uređivač fotografija. Usput, ovo nije obični grafički uređivač, već mrežni uređivač. Evo linka do njega - http://pixlr.com/editor/.

Upravo će nam ovaj program pomoći da napravimo sliku s prozirnom pozadinom u PNG formatu.

Na primjer, imamo ovu sliku:

Želim s njega ukloniti crnu pozadinu i učiniti ga prozirnim.

Da biste to učinili, idite na program, odaberite stavku "Otvori sliku s računala" i učitajte željenu sliku. Odmah promijenite jezik programa na ruski (izbornik Jezik->Ruski jezik).

S desne strane u prozoru "Slojevi" vidjet ćete sličicu slike i blok. Dvaput kliknite na blok (u okviru bi se trebala pojaviti "ptica"). Na taj način uklanjate blokadu iz pozadine.

Nakon toga odaberite alat "Magic Wand" (lijevo na alatnoj traci), postavite ga na pozadinu slike i kliknite mišem. Pozadina će biti istaknuta točkasta linija. Koristite tipku Delete za uništavanje pozadine.

Evo što sam dobio:

Online program Pixir - napravite prozirnu pozadinu za sliku.

Sergej Feščukov

Ponekad naiđete na vrlo prikladnu sliku za svoju objavu i sve bi bilo u redu... Ali pozadina slike ne odgovara pozadini bloga ili bloka s tekstom. Navodno nitko nema ovaj problem i nitko nema bijelu pozadinu, koja bi bila prikladna u većini slučajeva. trebam prozirna pozadina!

Nisam mogao pronaći dobre ideje na internetu. kako napraviti prozirnu pozadinu za gotovu sliku, pa sam i sam počeo eksperimentirati i našao koliko-toliko prikladno rješenje!

Kako napraviti prozirnu pozadinu za sliku

Uzmimo kao primjer jednu jednostavnu sliku u .jpg formatu (općenito, format nije osobito bitan):

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

Prijenos naše slike. S desne strane u prozoru "Slojevi" pojavit će se sloj "Pozadina" na kojem se nalazi katanac (spriječava brisanje pozadine slike).

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

Sada uzmite čarobni štapić (alatna traka, desni stupac, drugi gumb odozgo), odredite sljedeće parametre: tolerancija = 21, 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 gumb "Izbriši" i dobivamo sliku koja nam je potrebna s prozirnom pozadinom.

Kao rezultat toga, izlaz je ista slika s prozirnom pozadinom.

Jedina negativnost Pixlra- ne možete spremiti sliku u .gif formatu, koji također zadržava prozirnu pozadinu, ali je puno svjetliji od .png formata. Ali ako nema drugog izbora, zašto ne iskoristiti ovo?

zahvaljujući Nataliji Petrovoj

Za izradu prozirne PNG slike pomoću besplatnog online usluga stranica prvo mora pripremiti sliku. Preporučljivo je koristiti slike u PNG ili GIF formatu kao slike, jer JPEG format može unijeti mala izobličenja u sliku na granici prijelaza boja, što će vas spriječiti da napravite visokokvalitetnu prazninu za budući vodeni žig.

Zatim trebate obojiti područje koje bi trebalo postati nevidljivo s nekom bojom, po mogućnosti odsutnom s ostatka slike. To je potrebno kako bi se jasno odvojili vidljivi i nevidljivi dijelovi slike. Ako se to ne učini, može se pokazati da će onaj dio slike za koji to nije poželjno postati nevidljiv. Ispod je primjer slike pripremljene za obradu. Područje na slici koje će biti prozirno označeno je crvenom bojom.

Zatim u glavnom izborniku web mjesta odaberite stavku "Usluge" i idite na podstavku "Stvori prozirnu sliku u PNG formatu". Na stranici koja se otvori odaberite datoteku koju smo prethodno pripremili i kliknite gumb "Sljedeći korak".

Slika će biti postavljena na server i na sljedećoj stranici ćemo imati priliku da pomoću miša odaberemo boju koju treba učiniti prozirnom.

Klikom miša na željeno mjesto na slici dolazimo na stranicu s rezultatima obrade slike. Sada morate desnom tipkom miša kliknuti obrađenu sliku, odabrati stavku izbornika "Spremi sliku kao..." i spremiti dobivenu sliku na svoje računalo.

Razlika između PNG formata i ostalih grafičkih formata je u tome što prozirni ili djelomično prozirni dijelovi slike ostaju prozirni nakon spremanja. Kada spremate datoteke u drugom formatu, ta se transparentnost može izgubiti. Da biste stvorili i, što je najvažnije, spremili PNG datoteku, morate uzeti u obzir nekoliko točaka.

upute

  • Mnogo ovisi o tome u kojem grafičkom uređivaču radite. Najjednostavniji programi, kao što je standardni Paint editor, u načelu ne podržavaju transparentnost. Više funkcionalni programi Paint.net, CorelDraw, Adobe Photoshop(i slični) omogućuju podešavanje prozirnosti slika i podržavaju rad sa slojevima.
  • Da biste prilagodili prozirnost (djelomičnu prozirnost) slike ili bilo kojeg njezinog dijela, izradite nove slojeve i koristite alate svog uređivača za podešavanje prikaza slojeva. Ovisno o uređivaču, možda ćete morati spojiti sve slojeve prije spremanja.
  • Da biste spremili sliku onako kako je vidite u uređivaču, odaberite Gornji red stavka izbornika "Datoteka". Iz padajućeg izbornika odaberite naredbu "Spremi kao". U dijaloškom okviru koji se otvori odredite direktorij za spremanje datoteke, u polje "Naziv datoteke" unesite naziv pod kojim želite spremiti datoteku. U polju “Vrsta datoteke” (Format) s padajućeg popisa odaberite vrijednost PNG(*.PNG) i kliknite na gumb “Spremi”.
  • Ako spajanje slojeva dovodi do gubitka prozirnosti, ili spremite sliku bez spajanja slojeva ili postavite uređivač na alat koji vam omogućuje izvoz slojeva u .png formatu bez gubitka prozirnosti (na primjer, u Adobe Photoshopu standardne alate To se ne može postići jer na popisu formata nema ekstenzije .png).
  • Preuzmite odgovarajuću skriptu s interneta. Postavite transparentni sloj kao pozadinu, a glavnu sliku postavite na drugi sloj. Odaberite stavku "Datoteka" u gornjoj traci izbornika, stavku "Skripte" u proširenom izborniku i naredbu "Izvezi slojeve u datoteku".
  • U dijaloškom okviru koji se otvori odaberite direktorij za spremanje slojeva, potvrdite okvir pored Brzi način rada (Nemoj uklanjati skrivene slojeve), odaberite format .png u polju "Vrsta datoteke" i kliknite gumb "Pokreni" . Ova akcija rezultirat će spremljenim dvjema datotekama: jedna "prazna", druga će sadržavati sliku s vašim postavkama prozirnosti.