În acest tutorial vom demonstra cum să personalizăm un tip de text în Illustrator și apoi să folosim Photoshop pentru a crea un design uimitor de tipografie detaliată. Să începem!
Următoarele elemente au fost utilizate în timpul producerii acestui tutorial:
Înainte de a începe acest tutorial, este important să aveți puțină cunoștințe și experiență în Adobe Illustrator. De ce folosim Illustrator? Deoarece oferă posibilități deosebite de a personaliza orice tip de text, obținerea de rezultate excelente și obținerea de curbe, granițe și forme netede într-un fișier vectorial de înaltă calitate. De asemenea, este recomandat să beneficiați de avantajele unui comprimat grafic. Nu trebuie să fie unul mare, lucrez cu un A6 Wacom Tablet și funcționează perfect pentru fiecare tehnică descrisă în acest tutorial. Sa mergem!
Mai întâi, deschideți Adobe Illustrator și creați un nou document 1000x1000px, RGB, 300ppi.
Prin selectarea Instrumentului Tip (T), vom selecta fontul pentru textul nostru. În această lucrare, am folosit o inscripție gratuită numită "Creampuff" (puteți găsi o legătură pe descrierea activelor).
Aceasta a fost o lucrare de artă de merit pentru solistul Solomon Burke, așa că am scris pe panza "Solomon Burke". Pentru o mai bună vizualizare, am scris textul meu cu majuscule și litere mari pentru a selecta cel mai estetic pentru compoziția noastră.
Odată ce am decis ce scrisori vom pune împreună, vom continua să scriem textul nostru. După aceea, selectând textul cu Instrumentul de selecție (V) mergem în bara de meniu de sus: Tip> Creare contururi. Veți vedea cum apar multe puncte de ancoraj pe fiecare literă, astfel încât această acțiune ne va permite să personalizăm scrisoarea noastră scrisă prin scrisoare în ilustrator în timpul procesului.
Acum să începem să ne creăm compoziția. Plasați cursorul peste text și faceți clic dreapta; din meniu alegeți opțiunea "Izolați grupul selectat". Această acțiune face ușor să selectați fiecare literă individual. Utilizați din nou instrumentul de selecție (V) pentru a muta și plasa fiecare caracter; prin selectarea scrisorii noastre și apoi a Instrumentului Free Transform (E), putem manipula cu ușurință scrisorile noastre. Puteți distorsiona, roti sau redimensiona. După cum puteți vedea, putem face orice fel de mișcare cu fontul nostru. După ce plasăm, redimensionăm și compunem textul nostru este timpul să personalizăm tipografia noastră (dacă doriți să ieșiți din modul de izolare, faceți clic pe ESC).
Repetând prima acțiune din pasul anterior, continuăm să izolam textul din nou (dacă nu suntem în modul de izolare, faceți clic dreapta pe tipul> Izolați grupul selectat). Am făcut acest lucru pentru a repara anumite curbe și muchii de tipul fontului original după tip.
După selectarea primei litere, alegem instrumentul Eraser (Shift + E). Făcând clic de două ori pe paleta de unelte unde este plasat instrumentul de ștergere, putem schimba diferite opțiuni. În acest caz, am schimbat doar diametrul pentru a manipula terminările fontului. Am particularizat literele M, N, U, K, R și E prin ștergerea unor părți. Scopul cu acest pas este de a crea curbe și colțuri mai netede. Puteți verifica procesul de pe imaginile de mai jos.
Acum vom decora operele noastre de artă prin desenarea unor elemente și adăugarea unor forme. În acest caz și în pașii următori, vă recomandăm să lucrați cu o tabletă grafică.
Creați un strat nou și nu uitați să blocați stratul de tipografie pentru a evita orice modificare a literelor. Este important să selectați din selectorul de culori (paleta de instrumente din stânga) opțiunea de culoare de umplere și să nu selectați nici o culoare pentru cursa. Pentru desen, îmi place să folosesc Pencil Tool (N) pentru a desena din zgârieturi în ilustrator (desen liber), dar puteți folosi și Pen Tool (P) pentru acest proces. Simțiți-vă liber acum să desenați ornamentele peste tipografia. În acest caz special, am făcut acest lucru de la zero, creionul configurând opțiunile pentru instrumente, însă le puteți trage întotdeauna pe hârtie sau le puteți schita în Photoshop.
Verificați imaginile de mai jos pentru o mai bună înțelegere; ați semnat în roșu toate cheile și pașii pe care i-am făcut înainte de a începe desenarea ornamentelor.
După cum puteți vedea în imaginile de mai jos, am decorat literele O și E cu o formă elegantă. Pentru a redefini ornamentele, există o opțiune în unealta creion numită unealtă netedă. Dacă țineți un timp creionul cu creion, va apărea opțiunea pentru instrumentul neted. Apăsând alt, vopsiți cu ea peste forma selectată. Vei observa modul în care calea și colțurile sunt acum mai rotunjite. În cele din urmă, am modificat cu Pen Tool (P) literele N și K pentru a avea o atitudine mai estetică (verificați rezultatul de mai jos).
Am adăugat niște romburi decorative în jurul operei de artă. Pentru a le crea, am început activarea Grilei din bara de meniu de sus: Afișați> Afișați grilă. Grila ne va ajuta să creăm un triunghi simetric cu instrumentul stiloului. Odată ce ați terminat triunghiul, mergeți la Editare> Copiere și apoi editați / inserați în față. Acum, prin selectarea formei noi cu instrumentul de selecție (V), faceți clic dreapta pe el: Transformați> Reflect> Orizontal. Apoi puneți al doilea triunghi sub primul, pentru a crea o formă de romb.
După aceea, alegeți ambele forme cu instrumentul de selecție (V) și grupați-le: faceți clic dreapta pe selecție / grup. Am creat mai multe copii ale rombului și le-am plasat între personaje, făcând variații ale dimensiunilor. De asemenea, am schimbat culoarea la unele dintre ele la alb. În cele din urmă, am creat câteva cercuri cu instrumentul de formă în jurul rombilor pentru a da o influență mai decorativă întregii lucrări de artă.
Am terminat cu Illustrator! Este timpul să exportați operele noastre de artă pentru a realiza retușarea finală în Photoshop. În funcție de calitatea și tipul de retușare pe care doriți să o faceți, puteți exporta o lucrare completă într-un singur strat transparent, PNG, sau puteți exporta operele de artă într-un fișier PSD, care vă va salva diferitele căi și straturi. O altă opțiune este tragerea conținutului direct în Photoshop, având un singur strat Vector Object Smart.
În acest caz, am exportat totul într-un strat PNG transparent. Motivul se datorează faptului că nu este o ilustrare foarte detaliată cu sute de căi, plus formatul solicitat a fost pentru site-ul Web, dar recomand că exportul în format PSD, mai ales dacă ilustrația este complexă. Pentru a exporta, mergeți la File> Export și alegeți formatul imaginii preferate; recomandat 300ppi.
Ok, prima etapă este finalizată. Am personalizat tipografia noastră și am creat niște elemente decorative în jurul acesteia. Odată satisfăcut de rezultat, este timpul să deschideți Photoshop și să vă distrați cu texturi și fulgere.
Deschidem un nou document: 1500x1500px, 300ppi, culoare RGB. Aceasta va fi pânza noastră și primul lucru pe care îl vom face este umplerea fundalului cu o culoare maro moale, în ceea ce privește epocă caută avem în minte pentru a realiza pe această piesă. În al doilea rând, deschidem imaginea de textură de fundal grunge (puteți găsi o legătură pe descrierea activelor). Apoi, retușați textura puțin înainte de ao plasa pe panza. Desaturați (Imagine> Ajustări> Desaturați). Curbe (modificați contrastul). Strat nou în modul de lumină moale, opacitate: 100%. Aplicați o perie neagră moale peste colțuri pentru a obține un efect de vignet. Îmbinați toate straturile și trageți-le pe panoul nostru care se potrivește cu dimensiunile. Apoi, trageți setul de textură pe pânză și setați stratul în modul multiplicat, 100% opacitate, dar puteți să îl schimbați cu propriile setări.
Deasupra texturii noastre, am creat un nou strat de ajustare pentru a da fundalului un ton roșu. Accesați meniul: Strat> Strat de umplere nou> Culoare solidă. Am ales un ton între roșu și brun și mi-a schimbat modul de strat pentru a se multiplica, Opacitate 6%. Sub panoul de straturi știți că există un meniu rapid pentru a crea noi straturi de umplere și ajustare. Utilizați modul în care vă simțiți mai confortabil. În tutorial voi descrie procesul diferit prin bara de meniu de sus pentru că folosesc pentru a lucra cu comenzi rapide; în acest fel cred că este mai clar pentru toată lumea.
Îmi place să am în vedere compoziția, aplicând câteva reguli și spații pe panza mea. Pentru a plasa lucrările mele am adăugat niște ghiduri în jurul pânzei, marcând spațiul de lucru. Fă-i să mă ajute să fac lucrurile într-un mod mai controlat. Acum, deschideți și trageți tipografia personalizată (imaginea exportată) în pânza de sus.
Primul efect pe care îl vom aplica este legat de volumul tipografiei. Duplicați stratul tipo și faceți clic dreapta peste opțiunile strat / amestecare. Aplicați următoarele setări pe strat.
După ce se face pasul anterior, vom aplica prima textură direct peste tipografie. Deschideți textura de cont Dollar Bill (puteți găsi o legătură pe descrierea activelor) și inversați imaginea: Image> Adjustments> Invert. Plasați textura deasupra și creați o mască de tăiere peste stratul tipo în care am aplicat efectul de înclinare: faceți clic dreapta pe strat> Creare mască de tăiere. Odată ce masca de tăiere se termină, puteți modifica opacitatea texturii, puteți aplica curbele sau puteți clona textura la fel de mult pe cât doriți să obțineți un aspect bun.
Este foarte important să aveți textură pe fiecare literă și formă; Vă recomandăm să aplicați curbele peste textura pentru a crește albul în această textură specială, ne va ajuta să obțineți un "lemn" asemănător.
Acum o să ne jucăm bine cu umbrele și subliniază. Creați un strat nou deasupra și setați-l în modul normal, opacitate 60%. Schimbați setările periei așa cum se arată în imaginea de mai jos și setați opțiunea de debit la 40%. Alegeți culoarea albă și selectați ilustrația tipografică făcând clic pe comanda / Ctrl + peste miniatura de strat de pe panoul straturilor. Aici este foarte important pentru a controla presiunea pensulei, o tabletă grafică este foarte recomandată pentru a avea un control total asupra presiunii pensulei. Pentru un rezultat mai bun, recomand să alegeți o pensulă de dimensiuni medii, nu mai mare decât literele. Vopsea cu răbdare și, dacă este necesar, ștergeți cu o perie moale unele granițe pentru a obține o pene mai bună.
Vom aplica acest efect de pictură asupra fiecărei litere și forme, încercând mai ales să realizăm o evidențiere de bază, vizualizând modul în care volumul va privi asupra lor. După aceea, vom duplica stratul și îl vom trage sub primul strat de periere. Setați opacitatea la 40% și treceți la opțiunile de amestecare: faceți clic dreapta pe opțiunile strat / amestecare. Vom aplica o anumită culoare pe setarea de suprapunere a culorii prin alegerea unei culori vii maronii (modul normal, 100% opacitate în interiorul opțiunii de suprapunere a culorii).
Am făcut niște picturi diferite în interiorul romburilor. Selectându-le individual cu instrumentul poligonal sau cu metoda preferată, faceți clic dreapta pe selectarea și alegerea selecției transformării; prin menținerea alt + Shift veți conserva proporțiile inițiale ale selecției și vă va ajuta să obțineți un extras perfect din aceasta. Transformați selecția și când aveți o selecție mai mică în interiorul rombului, aplicați peria moale.
Un alt efect bun și rapid pe care l-am făcut pentru a face o mai bună apelare a rombilor a fost de a crea romburi mai mici în interiorul lor. Selectați unul dintre rombii mici de pe stratul cu aplicația conică și duplicați-l direct făcând clic pe Comandă / Ctrl + J. Veți obține un strat nou nou cu romb și aplicația deja aplicată. Am copiat noul romb de mai multe ori, am schimbat culoarea în sepia și am început să le pun în restul romburilor. Mai târziu, m-am alăturat tuturor acestor romburi noi pe un nou grup, selectându-le și făcând clic pe Command / Ctrl + G. Acest proces va ajuta să aibă același aspect în fiecare romb. Fiecare romb interior nou oferă o percepție generală superioară a lucrării tipografice.
Este timpul să aplicați mai multe texturi. Luați textura plastică (puteți găsi un link pe descrierea activelor) și plasați-o pe partea de sus. Primul lucru pe care l-am făcut cu această textură a fost desaturarea stratului (Image> Adjustments> Desaturate). În al doilea rând, am început să joc cu nuanță / saturație făcând clic pe Command / Ctrl + U. Am un ton brun moale jucând cu opțiunea colorize. Aplicați în cele din urmă câteva curbe pentru a mări contrastul. Odată ce sunteți mulțumit de rezultat, schimbați modul de strat la suprapunere / opacitate 84%. Am șters acea notă de amestecare la stânga peste B pentru că am vrut tipografia curată de acea marcă, dar nu ezitați să o păstrați dacă vă place efectul.
Duplicați textura și desaturați-o din nou. Acum vom modifica textura la aproape 100% straturi albe aplicând curbele. După ce ați terminat, schimbați modul de strat la Multiplicare, opacitate 100%. Acest strat ne va ajuta să omorâm puțin elementele de fundal pe fundal. Aproape că am terminat această textură, dar să repetăm din nou acest nou strat alb și să schimbăm modul de strat pe Soft Light, opacitate 20%. În final, alegeți instrumentul de ștergere (E) și ștergeți cu o perie moale textura în afara domeniului de tipografie. Nu trebuie să fie perfectă, doar să lăsați zona centrală a texturii în viață.
Opera de arta începe să arate bine, iar imaginea din plastic a dat literelor niște texturi frumoase. Următorul pas este un lucru pe care îl folosesc pentru a face multe lucruri pe ilustrațiile mele.
Selectați tipografia așa cum am făcut-o într-o etapă anterioară (Command / Ctrl + faceți clic pe miniaturile de straturi din panoul straturilor). Odată ce alegem, creați un strat nou deasupra tuturor straturilor (deasupra) și accesați meniul: imagine / aplicați imaginea. Păstrați setările personalizate în fila aplicată și faceți clic pe ok.
Acum avem o copie a tipo-ului, dar cu toate texturile și efectele pictura create într-un singur strat. Simțiți-vă liber să jucați cu acest nou strat: curbe, nuanță / saturație, balans de culoare sau orice strat de ajustare. În acest caz am aplicat câteva curbe (Command / Ctrl + M) pentru a crește contrastul și un pic de desaturare (Command / Ctrl + U). Am modificat și niște romburi. Rezultatul nu este foarte diferit, dar obiectivul a fost acela de a face diferenta intre tipografie si fundal; această retușare peste noul strat ne-a ajutat să obținem o profunzime mai mare a câmpului și a contrastului. Puteți să ascundeți straturile inițiale de tipo la acest punct, dacă doriți.
Să aplicăm câteva curbe pentru a da senzația de epocă. Creați un strat deasupra și setați modul de strat pe Culoare, opacitate 10%. Aplicați aceste setări:
Acum, acest pas este foarte important pentru a oferi o privire specială tipografiei noastre. Faceți un strat nou pe partea de sus (peste stratul curbelor) și setați modul de strat în Suprapunere, opacitate 100%. Putem numi acest strat "Reflecții". Selectați din nou tipografia prin aceeași metodă pe care am aplicat-o anterior: Command / Ctrl + faceți clic pe miniaturile de straturi din panoul straturilor. După efectuarea selecției, accesați meniul Selectați> Modificare> Extindeți. În fila Extindere, selectați un interval între 1px și 3px. Acum, când facem noua selecție, putem ascunde mărcile de selecție apăsând comanda / Ctrl + H. Această acțiune ne va ajuta să avem o tipografie mai clară și, prin urmare, efectele pe care le creăm. Dacă doriți să vedeți din nou marcajele de selecție, apăsați din nou comanda / Ctrl + H.
Alegeți o mică perie moale într-un interval cuprins între 25 și 50 de pixeli, păstrați-vă aceleași presetări ale pensulelor pe care le-am aplicat la pasul 14 și alegeți culoarea albă din selectorul de culori. Începeți să periați cu o mulțime de pacienți și profitând de presiunea penului. Este important să urmăriți referințele luminoase ale efectului nostru înclinat și să respectați într-un fel direcția luminoasă, dar nu este obligatorie pentru fiecare literă. Încercați să nu exagerezi strălucirea / luminozitatea pe margini. În cele din urmă, cu instrumentul Dodge, putem da o lumină mai mare asupra reflecțiilor, mai ales asupra celor mai mari litere.
Bine, avem fulgerul făcut, dar avem nevoie de mai multă adâncime de câmp pe opera de artă. Timp pentru umbre! Acesta este un pas foarte ușor de executat, instrumente de bază și periaj, dar poate dura ceva timp pentru a fi mulțumit de rezultat. Cast umbrele sunt importante pentru a fi un fel realist și neted. Nu vrem să atragem atenția cu o umbră exagerată, dar să îmbunătățim operele de artă în general, cu o bună amestecare a acestora.
Creați un strat nou în spatele tuturor straturilor tipo și denumiți-o "Umbre". Plasați stratul chiar deasupra stratului de umplere a culorilor pe care l-am creat la pasul 10. Am setat acest mod de strat în opacitate normală, 80%, dar în funcție de gustul și viziunea dvs., îl puteți schimba pentru o privire mai bună. Cu aceleași setări de pensule pe care le folosim prin întregul tutorial, vom spăla în spatele conținutului tipo cu o perie neagră moale, setând opacitatea periei la 20%, debit 40%. Direcția luminoasă este din nou o referință importantă, însă veți realiza că unele părți au nevoie de o umbre diferită pentru o mai bună înfățișare, deci nu ezitați să jucați cu ea. Nu vă temeți să folosiți peria moale și, de asemenea, să ștergeți unele părți și să obțineți o pene mai bună.
Lucrările noastre de artă sunt aproape terminate, să ne punem atenția asupra unor detalii. Pentru a face frontierele subțiri ale lucrării de artă am folosit textura de plastic pe care am folosit-o înainte. Procesul este simplu, duplicați stratul (textura plastică sau orice altă textură pe care doriți să îl utilizați) și aranjați-o în partea de sus, mergând în meniu: Layer> Arrange> Bring to the front. După ce setați modul de strat pe lumină moale, opacitate 70%. Faceți o selecție pătrată, lăsând o margine de 4px-5px în ceea ce privește panza generală și apăsați ștergeți.
Acum avem un cadru alb. Cu o perie moale foarte mică sau o perie standard de textură, ștergeți cu atenție în interiorul marginilor lăsând o linie 1px-2px. Cu o perie moale 1px-2px puteți picta și în unele părți pentru a accentua marginile.
Timpul pentru ultimele straturi de lumini și umbre de retușare. Selectați întreaga formă de tipografie și creați un strat nou deasupra. Accesați Edit> Fill> 50% grey. Setați modul de strat pe lumină moale, opacitate 40%, umpleți 50%. Cu aceleași setări de pensule pe care le-am folosit în tutorial, alegeți o perie de 75px-90px și vopsiți în alb în interiorul literelor, în negru pentru margini. Albul moale va îmbunătăți volumul, iar negrul va ajuta la separarea un pic mai mult de tipografia cu fundalul. Este o tehnică care este folosită foarte mult în retușarea de înaltă calitate (modă, frumusețe, fotografie de produs). Ajută la redefinirea pieselor și la creșterea volumului.
Amintiți-vă să nu exagerezi lumina și umbrele, trebuie să fie aplicate într-un mod moderat. Puteți folosi și instrumentul de evitare (O) peste acest strat neutru neutru pentru a accentua și mai mult reflexiile.
Stratul final va fi un strat de ajustare pentru a crește puțin contrastul operelor noastre de artă. Accesați meniul: Layer> Layer de ajustare nou> Hărți Gradient. Faceți clic pe ok și alegeți un gradient alb-negru, apoi schimbați modul de strat la normal, opacitate 10%.
Lucrarea este terminată. Nu uitați să vă salvați .PSD dacă nu ați făcut-o înainte, du-te! De asemenea, recomand să faceți o copie a .PSD pentru a redimensiona operele de artă pentru rezoluția site-ului web. Du-te la meniu: Image> Duplicate și aici te duci, aveți acum o copie perfectă a .PSD; salvați-o cu un alt nume și acum puteți redimensiona rezoluția documentului: Imagine> Dimensiunea imaginii debifați opțiunea de imagine reampansată și modificați rezoluția la 72dpi. Salvați din nou!
În cele din urmă, există câteva lucruri pe care îmi place să le aplic pentru opere de artă înainte de a trimite clientul, de a le încărca pe Internet sau de a face o imprimare rece. Creați un strat nou în partea de sus și accesați Imagine> Aplicați imaginea. Peste acest strat folosesc pentru a aplica. Mască neclar (Filtre> Sharpen> Unsharp mask). Zgomot (Filtre> Zgomot> Adăugați zgomot> Gaussian> Monocromatic. Cantitatea de ascuțire și zgomot depinde direct de mărimea lucrării.