Vrei să îi dai textelor tale ceva special, dar ai puțin timp? Nicio problemă! Cu Photoshop poți crea în câțiva pași efecte tipografice cool. În acest tutorial îți voi arăta cinci tehnici rapide și ușoare pentru a-ți crea tipografia în mod creativ și modern. De la Neon-Glow la aspecte metalice sau efecte distorsionate - aceste trucuri rapide aduc diversitate și stil designurilor tale. Hai să începem și să punem în valoare textele tale!

1. Efectul contururilor retro pentru titluri

Pentru flyere și wallpapere, contururile retro creative se pot crea foarte repede folosind opțiunea de umplere Outer Glow.

Pasul 1: Poziționarea textului

Ca imagine de pornire am un fundal cu raze cu text ușor rotit. Textul are fontul Eight Track cu dimensiunea de 300 Pt.

Cinci Quickys pentru efecte de tipografie cool

Pasul 2: Umplerea cu 'Outer Glow' ca gradient

Umplerea Outer Glow este folosită în general ca un sclipici/umbră mai deschisă sau mai închisă. Photoshop oferă însă și opțiunea de a aplica un gradient ca sclipire în locul unei culori.

Pentru texte, la o setare precisă se obțin numeroase efecte de contur care pot fi variate cu diferite moduri de umplere. Datorită disponibilității și ușurinței de a crea gradienți potriviți, rezultă o varietate aproape infinită de efecte de contur care pot contura sau încadra textele într-un mod delicat sau psihedelic colorat.

Cinci quick-uri pentru efecte tipografice cool

Mărimea în dialogul de umplere indică cât de mare ar trebui să fie sclipirea în exterior. Sub umplere arată cât de puternic ar trebui să acționeze efectul direct asupra textului. Tehnica este importantă: Precisă.

Frumos: Sub opțiunea de Efecte speciale existe un gradient întrerupt, care poate fi folosit pentru un efect retro reușit. Culorile se pot regla ușor. Cine dorește, poate lăsa și contururile exterioare să se estompeze în transparență.

Cinci trucuri rapide pentru efecte tipografice cool

Efectul contururilor retro este gata:

Cinci efecte rapide pentru tipografii cool

2. Efectul contururilor franjurate pentru titluri

Un efect de contur franjurat poate fi folosit excelent în flyerele grungy sau pentru titluri. Efectul în sine este ușor de realizat.

Pasul 1: Poziționarea textului pe un fundal alb

Fundalul este alb. Scriu literele PSD cu fontul Army de 600 de puncte folosind instrumentul de Text.

Cinci "quickies" pentru efecte tipografice cool

Pasul 2: Selectarea literelor Aleg literele stratului de text apăsând tasta Ctrl și făcând clic pe miniatura stratului textului.

Cinci efecte tipografice rapide pentru stiluri cool

Pasul 3: Editarea selecției Prin scurtătura Ctrl+Alt+R deschid dialogul Îmbunătățire margine. Acolo setez un Contur moale pentru selecția mea. Valoarea concretă poate varia în funcție de dimensiunea textului.

Cinci trucuri rapide pentru efecte tipografice cool

Pasul 4: Crearea unui strat nou și umplerea cu culoare Creez un strat nou cu scurtătura Ctrl+Shift+Alt+N și umplu acesta cu o culoare la alegere. Doar zona selectată va fi umplută cu culoare.

Pot dezactiva stratul textului și anula selecția cu scurtătura Ctrl+D.

Cinci Quickys pentru efecte de tipografie cool

Pasul 5: Convertirea în obiect inteligent Marchez stratul literelor cu Marginea moale și stratul alb și convertesc ambele straturi într-un obiect inteligent.

Cinci Quickys pentru efecte tipografice cool

Pasul 6: Aplicarea de smart filtre Aplic filtrul artistic Aquarel de trei ori pe obiectul inteligent al meu.

  1. Trecere
Detalii de pensulă:6
Zonă de întunecare:0
Structură:2
Cinci Quickys pentru efecte cool de tipografie

Inputurile pot varia și aici în funcție de culoarea aleasă, dimensiunea marginei moi și dimensiunea textului.

  1. Trecere
Detalii de pensulă:14
Zonă de întunecare:0
Structură:2
  1. Trecere
Detalii perie:11
Zonă umbrită:0
Structură:2



Se vede deja după două treceri cum se formează un efect de margine neregulată, șifonată. Cu a treia și, eventual, a patra trecere, pot să optimizez fin efectul în caz de necesitate.

Cinci rapide pentru efecte tipografice cool

Și astfel, efectul poate fi utilizat cu succes ca parte a textului pe fundaluri grungy. Fundalul prezentat aici este atașat acestui tutorial ca material de lucru.

În această vizualizare în modul Culoare mai întunecată cu 85% Opacitate, fundalul este în modul Normal cu aceeași opacitate de 85%:

În vizualizarea diferențiată în modul Diferență cu 100% Opacitate, fundalul este în modul Normal cu 50% Opacitate:

3. Efect simplu de reflexie în aspect 3D

Un efect simplu de reflexie pentru tipuri de litere, care funcționează fără prea mult fast, poate fi obținut în câțiva pași simpli.

Sursa imaginii: Akhilesh Sharma - Fotolia.com.

Pasul 1: Stabilirea imaginii oglindă ca model

Primul pas pentru acest efect constă în stabilirea imaginii care va fi reflectată în text ca model. Fac acest lucru cu imaginea deschisă din meniul Editare>Stabilire model.

Cinci ședințe rapide pentru efecte tipografice cool

Pasul 2: Plasarea textului Plasez textul meu cu Arial de 300 de puncte în documentul meu. Documentul are dimensiunile de 800x600 pixeli și un fundal negru.

Cinci quick-uri pentru efecte de tipografie cool

Pasul 3: Opțiune de umplere contur Deschid Opțiunile de umplere ale stratului meu de text și selectez fila Contur. Aici, selectez ca tip de umplere Model și fac clic pe modelul stabilizat anterior în Previzualizarea modelului.

Alte setări:

Dimensiune:3 px
Poziție:Mijloc
Scalare:conform necesităților, adică în funcție de cât de mare era modelul stabilizat; în acest caz 35%



Prin mișcarea mouse-ului în imagine, pot plasa modelul exact așa cum vreau să apară în conturul textului. Setările le pot confirma apăsând OK.

Cinci trucuri rapide pentru efecte tipografice tari

Pasul 4: Stabilirea opțiunii de umplere ca strat Cu un clic dreapta pot crea un strat din Stilurile stratului meu. Conturul este acum prezent într-un strat din panoul Stiluri strat. Plasez stratul sub stratul meu de text.

Cinci Quickys pentru efecte tipografice cool

Pasul 5: Suprapunere model în opțiunile de umplere În Opțiunile de umplere pentru stratul de text, selectez fila Suprapunere model și aleg modelul stabilizat anterior. Prin intermediul cursorului de scalare, micșorez modelul meu până când se potrivește din punct de vedere vizual. Cu mouse-ul pot plasa modelul în imagine exact așa cum vreau să apară în text.

Cinci scurte pentru efecte tipografice tari

Pasul 6: Reglare fină asupra conturului Pentru ca efectul să pară realist, mut stratul de contur puțin spre jos și spre stânga folosind tastele săgeți de pe tastatură, astfel încât să apară o ușoară optică 3D.

Acum, pentru a adăuga puțin sclipici în reflexie, pot crea un contur exterior de 1 pixel cu umplerea modelului către stratul de text. Deoarece conturul de un pixel este într-adevăr foarte slab, poate fi afișat și în partea de sus a textului. Dacă efectul este prea puternic, pur și simplu redu opacitatea puțin.

Aceasta aduce o frumoasă reflecție de lumină suplimentară. Un efect simplu de reflexie în aspect 3D este complet.

Cinci efecte tipografice rapide pentru un aspect cool

4. Efecte de gradient de reflexie în texte și forme



Mai întâi de toate, trebuie să menționez că am fost inspirat pentru acest tutorial de Scott Kelby, care a explicat acest efect în cartea sa „Scott Kelby: Photoshop CS4 Down & Dirty Tricks”.

Scott Kelby a explicat crearea efectului în 12 pași pentru două litere. A procedat astfel:

  1. Creare text
  2. Rasterizare text, selectare și trage primul gradient
  3. Duplicare strat și trage gradientul opus
  4. Tăierea gradientului prin selecția elipsoidului
  5. Transformarea selecției
  6. Înversarea și eliminarea zonei selectate a gradientului
  7. Adăugarea conturului
  8. Adăugarea marginii plate și a reliefurilor
  9. -12. Repetarea pașilor pentru a doua literă

    Cinci Quickys pentru efecte de tipografie cool

Efectul este un element de atracție mic și drăguț. Totuși, procesul de realizare permite doar un rezultat static. Textul nu poate fi modificat pentru că a fost rasterizat încă de la început. Pentru fiecare literă adițională, trebuie să repet o mare parte din pași.

În tutorialul meu, doresc să arăt un mod care să permită o mai mare flexibilitate în ceea ce privește modificarea textului. De asemenea, cu acest efect, mai multe litere pot fi adăugate mai rapid.

Pasul 1: Creare gradient

Pentru a crea acest efect într-un mod mai rapid, îmi creez propriul gradient dublu ca model. Prin urmare, deschid mai întâi meniul Gradient, în dimensiunile documentului meu de 1000x600 pixeli, dând clic pe Vizualizarea gradientului din bara de meniu cu Instrumentul de gradient (G) activat.

Acum, creez gradientul care va fi plasat ca reflexie cu gradient dublu în text.

Gradientul are următoarea configurație:

Gri - Alb - Negru - Gri

Adaug interrupții de culoare lipsă cu un clic lângă o interupție de culoare existentă și le plasez în locul dorit folosind Drag&Drop. Culoarea interupției de culoare poate fi schimbată folosind Selectați culorile din meniul Gradientului.

Tranziția de la alb la negru este abruptă. Ploaiele de culoare nu ar trebui să fie una peste alta, ci ușor deplasate. În caz contrar, tranziția va avea efect de trepte mai târziu. Netezirea de 30% asigură că gradientul în zona gri este frumos și uniform.

Dacă este necesar, pot salva noul gradient în Vizualizarea gradientului dându-i un nume oarecare ca Nou. Apoi confirm setările gradientului cu OK.

Cinci quicky-uri pentru efecte de tipografie cool

Pasul 2: Curba gradientului

Trag gradientul cu Instrumentul de gradient de la mijlocul de jos al documentului către partea de sus-stânga.

Cinci efecte rapide pentru tipografii interesante

Din cauza curbei gradientului, nu pot face toate modificările doar printr-o Suprapunere a gradientului. Soluția constă în aplicarea gradientului în curbe ca Model.

Prin Ctrl+T>Deformare setez acum o ușoară curbare astfel încât tranziția neagră să fie prezentată curbat. Pentru aceasta, trag ușor Reticulul de deformare în sus-stânga.

Cinci Quickys pentru efecte tipografice cool

Pasul 3: Stabilirea gradientului ca model. Gradientul dublu curbat poate fi acum stabilit ca Model. Selectez Editare>Stabilește modelul din meniu. Numele este: Gradient dublu cu reflexie.

Cinci quick-uri pentru efecte tipografice interesante

Pasul 4: Plasarea textului. Pentru document, aleg un fundal nou, roșu închis. Acum pot introduce textul meu cu o dimensiune de 530 puncte. Tastez litera P.

Cinci încercări rapide pentru efecte tipografice tari

Pasul 5: Suprapunerea modelului. Deschid Opțiunile de umplere ale stratului meu de text. În fila Suprapunerea modelului aleg în lista derulantă modelul stabilit anterior.

Acum pot folosi mouse-ul pentru a plimba modelul meu intuitiv în document la locul dorit. În caz de necesitate, pot scala modelul meu, dacă este prea mare sau prea mic pentru literă.

Cinci scurte pentru efecte de tipografie cool

Pasul 6: Contur. În fila Contur, ajustez un Contur de 5 pixeli în poziția Exterior. Tipul de umplere este un Gradient.

Cinci metode rapide pentru efecte tipografice cool

Apăs în Vizualizarea gradientului pe setarea implicită Argint din Presetele metalice.

Cinci quicky-uri pentru efecte tipografice cool

Conturul în sine nu arată încă așa cum îmi doresc. Doar cu Marginea plată și relief va avea un aspect metalic adecvat.

Cinci scheme rapide pentru efecte tipografice cool

Pasul 7: Marginea plată și relief. Pentru efectul de metal 3D, setările din fila Marginea plată și relief sunt cruciale. Selectez următoarele setări:

Stil: Contur cu relief

Tehnică: Rotunjire

Adâncime: 100 procente

Dimensiune: 5 pixeli

Unghiul și înălțimea umbrei: 120 și 30 grade

Contur strălucitor: Inel dublu

Cinci Quickys pentru efecte tipografice cool

Efectul este gata.

Cinci efecte rapide pentru texte grozave

Pasul 8: Alte litere. Pentru alte litere, duplic doar stratul de text, îl mut la locul dorit și modific litera respectivă cu Instrumentul de text.

Cinci Quickys pentru efecte de tipografie tari

La nevoie, trebuie să ajustez suprapunerea dublă doar în registrul Suprapunere model la forma noii litere.

Dacă îmi doresc accente colorate în gradiențul meu, pot adăuga o suprapunere de culoare în modul Încorporare în opțiunile de umplere.

Cam atât!

Cinci quick-uri pentru efecte tipografice cool

5. Text înclinat cu chenar

O dezvoltare frumoasă a efectului de gradient de reflexie anterior poate consta în faptul că îi pot da textului meu un chenar și pot înclina chenarul împreună cu textul în vizualizare.

În acest exemplu, nu fiecare literă va avea o reflexie separată, ci se va împărți o reflexie cu celelalte; adică literele nu sunt pe straturi individuale, ci împreună într-un singur strat.

Pasul 1: Adăugarea chenarului

Trag dreptunghiul cu margine subțire din Setările standard folosind Instrumentul Formă personalizat (U) drept chenar pentru textul meu.

Cinci quick-uri pentru efecte tipografice cool

Pasul 2: Copierea stilurilor straturilor Cu tasta Alt trag printr-un simplu drag-and-drop stilurile existente ale stratului de text pe stratul chenarului. Astfel, am copiat stilurile stratului pentru chenar. La necesitate, ajustez poziția concretă a suprapunerii modelului în opțiunile de umplere din nou, pentru ca totul să arate ordonat în vizualizare.

Cinci quickie-uri pentru efecte tipografice tari

Pasul 3: Convertirea ambelor straturi în obiect inteligent Selectez stratul de text și stratul chenarului în Caseta straturilor și le convertesc într-un obiect inteligent.

Cinci quickie-uri pentru efecte tipografice tari

Pasul 4: Transformarea Apăs Ctrl+T pe obiectul inteligent meu pentru a-l transforma. Cu Ctrl pot trage colțul din stânga sus puțin spre mijloc. Astfel, chenarul și textul se înclină.

Dacă este necesar, pot muta și colțurile de jos individual ținând apăsat tasta Ctrl, pentru a amplifica efectul de înclinare. Cu Enter confirm transformarea mea.

Cinci trucuri rapide pentru efecte tipografice cool

Pasul 5: Sfat de poziționare Este important ca textul să aibă chenarul pentru a obține efectul de înclinare sau de basculare. Doar textul în sine ar realiza acest efect într-o măsură limitată.

Dacă doresc să obțin un efect special cu poziționarea, atunci plasez textul meu cu chenar în așa fel încât întregul chenar să nu încapă în document. La nevoie, trebuie să decupez documentul pentru această estetică. Astfel se creează impresia de dimensiune vizuală specială. Conținutul nu se potrivește în cadrul documentului, este prea mare. Astfel, se poate transmite, în sensul figurat, mărimea conținutului. De exemplu, SPIEGEL a plasat numele Google pe copertă, astfel încât Google să nu se potrivească complet pe copertă. Aceasta a demonstrat într-un mod simplu, dar elocvent, dimensiunea specială și puterea Google-ului.

Cinci Quickys pentru efecte de tipografie tari