U ovom tutorialu ću vam pokazati kako stvoriti efekt teksta koji se preklapaju slovima u Photoshopu, s bojama koje se kombiniraju tamo gdje se slova preklapaju! Kao što ćemo vidjeti, ne samo da je ovo zabavan i živopisan efekt, već je i vrlo lako stvoriti. Mi samo dodamo malo teksta, pretvorimo slova u oblike, promijenimo boju svakog slova, a zatim premjestimo slova bliže jedno drugome kako bismo ih preklapali. Za miješanje boja na područjima koja se preklapaju koristimo jedan od Photoshopovih načina mješanja slojeva. Da vidimo kako to radi!
Evo kako će izgledati konačni tekstni učinak "preklapajućih slova" kada završimo:
Konačni učinak.
Započnimo!
Kako stvoriti tekst koji se preklapa u Photoshopu
Koristim Photoshop CC, ali svaki je korak potpuno kompatibilan s Photoshop CS6.
Korak 1: Stvorite novi dokument
Započnite izradom novog dokumenta Photoshopa. Otvorite izbornik Datoteka na traci izbornika i odaberite Novo :
Idite na Datoteka> Novo.
U dijaloškom okviru Novi dokument postavite širinu na 1600 piksela, visinu do 800 piksela, razlučivost na 72 piksela / inča, a pozadinski sadržaj na bijelo . Kliknite Stvori ili U redu (ovisno o verziji Photoshopa koju koristite) da biste zatvorili dijaloški okvir i stvorili novi dokument:
Postavljanje opcija za novi dokument.
Korak 2: Dodajte svoj tekst
Odaberite Alat s tipkama na alatnoj traci:
Odabir alata za vrstu
Odaberite font u traci s mogućnostima. Gusti fontovi uglavnom najbolje djeluju na ovaj učinak. Koristit ću Avenir Next Bold . Podesite veličinu vrste na 72 pt . Promijenit ćemo veličinu teksta nakon što ga dodamo, ali to će nam dati najveću unaprijed zadanu veličinu za početak:
Odabir fonta i veličine vrste.
Provjerite je li boja vrste postavljena na crnu kako bismo mogli vidjeti tekst ispred bijele pozadine. Ako nije postavljeno na crno, pritisnite slovo D na tipkovnici kako biste ga resetirali. Izabrat ćemo različite boje za svako slovo nakon što smo tekst pretvorili u oblike:
Kolo boja u traci s opcijama prikazuje trenutnu boju.
Kliknite unutar dokumenta i dodajte svoj tekst. Upitat ću riječ "BOJNO":
Dodavanje početnog teksta u dokument.
Da biste prihvatili svoj tekst, kliknite kvačicu na traci s mogućnostima:
Klikom na kvačicu.
Korak 3: Promijenite veličinu i pomaknite tekst besplatnom transformacijom
Da biste promijenili veličinu teksta, idite na izbornik Uredi i odaberite Besplatno preoblikovanje :
Idite na Edit> Free Transform.
Photoshop postavlja okvir slobodne transformacije i rukuje se oko teksta. Da biste promijenili veličinu, pritisnite i držite tipku Shift dok kliknete i povučete bilo koji kutni rukohvat . Držite tipku Shift dok povlačite brave u izvornim oblicima slova kako ih ne biste iskrivili. Kada završite, najprije otpustite tipku miša, a zatim otpustite tipku Shift ili ćete dobiti neočekivane rezultate.
Da biste tekst premjestili u sredinu dokumenta, kliknite i povucite unutar okvira Slobodna transformacija. Kada ste zadovoljni veličinom i položajem teksta, pritisnite Enter (Win) / Return (Mac) na tipkovnici kako biste izašli iz Besplatne transformacije:
Povlačenje kutne drške dok držite Shift za promjenu veličine teksta.
4. korak: Pretvorite tekst u oblike
Na ploči Slojevi tekst se pojavljuje na novom sloju vrste iznad pozadinskog sloja:
Ploča slojeva prikazuje novi sloj vrste.
Moramo pretvoriti svoja slova u oblike. Kad je odabran sloj Type, idite na izbornik Type u traci izbornika i odaberite Pretvori u oblik :
Idite na Vrsta> Pretvori u oblik.
Povratak na ploču Slojevi, sloj Type je sada Sloj oblika, što znači da naš tekst više nije moguće uređivati:
Sloj Type je sada Sloj oblika.
I u dokumentu vidimo obrise puta oko slova, dajući nam do znanja da je tekst u stvari oblika:
Tekst je pretvoren u oblik.
Povezano: Kako crtati oblike u Photoshopu
5. korak: pomaknite svako slovo u svoj vlastiti sloj
Za preklapanje slova i spajanje njihovih boja zajedno, svako slovo moramo staviti na poseban sloj. Grabite Alat za odabir puta ( alat s crnom strelicom) s Alatne trake:
Odabir alata za odabir puta.
Zatim, u Photoshop CC, idite na traku s mogućnostima i promijenite opciju Select u Sve slojeve . To će olakšati odabir pojedinih slova. U Photoshopu CS6 ova opcija nije dostupna, ali slova ćete i dalje moći jednako lako odabrati:
Promjena "Select" u "All Layers" (samo Photoshop CC).
Natrag u prozor dokumenta kliknite bilo gdje na bijeloj pozadini da biste poništili odabir slova. Zatim kliknite prvo slovo s lijeve strane da biste ga odabrali. Obris puta će se ponovo pojaviti oko samo jednog slova:
Odabirom prvog slova u riječi.
Da biste ovo jedno slovo premjestili u svoj vlastiti sloj, idite na izbornik Sloja, odaberite Novo, a zatim odaberite Sloj oblika putem rezanja (obavezno odaberite Rez, a ne Kopiranje). Ili, brži način (i način na koji preporučujem ovaj efekt) je da pritisnete Shift + Ctrl + J (Win) / Shift + Command + J (Mac) na tipkovnici:
Idite na Sloj> Novo> Oblik sloja preko Cut.
Neće izgledati kao da se išta dogodilo, ali na ploči Slojevi sada vidimo da je prvo slovo premješteno u vlastiti sloj oblika iznad originala:
Prvo slovo premješteno je u svoj vlastiti sloj.
Nastavite pomicati slova u vlastite slojeve
Da biste preostala slova premjestili u njihove zasebne slojeve, kliknite slovo s Alatom za odabir puta da biste ga odabrali (u Photoshopu CS6 morat ćete dvokliknite). Zatim pritisnite Shift + Ctrl + J (Win) / Shift + Command + J (Mac) da biste izrezali slovo iz izvornog sloja Shape na svoj vlastiti sloj. Nastavite se kretati po slovima jedno po jedno s lijeva na desno dok se svako ne nalazi na zasebnom sloju. Kada dođete do posljednjeg slova na desnoj strani, možete ga jednostavno ostaviti jer će to biti jedino slovo na izvornom sloju oblika:
Ploča slojeva koja prikazuje svako slovo u riječi sada na svom sloju.
Korak 6: Promijenite način miješanja slova u množenje
U trenu ćemo promijeniti boju svakog slova i pomaknuti slova bliže jedna drugoj tako da se preklapaju. Budući da želimo da se boje na područjima koja se preklapaju zajedno stapaju, moramo promijeniti način miješanja za svaki sloj oblika. Photoshop nam omogućava brzu izmjenu načina miješanja za više slojeva odjednom.
Kliknite gornji sloj na ploči Slojevi da biste ga odabrali. Zatim, da odaberete ostale slojeve oblika, pritisnite i držite tipku Shift i kliknite originalni sloj oblika neposredno iznad sloja pozadine:
Odabir svih slova odjednom.
Promijenite način miješanja u gornjem lijevom dijelu ploče Slojevi iz Normal u Normal. Vidjet ćemo učinak načina Multipli blend kad započnemo preklapanje slova:
Promjena načina miješanja slojeva oblika u množenje.
Korak 7: Postavite Slojeve oblika u skupinu slojeva
Dok su odabrani slojevi oblika, stavimo ih u skupinu slojeva. Kliknite ikonu izbornika u gornjem desnom kutu ploče Slojevi:
Otvaranje izbornika ploče Slojevi.
Zatim odaberite Nova grupa iz slojeva :
Odabir Nove grupe s Slojeva s izbornika.
U dijaloškom okviru Nova grupa iz slojeva imenovajte grupu "Pisma", a zatim kliknite U redu:
Imenovanje grupe slojeva.
Povratak na ploču Slojevi, Slojevi oblika sada se pojavljuju u grupi koja se zove "Pisma". Kliknite trokut lijevo od ikone mape da biste vrtjeli grupu otvorenom:
Pregled slojeva oblika unutar grupe.
Korak 8: Promijenite boju svakog slova
Promijenimo boju svakog slova. Počet ćemo s prvim slovom s lijeve strane. Dvaput kliknite na sličicu za gornji sloj oblika na ploči Slojevi:
Dvaput kliknite gornju sličicu sloja oblika.
Ovo otvara Photoshop Color Picker . Izabrati ću svijetloplavu. Da biste koristili istu boju koju koristim, postavite vrijednost R na 30, vrijednost G na 117, a vrijednost B na 197 :
Odabir svijetloplave boje za prvo slovo riječi.
Kliknite U redu da biste zatvorili alat za odabir boja i prvo slovo se pojavljuje u novoj boji:
Prvo slovo je sada svijetloplave boje.
Da biste promijenili boju drugog slova, dvaput kliknite njegovu sličicu na ploči Slojevi:
Dvaput kliknite na sličicu drugog sloja oblika.
Odaberite drugu boju u Biraču boja. Ja ću odabrati zelenu boju postavljanjem R na 25, G na 161 i B na 53 :
Odabir svijetlo zelene boje za drugo slovo.
Kliknite U redu, a sada se pojavljuje drugo slovo u zelenoj boji (ili u kojoj god boji da ste izabrali):
Dvije boje dolje, šest za ići.
Promjena boje preostalih slova
Nastavite mijenjati boju svakog slova u riječi dvostrukim klikom na njenu sličicu na ploči Slojevi i odabirom nove boje s Boje za odabir boja. Za treće slovo (" L ") odabrat ću žuto ( R = 255, G = 190, B = 0 ), a za četvrto slovo (" O "), idem s magentom ( R = 158 G = 33, B = 150 ). Za "R " ću koristiti narančastu ( R = 244, G = 99, B = 36 ), a za " F " ću odabrati svijetlo ružičastu ( R = 243, G = 43, B = 104 ).
Zamijenit ću drugo posljednje slovo (" U ") u isto plavo koje sam koristio za prvo slovo ( R = 30, G = 117, B = 197 ). I na kraju, upotrijebit ću istu žutu boju za posljednje slovo (" L ") koju sam upotrijebio za treće slovo ( R = 255, G = 190, B = 0 ):
Svako slovo je sada drugačije boje.
Korak 9: Dodajte gradijent grupi slojeva
Tekst definitivno izgleda šarenije, ali boje možemo još više poboljšati primjenom gradijenta na samu grupu slojeva. Kliknite grupu slojeva „Pisma” na vrhu ploče Slojevi da biste je odabrali:
Odabir grupe slojeva „Pisma“.
Zatim kliknite ikonu Slojevi slojeva (ikona "fx") pri dnu ploče Slojevi:
Klikom na ikonu Slojevi slojeva.
S popisa odaberite Prekrivanje s gradijentom :
Odabir preklopnog sloja.
Otvara se Photoshop-ov dijaloški okvir Stil sloja postavljen na opcije prekrivanja gradijenta. Kliknite trokut pored uzorka gradijenta da biste otvorili Gradient Picker . Zatim odaberite crni, bijeli gradijent dvostrukim klikom na njegovu sličicu (treći s lijeva, gornji red):
Odabir gradijenta crno, bijelo.
Postavite način Blend na prekrivanje, neprozirnost na 100%, stil na linearno i kut na 90 stupnjeva, a zatim kliknite na U redu:
Opcije prekrivanja gradijenta.
Primjena gradijenta crne i bijele boje izravno na grupu slojeva i postavljanje načina nanošenja smjese na Overlay pretvara ravnu boju svakog slova u gradijent, s svijetlijom nijansom boje na vrhu i tamnijom nijansom na dnu:
Dodavanje preklopnog sloja grupi je brz način pretvaranja ravnih boja u gradijente.
Povezano: Kako crtati gradijente u Photoshopu
Korak 10: Odaberite Alat Move i postavite ga na Auto Select Layers
U ovom trenutku preostalo je samo pomaknuti slova zajedno kako bi se ona preklapala. Na Alatnoj traci odaberite Alat Move :
Odabir alata Move.
Zatim na traci mogućnosti provjerite je li automatski odabir uključen (označen) i je li postavljen na Sloj, a ne na grupu. Tako ćemo odabrati svako slovo klikom na njega:
Uključivanje automatskog odabira i postavljanje na Layer.
11. korak: povucite slova zajedno tako da se preklapaju
Kliknite na slovo s alatom Pomicanje da biste ga odabrali. Sloj oblika za to slovo bit će istaknut na ploči Slojevi. Zatim povucite pismo uz slovo pored njega dok se dio slova ne preklapa. Držite Shift dok povlačite kako biste ga lakše prevukli preko. Evo, kliknuo sam drugo slovo (zeleno "O") i prevukao ga preko i malo u prvo slovo ("C"). Primijetite da se na područjima gdje se dva slova preklapaju boje svakog slova kombiniraju:
Kliknite na slovo da biste ga odabrali, a zatim ga povucite preko dijela slova pored njega.
Kliknut ću trećim slovom ("L") da ga odaberem, a zatim povlačim ulijevo dok držim Shift dok se dio toga ne preklopi slovom "O". Obavezno kliknite jednom da prvo odaberete slovo, otpustite tipku miša, a zatim drugi put da je prevučete, inače ćete odabrati i pomicati dva slova odjednom. Drugim riječima, provjerite je li sloj oblika za slovo koje želite premjestiti istaknut na ploči Slojevi prije nego što ga premjestite:
Učinak teksta koji se preklapa, poprima oblik.
Ako slučajno odaberete i premjestite dva slova odjednom, pritisnite Ctrl + Z (Win) / Command + Z (Mac) da biste poništili posljednji korak. Kliknite bilo gdje na bijeloj pozadini da biste poništili odabir slova, a zatim kliknite slovo koje trebate odabrati.
Premještanje preostalih slova
Nastavite povlačiti preostala slova zajedno dok se sva ne preklapaju. Opet, zapamtite da jednom kliknete slovo kako biste ga odabrali, otpustite tipku miša i drugi put kliknite da biste je pomaknuli. Također možete pomicati slova lijevo i desno koristeći lijevu i desnu tipku sa strelicama na tipkovnici. Evo mog rezultata nakon preklapanja preostalih slova. Jedini problem je što nakon pomicanja slova bliže jednima, riječ u dokumentu sada izgleda premalo. Tutorial ćemo završiti učenjem kako ga promijeniti sljedeći broj:
Učinak nakon premještanja svakog slova preklapajući ih.
12. korak: Promijenite veličinu teksta
Budući da su sva naša slova na zasebnim slojevima, kako bismo promijenili veličinu efekta, trebat ćemo promijeniti slojeve u grupi. Još jednom kliknite grupu slojeva „Pisma” na vrhu ploče Slojevi da biste je odabrali:
Odabir grupe slojeva.
Pritisnite Ctrl + T (Win) / Command + T (Mac) na tipkovnici kako biste brzo odabrali Photoshopovu naredbu Free Transform . Zatim, baš kao i ranije, pritisnite i držite tipku Shift i povucite bilo koji kutni rukohvat da promijenite veličinu teksta. Pomaknite tekst da biste ga ponovo postavili klikom i povlačenjem unutar okvira Slobodna transformacija:
Promjena veličine efekta besplatnom transformacijom.
Pritisnite Enter (Win) / Return (Mac) na tipkovnici kako biste izašli iz Besplatne transformacije i gotovi smo! Evo, nakon nekoliko manjih prilagodbi razmaka slova, posljednji je tekst "šareni preklapajuća slova":
Konačni učinak.
I tu ga imamo! To je kako stvoriti efekt teksta preklapajućih slova i kako kombinirati preklapajuće boje zajedno u Photoshopu! Obavezno pogledajte naše odjeljke Tekstualni efekti za više udžbenika!