U ovom članku pomoći pokazat ću vam kako stvoriti transparentni gradijent pomoću GIMP-a. Ovo je vrlo jednostavna tehnika prilagođena početnicima koja vam omogućuje da vaša slika polako "izblijedi" do prozirnosti ili u osnovi postupno izbrišete sliku.

Možete pratiti pomoću besplatnu sliku koju sam preuzeo s Unsplasha ovdje. Možete pogledati video verziju vodiča u nastavku ili prijeći preko njega za potpuni članak pomoći. Započnimo!

Pregled sadržaja

Korak 1: Otvorite sliku u GIMP-u

Za početak, trebali biste uvesti svoju sliku u GIMP ako to već niste učinili. To možete učiniti tako da odete na Datoteka>Otvori i odaberete lokaciju datoteke na svom računalu. Također možete jednostavno povući i ispustiti svoju sliku u glavno područje slike u GIMP-u (slijedite crvene strelice duž zelene točkaste linije na gornjoj slici).

Nakon što vaša slika bude u GIMP-u, možda ćete dobiti upit želite li pretvoriti sliku u GIMP-ov izvorni sRGB prostor boja. Preporučam da pritisnete “Pretvori” (crvena strelica na gornjoj fotografiji) osim ako ne morate zadržati izvorni prostor boja slike iz određenog razloga.

Korak 2: Dodajte alfa kanal

Sa slikom uvezenom u GIMP, sada ćete htjeti dovršiti važan korak dodavanja alfa kanala vašem sloju slike. Da biste to učinili, desnom tipkom miša kliknite sloj slike na ploči "Slojevi" (crvena strelica) i kliknite "Dodaj alfa kanal" (zelena strelica). Ovaj korak je važan jer bez dodavanja alfa kanala vašoj slici, vaša slika će se izbrisati do boje, a ne do prozirnosti.

Korak 3: Dodajte masku sloja vašoj slici

S dodanim alfa kanalom, sljedeće što ćete htjeti učiniti je dodati masku sloja vašoj slici. To će vam omogućiti nedestruktivno dodavanje "prozirnog" gradijenta vašoj slici. Da biste dodali masku sloja, kliknite ikonu maske sloja na dnu ploče Slojevi (crvena strelica na gornjoj slici). Također možete desnom tipkom miša kliknuti sloj slike i odabrati "Dodaj masku sloja".

U dijaloškom okviru Layer Mask koji se pojavi, pod “Initialize Layer Mask To:” odaberite “White (Full Opacity)” (zelena strelica na gornjoj slici). Kliknite gumb "Dodaj" na dnu dijaloga (plava strelica).

Sada biste trebali vidjeti bijeli okvir desno od minijature svoje slike na ploči Slojevi (crvena strelica na gornjoj slici). Ovaj bijeli okvir vaša je slojna maska.

Korak 4: Nacrtajte gradijent na maski sloja

Zatim zgrabite alat Gradient iz kutije s alatima klikom i držanjem miša na grupi alata koja sadrži alat Bucket Fill (crvena strelica na gornjoj slici), a zatim pustite miš na alatu "Gradient" (plava strelica). Također možete jednostavno pritisnuti tipku "G" na tipkovnici da pristupite ovom alatu putem tipke prečaca.

S odabranim alatom za gradijent kliknite sićušnu ikonu ispod boja uzorka prednjeg plana i pozadine (prema dnu okvira s alatima – crvena strelica na slici) kako biste svoje boje vratili na crno-bijele.

Sada prijeđite na odjeljak "Opcije alata" za alat za gradijent (obično se nalazi neposredno ispod vašeg Toolboxa - ako nije vidljiv idite na Windows>Dockable Dialogs>Tool Options). Kliknite gumb "Gradijent" (crvena strelica na gornjoj slici) i odaberite jedan od gradijenata koji se mijenja iz crne u bijelu (ocrtan plavom bojom) - išao sam s opcijom "FG u BG (RGB)" jednostavnim klikom na nju .

Kliknite padajući izbornik "Oblik" (crvena strelica) i odaberite "Linearno" (plava strelica).

Na kraju, kliknite i povucite mišem na svoju kompoziciju da biste nacrtali gradijent (savjet: držite tipku ctrl na tipkovnici za crtanje u ravnocrtnom načinu). Vaša bi se slika sada trebala činiti kao da blijedi ili se briše do prozirnosti pomoću gradijenta.

Bilješka: uvijek možete obrnuti smjer gradijenta pomoću gumba "Obrnuti" u opcijama alata (zelena strelica na gornjoj slici). Zatim možete kliknuti i povući krajnje točke gradijenta da biste ih promijenili na svoju sliku.

Jedan kraj gradijenta sadržavat će bijelu boju, koja će sadržavati neprozirnost ili prikazati piksele na vašoj slici, a drugi kraj vašeg gradijenta sadržavat će crnu boju ili sadržavati prozirnost koja skriva vašu sliku. U ovom primjeru, lijeva točka mog gradijenta sadrži bijelu (crvena strelica na gornjoj slici), a desna točka gradijenta sadrži crnu (plava strelica na slici).

Mogu kliknuti i povući bilo koju krajnju točku mišem kako bih podesio u kojoj točki počinje zatamnjenje i u kojoj je točki slika potpuno izblijedjela i sada prozirna.

Ako pokazivačem miša prijeđete preko crte između dviju krajnjih točaka, vidjet ćete mali krug koji se pojavljuje prema sredini crte (crvena strelica). Ovo je "srednja točka" vašeg gradijenta.

Možete kliknuti i povući središnju točku kako biste prilagodili točku u kojoj je slika na 50% neprozirnosti, što mijenja brzinu kojom slika blijedi do potpune prozirnosti. Na primjer, ako središnju točku povučem ulijevo, moja će slika prije početi blijedjeti do potpune prozirnosti.

Kada ste spremni primijeniti gradijent, pritisnite tipku enter na tipkovnici. Ako se gradijent ne primijeni kada pritisnete tipku enter, jednostavno zgrabite neki drugi alat iz okvira s alatima poput alata "Premjesti".

Ako pogledate sličicu slike svog sloja na ploči Slojevi (crvena strelica na gornjoj fotografiji), sada ćete vidjeti da bijeli okvir ima gradijent koji se postupno mijenja iz bijele u crnu (ili crne u bijelu, ovisno o smjeru vašeg gradijent ide). Vaša slika sada postupno blijedi do prozirnosti pomoću gradijenta!

Korak 5: Izvezite sliku s prozirnošću

Ako želite izvesti sliku S netaknutom prozirnošću gradijenta, to možete učiniti jednostavnim odlaskom na Datoteka>Izvezi kao (crvena strelica), zatim izvezite sliku kao vrstu datoteke koja podržava prozirnost (neki primjeri uključuju PNG, WebP, GIF, i TIFF).

Dakle, ako želim izvesti svoju sliku kao PNG, mogu preimenovati svoju datoteku i pobrinuti se da završava s ".png" (crvena strelica) - ekstenziju PNG datoteke. Kliknite "Izvezi" za izvoz slike (zelena strelica).

Možete se držati zadanih vrijednosti za PNG i ponovno kliknuti "Izvezi" (crvena strelica), a sada će vaša slika biti izvezena s prozirnim gradijentom.

To je to za ovaj udžbenik! Ako vam se svidjelo, možete provjeriti moju drugu Članci pomoći za GIMP, Video vodiči za GIMPili čak moju GIMP 2.10 Masterclass na Udemyju!

Pin It on Pinterest