Preklapanje teksta sa slikom u Photoshopu

Napisao Steve Patterson.

Svaki mjesec, dok najnovija izdanja časopisa lijepe slike modela, filmskih zvijezda, sportaša, političara i drugih poznatih ljudi preko svojih naslovnica, vidimo ovaj efekt gdje se čini da se vrh glave osobe preklapa s nazivom časopisa.



Ovaj popularni efekt 'preklapanja' postoji već godinama, au ovom Photoshop vodiču ćemo vidjeti kako jednostavno korištenje slojeva ponovno stvaranje efekta čini nevjerojatno lakim! Ovdje ću koristiti Photoshop CS5, ali radit će bilo koja verzija Photoshopa.



Evo fotografije koju ću koristiti za ovaj vodič:

  Fotografija igrača bejzbola s palicom. Slika je licencirana s iStockphoto by Photoshop Essentials.com. Izvorna slika.

A evo kako će izgledati nakon dodavanja teksta iza igrača lopte:

  Bejzbolaš se sada pojavljuje ispred teksta. Konačni rezultat.

Kako preklapati tekst sa slikom

Korak 1: Dodajte svoj tekst

Odaberite Alat za horizontalni tip na ploči Alati ili pritisnite slovo T na tipkovnici da biste ga brzo odabrali pomoću prečaca:



  Alat za horizontalni tip u Photoshopu. Odaberite Horizontal Type Tool.

S odabranim alatom Type odaberite vrstu fonta, stil, veličinu i boju s trake s opcijama na vrhu zaslona, ​​zatim kliknite unutar prozora dokumenta i dodajte svoj tekst. Napisat ću riječ 'Bejzbol'. Dodao sam nekoliko stilova slojeva samo kako bih svom tekstu dao malo više dizajna, ali naravno izgled vašeg teksta u potpunosti ovisi o vama:

  Tekst je dodan na sliku. Dodajte svoj tekst na sliku.

Primijetite kako tekst trenutno blokira sliku od pogleda, a to je zato što ako pogledamo u ploču Slojevi, vidimo sloj teksta koji se nalazi iznad slike na Pozadinskom sloju. Sloj iznad drugog sloja na ploči Slojevi pojavljuje se ispred sloja u prozoru dokumenta:

  Panel slojeva u Photoshopu CS5. Tekst se pojavljuje ispred slike jer se tekstualni sloj pojavljuje iznad pozadinskog sloja.

Korak 2: Odaberite pozadinski sloj

Kliknite na pozadinski sloj na ploči Slojevi da biste ga odabrali. Pojavit će se označen plavom bojom, dajući nam do znanja da je sada aktivni sloj:



  Odabir pozadinskog sloja na ploči Slojevi u Photoshopu. Kliknite na pozadinski sloj da biste ga odabrali.

Korak 3: Odaberite područje koje će se preklapati s tekstom

Za ovaj učinak želim da se igrač bejzbola pojavi ispred riječi 'Baseball', što znači da ću ga morati odabrati. Budući da će tekst otežati odabir područja koje nam je potrebno, isključimo ga privremeno klikom na ikona vidljivosti sloja (očna jabučica) na lijevoj strani tekstualnog sloja na ploči Slojevi. Tekst će nestati, ostavljajući samo originalnu sliku u prozoru dokumenta:

  Ikona vidljivosti sloja na ploči Slojevi u Photoshopu. Privremeno sakrijte tekst klikom na očnu jabučicu na ploči Slojevi.

Kao što sam spomenuo, želim da se igrač bejzbola pojavi ispred teksta, ali budući da je tekst blokirao samo njegovu gornju polovicu od pogleda, nema potrebe da ga odaberete cijelog. Trebamo samo odabrati područje koje će zapravo preklapati tekst. Koristite alat za odabir po svom izboru ( Alat za laso , Alat za magnetski laso , Alat za olovku , itd.) za crtanje obrisa odabira oko područja koje vam je potrebno. Ovdje sam odabrao područje od vrha njegove kacige do struka. Mogu ignorirati njegov ostatak jer je ispod mjesta gdje će se pojaviti tekst:

  Odabir dijela tijesta na fotografiji. Odaberite područje koje će se preklapati s tekstom.

Korak 4: Kopirajte odabrano područje u novi sloj

S odabranim mjestom idite gore do Sloj izbornik na vrhu zaslona, ​​odaberite Novi , a zatim odaberite Sloj putem kopiranja . Ili pritisnite Ctrl+J (pobjeda) / Command+J (Mac) na tipkovnici za prečac:



  Odabirom New Layer putem Copy iz izbornika Layer u Photoshopu. Idite na Layer > New > Layer via Copy.

U prozoru dokumenta neće izgledati kao da se ništa dogodilo, ali ako ponovno pogledamo ploču Slojevi, vidjet ćemo da je odabrano područje kopirano na novi sloj ('Sloj 1') između sloja teksta i sloja Pozadine. Možemo vidjeti područje koje je kopirano gledajući u novi sloj sličica pregleda lijevo od naziva sloja:

  Odabrano područje je kopirano u novi sloj. Odabrano područje je kopirano na novi sloj iznad pozadinskog sloja.

Kako biste bolje vidjeli što je točno kopirano na novi sloj, držite pritisnutim Sve (pobjeda) / Opcija (Mac) i kliknite na ikona vidljivosti sloja za sloj 1. Ovo će privremeno sakriti sve slojeve osim sloja 1 u prozoru dokumenta, pokazujući nam što je na sloju. U mom slučaju pojavljuje se samo gornja polovica bejzbolaša. Uzorak šahovnice koji ga okružuje Photoshopov je način predstavljanja prozirnosti, što znači da na sloju nema ničega drugog. Kada ste gotovi, držite Alt (Win) / Option (Mac) i još jednom kliknite na ikonu vidljivosti sloja za Layer 1 da biste se vratili u normalni prikaz:



  U prozoru dokumenta prikazuje se samo sadržaj sloja 1. Držite Alt (Win) / Option (Mac) i kliknite na očnu jabučicu za Layer 1 kako biste prikazali samo sadržaj tog specifičnog sloja.

Korak 5: Ponovno uključite tekstualni sloj

Kliknite na ikonu vidljivosti sloja teksta na ploči Slojevi, što će ponovno uključiti tekst u prozoru dokumenta. Trenutačno će se i dalje pojavljivati ​​ispred slike, ali to ćemo popraviti sljedeće:

  Ponovno uključivanje sloja teksta na ploči Slojevi u Photoshopu. Ponovno uključite tekstualni sloj.

Korak 6: Povucite sloj 1 iznad sloja teksta

Budući da se sloj iznad drugog sloja na ploči Slojevi pojavljuje ispred sloja u prozoru dokumenta, sve što sada trebamo učiniti je premjestiti sloj 1 iznad sloja teksta. Kliknite sloj 1 na ploči slojeva i povucite ga gore iznad sloja teksta, otpuštajući tipku miša da ga ispustite na svoje mjesto. Tekstualni sloj sada bi se trebao pojaviti u sendviču između sloja 1 i sloja pozadine:

  Povlačenje sloja 1 iznad sloja teksta na ploči Slojevi. Pritisnite sloj 1 i povucite ga iznad sloja teksta na ploči slojeva.

S gornjom polovicom bejzbolaša sada pomaknutom iznad tekstualnog sloja, on se pojavljuje ispred teksta u prozoru dokumenta:



  Bejzbolaš se sada pojavljuje ispred teksta. Bejzbolaš se sada pojavljuje ispred teksta.