Adobe Photoshop, kao industrijski standard za uređivanje slika, nudi širok spektar alata i mogućnosti koje omogućuju dizajnerima i entuzijastima stvaranje vizualno dojmljivih efekata. Jedan od takvih efekata, koji može značajno doprinijeti realizmu i dubini digitalne kompozicije, jest stvaranje uvjerljivog odraza objekta. Ovaj vodič detaljno će vas provesti kroz korake potrebne za postizanje ovog efekta u Photoshopu, fokusirajući se na odraz teksta na složenijoj podlozi.
Bez obzira jeste li iskusni korisnik Photoshopa ili tek počinjete istraživati njegove mogućnosti, ovaj postupak je dizajniran da bude pristupačan i jasan. Cilj je naučiti vas kako replicirati fizički fenomen odraza, dodajući vašim dizajnerskim projektima novu dimenziju realističnosti.
Priprema radnog okruženja
Prvi korak u izradi bilo kojeg dizajna je postavljanje odgovarajućeg radnog prostora. U Photoshopu to znači stvaranje novog dokumenta s definiranim parametrima.
- Kreiranje novog dokumenta: Pokrenite Adobe Photoshop i pritisnite tipkovnu prečicu Ctrl+N (ili idite na File > New). Otvorit će se prozor za kreiranje novog dokumenta.
- Postavljanje parametara dokumenta: U prozoru za kreiranje slike unesite sljedeće postavke:
- Name: Učionica (ili bilo koje drugo ime koje želite)
- Preset: Custom
- Width: 500 piksela
- Height: 250 piksela
- Resolution: 72 piksela/inč
- Color Mode: RGB Color – 8 bit
- Background Contents: White
Pritisnite “OK” za potvrdu i stvaranje novog platna.
Postavljanje pozadinskog gradijenta
Kako bismo osigurali da odraz bude vidljiv i zanimljiv, kreirat ćemo pozadinu s postupnom promjenom boje, poznatom kao gradijent.
- Dupliciranje sloja pozadine: U panelu slojeva (Layers panel), pronađite sloj pod nazivom “Background”. Kliknite desnom tipkom miša na njega i odaberite opciju “Duplicate Layer…”. U prozoru koji se pojavi, preimenujte duplicirani sloj u “Background” (prebrisavajući postojeći “Background copy”). Zatim, stari “Background” sloj možete povući mišem u ikonu kante za smeće na dnu panela slojeva kako biste ga uklonili.
- Primjena gradijenta na pozadinu: Sada kliknite na jedini preostali sloj “Background” da biste ga aktivirali. Zatim kliknite na ikonu “Add a layer style” (obično označena s “fx” na dnu panela slojeva), te odaberite opciju “Gradient Overlay”.
- Konfiguracija “Gradient Overlay” postavki: U prozoru postavki sloja, konfigurirajte sljedeće opcije:
- Blend mode: Normal
- Opacity: 100%
- Gradient: Kliknite na polje gradijenta da biste otvorili prozor za uređivanje gradijenta.
- Style: Linear
- Align with Layer: Označite ovu opciju (stavite kvačicu).
- Angle: 90%
- Scale: 100%
- Definiranje boja gradijenta: Unutar prozora za uređivanje gradijenta, kliknite na lijevi marker gradijenta i u polje za unos boje upišite hex kod “111214”. Pritisnite “OK”. Zatim, kliknite na desni marker gradijenta i u polje za unos boje upišite hex kod “4B4B49”. Ponovno pritisnite “OK” dva puta kako biste zatvorili sve prozore i primijenili gradijent. Vaša pozadina bi sada trebala prikazivati tamni, vertikalni gradijent.
Dodavanje teksta
Sada kada imamo pripremljenu pozadinu, možemo dodati glavni element dizajna – tekst.
- Kreiranje novog sloja za tekst: Stvorite novi sloj pritiskom na tipkovnu prečicu Ctrl+Shift+N (ili klikom na ikonu “Create a new layer”, koja izgleda kao list papira, pored ikone kante za smeće na dnu panela slojeva). Nazovite ovaj sloj “Tekst” i kliknite “OK”.
- Odabir alata za pisanje: Odaberite alat za pisanje (Text Tool) pritiskom na tipku “T” na tipkovnici ili odabirom odgovarajuće ikone iz alatne trake s lijeve strane.
- Konfiguracija postavki teksta: Odaberite željeni font, veličinu i boju teksta. Za ovaj primjer koristit ćemo:
- Font: Trebuchet MS / Regular
- Veličina: 80pt
- Boja: Bijela
Kliknite negdje na platnu slike i upišite željeni tekst, na primjer, “UČIONICA”.
- Potvrda unosa teksta: Za izlazak iz načina unosa teksta, pritisnite kvačicu iznad platna slike ili pritisnite Ctrl+Enter.
- Centriranje teksta: Kako biste centrirali tekst, pritisnite Ctrl+T kako biste aktivirali alat za slobodnu transformaciju. U gornjoj alatnoj traci, unesite sljedeće vrijednosti za X i Y os kako biste precizno centrirali tekst:
- X: 250 px
- Y: 125 px
Potvrdite promjene pritiskom na kvačicu.
Stvaranje efekta odraza
Ovaj dio je ključan za postizanje željenog vizualnog efekta.
- Primjena “Gradient Overlay” na tekst: S aktiviranim slojem “Tekst”, kliknite ponovno na “Add a layer style” i odaberite “Gradient Overlay”. Postavite boje gradijenta na lijevu stranu na hex kod “65AB10” i na desnu stranu na hex kod “9BEC37”. Ostale postavke neka ostanu kao i kod pozadine (Normal, 100% Opacity, Linear, Align with Layer, 90° Angle, 100% Scale).
- Dodavanje “Outer Glow” efekta: Ponovno kliknite na “Add a layer style”, ali ovaj put odaberite “Outer Glow”. U prozoru postavki, možete prilagoditi “Blend mode” na “Screen” i “Opacity” na oko 75%. Boju “Glowa” možete postaviti na svijetlozelenu ili bijelu, ovisno o željenom efektu. Pritisnite “OK”.
- Konvertiranje teksta u Smart Object i Rasterizacija: Desnim klikom na sloj “Tekst”, odaberite “Convert to Smart Object”. Ovo će omogućiti daljnje nelinearne transformacije bez gubitka kvalitete. Nakon toga, ponovno desnim klikom na isti sloj, odaberite “Rasterize Layer”. Ovo pretvara Smart Object natrag u sloj piksela, što je potrebno za neke sljedeće korake.
- Dupliciranje sloja teksta za odraz: Još jednom, desnim klikom na sloj “Tekst”, odaberite “Duplicate Layer…”. U polje za unos imena, upišite