Napravite drveni okvir za sliku u Photoshopu

Napisao Steve Patterson.

U ovom vodiču za foto efekte naučit ćemo kako jednostavno izraditi jednostavan drveni okvir za slike pomoću maske sloja, nekoliko stilova slojeva i jednog od Photoshopovih ugrađenih uzoraka!



Evo slike koju ću koristiti za ovaj Photoshop vodič:



  Slika vodiča za Adobe Photoshop. Izvorna fotografija.

Korak 1: Duplicirajte pozadinski sloj

Prva stvar koju trebamo napraviti za izradu našeg okvira za slike je duplicirati naš pozadinski sloj. Pozadinski sloj je sloj koji sadrži našu originalnu sliku, a ako pogledamo našu paletu slojeva, možemo vidjeti da je to trenutno jedini sloj koji imamo:

  Slika vodiča za Adobe Photoshop. Paleta slojeva u Photoshopu prikazuje sliku na Pozadina sloj.

Duplicirajmo sloj koristeći praktičan tipkovnički prečac, Ctrl+J (pobjeda) / Command+J (Mac). Ako pogledamo natrag u našu paletu slojeva, možemo vidjeti da sada imamo kopiju pozadinskog sloja, koju je Photoshop za nas nazvao 'Layer 1', iznad originala:

  Slika vodiča za Adobe Photoshop. Pritisnite 'Ctrl+J' (Win) / 'Command+J' (Mac) da duplicirate pozadinski sloj.

Korak 2: Dodajte dodatni prostor na platnu oko slike

Moramo dodati dodatni prostor oko naše fotografije. Dodatni prostor postat će naš okvir za slike. Količina prostora koji dodajete ovisi o tome koliko velik želite da vaš okvir bude. Idi gore do Slika izbornik na vrhu zaslona i odaberite Veličina platna . Kada se pojavi dijaloški okvir Veličina platna, unesite koliko prostora želite dodati oko slike. Želim prilično debeli okvir za svoju fotografiju, pa ću unijeti vrijednost od 1,5 inča za oba Širina i Visina opcije. Provjerite imate li Relativni opcija također provjerena:



  Slika vodiča za Adobe Photoshop. Unesite količinu prostora na platnu koji želite dodati oko slike. Ovdje dodajem 1,5 inča prostora i za širinu i za visinu.

Kliknite OK u gornjem desnom kutu dijaloškog okvira da izađete iz njega i da Photoshop doda dodatni prostor na platnu. Vidjet ćete dodatni razmak oko vaše fotografije u prozoru dokumenta:

  Slika vodiča za Adobe Photoshop. Oko fotografije u prozoru dokumenta sada se pojavljuje dodatni prostor.

Korak 3: Dodajte novi prazan sloj

Zatim moramo dodati novi prazan sloj iznad naša dva postojeća sloja. S odabranim 'Layer 1' (gornji sloj), kliknite na Novi sloj ikona na dnu palete slojeva:

  Slika vodiča za Adobe Photoshop. Kliknite na ikonu 'Novi sloj' na dnu palete slojeva da dodate novi prazan sloj u dokument.

Ništa se ne događa u prozoru dokumenta, ali možemo vidjeti u paleti slojeva da nam je Photoshop dodao novi prazan sloj i dao mu opisni naziv 'Sloj 2':



  Slika vodiča za Adobe Photoshop. Novi prazan sloj pojavljuje se u paleti slojeva iznad druga dva sloja.

Korak 4: Ispunite novi sloj Photoshopovim drvenim uzorkom

Kako bi naš okvir izgledao kao da je napravljen od drva, mogli bismo se pomučiti oko stvaranja vlastite drvene teksture, ali ne moramo jer Photoshop dolazi s već ugrađenim drvenim uzorkom! S odabranim 'Layer 2' idite gore do Uredi izbornik na vrhu zaslona i odaberite Ispunite . Također možete koristiti tipkovni prečac, Shift+F5 . U svakom slučaju otvara se dijaloški okvir Ispuni. Za Sadržaj opcija na vrhu, odaberite Uzorak iz padajućeg izbornika desno od riječi 'Koristi'. Zatim kliknite na malu sličicu uzorka desno od riječi Prilagođeni uzorak i odaberite Drvo tekstura iz okvira za odabir koji se pojavi (četvrti je slijeva, gornji red):

  Slika vodiča za Adobe Photoshop. U dijaloškom okviru 'Ispuna' postavite 'Sadržaj' na 'Uzorak' i odaberite Photoshopovu ugrađenu teksturu drveta iz okvira za odabir.

Zatim, u Miješanje odjeljak u donjoj polovici dijaloškog okvira, postavite Način rada opcija za Normalan i provjerite Neprozirnost opcija je postavljena na 100% :

  Slika vodiča za Adobe Photoshop. Postavite 'Blending Mode' na 'Normal' i provjerite je li 'Opacity' postavljen na 100%.

Pritisnite OK za izlaz iz dijaloškog okvira. Photoshop će cijeli sloj ispuniti teksturom drveta, privremeno blokirajući fotografiju iz pogleda:



  Slika vodiča za Adobe Photoshop. Novi sloj sada je u potpunosti ispunjen teksturom drveta.

Sada imamo drvo za naš okvir. Učinit ćemo da izgleda više kao pravi okvir i vratit ćemo našu fotografiju.

Korak 5: Odaberite fotografiju na 'Layer 1'

Izrezat ćemo rupu u našem drvenom uzorku kako bismo mogli ponovno vidjeti našu fotografiju, a da bismo to učinili, koristit ćemo masku sloja. Držite svoje Ctrl (pobjeda) / Naredba (Mac) i kliknite izravno na sličicu pregleda za 'Layer 1' u paleti slojeva:



  Slika vodiča za Adobe Photoshop. Držite pritisnut 'Ctrl' (Win) / 'Command' (Mac) i kliknite sličicu pregleda za 'Layer 1'.

Ovo učitava odabir oko fotografije u prozoru dokumenta. Još uvijek ne možemo vidjeti samu fotografiju, ali možemo vidjeti okvir za odabir gdje bi fotografija trebala biti:

  Slika vodiča za Adobe Photoshop. Okvir za odabir oko fotografije pojavljuje se u prozoru dokumenta.

Korak 6: Obrnuti odabir

Odabrali smo područje gdje bi se fotografija trebala pojaviti, ali ono što stvarno trebamo odabrati je područje oko fotografije (okvir), tako da moramo preokrenuti naš izbor. Da biste to učinili, idite gore do Odaberi izbornik na vrhu zaslona i odaberite Inverzan ili upotrijebite brzi prečac na tipkovnici Shift+Ctrl+I (pobjeda) / Shift+Command+I (Mac). U svakom slučaju obrće odabir, a ako pažljivo pogledate u prozor dokumenta, i dalje ćete vidjeti isti okvir za odabir oko fotografije kao prije, ali sada ćete također vidjeti okvir za odabir oko rubova prozora dokumenta, dopuštajući nam znamo da sada imamo odabrano područje okvira oko fotografije:

  Slika vodiča za Adobe Photoshop. Prozor dokumenta koji prikazuje područje okvira oko sada odabrane fotografije.

Korak 7: Dodajte masku sloja

Sada kada imamo odabrano područje okvira, kliknite na Maska sloja ikona na dnu palete slojeva:



  Slika vodiča za Adobe Photoshop. Kliknite na ikonu 'Layer Mask' na dnu palete slojeva.

Ovo dodaje masku sloja 'Sloju 2', a sada je jedini dio sloja koji ostaje vidljiv u prozoru dokumenta područje koje smo odabrali, a to je područje okvira oko fotografije. Dio koji nije odabran - područje gdje bi se fotografija trebala pojaviti - sada je skriveno od pogleda, što nam omogućuje ponovno vidjeti našu fotografiju:

  Slika vodiča za Adobe Photoshop. S maskom sloja dodanom 'Layer 2', fotografija se pojavljuje u središtu okvira.

Ako pogledamo našu paletu slojeva, možemo vidjeti da a sličica maske sloja je dodan desno od minijature pregleda sloja:



  Slika vodiča za Adobe Photoshop. Sličica maske sloja sada se pojavljuje desno od minijature pregleda za 'Sloj 2'.

Za više informacija o sloj maskama, pogledajte naše Razumijevanje maski slojeva podučavanje u Osnove Photoshopa dio web stranice.

Korak 8: Poništite odabir maske sloja i odaberite sadržaj 'Sloja 2'

Trenutačno naš okvir za slike izgleda malo ravno. Moramo mu dati malo dubine, a to možemo lako učiniti pomoću stilova slojeva, što ćemo učiniti za trenutak. Najprije moramo odabrati okvir. Trenutno imamo odabranu masku sloja, a ne sam sloj. Možemo vidjeti koji smo odabrali gledajući sličice slojeva u paleti slojeva. Odabrana je minijatura koja oko sebe ima bijeli okvir za isticanje. Sličica maske sloja trenutno prikazuje okvir za označavanje, što nam govori da smo masku sloja odabrali. Trebamo imati odabran sadržaj sloja (okvir), pa kliknite na sličicu pregleda sloja da odaberete sam okvir:

  Slika vodiča za Adobe Photoshop. Kliknite sličicu pregleda za 'Sloj 2' da odaberete sadržaj sloja i poništite odabir maske sloja.

Korak 9: Dodajte stil sloja 'Bevel and Emboss'.

Sa samim okvirom koji je sada odabran, kliknite na Stilovi slojeva ikona na dnu palete slojeva:

  Slika vodiča za Adobe Photoshop. Kliknite na ikonu 'Stilovi slojeva' na dnu palete slojeva.

Zatim odaberite Kosina i reljef s popisa stilova slojeva koji se pojavi:

  Slika vodiča za Adobe Photoshop. Odaberite stil sloja 'Bevel and Emboss'.

Ovo otvara Photoshopov dijaloški okvir Stil sloja postavljen na opcije 'Bevel and Emboss' u srednjem stupcu. U odjeljku 'Struktura' na vrhu promijenite Tehnika opcija za Dlijeto tvrdo , zatim podignite Dubina vrijednost za oko 150% :

  Slika vodiča za Adobe Photoshop. Postavite opciju 'Technique' na 'Chisel Hard' i povećajte 'Depth' na '150%' u opcijama 'Bevel and Emboss'.

Zatim, u opcijama 'Sjenčanje' na dnu dijaloškog okvira, spustite Neprozirnost od Način isticanja do otprilike pedeset% , zatim spustite Neprozirnost od Način sjene okolo 60% :

  Slika vodiča za Adobe Photoshop. Smanjite 'Opacity' 'Highlight Mode' na 50% i 'Shadow Mode' na 60%.

Ovo našem okviru daje više 3D izgled:

  Slika vodiča za Adobe Photoshop. Okvir slike sada ima trodimenzionalni izgled.

Korak 10: Dodajte stil sloja 'Color Overlay'.

Ako ste zadovoljni bojom okvira slike, možete preskočiti sljedeći korak. Ako biste, poput mene, više voljeli tamniju boju od drveta, evo kako to promijeniti. Kliknite izravno na riječi Prekrivanje boja s lijeve strane dijaloškog okvira Stil sloja. Pazite da kliknete izravno na same riječi, a ne samo unutar potvrdnog okvira. Klikom na potvrdni okvir uključit će se stil sloja Color Overlay, ali nam neće dati pristup opcijama za njega. Želimo opcije, pa kliknite izravno na same riječi:

  Slika vodiča za Adobe Photoshop. Kliknite izravno na riječi 'Color Overlay' na lijevoj strani dijaloškog okvira Layer Style.

Ovo mijenja srednji stupac dijaloškog okvira Stil sloja u opcije Preklapanje boja. Za promjenu boje okvira kliknite na uzorak boje desno od opcija Blend Mode:

  Slika vodiča za Adobe Photoshop. Kliknite izravno na uzorak boje desno od opcija 'Blend Mode'.

Ovo dovodi do Photoshopa Birač boja . Želim promijeniti boju svog okvira u tamniju smeđu, pa ću odabrati tu boju iz Birača boja:

  Slika vodiča za Adobe Photoshop. Odaberite željenu boju okvira iz alata za odabir boja. Evo, ja biram tamno smeđu.

Kliknite OK za izlaz iz Birača boja. Vidjet ćete novu boju primijenjenu na vaš okvir, ali okvir se sada pojavljuje kao puna boja. Izgubili smo teksturu drveta. Da biste vratili teksturu drva, promijenite Način miješanja sloja boja za Izgaranje boje :

  Slika vodiča za Adobe Photoshop. Kako biste vratili teksturu drveta u okvir, promijenite 'Blend Mode' stila sloja Color Overlay u 'Color Burn'.

Kliknite OK za izlaz iz dijaloškog okvira Stil sloja. Evo mog okvira nakon što sam mu promijenio boju u tamniju smeđu i postavio način miješanja na 'Color Burn':

  Slika vodiča za Adobe Photoshop. Boja okvira sada je promijenjena u tamno smeđu.

Skoro smo gotovi! Imamo još jedan jednostavan stil sloja za dodati, a to ćemo učiniti sljedeći!

Korak 11: Odaberite 'Layer 1'

Moramo još jednom odabrati našu fotografiju, pa kliknite na 'Layer 1' u paleti slojeva da je odaberete:

  Slika vodiča za Adobe Photoshop. Odaberite 'Layer 1' u paleti slojeva.

Korak 12: Dodajte stil sloja 'Unutarnja sjena'.

Završit ćemo stvari dodavanjem malo sjene našoj fotografiji, što će okviru dati još više 3D izgleda. S odabranim 'Layer 1', kliknite još jednom na Stil sloja dijaloški okvir na dnu palete slojeva:

  Slika vodiča za Adobe Photoshop. Kliknite na ikonu 'Stil sloja' na dnu palete slojeva.

Ovaj put, biraj Unutarnja sjena s popisa stilova slojeva koji se pojavi:

  Slika vodiča za Adobe Photoshop. Odaberite 'Inner Shadow' s popisa stilova slojeva.

Ovo ponovno otvara Photoshopov dijaloški okvir Stil sloja, ovaj put postavljen na opcije 'Unutarnja sjena' u srednjem stupcu. Sve što ovdje trebamo učiniti je smanjiti Neprozirnost sjene pa nije tako intenzivan. Smanjite opciju Opacity na oko 65% :

  Slika vodiča za Adobe Photoshop. Smanjite 'Opacity' unutarnje sjene na oko 65% kako biste smanjili njezin intenzitet.

Pritisnite OK za izlaz iz dijaloškog okvira Stil sloja i gotovi smo! Evo, nakon dodavanja malo sjene mojoj fotografiji, moj posljednji drveni okvir za slike:

  Slika vodiča za Adobe Photoshop. Konačni rezultat.