Postavite sliku u tekst pomoću Photoshopa

Napisao Steve Patterson.

U ovom vodiču naučit ćemo kako postaviti slika u tekstu u Photoshopu , vrlo popularan efekt za stvaranje i koji je također vrlo jednostavan za napraviti zahvaljujući snazi ​​Photoshopa maske za rezanje , kao što ćemo tek vidjeti!

Ova verzija vodiča je za Photoshop CS5 i ranije. Ako koristite Photoshop CC ili CS6, pogledajte potpuno revidirana i ažurirana verzija ovog vodiča. Evo efekta kojem težimo:

  Photoshop slika u tekstualnom efektu. Slika © 2008 Photoshop Essentials.com. Konačni efekt 'slika u tekstu'.

Započnimo!



Kako staviti sliku u tekst

Preuzmite ovaj vodič u PDF-u spremnom za ispis!

1. korak: otvorite fotografiju za postavljanje unutar teksta

Prvo, trebamo sliku koju ćemo staviti unutar teksta. Koristit ću ovu panoramsku fotografiju Havaja:

  Panoramski pogled na ocean na Havajima. Slika je licencirana s iStockphoto by Photoshop Essentials.com. Pogled na ocean s Havaja.

Pogledajte video tutorial na našem YouTube kanalu!

Korak 2: Duplicirajte pozadinski sloj

Ako pogledamo u paletu slojeva, možemo vidjeti da trenutno imamo jedan sloj pod nazivom Pozadina . Ovaj sloj sadrži našu sliku. Moramo duplicirati ovaj sloj, a najlakši način da to učinimo je pomoću tipkovničke prečice Ctrl+J (pobjeda) / Command+J (Mac). Ako još jednom pogledamo u paletu slojeva, vidjet ćemo da sada imamo dva sloja. Izvorni pozadinski sloj je na dnu, a kopija pozadinskog sloja, koju je Photoshop automatski nazvao 'Layer 1', nalazi se iznad njega:

  Paleta slojeva u Photoshopu. Slika © 2008 Photoshop Essentials.com. Photoshopova paleta slojeva.

Korak 3: Dodajte novi prazan sloj između dva sloja

Zatim moramo dodati novi prazan sloj između pozadinskog sloja i 'Layer 1'. Trenutno je 'Sloj 1' sloj koji je odabran u paleti slojeva. Možemo reći koji je sloj odabran jer je odabrani sloj uvijek označen plavom bojom. Obično, kada dodamo novi sloj, Photoshop postavlja novi sloj direktno iznad sloja koji je trenutno odabran, što znači da bi Photoshop postavio sloj iznad 'Layer 1'. To nije ono što želimo. Želimo da se postavi novi sloj ispod 'Sloj 1'. Evo jednog korisnog trika. Za dodavanje novog sloja ispod trenutno odabranog sloja, držite pritisnutu tipku Ctrl (pobjeda) / Naredba (Mac) i kliknite na Novi sloj ikona na dnu palete slojeva. Držanje Ctrl (Win) / Command (Mac) je trik za postavljanje sloja ispod trenutno odabranog sloja:

  Ikona New Layer na dnu palete Layers u Photoshopu. Slika © 2008 Photoshop Essentials.com. Držite pritisnut 'Ctrl' (Win) / 'Command' (Mac) i kliknite na ikonu New Layer u paleti slojeva.

Sada imamo novi prazan sloj pod nazivom 'Layer 2' koji se nalazi izravno između sloja Background i 'Layer 1':

  Novi prazan sloj pojavit će se u paleti slojeva. Slika © 2008 Photoshop Essentials.com. Paleta slojeva prikazuje novi prazni sloj između pozadinskog sloja i 'Sloja 1'.

Korak 4: Ispunite novi sloj bijelom bojom

Trenutačno je naš novi sloj potpuno prazan. Ispunimo je bijelom bojom kako bi se pojavila kao bijela pozadina nakon što smo našu sliku postavili unutar teksta. Idi gore do Uredi izbornik na vrhu zaslona i odaberite Ispunite . Ovo će dovesti do Photoshopovog dijaloškog okvira Ispuna. Odaberi Bijela za Sadržaj opciju na vrhu dijaloškog okvira, zatim kliknite U redu za izlaz iz dijaloškog okvira:

  Dijaloški okvir naredbe Fill u Photoshopu. Slika © 2008 Photoshop Essentials.com. Odaberite White za opciju Contents na vrhu dijaloškog okvira naredbe Fill.

Neće se činiti da se ništa dogodilo u prozoru dokumenta, budući da slika na 'Sloju 1' blokira prikaz 'Sloja 2', ali ako pogledamo sličicu pregleda sloja za 'Sloj 2' u paleti slojeva, možemo vidjeti sasvim sigurno, sloj je sada ispunjen čvrstom bijelom bojom:

  Minijatura pregleda slojeva u paleti slojeva u Photoshopu. Slika © 2008 Photoshop Essentials.com. Sličica pregleda za 'Layer 2' pokazuje da je sloj sada ispunjen bijelom bojom.

Korak 5: Odaberite 'Layer 1' u paleti slojeva

Vrijeme je da dodamo naš tekst, ali da bismo vidjeli tekst kada ga dodamo, morat ćemo imati tekst iznad 'Sloja 1', inače će slika na 'Sloju 1' blokirati prikaz teksta. Kako bismo bili sigurni da možemo vidjeti naš tekst, kliknite na 'Layer 1' u paleti slojeva da biste ga odabrali. Na ovaj način, čim počnemo tipkati, Photoshop će za nas stvoriti novi sloj tipa i smjestiti sloj teksta izravno iznad 'Layer 1':

  Odabir'Layer 1' in the Layers palette in Photoshop. Image © 2008 Photoshop Essentials.com. Kliknite na 'Layer 1' u paleti slojeva da biste ga odabrali.

Korak 6: Odaberite alat Type

Za dodavanje teksta trebat će nam Photoshop Vrsta alata , pa odaberite Type Tool iz Tools palete. Također možete brzo odabrati alat Type pritiskom na slovo T na vašoj tipkovnici:

  Alat Type u Photoshopu. Slika © 2008 Photoshop Essentials.com. Odaberite Type Tool.

Korak 7: Odaberite font na traci s opcijama

S odabranim alatom Type idite gore do Traka s opcijama na vrhu zaslona i odaberite bilo koji font koji želite koristiti za efekt. Općenito, fontovi s debelim slovima najbolje funkcioniraju. Odabrat ću Arial Black. Za sada ne brinite o veličini fonta:

  Traka s opcijama u Photoshopu prikazuje opcije za alat za tipkanje. Slika © 2008 Photoshop Essentials.com. Odaberite font na traci s opcijama.

Korak 8: Postavite bijelu kao boju prednjeg plana

Ovaj korak nije apsolutno neophodan, ali upotrijebit ću ga da mi pomogne da vidim svoj tekst bijela za moju boju teksta. Boja koju odaberete za svoj tekst zapravo nije bitna jer ćemo tekst ispuniti slikom za koji trenutak, ali svejedno pomaže da možete vidjeti tekst kada ga dodajemo. Da bismo postavili boju teksta na bijelu, sve što trebamo učiniti je postaviti Photoshop Boja prednjeg plana do bijele boje. Prvo pritisnite slovo D na vašoj tipkovnici, što će vratiti boje prednjeg plana i pozadine na zadane vrijednosti. Crna je zadana boja za boju prednjeg plana, a bijela je zadana boja za pozadinu. Da biste ih zamijenili tako da bijela postane boja prednjeg plana, pritisnite slovo x na vašoj tipkovnici. Ako pogledate uzorke boja prednjeg plana i pozadine pri dnu palete alata, vidjet ćete da je bijela sada boja prednjeg plana (lijevi uzorak):

  Uzorak boje prednjeg plana u paleti alata u Photoshopu. Slika © 2008 Photoshop Essentials.com. Postavljanjem boje prednjeg plana na bijelu postavlja se i boja teksta na bijelu.

Korak 9: Dodajte svoj tekst

S odabranim alatom Type, odabranim fontom i bijelom bojom prednjeg plana, kliknite unutar prozora dokumenta i dodajte tekst. Budući da koristim fotografiju oceanske scene na Havajima, upisat ću riječ 'HAVAJI':

  Dodavanje teksta u Photoshop dokument. Slika © 2008 Photoshop Essentials.com. Kliknite unutar dokumenta i dodajte svoj tekst.

Kada završite, kliknite na Kvačica na traci s opcijama za prihvaćanje teksta.

  Pritisnite kvačicu na traci s opcijama da biste prihvatili tekst. Slika © 2008 Photoshop Essentials.com. Pritisnite kvačicu na traci s opcijama kako biste prihvatili tekst.

Korak 10: Promijenite veličinu i položaj teksta pomoću naredbe Free Transform

Vjerojatno ćete morati promijeniti veličinu i položaj teksta u ovom trenutku, a mi možemo učiniti obje te stvari koristeći Photoshop Slobodna transformacija naredba. Pritisnite Ctrl+T (pobjeda) / Command+T (Mac) na tipkovnici da biste prikazali okvir za slobodnu transformaciju i ručke oko teksta, a zatim povucite bilo koju od ručica za promjenu veličine teksta. Ako želite promijeniti veličinu teksta bez narušavanja njegovog izgleda, držite tipku Shift tipku i povucite bilo koju od četiri kutne ručke. Također možete promijeniti veličinu teksta iz njegovog središta držeći pritisnutu tipku Sve (pobjeda) / Opcija (Mac) tipku dok povlačite. Na kraju, da biste premjestili tekst, kliknite bilo gdje unutar okvira Free Transform i povucite mišem kako biste pomicali tekst unutar prozora dokumenta:

  Koristite naredbu Free Transform u Photoshopu za promjenu veličine i položaja teksta. Slika © 2008 Photoshop Essentials.com. Koristite Photoshopovu naredbu Free Transform za promjenu veličine i pomicanje teksta.

Pritisnite Unesi (pobjeda) / Povratak (Mac) kada završite prihvatite transformaciju i izađite iz naredbe Slobodna transformacija.

Korak 11: Povucite sloj teksta ispod 'Sloja 1'

Sada kada imamo tekst kakav želimo, moramo premjestiti sloj tipa ispod teksta u paleti slojeva. Kliknite sloj teksta, a zatim ga jednostavno povucite ispod 'Layer 1'. Vidjet ćete debelu crnu liniju između 'Sloja 1' i 'Sloja 2':

  Povlačenje sloja tipa dolje'Layer 1' in the Layers palette. Image © 2008 Photoshop Essentials.com. Povucite sloj tipa ispod 'Layer 1'.

Otpustite tipku miša kada se pojavi crna linija da ispustite sloj tipa na mjesto između 'Sloja 1' i 'Sloja 2':

  Sloj tipa sada se pojavljuje ispod'Layer 1' in the Layers palette.  Image © 2008 Photoshop Essentials.com. Sloj tipa sada se pojavljuje između 'Sloja 1' i 'Sloja 2'.

Korak 12: Ponovno odaberite 'Layer 1'.

Kliknite još jednom na 'Layer 1' u paleti slojeva da biste ga odabrali:

  Odabir'Layer 1' in the Layers palette. Image © 2008 Photoshop Essentials.com. Sloj tipa sada se pojavljuje između 'Sloja 1' i 'Sloja 2'.

Tekst će privremeno nestati unutar prozora dokumenta sada kada ga slika na 'Sloju 1' blokira.

Korak 13: Napravite Clipping Mask

Kako bismo stvorili iluziju da je fotografija unutar teksta, moramo koristiti a maska ​​za rezanje . Ovo će 'isjeći' fotografiju na 'Layer 1' na tekst na sloju neposredno ispod nje. Sva područja fotografije koja se pojavljuju neposredno iznad slova ostat će vidljiva u dokumentu. Ostatak fotografije će nestati iz vidokruga.

S odabranim 'Layer 1' u paleti slojeva, idite gore do Sloj izbornik na vrhu zaslona i odaberite Napravite Clipping Mask :

  Izrada maske za izrezivanje u Photoshopu. Slika © 2008 Photoshop Essentials.com. Idite na Layer > Create Clipping Mask.

Ako pogledamo u prozor dokumenta, možemo vidjeti da se sada čini da je fotografija unutar teksta:

  Fotografija se sada pojavljuje unutar teksta u Photoshopu. Slika © 2008 Photoshop Essentials.com. Fotografija se sada pojavljuje unutar slova.

Korak 14: Dodajte sjenu (nije obavezno)

Kako bih dovršio svoj učinak, slovima ću dodati sjenu. Ako želite slijediti, prvo odaberite sloj tipa u paleti slojeva, a zatim kliknite na Stilovi slojeva ikona na dnu palete slojeva:

  Klikom na ikonu Layer Styles u Photoshopu. Slika © 2008 Photoshop Essentials.com. Odaberite sloj tipa, a zatim kliknite na ikonu stilova sloja.

Odaberi Drop Shadow s popisa stilova slojeva koji se pojavi:

  Odabir stila sloja padajuće sjene u Photoshopu. Slika © 2008 Photoshop Essentials.com. Odaberite stil sloja Drop Shadow.

Ovo dovodi do Photoshopa Stil sloja dijaloški okvir postavljen na Drop Shadow opcije u srednjem stupcu. Ostavit ću većinu opcija, ali ću ih smanjiti Neprozirnost padajuće sjene do otprilike 60% tako da nije baš tako intenzivno, i ja ću postaviti Kut padajuće sjene do 120° :

  Mogućnosti sjene u dijaloškom okviru Stil sloja u Photoshopu. Slika © 2008 Photoshop Essentials.com. Dijaloški okvir Stil sloja koji prikazuje opcije za sjenu.

Kliknite OK kada završite da biste primijenili sjenu i izašli iz dijaloškog okvira Stil sloja. Evo mog konačnog efekta 'slika u tekstu':

  Photoshop slika u tekstualnom efektu. Slika © 2008 Photoshop Essentials.com. Konačni efekt 'slika u tekstu'.

Sljedeći vodič: Kako postaviti sliku u više tekstualnih slojeva odjednom!

Postavljanje slike u tekst - brzi sažetak

U ovom vodiču obradili smo mnogo toga. Evo kratkog sažetka koraka kada vam zatreba:

  • U Photoshopu otvorite svoju fotografiju, a zatim pritisnite Ctrl+J (pobjeda) / Command+J (Mac) za dupliciranje pozadinskog sloja.
  • pritisnite i držite Ctrl (pobjeda) / Naredba (Mac) i na ploči Slojevi kliknite Novi sloj ikona za dodavanje novog praznog sloja između dva postojeća sloja.
  • Idi gore do Uredi izbornik u traci izbornika i odaberite Ispunite . U dijaloškom okviru Ispuna postavite Koristiti do Bijela . Pritisnite OK.
  • Na ploči Slojevi odaberite gornji sloj (Sloj 1) da biste ga učinili aktivnim.
  • Odaberite Vrsta alata , zatim na traci s opcijama odaberite opcije fonta.
  • Postavite svoje Boja prednjeg plana do bijela , zatim kliknite na dokument i dodajte svoj tekst.
  • Pritisnite Ctrl+T (pobjeda) / Command+T (Mac) za odabir Slobodna transformacija , zatim promijenite veličinu i položaj teksta prema potrebi. Pritisnite Unesi (pobjeda) / Povratak (Mac) za izlaz iz slobodne transformacije.
  • Na ploči Slojevi povucite sloj Type ispod fotografije na Layer 1.
  • Odaberite Layer 1 da biste ga učinili aktivnim, zatim idite gore do Sloj izbornik u traci izbornika i odaberite Napravite Clipping Mask .
  • Da biste tekstu dodali sjenu, na ploči Slojevi kliknite ' fx ' ikona, odaberite Drop Shadow , zatim postavite Kut i Neprozirnost po potrebi.