Efekt odraza teksta u Photoshopu

Napisao Steve Patterson.

U ovom Photoshop tekstualni efekti vodiču, stvorit ćemo jednostavan efekt refleksije teksta. Ovaj se efekt koristi posvuda u oglašavanju, a kao što ćemo vidjeti, vrlo ga je lako učiniti.



Evo odraza koji ćemo stvoriti:



  Efekt refleksije teksta u Photoshopu. Slika © 2009 Photoshop Essentials.com Konačni učinak refleksije teksta.

Započnimo!

Korak 1: Napravite novi Photoshop dokument

Stvorite novi prazan Photoshop dokument tako da odete do Datoteka izbornik na vrhu zaslona i odabir Novi . Također možete stvoriti novi dokument pomoću tipkovničkog prečaca Ctrl+N (pobjeda) / Command+N (Mac). U svakom slučaju dolazi do Photoshopa Novi dokument dijaloški okvir. Unesite dimenzije koje su vam potrebne za vaš dokument. Za ovaj tutorial ću se prijaviti 6 inča za moje dokumente Širina , 3 inča za Visina , i a Rezolucija od 300 piksela/inču . Klik u redu kada završite da izađete iz dijaloškog okvira. Vaš novi prazan dokument pojavit će se na vašem ekranu:

  Dijaloški okvir Novi dokument u Photoshopu. Slika © 2009 Photoshop Essentials.com Napravite novi prazan Photoshop dokument.

Korak 2: Ispunite novi dokument crnom bojom

Ovaj korak nije obavezan, ali koristit ću crnu kao boju pozadine za svoj dokument umjesto zadane bijele. Ako biste se radije držali bijele boje, možete preskočiti ovaj korak. Da biste ispunili dokument crnom bojom, idite gore do Uredi izbornik na vrhu zaslona i odaberite Ispunite da biste prikazali Photoshopovu naredbu Fill:



  Odabirom Fill iz izbornika Edit u Photoshopu. Slika © 2009 Photoshop Essentials.com Idite na Uredi > Ispuni.

Također možete odabrati naredbu Ispuni tipkovničkim prečacem Shift+F5 . U svakom slučaju otvara se dijaloški okvir Ispuni. Na vrhu dijaloškog okvira nalazi se Sadržaj odjeljak, s jednom jednostavno nazvanom opcijom Koristiti . Odaberi Crno s popisa desno od riječi Koristi:

  Dijaloški okvir naredbe Fill u Photoshopu. Slika © 2009 Photoshop Essentials.com Odaberite Crno u odjeljku Sadržaj na vrhu dijaloškog okvira Ispuna.

Klik u redu kada ste gotovi za izlazak iz dijaloškog okvira, a Photoshop ispunjava dokument crnom bojom:

  Photoshop dokument sada je ispunjen crnom bojom. Slika © 2009 Photoshop Essentials.com Pozadina dokumenta sada je ispunjena crnom bojom.

Korak 3: Odaberite alat za tipkanje

Za dodavanje teksta u dokument potreban nam je Photoshop Tip također l. Možete kliknuti na njega u paleti Alati da biste ga odabrali ili za brži način pritisnite slovo T na tipkovnici da biste ga odabrali pomoću prečaca:



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

Korak 4: Odaberite font

S odabranim alatom Type idite gore do Traka s opcijama na vrhu zaslona i odaberite font koji želite koristiti za efekt. Vaš izbor fontova ovisit će o tome koje fontove trenutno imate instalirane na računalu. Držat ću se nečeg jednostavnog i izabrati Gill Sans Light za moj učinak. Za sada ne brinite o veličini fonta:

  Odabir fonta u traci opcija u Photoshopu. Slika © 2009 Photoshop Essentials.com Odaberite font na traci s opcijama.

Korak 5: Odaberite boju za tekst

Zatim moramo odabrati boju za naš tekst. Postoji nekoliko različitih načina za odabir boje teksta u Photoshopu. Za ovaj vodič, koristit ću vrlo jednostavan i brz način, a to je odabir gotove boje iz Paleta uzoraka . Prijeđite na svoju paletu Swatches, koja je prema zadanim postavkama grupirana između paleta boja i stilova. Paleta Swatches sadrži kolekciju uzoraka boja koji su instalirani prema zadanim postavkama uz Photoshop. Da biste odabrali jednu od boja, jednostavno pomaknite pokazivač miša preko njezinog uzorka boje. Vidjet ćete da se kursor mijenja u kapaljku. Kliknite na uzorak kapaljkom za odabir boje. Odabrat ću crveni uzorak u gornjem lijevom kutu:

  Paleta Swatches u Photoshopu. Slika © 2009 Photoshop Essentials.com Odaberite boju za tekst klikom na uzorak boje u paleti Swatches.

Korak 6: Dodajte svoj tekst

Nakon što odaberete boju, kliknite bilo gdje unutar dokumenta i dodajte svoj tekst. Napisat ću riječ 'REFLEKSIJE', sve velikim slovima:



  Dodavanje teksta u dokument u Photoshopu. Slika © 2009 Photoshop Essentials.com Dodajte svoj tekst u dokument.

Kada završite, kliknite na Kvačica na traci s opcijama za prihvaćanje teksta i izlazak iz načina za uređivanje teksta:

  Klikom na kvačicu na traci s opcijama prihvaćate tekst. Slika © 2009 Photoshop Essentials.com Pritisnite kvačicu na traci s opcijama kako biste prihvatili tekst.

Korak 7: Promijenite veličinu teksta ako je potrebno pomoću slobodne transformacije

Ako trebate promijeniti veličinu teksta, idite do Uredi izbornik na vrhu zaslona i odaberite Slobodna transformacija , ili pritisnite tipkovni prečac Ctrl+T (pobjeda) / Command+T (Mac). U svakom slučaju otvara se Photoshopova naredba Free Transform koja će nam omogućiti da jednostavno promijenimo veličinu teksta i premjestimo ga ako trebamo:



  Odabir naredbe Free Transform u Photoshopu. Slika © 2009 Photoshop Essentials.com Idite na Edit > Free Transform.

Nakon što ga odaberete, vidjet ćete okvir Slobodna transformacija i ručke se pojavljuju oko vašeg teksta u dokumentu. Za promjenu veličine teksta, držite pritisnutu tipku Shift ključ, koji će vas spriječiti da slučajno iskrivite omjer širine i visine teksta dok mu mijenjate veličinu, a zatim jednostavno kliknite bilo koju od četiri kutne ručice (kvadratiće) i povucite ih prema unutra kako biste smanjili ili prema van kako bi bio veći. Za premještanje teksta kliknite bilo gdje unutar okvira Slobodna transformacija i povucite tekst na novo mjesto. Samo nemojte kliknuti na mali simbol cilja u samom središtu okvira, inače ćete pomaknuti simbol cilja, a ne tekst. Malo ću povećati svoj tekst držeći Shift i povlačeći ručicu u donjem desnom kutu prema van. Također ću malo povući tekst prema dolje tako da se dno teksta pojavi bliže vodoravnom središtu dokumenta:

  Promjena veličine teksta naredbom Free Transform u Photoshopu. Slika © 2009 Photoshop Essentials.com Koristite Slobodnu transformaciju za promjenu veličine i/ili premještanje teksta ako je potrebno.

Kada završite, pritisnite Unesi (pobjeda) / Povratak (Mac) za prihvaćanje transformacije i izlazak iz naredbe Free Transform.

Korak 8: Duplicirajte tekstualni sloj

Sada kada imamo tekst, možemo početi stvarati efekt refleksije. Prvo što ćemo trebati je kopija našeg teksta, pa duplicirajmo tekstualni sloj tako da odemo do Sloj manu na vrhu zaslona, ​​birajući Novi , a zatim birajući Sloj putem kopiranja . Ili, za puno brži način dupliciranja sloja, jednostavno pritisnite tipkovni prečac Ctrl+J (pobjeda) / Command+J (Mac):



  Dupliciranje tekstualnog sloja u Photoshopu. Slika © 2009 Photoshop Essentials.com Idite na Layer > New > Layer via Copy.

U svakom slučaju govori Photoshopu da napravi kopiju našeg tekstualnog sloja. Čini se da se ništa nije dogodilo u našem dokumentu, ali ako pogledamo našu paletu slojeva, možemo vidjeti da sada imamo kopiju sloja koja se nalazi točno iznad originala (primijetite da kopija ima riječ 'copy' u svom nazivu ):

  Paleta slojeva u Photoshopu. Slika © 2009 Photoshop Essentials.com Kopija tekstualnog sloja pojavljuje se iznad izvornika.

Korak 9: Okrenite sloj teksta okomito

Zatim moramo okrenuti naš kopirani tekstualni sloj naopako, a Photoshop slučajno dolazi s naredbom dizajniranom posebno za takav zadatak. Idi gore do Uredi izbornik još jednom, odaberite Transformirati , a zatim odaberite Okreni okomito :



  Okomito okretanje sloja teksta u Photoshopu. Slika © 2009 Photoshop Essentials.com Idite na Edit > Transform > Flip Vertical.

Kopirani sloj teksta pojavit će se preokrenut ispred izvornog sloja teksta, stvarajući zanimljiv, iako potpuno nečitljiv, vizualni efekt:

  Kopirani tekstualni sloj sada je okrenut naopako. Slika © 2009 Photoshop Essentials.com Kopirani tekstualni sloj pojavljuje se naopako ispred originalnog teksta.

Korak 10: Povucite kopirani tekst ispod izvornika

Odaberite Pokreni se i ti l iz palete Alati ili pritisnite slovo T da biste ga odabrali tipkovničkim prečacem:

  Odabir Move Tool u Photoshopu. Slika © 2009 Photoshop Essentials.com Odaberite Move Tool.

Zatim, dok je kopirani tekstualni sloj još uvijek odabran u paleti slojeva (odabrani slojevi označeni su plavom bojom), držite Shift tipku, zatim kliknite unutar dokumenta i povucite kopirani, naopako okrenuti tekst ispod originalnog teksta. Držanje tipke Shift dok povlačite olakšava povlačenje teksta ravno prema dolje, budući da sprječava slučajno pomicanje lijevo ili desno:

  Povlačenje kopiranog teksta ispod izvornog teksta. Slika © 2009 Photoshop Essentials.com Povucite kopirani tekst prema dolje dok ne bude točno ispod izvornika.

Korak 11: Dodajte masku sloja preokrenutom tekstu

U ovom trenutku, sve što je preostalo učiniti u stvaranju našeg efekta odraza jest učiniti da naš naopako okrenuti tekst blijedi od vrha prema dolje u prozirnost. Za to ćemo koristiti a maska ​​sloja . Da biste dodali masku sloja našem kopiranom tekstualnom sloju, provjerite je li i dalje odabran kopirani tekstualni sloj, zatim jednostavno kliknite na Maska sloja ikona na dnu palete slojeva:

  Klikom na ikonu Add Layer Mask u paleti Layers u Photoshopu. Slika © 2009 Photoshop Essentials.com Kliknite na ikonu Layer Mask na dnu palete Layers.

Ništa se neće dogoditi u dokumentu, ali primijetit ćete da se pojavio mali bijeli pravokutnik s desne strane tekstualnog sloja u paleti slojeva. Ovo je maska ​​sloja sličica pregleda , dajući nam do znanja da sada imamo masku sloja na ovom sloju, iako zapravo još nismo učinili ništa s njom:

  Sličica pregleda maske sloja u Photoshopu. Slika © 2009 Photoshop Essentials.com Sličica pregleda maske sloja pojavljuje se na kopiranom tekstualnom sloju u paleti slojeva.

Korak 12: Odaberite Gradient Tool

Kako bi tekst na ovom sloju izblijedio u prozirnost, moramo nacrtati crno-bijeli gradijent na našoj maski sloja (za više informacija o tome kako maske sloja rade, provjerite našu kompletnu Razumijevanje maski slojeva podučavanje u Osnove Photoshopa dio web stranice). Da bismo nacrtali gradijent, morat ćemo koristiti Photoshop Alat za gradijent , pa ga odaberite iz palete Alati ili jednostavno pritisnite slovo G na tipkovnici da biste ga odabrali pomoću prečaca:

  Odabir Gradient Tool u Photoshopu. Slika © 2009 Photoshop Essentials.com Odaberite Gradient Tool.

S odabranim alatom Gradient, vidjet ćete da se traka s opcijama na vrhu zaslona promijenila kako bi vam pokazala opcije posebno za alat Gradient. S lijeve strane trake s opcijama vidjet ćete a područje pregleda gradijenta prikazujući vam trenutno odabrani gradijent. U mom slučaju, već pokazuje prijelaz crno-bijelo koji mi je potreban. Ako vaš također prikazuje gradijent crno-bijelo, možete preskočiti ovaj korak. Ako vidite različite boje u području pregleda, kliknite izravno na područje pregleda:

  Opcije alata Gradient Tool na traci s opcijama u Photoshopu. Slika © 2009 Photoshop Essentials.com Kliknite na područje pregleda gradijenta na traci s opcijama.

Ovo dovodi do Photoshopa Gradient Editor , koji nam pokazuje zbirku gradijenata koje možemo izabrati. Onaj koji želimo je crno-bijeli gradijent , treći slijeva, gornji red. Kliknite na njega da biste ga odabrali, a zatim kliknite u redu u gornjem desnom kutu dijaloškog okvira da izađete iz njega:

  Gradient Editor u Photoshopu. Slika © 2009 Photoshop Essentials.com Odaberite crno-bijeli gradijent iz Gradient Editora.

Korak 13: Nacrtajte okomiti gradijent od dna prema vrhu duž naopako okrenutog teksta

S Gradient Toolom i odabranim crno-bijelim gradijentom, sve što sada trebamo učiniti je nacrtati okomiti gradijent duž našeg naopako okrenutog teksta. Prvo provjerite jeste li odabrali masku sloja, a ne sam sloj. Trebali biste vidjeti a bijeli isticani rub oko sličice maske sloja u paleti slojeva koja nam govori da je maska ​​sloja odabrana. Kliknite minijaturu pregleda maske sloja da biste je odabrali ako ne vidite istaknuti rub oko nje.

Da biste nacrtali gradijent, kliknite unutar dokumenta otprilike 3/4 puta prema dolje prema dnu naopako okrenutog teksta. Zatim držite svoj Shift tipku i povucite prema gore do točke gdje se tekst naopako susreće s izvornim tekstom. Držanje tipke Shift dok povlačite sprječava vas da se pomaknete lijevo ili desno dok povlačite prema gore:

  Crtanje gradijenta na maski sloja u Photoshopu. Slika © 2009 Photoshop Essentials.com Kliknite i povucite crno-bijeli gradijent okomito duž naopako okrenutog teksta.

Otpustite tipku miša kada završite, a to je trenutak kada Photoshop zapravo iscrtava gradijent, i vidjet ćete da naopako okrenuti tekst sada blijedi kako se pomičete prema dolje prema dnu slova:

  Donji tekst sada postaje proziran. Slika © 2009 Photoshop Essentials.com Donji tekst sada postaje proziran nakon crtanja gradijenta na maski sloja.

Budući da smo nacrtali crno-bijeli gradijent na maski sloja, zapravo ga ne možemo vidjeti u dokumentu, ali limenka vidjeti ako pogledamo sličicu pregleda maske sloja u paleti slojeva:

  Minijatura pregleda maske sloja koja prikazuje gradijent crno-bijelo. Slika © 2009 Photoshop Essentials.com Sličica pregleda maske sloja prikazuje stvarni gradijent crno-bijelo.

Korak 14: Podesite neprozirnost sloja za fino podešavanje efekta

Ako želite da vaš odraz teksta izgleda malo blijeđe, jednostavno idite do Neprozirnost opciju u gornjem desnom kutu palete slojeva i smanjite neprozirnost sloja. Spustit ću svoj na pedeset% :

  Opcija neprozirnosti sloja u paleti slojeva u Photoshopu. Slika © 2009 Photoshop Essentials.com Smanjite neprozirnost sloja kako biste još više izblijedili odraz.

Evo, nakon smanjenja neprozirnosti, moj konačni efekt refleksije teksta:

  Efekt refleksije teksta u Photoshopu. Slika © 2009 Photoshop Essentials.com Konačni učinak refleksije teksta.

Kamo dalje...