Kako postaviti sliko v besedilo s programoma Photoshop CC in CS6

Napisal Steve Patterson.

V tej vadnici se učimo kako postaviti sliko v besedilo , enega najbolj priljubljenih in klasičnih učinkov Photoshopa. Kot bomo videli, je zahvaljujoč moči izrezovalnih mask postavitev slike v besedilo s Photoshopom preprosta in enostavna. Tukaj bom uporabljal Photoshop CS6, vendar je ta vadnica popolnoma združljiva tudi s Photoshop CC (Creative Cloud). Če uporabljate starejšo različico Photoshopa, si oglejte moj izvirnik Postavitev slike v besedilo vadnica.



Tukaj je slika, ki jo bom uporabil ( Fotografija havajske plaže iz Shutterstocka):

  Slika #115342300 z dovoljenjem Shutterstock uporablja Photoshop Essentials.com. Izvirna slika.

In tukaj je videti, kako bo videti ista slika, če jo postavite znotraj besedila:





  Postavitev slike v besedilo s programoma Photoshop CS6 in Photoshop CC (Creative Cloud). Končni rezultat.

Začnimo!

Kako postaviti sliko v besedilo s Photoshopom

Prenesite to vadnico kot PDF, pripravljen za tiskanje!



1. korak: podvojite plast ozadja

Odprite sliko, ki jo želite vstaviti v besedilo. Z na novo odprto sliko, če pogledate v svoj Plošča s sloji , boste videli sliko, ki sedi na Plast ozadja , trenutno edina plast v dokumentu:

  Plošča Sloji v Photoshopu CS6 prikazuje sliko na plasti ozadja. Plošča plasti, ki prikazuje sliko na plasti ozadja.

Narediti moramo kopijo te plasti. Pojdi do Plast v menijski vrstici na vrhu zaslona izberite Novo , nato izberite Sloj prek kopiranja . Lahko pa izberete ta isti ukaz na tipkovnici s pritiskom Ctrl+J (Zmaga) / Ukaz + J (Mac):



  Izbira nove plasti prek ukaza Kopiraj v meniju Sloji. Pojdite na Layer > New > Layer via Copy.

Photoshop ustvari kopijo plasti, jo poimenuje 'Layer 1' in jo postavi neposredno nad plast ozadja:

  Plošča Sloji, ki prikazuje plast kopije nad izvirno plastjo ozadja. Kopija plasti se prikaže nad izvirnikom.

2. korak: Dodajte belo enobarvno polnilno plast

Nato dodajmo enega od slojev Photoshop Solid Color Fill, ki ga bomo uporabili kot ozadje za naš učinek. Kliknite na Novo polnilo ali prilagoditveni sloj ikona na dnu plošče Sloji:

  Kliknite ikono New Fill ali Adjustment Layer na plošči Sloji. Kliknite ikono New Fill ali Adjustment Layer.

Izberite Enobarvna z vrha seznama, ki se prikaže:



  Dodajanje sloja Solid Color Fill v Photoshopu. Izbira sloja Solid Color Fill.

Photoshop bo odprl Izbirnik barv tako da lahko izberemo barvo, s katero želimo zapolniti plast. bom uporabil bela za mojo barvo ozadja z vnosom vrednosti 255 v R , G in B škatle:

  Izbira bele barve v izbirniku barv. Vrednost 255 za vrednosti R, G in B nam daje belo barvo.

Kliknite V redu, da zaprete izbirnik barv. Nazaj na plošči Sloji vidimo belo plast Solid Color Fill (imenovano 'Color Fill 1'), ki sedi nad obema slojema slike:

  Izbira bele barve v izbirniku barv. Plošča Sloji, ki prikazuje plast Solid Color Fill.

In ker je sloj Fill nad obema slojema slike, je dokument zdaj začasno zapolnjen z belo:



  Slika je skrita z belo enobarvno polnilno plastjo. Slika je začasno skrita s polnilno plastjo.

3. korak: Povlecite enobarvno polnilno plast pod plast 1

Premakniti moramo plast Solid Color Fill pod Layer 1. Kliknite plast Solid Color Fill (prepričajte se, da ste kliknili njeno malo ikona barvnega vzorca na levi, ne ikona maske sloja na desni) in s še vedno pritisnjenim gumbom miške povlecite sloj navzdol, dokler ne vidite osvetlitev pojavi med plastjo ozadja in plastjo 1:

  Slika je skrita z belo plastjo Solid Color Fill. Vlečenje sloja Fill med slojem ozadja in slojem 1.

Spustite miškino tipko, ko se pojavi vrstica za označevanje, da spustite polnilno plast na mesto med dvema slikovnima slojema. Vaša slika se bo znova pojavila v oknu dokumenta:



  Slika je skrita z belo plastjo Solid Color Fill. Polnilna plast je zdaj med dvema slikovnima slojema.

4. korak: Izberite sloj 1

Kliknite zgornjo plast ( 1. plast ) na plošči Sloji, da jo izberete:

  Kliknite sloj 1, da postane aktiven. Izbira sloja 1.

5. korak: Izberite orodje za tip

Pripravljeni smo dodati svoje besedilo. Izberite Photoshop's Vrsta orodja na plošči Orodja na levi strani zaslona. Orodje Type lahko izberete tudi preprosto s pritiskom na črko T na vaši tipkovnici:



  Izbira orodja Type Tool. Izbira orodja Type Tool.

6. korak: izberite svojo pisavo

Z izbranim orodjem Type se pomaknite do Vrstica z možnostmi na vrhu zaslona in izberite svojo pisavo. Ker je naš cilj umestiti sliko v besedilo, na splošno najbolje delujejo pisave z debelimi črkami. Jaz bom izbral Arial Black, seveda pa lahko izberete katero koli pisavo, ki vam je všeč. Zaenkrat naj vas ne skrbi velikost pisave. Velikost vrste bomo pozneje ročno spremenili:

  Izbira pisave v vrstici z možnostmi. Izbira pisave v vrstici z možnostmi.

7. korak: Nastavite svojo tipsko barvo na belo

Ta naslednji korak ni nujno potreben, a da bomo lažje videli besedilo, ko ga dodajamo, nastavimo našo barvo tipa na bela . Če je vaša barva tipa že nastavljena na belo (ali kakšno drugo barvo, ki jo zlahka vidite pred sliko), lahko ta korak preskočite. Če želite spremeniti barvo tipa, kliknite na barvni vzorec v vrstici z možnostmi:

  Klik na barvni vzorec za orodje Type Tool. S klikom na barvni vzorec.

To še enkrat odpre Izbirnik barv . Izbral bom belo tako kot prej, tako da vnesem vrednost 255 za R , G in B opcije. Kliknite V redu, ko končate, da zaprete izbirnik barv:

  Nastavitev vrednosti R, G in B na belo v izbirniku barv. Nastavitev vrednosti R, G in B na 255.

8. korak: dodajte svoje besedilo

Z izbranim orodjem za tipkanje, izbrano pisavo in barvo pisave na belo, kliknite znotraj dokumenta in dodajte besedilo. Vtipkal bom besedo 'HAVAJI':

  Dodajanje besedila pred sliko. Dodajam svoje besedilo.

Kliknite na kljukica v vrstici z možnostmi, ko končate s sprejetjem besedila in izhodom iz načina za urejanje besedila:

  S klikom na kljukico sprejmete besedilo v Photoshopu. Klik na kljukico.

Izvedite vse o delu s tipkami v Photoshopu z našim Photoshop Type Essentials vadnica!

9. korak: povlecite plast tipa pod plast 1

Če pogledamo na ploščo Sloji, vidimo novo dodano plast Type nad 1. plastjo, zato se besedilo pojavi pred sliko v dokumentu:

  Plošča Sloji, ki prikazuje plast Type nad drugimi plastmi v dokumentu. Sloj Type je trenutno nad sliko.

Moramo ga premakniti pod plast 1. Kliknite na plast Type in jo s še vedno pritisnjenim gumbom miške povlecite navzdol, dokler ne vidite osvetlitev se pojavi med plastjo 1 in plastjo enobarvnega polnila:

  Povlecite sloj Type pod Layer 1 na plošči Layers. Vlečenje sloja Type pod sloj 1.

Spustite gumb miške, ko se prikaže vrstica za označevanje, da spustite sloj Type na svoje mesto:

  Plošča Sloji, ki prikazuje plast Type, je bila premaknjena pod Layer 1. Sloj Type je zdaj pod slojem 1.

10. korak: Znova izberite sloj 1

Kliknite še enkrat na 1. plast da ga izberete in aktivirate:

  Kliknite Layer 1, da ga izberete na plošči Layers. S klikom na sloj 1 ga izberete.

11. korak: Ustvarite izrezovalno masko

Z izbrano plastjo 1 kliknite na majhno ikona menija v zgornjem desnem kotu plošče plasti:

  Kliknite ikono menija v zgornjem desnem kotu plošče Sloji. Klik na ikono menija plošče Sloji.

Izberite Ustvari izrezovalno masko iz menija, ki se prikaže:

  V meniju plošče Sloji izberite Ustvari izrezovalno masko. Izbira ukaza Create Clipping Mask.

to posnetke sliko na sloju 1 na besedilo na sloju Type pod njo, kar pomeni, da ostane vidno samo območje slike, ki je neposredno nad dejanskim besedilom na sloju Type, kar ustvarja iluzijo, da je slika znotraj besedila. Preostali del slike je zdaj skrit pred pogledom, na njegovem mestu pa vidimo trdno belo polnilno plast:

  Besedilo se zdaj uporablja kot maska ​​za izrezovanje slike. Vidno ostane samo območje slike, ki je neposredno nad besedilom.

Če ponovno pogledamo na ploščo Sloji, vidimo, da je bila plast 1 zamaknjena v desno, z majhno puščico, ki kaže navzdol na plast Vrsta pod njo. Tako nas Photoshop obvešča, da se sloj Type uporablja kot izrezovalna maska ​​za sloj 1:

  Plošča Sloji, ki prikazuje plast 1, prirezano na plast Vrsta. Plošča Sloji, ki prikazuje plast 1, prirezano na plast Vrsta.

Sorodna vadnica: Kako delujejo izrezovalne maske Photoshop

12. korak: Izberite plast vrste

Kliknite na Tipska plast da ga izberete in aktivirate:

  Izbira sloja Vrsta na plošči Sloji. Izbira sloja Type.

13. korak: Spremenite velikost in položaj besedila

Vse, kar morate zdaj storiti, je, da premaknete in spremenite velikost tipa, obe stvari pa lahko storimo z Photoshopovim ukazom Free Transform. Z izbrano plastjo Vrsta se pomaknite do Uredi meni na vrhu zaslona in izberite Prosta transformacija . Ali pritisnite Ctrl+T (Zmaga) / Command+T (Mac) na tipkovnici, da izberete Free Transform z bližnjico:

  Izbira ukaza Free Transform v meniju Edit v Photoshopu. Pojdite na Edit > Free Transform

To postavi polje Free Transform in ročaji (kvadratki) okoli besedila. Če želite spremeniti velikost, preprosto kliknite in povlecite kateri koli ročaj. Če želite spremeniti velikost črk, ne da bi popačili prvotne oblike črk, pridržite tipko Shift tipko, ko povlečete katerega koli od štirih kotni ročaji . Velikost besedila lahko spremenite tudi od sredine, tako da držite Vse (Zmaga) / Možnost (Mac) med vlečenjem. Nazadnje, če želite premakniti besedilo, kliknite znotraj polja Free Transform in ga z miško povlecite na želeno mesto:

  Premikanje in spreminjanje velikosti besedila s funkcijo Free Transform. Premikanje in spreminjanje velikosti besedila s funkcijo Free Transform.

Ko končate, pritisnite Vnesite (Zmaga) / Vrnitev (Mac), da sprejmete transformacijo in zapustite Free Transform:

  Učinek po premikanju in spreminjanju velikosti vrste. Učinek po premikanju in spreminjanju velikosti vrste.

14. korak: Dodajte senco (neobvezno)

Ta zadnji korak ni obvezen, a za dokončanje učinka bom dodal senco. Če želite slediti, medtem ko je sloj Type še vedno aktiven, kliknite na Slogi plasti ikona (ikona 'fx') na dnu plošče Sloji:

  Klik na ikono Slogi plasti. Klik na ikono Slogi plasti.

Izberite Drop Shadow z dna seznama, ki se prikaže:

  Izbira učinka sloja Drop Shadow. Izbira učinka sloja Drop Shadow.

To odpre pogovorno okno Slog plasti, nastavljeno na možnosti Drop Shadow v srednjem stolpcu. Znižal bom Motnost padajoče sence s privzete vrednosti 75 % navzdol na petdeset % da zmanjšam njegovo intenzivnost, potem bom nastavil Kot od sence do 120° . Povečal bom svoje Razdalja vrednost za 30 slikovnih pik in Velikost do 40 slikovnih pik , vendar sta ti dve vrednosti zelo odvisni od velikosti vaše slike, zato se boste morda morali sami poigrati z njima, da boste našli nastavitve, ki najbolje delujejo:

  Možnosti Drop Shadow. Možnosti Drop Shadow.

Kliknite V redu, da zaprete pogovorno okno Slog plasti, in končali smo! Tukaj je moj končni rezultat 'slike v besedilu', potem ko sem črkam dodal senco:

  Postavitev slike v besedilo s programom Photoshop CS6. Končni učinek.