Postavite sliko v besedilo s Photoshopom

Napisal Steve Patterson.

V tej vadnici se bomo naučili, kako postaviti an slika v besedilu s Photoshopom , zelo priljubljen učinek za ustvarjanje in učinek, ki ga je zaradi moči Photoshopa zelo enostavno narediti strižne maske , kot bomo videli!



Ta različica vadnice je za Photoshop CS5 in starejše. Če uporabljate Photoshop CC ali CS6, glejte popolnoma prenovljena in posodobljena različica te vadnice. Tukaj je učinek, ki ga želimo doseči:

  Photoshop slika v besedilnem učinku. Slika © 2008 Photoshop Essentials.com. Končni učinek 'slika v besedilu'.

Začnimo!





Kako postaviti sliko v besedilo

Prenesite to vadnico kot PDF, pripravljen za tiskanje!

1. korak: odprite fotografijo, ki jo želite vstaviti v besedilo

Najprej potrebujemo sliko, ki jo bomo umestili v naše besedilo. Uporabil bom to panoramsko fotografijo Havajev:



  Panoramski pogled na ocean na Havajih. Slika z licenco iStockphoto, Photoshop Essentials.com. Pogled na ocean s Havajev.

Oglejte si video vadnico na našem YouTube kanalu!

2. korak: podvojite plast ozadja

Če pogledamo v paleto plasti, lahko vidimo, da imamo trenutno eno plast z imenom Ozadje . Ta plast vsebuje našo sliko. To plast moramo podvojiti in to najlažje storimo z uporabo bližnjice na tipkovnici Ctrl+J (Zmaga) / Ukaz + J (Mac). Če še enkrat pogledamo v paleto plasti, vidimo, da imamo zdaj dve plasti. Izvirna plast ozadja je na dnu, kopija plasti ozadja, ki jo je Photoshop samodejno poimenoval 'plast 1', pa nad njo:



  Paleta plasti v Photoshopu. Slika © 2008 Photoshop Essentials.com. Photoshopova paleta plasti.

3. korak: dodajte novo prazno plast med dve plasti

Nato moramo dodati novo prazno plast med plast ozadja in 'plast 1'. Trenutno je 'plast 1' izbrana plast v paleti plasti. Kateri sloj je izbran, lahko ugotovimo, ker je izbrani sloj vedno označen z modro. Običajno, ko dodamo novo plast, Photoshop novo plast postavi neposredno nad plast, ki je trenutno izbrana, kar pomeni, da bi Photoshop plast postavil nad 'plast 1'. To ni tisto, kar si želimo. Želimo, da se namesti nova plast spodaj 'Sloj 1'. Tu je uporaben trik. Če želite dodati novo plast pod trenutno izbrano plast, pridržite tipko Ctrl (Zmaga) / Ukaz (Mac) in kliknite na Nova plast ikona na dnu palete plasti. Držite pritisnjeno tipko Ctrl (Win) / Command (Mac) je trik za postavitev plasti pod trenutno izbrano plast:

  Ikona nove plasti na dnu palete plasti v Photoshopu. Slika © 2008 Photoshop Essentials.com. Držite 'Ctrl' (Win) / 'Command' (Mac) in kliknite ikono Nova plast v paleti Sloji.

Zdaj imamo novo prazno plast z imenom 'Layer 2', ki leži neposredno med plastjo ozadja in 'Layer 1':

  V paleti plasti se prikaže nov prazen sloj. Slika © 2008 Photoshop Essentials.com. Paleta plasti, ki prikazuje novo prazno plast med plastjo ozadja in 'plastjo 1'.

4. korak: Napolnite novo plast z belo

Trenutno je naš novi sloj popolnoma prazen. Napolnimo ga z belo, tako da bo videti kot belo ozadje, potem ko bomo sliko postavili v besedilo. Pojdi do Uredi meni na vrhu zaslona in izberite Izpolnite . To bo prikazalo Photoshopovo pogovorno okno Fill. Izberite Bela za Vsebina na vrhu pogovornega okna, nato kliknite V redu za izhod iz pogovornega okna:



  Pogovorno okno ukaza Fill v Photoshopu. Slika © 2008 Photoshop Essentials.com. Izberite Belo za možnost Vsebina na vrhu pogovornega okna ukaza Fill.

V oknu dokumenta se ne bo zdelo, da se je zgodilo nič, saj slika na 'plasti 1' blokira pogled 'plasti 2', če pa pogledamo sličico predogleda plasti za 'plast 2' v paleti plasti, lahko vidimo zagotovo je plast zdaj napolnjena s trdno belo:

  Sličica predogleda plasti v paleti plasti v Photoshopu. Slika © 2008 Photoshop Essentials.com. Sličica predogleda za 'Layer 2' kaže, da je plast zdaj zapolnjena z belo.

5. korak: V paleti plasti izberite 'Layer 1'.

Čas je, da dodamo svoje besedilo, a če želimo videti besedilo, ko ga dodamo, moramo imeti besedilo prikazano nad 'plastjo 1', sicer bo slika na 'plasti 1' blokirala pogled besedila. Če želite zagotoviti, da lahko vidimo svoje besedilo, kliknite »Layer 1« v paleti slojev, da ga izberete. Na ta način bo Photoshop takoj, ko začnemo tipkati, za nas ustvaril nov tipski sloj in ga postavil neposredno nad 'Layer 1':

  Izbiranje'Layer 1' in the Layers palette in Photoshop. Image © 2008 Photoshop Essentials.com. Kliknite na 'Layer 1' v paleti slojev, da jo izberete.

6. korak: Izberite orodje Type

Za dodajanje besedila potrebujemo Photoshop Vrsta orodja , zato izberite orodje Type Tool iz palete Tools. S pritiskom na črko lahko tudi hitro izberete orodje Type Tool T na vaši tipkovnici:



  Orodje Type v Photoshopu. Slika © 2008 Photoshop Essentials.com. Izberite orodje Type Tool.

7. korak: V vrstici z možnostmi izberite pisavo

Z izbranim orodjem Type se pomaknite do Vrstica z možnostmi na vrhu zaslona in izberite katero koli pisavo, ki jo želite uporabiti za učinek. Na splošno pisave z debelimi črkami najbolje delujejo. Jaz bom izbrala Arial Black. Zaenkrat naj vas ne skrbi velikost pisave:

  Vrstica z možnostmi v Photoshopu, ki prikazuje možnosti za orodje za tipkanje. Slika © 2008 Photoshop Essentials.com. V vrstici z možnostmi izberite pisavo.

8. korak: Nastavite belo kot barvo ospredja

Ta korak ni nujno potreben, vendar ga bom uporabil, da bom lažje videl svoje besedilo bela za mojo barvo besedila. Barva, ki jo izberete za svoje besedilo, pravzaprav ni pomembna, saj bomo besedilo v trenutku zapolnili s sliko, vseeno pa je v pomoč, če lahko vidite besedilo, ko ga dodajamo. Če želimo barvo besedila nastaviti na belo, moramo le nastaviti barvo Photoshopa Barva ospredja na belo. Najprej pritisnite črko D na tipkovnici, kar bo ponastavilo barve ospredja in ozadja na privzete vrednosti. Črna je privzeta barva za barvo ospredja, bela pa je privzeta barva za barvo ozadja. Če jih želite zamenjati tako, da bela postane barva ospredja, pritisnite črko X na vaši tipkovnici. Če pogledate barvne vzorce ospredja in ozadja blizu dna palete orodij, boste videli, da je bela zdaj barva ospredja (levi vzorec):



  Barvni vzorec ospredja v paleti Orodja v Photoshopu. Slika © 2008 Photoshop Essentials.com. Če barvo ospredja nastavite na belo, se tudi barva besedila nastavi na belo.

9. korak: dodajte svoje besedilo

Z izbranim orodjem Type Tool, vašo pisavo in belo kot barvo ospredja, kliknite znotraj okna dokumenta in dodajte svoje besedilo. Ker uporabljam fotografijo oceanskega prizora na Havajih, bom vnesel besedo 'HAVAJI':

  Dodajanje besedila dokumentu Photoshop. Slika © 2008 Photoshop Essentials.com. Kliknite znotraj dokumenta in dodajte svoje besedilo.

Ko končate, kliknite na kljukica v vrstici z možnostmi, da sprejmete besedilo.



  Kliknite kljukico v vrstici z možnostmi, da sprejmete besedilo. Slika © 2008 Photoshop Essentials.com. Kliknite kljukico v vrstici z možnostmi, da sprejmete besedilo.

10. korak: Spremenite velikost in položaj besedila z ukazom Free Transform

Verjetno boste morali na tej točki spremeniti velikost in položaj besedila, oboje pa lahko naredimo s programom Photoshop Prosta transformacija ukaz. Pritisnite Ctrl+T (Zmaga) / Command+T (Mac) na tipkovnici, da prikažete polje Free Transform in ročice okoli besedila, nato pa povlecite katero koli ročko, da spremenite velikost besedila. Če želite spremeniti velikost besedila, ne da bi popačili njegov videz, pridržite Shift tipko in povlecite katero koli od štirih kotnih ročic. 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 kjer koli znotraj polja Free Transform in povlecite miško, da premikate besedilo znotraj okna dokumenta:

  Uporabite ukaz Free Transform v Photoshopu, da spremenite velikost in položaj besedila. Slika © 2008 Photoshop Essentials.com. Za spreminjanje velikosti in premikanje besedila uporabite Photoshopov ukaz Free Transform.

Pritisnite Vnesite (Zmaga) / Vrnitev (Mac), ko končate, sprejmete transformacijo in zapustite ukaz Free Transform.

11. korak: povlecite plast besedila pod 'plast 1'

Zdaj, ko imamo besedilo takšno, kot ga želimo, moramo premakniti plast tipa pod besedilo v paleti plasti. Kliknite na plast besedila in jo preprosto povlecite navzdol pod 'Layer 1'. Med 'plastjo 1' in 'plastjo 2' boste videli debelo črno črto:

  Povlecite sloj tipa spodaj'Layer 1' in the Layers palette. Image © 2008 Photoshop Essentials.com. Povlecite plast tipa pod 'Layer 1'.

Spustite gumb miške, ko se prikaže črna črta, da spustite tipsko plast na svoje mesto med 'plastjo 1' in 'plastjo 2':

  Spodaj se prikaže sloj tipa'Layer 1' in the Layers palette.  Image © 2008 Photoshop Essentials.com. Tipska plast se zdaj pojavi med 'plastjo 1' in 'plastjo 2'.

12. korak: Znova izberite 'Layer 1'.

Kliknite še enkrat na 'Layer 1' v paleti plasti, da jo izberete:

  Izbiranje'Layer 1' in the Layers palette. Image © 2008 Photoshop Essentials.com. Tipska plast se zdaj pojavi med 'plastjo 1' in 'plastjo 2'.

Besedilo bo začasno izginilo v oknu dokumenta, zdaj ko ga slika na 'Plasti 1' blokira.

13. korak: Ustvarite izrezovalno masko

Da bi ustvarili iluzijo, da je fotografija znotraj besedila, moramo uporabiti a strižna maska . To bo 'prirezalo' fotografijo na 'plasti 1' na besedilo na plasti neposredno pod njo. Vsa področja fotografije, ki se pojavijo neposredno nad črkami, bodo ostala vidna v dokumentu. Preostali del fotografije bo izginil iz pogleda.

Z izbrano 'Plast 1' v paleti plasti se pomaknite do Plast meni na vrhu zaslona in izberite Ustvari izrezovalno masko :

  Ustvarjanje izrezovalne maske v Photoshopu. Slika © 2008 Photoshop Essentials.com. Pojdite na Layer > Create Clipping Mask.

Če pogledamo v okno dokumenta, lahko vidimo, da se zdi, da je fotografija zdaj znotraj besedila:

  Fotografija se zdaj pojavi znotraj besedila v Photoshopu. Slika © 2008 Photoshop Essentials.com. Fotografija se zdaj pojavi znotraj črk.

14. korak: Dodajte senco (neobvezno)

Za popoln učinek bom črkam dodal senco. Če želite slediti, najprej izberite sloj vrste v paleti plasti, nato kliknite na Slogi plasti ikona na dnu palete plasti:

  Klik na ikono Layer Styles v Photoshopu. Slika © 2008 Photoshop Essentials.com. Izberite plast vrste in kliknite ikono Slogi plasti.

Izberite Drop Shadow s seznama slogov plasti, ki se prikaže:

  Izbira sloga plasti sence v Photoshopu. Slika © 2008 Photoshop Essentials.com. Izberite slog sloja Drop Shadow.

To pripelje do Photoshopa Slog plasti pogovorno okno nastavljeno na Drop Shadow možnosti v srednjem stolpcu. Večino možnosti bom pustil pri miru, znižal pa bom Motnost padajoče sence do približno 60 % tako da ni tako intenzivno, in bom nastavil Kot padajoče sence do 120° :

  Možnosti Drop Shadow v pogovornem oknu Layer Style v Photoshopu. Slika © 2008 Photoshop Essentials.com. Pogovorno okno Slog plasti, ki prikazuje možnosti za senco.

Kliknite V redu, ko končate, da uporabite senco za izhod iz pogovornega okna Slog plasti. Tukaj je moj končni učinek 'slika v besedilu':

  Photoshop slika v besedilnem učinku. Slika © 2008 Photoshop Essentials.com. Končni učinek 'slika v besedilu'.

Naslednja vadnica: Kako postaviti sliko v več plasti besedila hkrati!

Postavitev slike v besedilo – hiter povzetek

V tej vadnici smo veliko obravnavali. Tukaj je kratek povzetek korakov, ko ga potrebujete:

  • V Photoshopu odprite svojo fotografijo in pritisnite Ctrl+J (Zmaga) / Ukaz + J (Mac), da podvojite plast ozadja.
  • pritisnite in držite Ctrl (Zmaga) / Ukaz (Mac) in na plošči Sloji kliknite Nova plast ikono za dodajanje novega praznega sloja med dva obstoječa sloja.
  • Pojdi do Uredi v menijski vrstici in izberite Izpolnite . V pogovornem oknu Fill nastavite Uporaba do Bela . Kliknite OK.
  • Na plošči Sloji izberite zgornjo plast (1. plast), da jo naredite aktivno.
  • Izberite Vrsta orodja , nato v vrstici z možnostmi izberite svoje možnosti pisave.
  • Nastavite svoj Barva ospredja do bela , nato kliknite v dokumentu in dodajte svoje besedilo.
  • Pritisnite Ctrl+T (Zmaga) / Command+T (Mac), da izberete Prosta transformacija , nato po potrebi spremenite velikost in položaj besedila. Pritisnite Vnesite (Zmaga) / Vrnitev (Mac) za izhod iz Free Transform.
  • Na plošči Sloji povlecite svoj sloj Type pod fotografijo na sloju 1.
  • Izberite sloj 1, da postane aktiven, nato pa se pomaknite do Plast v menijski vrstici in izberite Ustvari izrezovalno masko .
  • Če želite besedilu dodati senco, na plošči Sloji kliknite » fx ' izberite Drop Shadow , nato nastavite Kot in Motnost po potrebi.