Stvorite tekstualni efekt fragmentiranih pločica u Photoshopu

Napisao Steve Patterson.

U ovom vodiču za Photoshop tekstualne efekte, naučit ćemo kako stvoriti efekt 'fragmentiranih pločica' koristeći Photoshopov filter Tiles.



Evo efekta kojem težimo:



  Adobe Photoshop tekstualni efekti: konačni efekt Konačni rezultat.

Započnimo!

Korak 1: Otvorite novi Photoshop dokument

Otvorite novi Photoshop dokument tako da odete do Izbornik datoteka na vrhu zaslona i birajući Novi... , koji donosi Novi dokument dijaloški okvir. Odaberite bilo koju veličinu za svoj dokument. Koristit ću unaprijed postavljenu veličinu 640x480:

  Adobe Photoshop tekstualni efekti: Stvaranje novog dokumenta u Photoshopu Napravite novi Photoshop dokument. Koristim unaprijed postavljenu veličinu 640x480.

Korak 2: Ispunite pozadinski sloj crnom bojom

Pritisnite D na tipkovnici za brzo poništavanje Photoshopovih boja prednjeg plana i pozadine, što postavlja crno kao svoju boju u prvom planu. Zatim upotrijebite tipkovni prečac Alt+Backspace (pobjeda) / Opcija+Izbriši (Mac) da ispunite pozadinski sloj crnom bojom:



  Adobe Photoshop tekstualni efekti: Ispunite pozadinski sloj crnom bojom Photoshop dokument sada je ispunjen crnom bojom.

Korak 3: Postavite boju prednjeg plana na tamnu boju i dodajte svoj tekst

Klikni na Uzorak boje prednjeg plana u paleti alata:

  Adobe Photoshop tekstualni efekti: Klikom na uzorak boja prednjeg plana u Photoshopu's Tools palette Pritisnite uzorak boje prednjeg plana da biste promijenili boju.

Ovo će dovesti do Photoshopa Birač boja . Odabrat ćemo boju za tekst. Možete odabrati koju god boju želite za svoj tekst, ali koja god boja bila, odaberite tamnu nijansu za početak. Želim koristiti zelenu boju za svoju boju, pa ću odabrati tamnu nijansu zelene:

  Adobe Photoshop tekstualni efekti: odabir tamno zelene boje u Photoshopu's Color Picker. Koristite Photoshopov alat za odabir boja da odaberete tamnu nijansu boje koju želite koristiti za tekst.

Nakon što ste odabrali svoju boju, kliknite OK za izlaz iz alata za odabir boja.



Odaberite svoju Vrsta alata iz palete Alati ili pritisnite slovo T na tipkovnici da biste ga brzo odabrali:

  Adobe Photoshop Text Effects: Odabir alata Type iz Photoshopa's Tools palette. Odaberite alat Type iz palete Tools ili pritisnite 'T' na tipkovnici.

Zatim, s odabranim alatom Type, idite gore do Traka s opcijama na vrhu zaslona i odaberite svoj font i veličinu fonta. Ovaj će efekt najbolje funkcionirati s velikim, debelim fontom, pa ću koristiti 'Impact' za poduku. Zatim kliknite unutar dokumenta i unesite tekst. Napisat ću riječ 'digitalni' jer mislim da ovaj efekt pomalo liči na digitalni:

  Adobe Photoshop tekstualni efekti: upisivanje riječi'digital' into the document. Pritisnite unutar dokumenta i unesite svoju vrstu.

Koristiti Alat za pomicanje za centriranje teksta u dokumentu i promjenu veličine teksta ako je potrebno pomoću prečaca na tipkovnici Ctrl+T (pobjeda) / Command+T (Mac) za prikaz Photoshopa Slobodna transformacija ručice oko vašeg teksta, a zatim držite Shift+Alt (pobjeda) / Shift+Opcija (Mac) i povucite bilo koju kutnu točku. Držanje Shift ograničava proporcije teksta, a držanje Alt/Option uzrokuje promjenu veličine teksta od središta. Pritisnite Unesi (pobjeda) / Povratak (Mac) kada ste gotovi s prihvaćanjem transformacije.



Korak 4: Rasterizirajte tekstualni sloj

Na tekst ćemo primijeniti jedan od Photoshopovih filtara, ali to ne možemo učiniti bez prethodnog pretvaranja teksta u piksele, što je poznato kao 'rasteriziranje'. Da biste to učinili, s odabranim tekstualnim slojem u paleti Slojevi idite do Izbornik slojeva na vrhu zaslona odaberite Rasteriziraj , a zatim odaberite Tip . Čini se da se ništa nije dogodilo u dokumentu, ali ako pogledate u svoju paletu slojeva, vidjet ćete da je tekstualni sloj sada normalan sloj:

  Adobe Photoshop tekstualni efekti: tekstualni sloj sada je normalan sloj. Nakon rasterizacije tipa, tekstualni sloj je sada normalan sloj u paleti slojeva.

Korak 5: Duplicirajte tekstualni sloj

Moramo stvoriti duplikat sloja s našim tekstom na njemu, pa da to učinimo, s odabranim tekstualnim slojem, upotrijebite tipkovni prečac Ctrl+J (pobjeda) / Command+J (Mac). Sada ćete imati duplikat tekstualnog sloja u paleti slojeva:



  Adobe Photoshop tekstualni efekti: Photoshop's Layers palette now showing the copy of the text layer. Pritisnite 'Ctrl+J' (Win) / 'Command+J' (Mac) da duplicirate tekstualni sloj.

Korak 6: Sakrij izvorni tekstualni sloj

Nakon što je stvorena kopija našeg tekstualnog sloja, sakrit ćemo izvorni tekstualni sloj od pogleda klikom na njega Vidljivost sloja ikona (ikona 'očne jabučice') krajnje lijevo od sloja u paleti slojeva:

  Adobe Photoshop tekstualni efekti: Kliknite na izvorni tekstualni sloj's visibility icon to hide it. Sakrijte izvorni tekstualni sloj klikom na njegovu ikonu 'Vidljivost sloja' (očna jabučica).

Nećete vidjeti nikakve promjene u dokumentu budući da kopija tekstualnog sloja blokira pogled izvornog tekstualnog sloja, ali ako pogledate unatrag u paleti slojeva, vidjet ćete da je ikona očne jabučice nestala, što znači da sloj je sada skriven.

Korak 7: Dvaput primijenite Photoshopov filtar 'pločice' na sloj kopiranja teksta

S odabranim slojem kopiranja teksta u paleti Slojevi idite do Izbornik filtera na vrhu zaslona odaberite Stilizovati , a zatim odaberite Pločice . Ovo otvara dijaloški okvir Photoshop Tiles filter:



  Adobe Photoshop tekstualni efekti: Photoshop's 'Tiles' filter dialog box. Upute za Photoshop: Idite na Filter > Stylize > Tiles da biste prikazali dijaloški okvir Tiles filter.

Nije potrebno mijenjati nijednu opciju. Jednostavno kliknite OK za izlaz iz dijaloškog okvira i primijenite filtar na tekst. Zatim upotrijebite tipkovni prečac Ctrl+F (pobjeda) / Command+F (Mac) da primijenite isti filtar drugi put. Vaš će tekst sada izgledati otprilike ovako:

  Adobe Photoshop tekstualni efekti: Tekst nakon primjene filtra Pločice. Tekst nakon primjene filtra Pločice.

Korak 8: Odaberite i izbrišite bijele površine u tekstu

zgrabite Alat za čarobni štapić iz palete Alati ili pritisnite slovo U da biste ga brzo odabrali:



  Adobe Photoshop Text Effects: odabir alata Magic Wand iz Photoshopa's Tools palette. Odaberite alat Čarobni štapić iz palete alata ili pritisnite 'W' na tipkovnici.

Gore u Traka s opcijama , budi siguran Granični nije označeno, inače bismo morali odabrati svako bijelo područje zasebno. Zatim kliknite čarobnim štapićem na bilo koje bijelo područje u tekstu i Photoshop će odabrati sva bijela područja odjednom:

  Adobe Photoshop tekstualni efekti: Kliknite na bilo koje bijelo područje s čarobnim štapićem kako biste odabrali sva bijela područja u tekstu. Čarobnim štapićem kliknite bilo koje bijelo područje kako biste odabrali sva bijela područja unutar teksta.

Dok je odabrana sva bijela, pritisnite Izbrisati na tipkovnici za brisanje tih područja. Pritisnite Ctrl+D (pobjeda) / Command+D (Mac) za poništavanje odabira. Vaš će tekst sada izgledati otprilike ovako:

  Adobe Photoshop tekstualni efekti: Tekst nakon brisanja bijelih područja. Tekst nakon brisanja bijelih područja.

Korak 9: Duplicirajte izvorni tekstualni sloj i premjestite ga na vrh palete slojeva

Kliknite natrag na izvorni tekstualni sloj da biste ga odabrali, zatim ga duplicirajte pomoću tipkovničke prečice Ctrl+J (pobjeda) / Command+J (Mac). Zatim kliknite na duplikat sloja koji ste upravo stvorili i povucite ga na vrh palete slojeva. Vidjet ćete istaknutu traku koja se pojavljuje na vrhu dok joj se približavate. Kada vidite traku za označavanje, otpustite tipku miša i sloj će pasti na svoje mjesto:

  Adobe Photoshop tekstualni efekti: Duplicirajte izvorni sloj teksta i povucite ga na vrh palete slojeva. Duplicirajte izvorni tekstualni sloj i povucite ga na vrh palete slojeva.

Korak 10: Pritisnite ikonu vidljivosti sloja kako bi se pojavio u dokumentu

Budući da je izvorni tekstualni sloj skriven od pogleda, ova njegova nova kopija koju smo napravili također je skrivena od pogleda. Trebamo ga prikazati u dokumentu, pa kliknite njegovu ikonu Vidljivost, što će uzrokovati ponovno pojavljivanje očne jabučice i sloj će sada biti vidljiv:

  Adobe Photoshop Tekstualni efekti: Klikom na sloj's visibility icon to reveal the layer in the document. Pritisnite ikonu vidljivosti sloja da biste otkrili sloj u dokumentu.

Korak 11: Učinite tekst svjetlijom nijansom boje

Ponovno kliknite na uzorak boje prednjeg plana u paleti alata da vratite alat za odabir boja, zatim odaberite malo svjetliju nijansu boje teksta:

  Adobe Photoshop tekstualni efekti: Odabir malo svjetlije nijanse zelene za tekst u Photoshopu's Color Picker. Još jednom kliknite uzorak boje prednjeg plana i odaberite nešto svjetliju nijansu boje teksta u alatu za odabir boja.

Kliknite OK za izlaz iz alata za odabir boja, a zatim upotrijebite tipkovni prečac Shift+Alt+Backspace (pobjeda) / Shift+Option+Delete (Mac) za primjenu boje na tekst:

  Adobe Photoshop tekstualni efekti: Slika nakon primjene nove boje na tekst. Pritisnite 'Shift+Alt+Backspace' (Win) / 'Shift+Option+Delete' (Mac) da primijenite novu boju na tekst.

Korak 12: Rotirajte platno za 90° CW

Idi gore do Izbornik slika na vrhu zaslona odaberite Zakreni platno , zatim odaberite 90° CW za rotiranje platna za 90° udesno:

  Adobe Photoshop tekstualni efekti: Zakrenite platno za 90° u smjeru kazaljke na satu. Okrenite platno za 90° u smjeru kazaljke na satu.

Korak 13: Primijenite filtar pločica tri puta na tekst

Ponovno ćemo primijeniti filtar Tiles, ovaj put na novi tekstualni sloj. Budući da je Tiles posljednji filtar koji smo primijenili, nema potrebe da ga ponovno odaberete iz izbornika Filtar. Možemo koristiti isti tipkovnički prečac Ctrl+F (pobjeda) / Command+F (Mac) da biste ga primijenili, zatim pritisnite tipkovni prečac još dva puta da biste primijenili filtar ukupno tri puta. Vaš će tekst sada izgledati otprilike ovako:

  Adobe Photoshop tekstualni efekti: Tekst nakon dvaput primjene filtra Pločice. Upute za Photoshop: Tekst nakon dvaput primjene filtra Tiles.

Korak 14: Odaberite i izbrišite bijela područja

Koristiti Čarobni štapić još jednom za brzi odabir svih bijelih područja u tekstu klikom na bilo koje bijelo područje. Zatim pritisnite Izbrisati da ih izbrišemo, baš kao što smo radili prije. Pritisnite Ctrl+D (pobjeda) / Command+D (Mac) za poništavanje odabira. Vaš će tekst sada izgledati ovako:

  Adobe Photoshop tekstualni efekti: tekst nakon ponovnog brisanja bijelih područja. Tekst nakon ponovnog brisanja bijelih područja.

Korak 15: Ponovno umnožite izvorni tekstualni sloj i premjestite ga na vrh palete slojeva

Ponovno kliknite na izvorni tekstualni sloj u paleti slojeva i pritisnite Ctrl+J (pobjeda) / Command+J (Mac) da biste ga duplicirali. Zatim ga povucite na vrh palete slojeva:

  Adobe Photoshop Tekstualni efekti: Duplicirajte izvorni sloj teksta ponovo i povucite ga na vrh palete slojeva. Ponovno umnožite izvorni sloj teksta i povucite ga na vrh palete slojeva.

Korak 16: Pritisnite ikonu vidljivosti sloja kako bi se pojavio u dokumentu

Naš duplicirani tekstualni sloj ponovno je skriven od pogleda, pa kliknite njegovu ikonu vidljivosti sloja da bi se pojavio u dokumentu:

  Adobe Photoshop Tekstualni efekti: Klikom na sloj's visibility icon to reveal the layer in the document. Pritisnite ikonu vidljivosti sloja da biste otkrili sloj u dokumentu.

Korak 17: Još jednom odaberite svjetliju nijansu svoje boje teksta

Ponovo kliknite na uzorak boje prednjeg plana u paleti alata da biste otvorili alat za odabir boja i odaberite svjetliju nijansu boje teksta. Ovdje biram još svjetliju nijansu zelene:

  Adobe Photoshop tekstualni efekti: Odabir svjetlije nijanse zelene za tekst u Photoshopu's Color Picker. Kliknite još jednom na uzorak boje prednjeg plana i odaberite svjetliju nijansu boje teksta.

Kliknite OK za izlaz iz alata za odabir boja, a zatim upotrijebite tipkovni prečac Shift+Alt+Backspace (pobjeda) / Shift+Option+Delete (Mac) ponovno za primjenu boje na tekst:

  Adobe Photoshop tekstualni efekti: Slika nakon primjene nove boje na tekst. Pritisnite 'Shift+Alt+Backspace' (Win) / 'Shift+Option+Delete' (Mac) da ponovno primijenite novu nijansu zelene na tekst.

Korak 18: Rotirajte platno za 90° CW

Vratite se do Izbornik slika , izaberite Zakreni platno , zatim odaberite 90° CW za ponovno rotiranje platna za 90° u smjeru kazaljke na satu:

  Tekstualni efekti programa Adobe Photoshop: Ponovno zakrenite platno za 90° u smjeru kazaljke na satu. Ponovno zakrenite platno za 90° u smjeru kazaljke na satu.

Korak 19: Primijenite filtar pločica četiri puta na tekst

Ponovno primijenite filtar Tiles, i ovaj put ga primijenite četiri puta pomoću prečice na tipkovnici Ctrl+F (pobjeda) / Command+F (Mac) četiri puta. Vaš će tekst sada izgledati otprilike ovako:

  Adobe Photoshop tekstualni efekti: tekst nakon četiri primjene filtra Pločice. Primijenite filtar Tiles četiri puta na tekst.

Korak 20: Odaberite i izbrišite bijela područja

Još jednom, zgrabite Čarobni štapić i kliknite na bilo koje bijelo područje u tekstu, zatim pritisnite Izbrisati za brisanje bijelih područja. Pritisnite Ctrl+D (pobjeda) / Command+D (Mac) za poništavanje odabira. Evo teksta na ovom mjestu:

  Adobe Photoshop tekstualni efekti: tekst nakon ponovnog brisanja bijelih područja. Tekst nakon ponovnog brisanja bijelih područja.

Korak 21: Ponovno umnožite izvorni tekstualni sloj i premjestite ga na vrh palete slojeva

Napravit ćemo iste korake iznova, pa prvo kliknite izvorni sloj teksta u paleti Slojevi i pritisnite Ctrl+J (pobjeda) / Command+J (Mac) da biste ga duplicirali, zatim ga povucite na vrh palete slojeva. Kliknite na njegovu Vidljivost sloja tako da sloj bude vidljiv u dokumentu:

  Tekstualni efekti Adobe Photoshopa: Duplicirajte izvorni tekstualni sloj ponovo, povucite ga na vrh palete slojeva i kliknite njegovu ikonu vidljivosti sloja. Ponovno umnožite izvorni sloj teksta, povucite ga na vrh palete slojeva i kliknite njegovu ikonu vidljivosti sloja kako bi se pojavio u dokumentu.

Korak 22: Još jednom odaberite svjetliju nijansu svoje boje teksta

Ponovno kliknite na uzorak boje prednjeg plana u paleti alata i odaberite još svjetliju nijansu boje teksta. Kliknite OK za izlaz iz alata za odabir boja, zatim pritisnite Shift+Alt+Backspace (pobjeda) / Shift+Option+Delete (Mac) ponovno za primjenu boje na tekst:

  Adobe Photoshop tekstualni efekti: Slika nakon primjene svjetlije zelene boje na tekst. Odaberite još svjetliju nijansu boje teksta u alatu za odabir boja i primijenite je na tekst.

Korak 23: Ponovo zakrenite platno za 90° CW

Vratite se do Izbornik slika , natrag na Zakreni platno , zatim još jednom odaberite 90° CW za okretanje platna za 90° u smjeru kazaljke na satu:

  Adobe Photoshop tekstualni efekti: Zakrenite platno za 90° u smjeru kazaljke na satu. Još jednom zakrenite platno za 90° u smjeru kazaljke na satu.

Korak 24: Primijenite filtar pločica pet puta na tekst

Ovaj put pritisnite tipkovni prečac Ctrl+F (pobjeda) / Command+F (Mac) pet puta za primjenu filtra Tiles pet puta na tekst:

  Adobe Photoshop tekstualni efekti: Primjena filtra Tiles pet puta na tekst. Primijenite filtar Pločice na tekst pet puta.

Korak 25: Odaberite i izbrišite bijela područja

Ponovno kliknite na bilo koje bijelo područje s čarobnim štapićem kako biste ih odabrali, zatim ih izbrišite. Pritisnite Ctrl+D (pobjeda) / Command+D (Mac) za poništavanje odabira. Vaš tekst bi trebao izgledati otprilike ovako:

  Adobe Photoshop tekstualni efekti: Tekst nakon ponovnog brisanja bijelih područja. Tekst nakon ponovnog brisanja bijelih područja.

Korak 26: Ponovno umnožite izvorni tekstualni sloj i premjestite ga na vrh palete slojeva

Zadnji put, obećavam. Kliknite izvorni tekstualni sloj i duplicirajte ga još jednom pomoću Ctrl+J (pobjeda) / Command+J (Mac). Zatim ga povucite na vrh palete slojeva i kliknite njegovu ikonu vidljivosti sloja tako da se prikazuje u dokumentu:

  Tekstualni efekti Adobe Photoshopa: Duplicirajte izvorni tekstualni sloj ponovo, povucite ga na vrh palete slojeva i kliknite njegovu ikonu vidljivosti sloja. Ponovno umnožite izvorni sloj teksta, povucite ga na vrh palete slojeva i kliknite njegovu ikonu vidljivosti sloja kako bi se pojavio u dokumentu.

Korak 27: Odaberite svjetliju nijansu svoje boje teksta i nanesite je na tekst

Ponovo kliknite na uzorak boje prednjeg plana u paleti alata i odaberite još svjetliju nijansu boje. Kliknite OK za izlaz iz alata za odabir boja, zatim pritisnite Shift+Alt+Backspace (pobjeda) / Shift+Option+Delete (Mac) ponovno za primjenu boje na tekst:

  Adobe Photoshop tekstualni efekti: Slika nakon primjene svjetlije zelene boje na tekst. Upute za Photoshop: Odaberite još svjetliju nijansu boje i nanesite je na tekst.

Korak 28: Ponovno zakrenite platno za 90° CW kako biste ga doveli do punog kruga

Vratite se do Izbornik slika , natrag na Zakreni platno , zatim još jednom odaberite 90° CW da biste zakrenuli platno za 90° u smjeru kazaljke na satu, da biste ga konačno doveli do punog kruga:

  Adobe Photoshop tekstualni efekti: Zakrenite platno za 90° u smjeru kazaljke na satu. Još jednom zakrenite platno za 90° u smjeru kazaljke na satu, dovodeći ga do punog kruga.

Korak 29: Primijenite filtar pločica šest puta na tekst

Ovaj put pritisnite tipkovni prečac Ctrl+F (pobjeda) / Command+F (Mac) šest puta za primjenu filtra Tiles šest puta na tekst:

  Adobe Photoshop Text Effects: Primjena Tiles filtera šest puta na tekst. Primijenite filtar Tiles na tekst ukupno šest puta.

Korak 30: Odaberite i izbrišite bijela područja

Ponovno kliknite na bilo koje bijelo područje s čarobnim štapićem kako biste ih odabrali, zatim ih izbrišite. Pritisnite Ctrl+D (pobjeda) / Command+D (Mac) za poništavanje odabira. Vaš tekst bi trebao izgledati otprilike ovako:

  Adobe Photoshop tekstualni efekti: Tekst nakon ponovnog brisanja bijelih područja. Tekst nakon ponovnog brisanja bijelih područja. Skoro gotovo.

Korak 31: Dodajte tanak crni potez na gornji sloj teksta

U ovom trenutku, osnovni učinak je završen. Samo ću to završiti primjenom tankog crnog poteza oko različitih fragmenata pločica na gornjem sloju teksta kako bih ih izdvojio od ostatka efekta. Da biste to učinili, s odabranim gornjim slojem teksta kliknite na Stilovi slojeva ikona na dnu palete slojeva:

  Adobe Photoshop tekstualni efekti: Klikom na ikonu stilova slojeva na dnu palete slojeva. S odabranim gornjim tekstualnim slojem kliknite na ikonu 'Stilovi slojeva' na dnu palete slojeva.

Odaberite Moždani udar s popisa:

  Adobe Photoshop tekstualni efekti: odabir'Stroke' from the list of Layer Styles. Kliknite na 'Stroke' kako biste ga odabrali s popisa stilova slojeva.

Ovo dovodi do Stil sloja dijaloški okvir postavljen na Moždani udar opcije u srednjem stupcu:

  Tekstualni efekti Adobe Photoshopa: Opcije poteza u dijaloškom okviru Stilovi slojeva. Promijenite opcije poteza zaokružene crvenom bojom.

Napravite promjene koje sam gore zaokružio crvenom bojom. Prvo promijenite Boja moždanog udara do crno klikom na uzorak boje i odabirom crne u Color Pickeru. Spustite Veličina moždanog udara do 1 piksel . Promijeni Položaj moždanog udara do Unutra , i na kraju, smanjite Neprozirnost dolje okolo dvadeset% . Želimo samo lagani udarac, ništa teško.

Pritisnite OK za izlaz iz dijaloškog okvira Stil sloja i gotovi ste! Evo konačnog efekta teksta 'Fragmentirane pločice':

  Adobe Photoshop tekstualni efekti: finale'Fragmented Tiles' text effect. Konačni učinak.

Kamo dalje...