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 od mene nema takav problem i niko od mene nema bijelu pozadinu, što bi u većini slučajeva odgovaralo. ja trebam transparentna pozadina!

Nisam našao nijednu normalnu ideju na internetu kako napraviti prozirnu pozadinu za gotovu sliku, pa sam i sam počeo da eksperimentišem i pronašao manje-više odgovarajuće rešenje!

Kako napraviti prozirnu pozadinu za sliku

Uzmimo za primjer jednu jednostavnu sliku u .jpg formatu (generalno, format nije posebno važan):

Ovdje je bijela pozadina, koje se želim riješiti i umjesto toga napraviti prozirnu pozadinu. Ovo će nam pomoći - online privid Photoshopa.

Učitajte našu sliku. S desne strane, u prozoru "Slojevi" pojavit će se sloj "Background" na kojem je zaključana brava (ne dozvoljava brisanje pozadine slike).

Dvoklikom na lijevu tipku miša na ovu bravu možete ukloniti bravu iz pozadine. Umjesto brave pojavljuje se kvačica.

Sada uzimamo čarobni štapić (traka s alatima, desna kolona je drugo dugme odozgo), navedite sljedeće parametre: tolerancija = 21, kvačice za zaglađ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 uklanjamo 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.

Jedina mana Pixlra- slika se ne može sačuvati u .gif formatu, koji takođe zadržava prozirnu pozadinu, ali je mnogo lakši od .png formata. Ali ako nema drugog izlaza, zašto ga ne iskoristiti?

hvala Nataliji Petrovoj

Razlika između PNG formata i drugih formata za grafiku je u tome što prozirni ili djelomično prozirni dijelovi slike ostaju transparentni kada se pohrane. Ako sačuvate datoteke u drugom formatu, ova transparentnost se može izgubiti. Da biste kreirali i, što je najvažnije, spremili PNG datoteku, morate imati na umu nekoliko stvari.

Instrukcije

Ponekad morate učitati sliku koja sadrži prozirne elemente kroz koje će se vidjeti originalna pozadina. U ovim slučajevima, bilo bi zgodno učitati PNG slike jer one mogu sačuvati transparentnost.

U ovom članku ćemo vam reći, kako napraviti transparentnost u Photoshopu.

Kreiranje fajla

Prvi korak je kreiranje datoteke. Da biste to uradili, otvorite Adobe Photoshop i u meniju Datoteka ( File) na vrhu stranice odaberite "Kreiraj" ( Novo).

Zatim, u prozoru "Novi dokument" koji se pojavljuje ( Novi dokument) kreirajte veličinu datoteke koju želite i provjerite je li rezolucija dokumenta 72 piksela po inču ( pošto je datoteka za web upotrebu). I također da ste odabrali vrijednost "Transparentno" ( Transparentno) na padajućoj listi "Pozadinski sadržaj" ( Pozadinski sadržaj).

* Prije nego što napravite PNG sa prozirnošću u Photoshopu, morate pojasniti da u ovom primjeru kreiramo sliku za upload kao pozadinu za web lokaciju, tako da je veličina dokumenta postavljena na sljedeći način: širina 3000 piksela, visina 1730 piksela, što su preporučene veličine za otpremanje HD slika:

Nakon što ste odredili vrijednosti parametara, kliknite na "OK" za otvaranje novi dokument.

Zatim u panelu "Slojevi" ( Slojevi) provjerite da li radite dalje prozirni sloj a ne na pozadini:

Nakon što završite kreiranje i spremni ste za spremanje prozirne slike, ovisno o korištenoj Photoshop verzije, u meniju "Datoteka" ( File) možete koristiti jednu od mogućih opcija:

Photoshop verzije starije od CC 2015:

Sada ćemo reći kako napraviti sliku transparentnom u Photoshopu koji je izašao ranije od CC 2015. Ove verzije koriste Sačuvaj za Web ( Sačuvaj za Web i uređaji) za spremanje i optimizaciju PNG slika za korištenje na webu. Da biste koristili ovu metodu, jednostavno idite na meni Datoteka ( File), a zatim - "Sačuvaj za Web" ( Sačuvaj za web i uređaje):

Zatim u prozoru koji se pojavi odaberite PNG-24 iz padajućeg menija mogućih vrijednosti, a zatim provjerite je li "Transparentnost" ( Transparentnost) i " Pretvorite u sRGB» ( Pretvorite u sRGB). Ovo potvrđuje da će slika sadržavati prozirnu pozadinu i da će njen način boja biti pretvoren u sRGB, preporučeni prostor boja za web.

polja" Veličina slike» ( Veličina slike) se automatski popunjavaju vrijednostima koje ste naveli kada ste kreirali datoteku. Ali ako želite promijeniti veličinu datoteke prije spremanja, možete to učiniti sada.

Photoshop CC 2015 verzija:

prije, kako napraviti sliku transparentnom u Photoshopu, morate znati da je od CC 2015, "Sačuvaj za Web" ( Sačuvaj za web i uređaje) u meniju Datoteka ( File) je označen kao naslijeđe (zastarjelo). I zamijenjen sa nova opcija"Izvoz" ( Izvoz), koji nudi identičnu funkcionalnost uz brže spremanje u manji fajl i u boljeg kvaliteta... Da biste koristili opciju Izvoz, kliknite na meni Datoteka ( File), i onda - " Izvezi kao» ( Izvozi kao).

Napomena: Adobe i dalje nudi opciju Save For Web ( Sačuvaj za web i uređaje) u Photoshopu CC 2015 i dostupan je putem File> Export ( Datoteka> Izvoz) ili pomoću prečice na tastaturi Command + Option + Shift + S (za Mac) ili Ctrl + Alt + Shift + S (za PC):

Zatim, u prozoru koji se pojavi, izaberite PNG sa padajućeg menija Format ( Format) i provjerite Transparentnost ( Transparentnost) i " Pretvorite u sRGB» ( Pretvorite u sRGB).

Za kreiranje transparentne PNG slike pomoću besplatne online usluga stranica mora prvo pripremiti sliku. Preporučljivo je koristiti slike u PNG ili GIF formatima kao sliku, jer JPEG format može unijeti mala izobličenja u sliku na granici prijelaza boja, što će spriječiti stvaranje visokokvalitetnog blanka za budući vodeni žig.

Zatim morate obojiti područje, koje bi trebalo postati nevidljivo, nekom bojom, po mogućnosti odsutnom na ostatku slike. To je neophodno kako bi se jasno razdvojili vidljivi i nevidljivi dijelovi slike. Ako se to ne učini, može se ispostaviti da će dio slike za koji to nije poželjno postati nevidljiv. Ispod je primjer slike pripremljene za obradu. Područje na slici koje će biti učinjeno transparentnim je istaknuto crvenom bojom.

Zatim trebate odabrati stavku "Usluge" u glavnom izborniku stranice i otići na podstavku "Kreiraj prozirnu sliku u PNG formatu". Na stranici koja se otvori odaberite datoteku koju smo prethodno pripremili i kliknite na dugme "Sljedeći korak".

Slika će biti postavljena na server i na sljedeća stranica dobićemo priliku da pomoću miša odaberemo boju koju treba učiniti transparentnom.

Klikom miša na pravo mjesto slike dolazimo do stranice rezultata obrade slike. Sada morate kliknuti desnim tasterom miša na obrađenu sliku, odabrati stavku menija "Sačuvaj sliku kao..." i sačuvati rezultirajuću sliku na računar.

Dobar dan svima, moji dragi 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 uvelike olakšava rad, jer se savršeno uklapaju u sliku bez nepotrebnih predmeta.

Ali desi se da sam našao neku sjajnu sliku koja bi odgovarala opštoj temi, ali ona, takav pas, ima nepotrebne predmete i pozadinu. I šta onda? Score on dobra grafika? Nema šanse. i baš danas ću vam rado pokazati kako napraviti prozirnu pozadinu slike u 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 bih preporučio da ga koristite za tako složene selekcije. Za uobičajeno uklanjanje nepotrebne pozadine (tj. stvaranje prozirne) koristit ćemo više jednostavne metode.

Prije nego što započnete glavni rad, otvorite sliku i pokušajte je izrezati do točke da element stane u nju. Biće lakše, verujte mi. Štaviše, ovo nije teško učiniti. Samo uzmi i smanji granice.

Kreirajte novi dokument

Ako očekujete da ćete nešto napraviti od nule, u početku se pobrinite da kada kreirate novi dokument 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

čarobni štapić

Najbolje je koristiti ovaj alat za uklanjanje pozadine kada je ujednačena ili sa sličnom teksturom. Na primjer, slikao sam majmuna na konopcu. Kao što vidite, nalazi se na bijeloj pozadini, a potrebna nam je prozirna. Zatim škrgućemo prstima i počinjemo sve raditi korak po korak.

Ako vidite da je pozadina premala 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ćana, tada će raspon uključivati ​​i nijanse koje su bliske ovoj boji.

Samo ne zaboravite da takve slike moraju biti sačuvane u formatu PNG slika u suprotnom će se izgubiti transparentnost i ponovo ćete imati bijelu pozadinu.

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

Eraser

Takođe, pozadina se može izbrisati običnim. Da, upravo njima. Samo ne zaboravite ukloniti bravu sa sloja, inače će umjesto prozirnosti sve biti obojeno bijelom bojom.

Proces je, naravno, prilično mučan. Uostalom, potrebno je pokupiti normalnu krutost i mirno je oprati bez dodirivanja samog elementa, u ovaj slučaj leopard. U svakom slučaju, ne može se isključiti kao opcija. Slažeš li se?

Naravno, postoji i jednostavniji način, odnosno alat Gumica za pozadinu... Jedina stvar je da je bolje da se pozadina i element dovoljno razlikuju jedni od drugih 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 istom skupu alata odaberite « Magic eraser» ... Opet gledamo na toleranciju. S takvim sastavom možete staviti visoki nivočak i toleranciju 80-90 .

Sada samo treba da kliknemo na nebo jednom. Vidiš šta se dogodilo? Ne moramo više ništa da peremo. Veći dio neba se brije jednim dodirom.

Kliknite na ostatak nebeskog svoda da ga potpuno uklonite. Tigar bi trebao biti samo na prozirnoj pozadini. Pa, onda je sve po šemi. Očistite sve do transparentnosti i sačuvajte sliku u formatu PNG slika.

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

Pa, ako ozbiljno želite da naučite kako da pravite lepe, zanimljive i profesionalne kolaže, onda svakako pogledajte kurs od Elene Vinogradove, profesionalni kolažer na ovu temu. Kurs je zaista odličan i izgleda lagano.

Pa, na ovome se opraštam od tebe. Nadam se da ste uživali u mojoj današnjoj lekciji i da vam je bila korisna. Ne zaboravite da se pretplatite na ažuriranja bloga i podijelite ih sa svojim prijateljima društvene mreže... I čekam vas u svojim drugim člancima. Usput, jeste li zaboravili na takmičenje? Rezultate ću objaviti za nedelju dana. Tako da smo u žurbi! Pa, želim ti uspjeh. Ćao ćao!

Srdačan pozdrav, Dmitry Kostin.