Kako postaviti sliku u tekst pomoću Photoshopa CC i CS6

Napisao Steve Patterson.

U ovom vodiču učimo kako smjestiti sliku u tekst , jedan od najpopularnijih i klasičnih efekata Photoshopa. Kao što ćemo vidjeti, zahvaljujući snazi ​​maski za izrezivanje, postavljanje slike unutar teksta u Photoshopu jednostavno je i lako. Ovdje ću koristiti Photoshop CS6, ali ovaj vodič također je potpuno kompatibilan s Photoshop CC (Creative Cloud). Ako koristite stariju verziju Photoshopa, svakako pogledajte moj original Postavljanje slike u tekst tutorial.



Evo slike koju ću koristiti ( Fotografija havajske plaže sa Shutterstocka):



  Slika #115342300 licencirana uz dopuštenje Shutterstock by Photoshop Essentials.com. Izvorna slika.

A evo kako će ista slika izgledati kada se postavi unutar teksta:

  Postavljanje slike unutar teksta uz Photoshop CS6 i Photoshop CC (Creative Cloud). Konačni rezultat.

Započnimo!

Kako postaviti sliku u tekst pomoću Photoshopa

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



Korak 1: Duplicirajte pozadinski sloj

Otvorite sliku koju želite staviti unutar teksta. S novootvorenom slikom, ako pogledate u svoj Ploča slojeva , vidjet ćete sliku koja se nalazi na Pozadinski sloj , trenutno jedini sloj u dokumentu:

  Ploča Slojevi u Photoshopu CS6 prikazuje sliku na pozadinskom sloju. Ploča Slojevi prikazuje sliku na pozadinskom sloju.

Moramo napraviti kopiju ovog sloja. Idi gore do Sloj izbornika u traci izbornika na vrhu zaslona odaberite Novi , zatim odaberite Sloj putem kopiranja . Ili, možete odabrati istu naredbu s tipkovnice pritiskom na Ctrl+J (pobjeda) / Command+J (Mac):

  Odabirom New Layer putem naredbe Copy iz izbornika Layers. Idite na Layer > New > Layer via Copy.

Photoshop stvara kopiju sloja, naziva ga 'Layer 1' i postavlja ga izravno iznad pozadinskog sloja:



  Ploča Slojevi prikazuje sloj kopije iznad izvornog pozadinskog sloja. Kopija sloja pojavljuje se iznad izvornika.

Korak 2: Dodajte bijeli jednobojni sloj ispune

Zatim, dodajmo jedan od Photoshopovih Solid Color Fill slojeva koji ćemo koristiti kao pozadinu za naš efekt. Klikni na Nova ispuna ili sloj za prilagodbu ikona na dnu ploče slojeva:

  Klikom na ikonu New Fill ili Adjustment Layer na ploči Slojevi. Klikom na ikonu New Fill ili Adjustment Layer.

Odaberite Jednobojna s vrha popisa koji se pojavljuje:

  Dodavanje sloja Solid Color Fill u Photoshopu. Odabir sloja pune boje ispune.

Photoshop će iskočiti Birač boja tako da možemo odabrati boju kojom želimo ispuniti sloj. Idem upotrijebiti bijela za moju boju pozadine unosom vrijednosti od 255 u R , G i B kutije:



  Odabir bijele boje iz alata za odabir boja. Vrijednost 255 za R, G i B vrijednosti daje nam bijelu boju.

Pritisnite OK da biste zatvorili alat za odabir boja. Vrativši se na ploču Slojevi, vidimo bijeli sloj Ispune pune boje (nazvan 'Ispuna bojom 1') koji se nalazi iznad dva sloja slike:

  Odabir bijele boje iz alata za odabir boja. Ploča Slojevi koja prikazuje sloj pune boje.

Budući da se sloj ispune nalazi iznad oba naša sloja slike, dokument je sada privremeno ispunjen bijelom bojom:



  Slika je skrivena bijelim slojem pune boje. Slika je privremeno skrivena slojem ispune.

Korak 3: Povucite sloj ispune pune boje ispod sloja 1

Moramo premjestiti sloj pune boje ispune ispod sloja 1. Kliknite na sloj pune boje ispune (provjerite jeste li kliknuli na njegovu malu ikona uzorka boje na lijevo, ne ikona maske sloja s desne strane) i dok tipku miša još uvijek držite pritisnutu, povucite sloj prema dolje dok ne vidite istaknuta traka pojavljuju između sloja pozadine i sloja 1:

  Slika je skrivena bijelim slojem Solid Color Fill. Povlačenje sloja ispune između sloja pozadine i sloja 1.

Otpustite tipku miša kada se pojavi traka za označavanje da ispustite sloj ispune na mjesto između dva sloja slike. Vaša će se slika ponovno pojaviti u prozoru dokumenta:

  Slika je skrivena bijelim slojem Solid Color Fill. Sloj Ispuna sada se nalazi između dva sloja slike.

Korak 4: Odaberite sloj 1

Kliknite na gornji sloj ( Sloj 1 ) na ploči Slojevi da biste je odabrali:



  Kliknite na sloj 1 da biste ga učinili aktivnim. Odabir sloja 1.

Korak 5: Odaberite alat Type

Spremni smo dodati naš tekst. Odaberite Photoshop's Vrsta alata s ploče Alati duž lijeve strane zaslona. Također možete odabrati alat Type jednostavnim pritiskom na slovo T na vašoj tipkovnici:

  Odabir alata Type. Odabir alata Type.

Korak 6: Odaberite svoj font

S odabranim alatom Type idite gore do Traka s opcijama uz vrh zaslona i odaberite svoj font. Budući da je naš cilj postaviti sliku unutar teksta, općenito najbolje funkcioniraju fontovi s debelim slovima. Ja ću odabrati Arial Black, ali naravno, vi možete odabrati bilo koji font koji želite. Ne brinite za sada o veličini slova. Kasnije ćemo ručno promijeniti veličinu tipa:



  Odabir fonta iz trake s opcijama. Odabir fonta iz trake s opcijama.

Korak 7: Postavite svoju tipsku boju na bijelu

Ovaj sljedeći korak nije apsolutno neophodan, ali da bismo lakše vidjeli tekst dok ga dodajemo, postavimo našu boju tipa na bijela . Ako je vaša boja već postavljena na bijelu (ili neku drugu boju koju lako možete vidjeti ispred svoje slike), možete preskočiti ovaj korak. Za promjenu boje tipa kliknite na uzorak boje na traci opcija:

  Klikom na uzorak boje za Type Tool. Klikom na uzorak boje.

Ovo još jednom otvara Birač boja . Odabrat ću bijelu kao i prije unosom vrijednosti od 255 za R , G i B opcije. Kliknite OK kada završite da biste zatvorili alat za odabir boja:

  Postavljanje vrijednosti R, G i B na bijelu u alatu za odabir boja. Postavljanje R, G i B vrijednosti na 255.

Korak 8: Dodajte svoj tekst

S odabranim alatom Type, odabranim fontom i bijelom bojom teksta, kliknite unutar dokumenta i dodajte tekst. Napisat ću riječ 'HAWAII':

  Dodavanje teksta ispred slike. Dodavanje mog teksta.

Kliknite na Kvačica na traci s opcijama kada završite s prihvaćanjem teksta i izlazom iz načina za uređivanje teksta:

  Klikom na kvačicu prihvaćate tekst u Photoshopu. Klikom na kvačicu.

Naučite sve o radu s tekstom u Photoshopu s našim Photoshop Type Essentials poduka!

Korak 9: Povucite sloj tipa ispod sloja 1

Ako pogledamo ploču Slojevi, vidimo naš novododani sloj tipa koji se nalazi iznad sloja 1, zbog čega se tekst pojavljuje ispred slike u dokumentu:

  Ploča Slojevi prikazuje sloj tipa koji se nalazi iznad ostalih slojeva u dokumentu. Sloj Type trenutno se nalazi iznad slike.

Moramo ga premjestiti ispod sloja 1. Kliknite na sloj tipa i, držeći tipku miša pritisnutom, povucite ga prema dolje dok ne vidite istaknuta traka pojavljuju se između sloja 1 i sloja pune boje:

  Povlačenje sloja Type ispod sloja 1 na ploči slojeva. Povlačenje sloja Type ispod sloja 1.

Otpustite tipku miša kada se pojavi istaknuta traka da ispustite sloj Type na svoje mjesto:

  Ploča Slojevi koja prikazuje sloj tipa premještena je ispod sloja 1. Sloj tipa sada se nalazi ispod sloja 1.

Korak 10: Ponovno odaberite sloj 1

Kliknite još jednom na Sloj 1 da ga odaberete i učinite aktivnim:

  Kliknite na sloj 1 da biste ga odabrali na ploči slojeva. Kliknite na sloj 1 da biste ga odabrali.

Korak 11: Napravite Clipping Mask

S odabranim slojem 1 kliknite na mali ikona izbornika u gornjem desnom kutu ploče Slojevi:

  Klikom na ikonu izbornika u gornjem desnom kutu ploče Slojevi. Klikom na ikonu izbornika ploče Slojevi.

Odaberite Napravite Clipping Mask iz izbornika koji se pojavi:

  Odabirom Create Clipping Mask iz izbornika ploče Slojevi. Odabirom naredbe Create Clipping Mask.

Ovaj isječke slike na Layer 1 na tekst na Type sloju ispod njega, što znači da samo područje slike koje se nalazi neposredno iznad stvarnog teksta na Type sloju ostaje vidljivo, stvarajući iluziju da je slika unutar teksta. Ostatak slike sada je skriven od pogleda, a na njegovom mjestu vidimo čvrsti bijeli sloj ispune:

  Tekst se sada koristi kao maska ​​za izrezivanje slike. Ostaje vidljivo samo područje slike koje se nalazi neposredno iznad teksta.

Ako ponovno pogledamo ploču Slojevi, vidjet ćemo da je Layer 1 uvučen udesno, s malom strelicom koja pokazuje prema dolje na sloj Type ispod njega. Ovako nam Photoshop daje do znanja da se sloj Type koristi kao maska ​​za izrezivanje za sloj 1:

  Ploča Slojevi koja prikazuje sloj 1 izrezan na sloj tipa. Ploča Slojevi koja prikazuje sloj 1 izrezan na sloj tipa.

Povezani vodič: Kako funkcioniraju Photoshop Clipping maske

Korak 12: Odaberite sloj tipa

Klikni na Vrsta sloja da ga odaberete i učinite aktivnim:

  Odabir sloja Vrsta na ploči Slojevi. Odabir sloja Type.

Korak 13: Promjena veličine i položaja teksta

Sve što sada treba učiniti je premjestiti i promijeniti veličinu tipa, a obje te stvari možemo učiniti pomoću Photoshopove naredbe Free Transform. S odabranim slojem Type idite gore do Uredi izbornik na vrhu zaslona i odaberite Slobodna transformacija . Ili pritisnite Ctrl+T (pobjeda) / Command+T (Mac) na tipkovnici da biste odabrali Free Transform pomoću prečaca:

  Odabirom naredbe Free Transform iz izbornika Edit u Photoshopu. Idite na Edit > Free Transform

Ovo postavlja okvir Free Transform i ručke (kvadratići) oko teksta. Da biste mu promijenili veličinu, jednostavno kliknite i povucite bilo koju ručku. Ako želite promijeniti veličinu slova bez iskrivljavanja izvornih oblika slova, držite pritisnuto Shift tipku dok povlačite 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 unutar okvira Free Transform i povucite ga mišem na mjesto:

  Premještanje i promjena veličine teksta uz slobodnu transformaciju. Premještanje i promjena veličine teksta uz slobodnu transformaciju.

Kada završite, pritisnite Unesi (pobjeda) / Povratak (Mac) za prihvaćanje transformacije i izlazak iz slobodne transformacije:

  Učinak nakon premještanja i promjene veličine tipa. Učinak nakon premještanja i promjene veličine tipa.

Korak 14: Dodajte sjenu (nije obavezno)

Ovaj posljednji korak nije obavezan, ali da bih dovršio efekt, dodati ću sjenu. Ako želite nastaviti, dok je sloj Type još uvijek aktivan, kliknite na Stilovi slojeva ikona (ikona 'fx') na dnu ploče Slojevi:

  Klikom na ikonu stilova slojeva. Klikom na ikonu stilova slojeva.

Odaberite Drop Shadow s dna popisa koji se pojavljuje:

  Odabir efekta sloja Drop Shadow. Odabir efekta sloja Drop Shadow.

Ovo otvara dijaloški okvir Stil sloja postavljen na opcije Drop Shadow u srednjem stupcu. Ja ću smanjiti Neprozirnost padajuće sjene sa zadane vrijednosti od 75% naniže pedeset% da smanjim njegov intenzitet, tada ću postaviti Kut od sjene do 120° . Ja ću povećati svoje Udaljenost vrijednost za 30 px i Veličina do 40 px , ali ove dvije vrijednosti uvelike ovise o veličini vaše slike pa ćete se možda morati sami poigrati s njima kako biste pronašli postavke koje najbolje funkcioniraju:

  Mogućnosti Drop Shadow. Mogućnosti Drop Shadow.

Pritisnite OK da zatvorite dijaloški okvir Stil sloja i gotovi smo! Evo, nakon dodavanja sjene slovima, moj konačni rezultat 'slika u tekstu':

  Postavljanje slike u tekst s Photoshopom CS6. Konačni učinak.