Cum se creează un efect de text Retro Chrome în Adobe Illustrator

Ce veți crea

În următorii pași veți învăța cum să creați un efect de text retro cromat în Adobe Illustrator. 

Pentru începători, veți învăța cum să configurați o rețea simplă și cum să creați un fundal întunecat. Folosind Instrumentul Grid Rectangular și câteva tehnici de bază de amestecare, veți învăța cum să adăugați o rețea subtilă în fundal. 

Profitând din plin de panoul Aspect și folosind un font curat de la Envato Elements, veți învăța cum să creați efectul de text retro cromat complet editat. În sfârșit, veți învăța cum să adăugați o textură subtilă pentru întregul dvs. design.

Pentru mai multă inspirație cu privire la modul de ajustare sau îmbunătățire a efectului final de text, puteți găsi o mulțime de resurse la GraphicRiver.

1. Cum să creați un document nou și să configurați o rețea

Lovit Control-N pentru a crea un nou document. Selectați pixeli de la Unități meniul derulant, introduceți 850 în caseta de lățime și 450 în caseta de înălțime, apoi faceți clic pe acesta Mai multe setari buton. Selectați RGB pentru Modul color, Seteaza Raster Effects la Ecran (72 ppi), apoi faceți clic pe Creați un document.

Activați grila (Afișați> Afișați grilă) și Snap to Grid (Vizualizare> Snap to Grid). Veți avea nevoie de câte o grilă 5 px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri> Grilă, introduce 5 în Grilă în fiecare și 1 în subdiviziunile cutie. Încercați să nu vă descurajați de toată grilă - vă va ușura munca și rețineți că puteți să o activați sau să o dezactivați cu ușurință utilizând Control-" Comanda rapidă de la tastatură.

Puteți afla mai multe despre sistemul de grilă al Illustratorului în acest scurt tutorial de la Andrei Ștefan: Înțelegerea sistemului de grilă Adobe Illustrator.

De asemenea, trebuie să deschideți Info panou (Fereastră> Info) pentru o previzualizare live cu dimensiunea și poziția formelor dvs. Nu uitați să setați unitatea de măsură la pixeli de la Editați> Preferințe> Unități. Toate aceste opțiuni vor crește semnificativ viteza de lucru.

2. Cum se creează fundalul

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și concentrați-vă pe Bara de instrumente Google. Îndepărtați culoarea din cursa, apoi selectați umplutura și setați culoarea la R = 7 G = 9 B = 21. Deplasați-vă la tabloul dvs. de arhitectură și creați pur și simplu un 860 x 460 px dreptunghi - grila și caracteristica Snap to Grid ar trebui să facă acest lucru mai ușor.

Acum, trebuie să vă centrați dreptunghiul. Asigurați-vă că această formă rămâne selectată și deschideți Alinia panou (Fereastra> Aliniere). Selectați Aliniați-vă la Artboard (deschideți meniul flyout și mergeți la Afișați opțiunile dacă nu vedeți Aliniați la secțiune după cum se arată în imaginea următoare) și apoi faceți clic pur și simplu pe Centrul de aliniere orizontală și Centrul de aliniere verticală butoane. În final, dreptunghiul tău ar trebui să acopere întregul tablou de artă.

Pasul 2

Alegeți Rectangular Grid Tool și faceți clic pe artboard-ul dvs. Introduceți toate atributele afișate în imaginea de mai jos, apoi faceți clic pe O.K.

Centrează acest nou grup de căi și se concentrează pe bara de sus. Asigurați-vă că nu există seturi de culori pentru umplere, modificați culoarea cursei R = 251 G = 85 B = 195, și setați Greutatea accidentală la 2 px.

Pasul 3

Asigurați-vă că grupul dvs. de căi roz rămâne selectat și mergeți la Obiect> Cale> Accident vascular cerebral. Deplasați-vă la deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Uni buton. Umpleți forma rezultată cu gradientul radial prezentat mai jos și micșorați-o Opacitate la 25%. Rețineți că galben zero de la Gradient imaginea reprezintă Opacitate procent.

3. Cum se creează Efectul textului Chrome

Pasul 1

Alegeți Instrumentul tip (T) și deschideți Caracter panou (Fereastră> Tip> Caracter). Selectați fontul Etna (sau orice font bold pe care îl preferați) și setați dimensiunea la 135 px și urmărirea 100. Pur și simplu faceți clic pe artboard-ul dvs., adăugați "CROM"o bucată de text și o face albă (R = 255 G = 255 B = 255).

Pasul 2

Asigurați-vă că textul rămâne selectat și pur și simplu eliminați culoarea albă de umplere. Deplasați-vă la Aspect panou adăugați o nouă umplere pentru textul dvs. utilizând Adăugați o nouă umplere buton. Selectați noua umplutură și aplicați gradientul liniar prezentat mai jos. Rețineți că numerele albastre din Gradient imagine stand pentru Locație procent. Odată ce ați terminat, salvați acest gradient în interiorul dvs. Specimene panou (Fereastră> Swatches).

Pasul 3

Asigurați-vă că textul dvs. este încă selectat și continuați să focalizați pe Aspect panou. Selectați umplerea existentă și mergeți la Efect> Stylize> Glow Inner. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

Pasul 4

Asigurați-vă că textul dvs. este încă selectat și continuați să focalizați pe Aspect panou. Selectați umplutura existentă și duplicați-o utilizând Duplicați articolul selectat buton.

Concentrați-vă pe umplerea de jos, eliminați existența Stralucire interioara efect, apoi du-te la Efect> Cale> Cale de decalare. Introduceți a Decupare 2 px, faceți clic pe asta O.K buton, apoi mergeți la Efect> Stylize> Drop Shadow. Introduceți atributele afișate în fereastra din stânga sus (în imaginea următoare), faceți clic pe O.K , apoi aplicați celelalte trei Umbra efectele prezentate mai jos.

Pasul 5

Asigurați-vă că textul dvs. este încă selectat și continuați să focalizați pe Aspect panou. Adăugați un al treilea umplut și trageți-l între cele două umpluturi existente. Coboară-i Opacitate la 30% și schimbați Mod de amestecare la Color Burn, aplicați gradientul liniar prezentat mai jos și apoi treceți la Efect> Cale> Cale de decalare. Introduceți a Decupați 1 px apoi faceți clic pe O.K.

Pasul 6

Asigurați-vă că textul dvs. este încă selectat și continuați să focalizați pe Aspect panou. Adăugați o a patra umplere și trageți-o sub umpluturile existente. Coboară-i Opacitate la 30%, setați culoarea la R = 251 G = 85 B = 195, și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a 12 px Offset, faceți clic pe asta O.K buton, apoi mergeți la Efect> Blur> Gaussian Blur. Introduceți a 30 px Radius apoi faceți clic pe O.K.

Pasul 7

Asigurați-vă că textul dvs. este încă selectat și continuați să focalizați pe Aspect panou. Selectați cursa, setați culoarea albă și măriți Greutate la 2 px. Coboară-i Opacitate la 50% și schimbați Mod de amestecare la Acoperire, și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -Decupați 1 px apoi faceți clic pe O.K.

Pasul 8

Asigurați-vă că textul dvs. este încă selectat, continuați să focalizați pe Aspect și adăugați un al doilea curs utilizând butonul Adăugați un accident vascular cerebral nou buton.

Selectați această nouă cursă și schimbați-o Mod de amestecare la Acoperire. Seteaza Greutate la 1 px, aplicați gradientul liniar prezentat în imaginea următoare și apoi treceți la Efect> Cale> Cale de decalare. Introduceți a -0,5 px decalaj apoi faceți clic pe O.K.

Pasul 9

Asigurați-vă că textul dvs. este încă selectat, continuați să focalizați pe Aspect și adăugați un al treilea curs.

Trageți-l deasupra umplerii inferioare, setați-l Greutate la 6 px, și aplicați gradientul liniar prezentat în imaginea următoare. Coboară-i Opacitate la 10%, schimba Mod de amestecare la Lumina slaba, și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a Decupați 3 px, faceți clic pe asta O.K buton, apoi mergeți la Efect> Distortare & Transformare> Transformare. Trageți Mutați-verticală glisați la 2 px apoi faceți clic pe O.K.

Pasul 10

Asigurați-vă că textul dvs. este încă selectat și continuați să focalizați pe Aspect panou. Adăugați o umplutură nouă și trageți-o în partea de sus a panoului.

Selectați noua dvs. umplutură și setați culoarea în negru (R = 0G = 0B = 0). Coboară-i Opacitate la 5% și schimbați Mod de amestecare la Acoperire, și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a Decupare 2 px, faceți clic pe asta O.K buton, apoi mergeți la Efect> Schiță> Chrome. Introduceți atributele afișate în imaginea următoare, apoi faceți clic pe O.K.

4. Cum să adăugați un al doilea efect text și o textura subtilă

Pasul 1

Alegeți Instrumentul tip (T) și să se concentreze pe Caracter panou. Selectează Harlow Solid Italic și setați dimensiunea la 80 px. Faceți clic pe tabloul de bord și adăugați "Retro"bucată de text. Asigurați-vă că textul dvs. nu are un set de culori pentru umplere sau pentru cursa, concentrați-vă pe Aspect și adăugați o umplere nouă folosind aceiași Adăugați o nouă umplere buton. Selectați-l și aplicați gradientul liniar prezentat mai jos.

Pasul 2

Asigurați-vă că "Retro"textul este încă selectat, continuați să focalizați pe Aspect și adăugați un al doilea umplere. Selectați-l și aplicați gradientul liniar prezentat mai jos. Coboară-i Opacitate la 30%, schimba Mod de amestecare la Acoperire, și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -Decupare 2 px apoi faceți clic pe O.K.

Pasul 3

Utilizarea Instrumentul dreptunghiular (M), creaza un nou 860 x 460 px dreptunghi și să o centrarezi. Setați culoarea de umplere la negru, micșorați-o Opacitate la 5%, schimba Mod de amestecare la Lumina slaba, și apoi du-te la Efect> Artistic> Film Cereal. Introduceți atributele afișate în imaginea următoare, apoi faceți clic pe O.K.

Felicitări! Ați terminat!

Iată cum ar trebui să arate. Sper că v-ați bucurat de acest tutorial și puteți aplica aceste tehnici în proiectele viitoare.

Simțiți-vă liber să reglați designul final și să-l faceți al tău. Puteți găsi câteva surse de inspirație extraordinare la GraphicRiver, cu soluții interesante pentru îmbunătățirea designului.