Cum se creează un efect colorat 3D în Adobe Illustrator

Ce veți crea

În pașii următori, veți afla cum să creați un efect de text 3D complet editat și colorat în Adobe Illustrator. 

Pentru început, veți învăța cum să creați un fundal simplu și cum să adăugați un text. Profitând din plin de panoul Aspect și folosind o mulțime de umpluturi și efecte, veți învăța cum să creați efectul de text complet editat. În sfârșit, veți învăța cum să salvați și să utilizați cu ușurință stilurile grafice.

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 Envato Market.

1. Creați fundalul și adăugați textul

Pasul 1

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 1000 în caseta de înălțime, apoi faceți clic pe Avansat buton. Selectați RGB, Ecran (72ppi) și asigurați-vă că Aliniați obiectele noi la grila Pixel caseta nu este bifată înainte de a face clic O.K.

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 = 0 G = 100 B = 145. Deplasați-vă la tabloul de bord și faceți clic pur și simplu pe el pentru a deschide Dreptunghi fereastră. Seteaza Lăţime la 860 px si Înălţime la 1010 px apoi faceți clic pe acesta O.K buton. Asigurați-vă că această nouă formă acoperă întregul dvs. tablou de bord.

Pasul 2

Reveniți la Bara dvs. de instrumente și setați culoarea de umplere la alb (R = 255 G = 255 B = 255). Alegeți Instrumentul de tip (P) și deschideți Caracter panou (Fereastră> Tip> Caracter). Selectați fontul Milkshake și setați mărimea la 170 pt. Pur și simplu faceți clic pe artboard dvs. și adăugați "Schimbare"bucată de text așa cum se arată mai jos.

Pasul 3

Folosind același instrument și atribute, adăugați celelalte trei bucăți de text așa cum se arată în imaginile următoare.

2. Adăugați culoarea în textul dvs.

Pasul 1

Selectați partea de sus a textului. Mai întâi, eliminați pur și simplu culoarea de umplere existentă, ceea ce va face ca textul dvs. să fie invizibil.

Deplasați-vă la Aspect panou (Fereastră> Aspect) și apăsați butonul Adăugați o nouă umplere pentru a adăuga o umplere pentru piesa selectată. Selectați-l și setați culoarea la R = 255 G = 200 B = 0.

Pasul 2

Asigurați-vă că piesa de sus a textului rămâne selectată și continuați să focalizați pe Aspect panou.

Folosind același lucru Adăugați o nouă umplere buton, adăugați un al doilea umplere pentru text. Selectați-l, setați culoarea alb, apoi faceți clic pe butonul "Opacitate"bucată de text care vine de la acest umplut nou pentru a deschide Transparenţă panou flyout. Schimba Mod de amestecare la Acoperire și coborâți Opacitate la 50%.

Pasul 3

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Adăugați un al treilea umplut și trageți-l deasupra celor existente. Selectați-l, setați culoarea la R = 255 G = 200 B = 0, și apoi du-te la Efect> Distortare & Transformare> Transformare. Trageți ambele Scară glisante la 99,7%, și nu uitați să verificați punctul de referință din stânga jos.

Pasul 4

Asigurați-vă că piesa de sus a textului 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 cele existente. Selectați-l, setați culoarea la R = 255 G = 200 B = 0, și apoi du-te la Efect> 3D> Extrude & Bevel. Apasă pe Mai multe opțiuni , introduceți toate atributele afișate mai jos, apoi faceți clic pe O.K buton.

Pasul 5

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Selectați umplutura de fund și 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 adăugați celelalte trei Umbra efectele prezentate mai jos.

Pasul 6

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Adăugați oa cincea umplutură și trageți-o sub cele existente. Selectați-l, setați culoarea la R = 255 G = 63 B = 79, și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a 15 imagini decalate apoi faceți clic pe O.K buton.

Pasul 7

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Resetați umplutura de fund și mergeți la Efect> 3D> Extrude & Bevel. Introduceți toate atributele afișate mai jos, apoi faceți clic pe O.K buton.

Pasul 8

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Resetați umplutura de fund și adăugați cele trei Umbra efectele prezentate mai jos.

3. Adăugați umbrirea pentru textul dvs.

Pasul 1

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Adăugați o umplutură nouă și trageți-o sub cele existente. Selectați-l, setați culoarea pe negru (R = 0G = 0B = 0), apoi du-te la Efect> Cale> Cale de decalare. Introduceți a 5 secunde Offset, apasă pe O.K buton, și du-te la Efect> 3D> Extrude & Bevel. Introduceți atributele afișate mai jos, faceți clic pe O.K buton, apoi mergeți la Efect> Distortare & Transformare> Transformare. Trageți ambele Mișcare glisante la 15 px apoi faceți clic pe O.K buton.

Pasul 2

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Resetați această umplere neagră, micșorați-o Opacitate la 60% și apoi du-te la Efect> Blur> Gaussian Blur. Seteaza Rază la 15 px apoi faceți clic pe acesta O.K buton.

Pasul 3

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Resetați această umplutură neagră și duplicați-o folosind Duplicați articolul selectat buton. Concentrați-vă pe fundul negru de umplere și scăpați de asta Gaussian Blur efect. De asemenea, schimbați Mod de amestecare la Lumina slaba și coborâți Opacitate la 10%.

Pasul 4

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Adăugați o umplutură nouă și trageți-o sub cele existente. Selectați-l, setați culoarea la negru și apoi treceți la Efect> Cale> Cale de decalare. Introduceți a 5 secunde Offset, apasă pe O.K buton, și du-te la Efect> 3D> Extrude & Bevel. Introduceți atributele afișate mai jos, faceți clic pe O.K buton, apoi mergeți la Efect> Distortare & Transformare> Transformare. Trageți ambele Mișcare glisante la 40 px apoi faceți clic pe O.K buton.

Pasul 5

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Resetați acea umplutură de fund negru, micșorați-o Opacitate la 10%, și apoi du-te la Efect> Blur> Gaussian Blur. Seteaza Rază la 20 px apoi faceți clic pe acesta O.K buton.

Pasul 6

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Resetați acea încărcare neagră de jos și duplicați-o utilizând aceeași Duplicați articolul selectat buton. Concentrați-vă pe fundul negru de umplere și scăpați de asta Gaussian Blur efect. De asemenea, schimbați Mod de amestecare la Lumina slaba și coborâți Opacitate la 10%.

Pasul 7

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Adăugați o umplutură nouă și trageți-o deasupra celor existente. Selectați-l și înlocuiți culoarea existentă cu gradientul liniar prezentat mai jos. Rețineți că galben zero de la Gradient imaginea reprezintă Opacitate procent. Cu această nouă umplere încă selectată, mergeți la Efect> Pathfinder> Adăugați și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -Decupare 4 px și apăsați pe O.K buton.

Pasul 8

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Resetați topul de umplere, micșorați-l Opacitate la 30%, și du-te la Efect> Blur> Gaussian Blur. Introduceți a Radius 5 px și faceți clic pe O.K buton.

Pasul 9

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Resetați topul de umplere și duplicați-l utilizând același lucru Duplicați articolul selectat buton. Selectați această umplere nou adăugată și înlocuiți gradientul linear existent cu cel prezentat mai jos. Amintiți-vă că numerele galbene sunt valabile Opacitate în timp ce cele albastre reprezintă Locație procent. Odată ce ați terminat, micșorați această umplere Opacitate la 50% și schimbați Mod de amestecare la Lumina slaba, apoi faceți clic pe cele existente Calea offset efect. Coborâți ofset la -2 px și faceți clic pe O.K buton.

Pasul 10

Asigurați-vă că piesa de sus a textului dvs. este încă selectată și continuați să focalizați pe Aspect panou.

Adăugați o umplutură nouă și trageți-o deasupra celor existente. Coboară-i Opacitate la 75%, schimba Mod de amestecare la Lumina slaba, și înlocuiți culoarea existentă cu gradientul liniar prezentat mai jos. Nu uitați că galben zero de la Gradient imaginea reprezintă Opacitate procent. Cu această nouă umplere încă selectată, mergeți la Efect> Pathfinder> Adăugați și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -Decupare 2 px și apăsați pe O.K buton.

4. Salvați și utilizați un stil grafic

Pasul 1

Asigurați-vă că piesa de sus a textului este încă selectată, deschideți Stiluri grafice panou (Fereastră> Stiluri grafice), și pur și simplu faceți clic pe asta Stil nou grafic pentru a salva atributele obiectului selectat.

Pasul 2

Selectați restul textului și pur și simplu aplicați stilul grafic.

5. Adăugați umbrirea subtilă pentru ilustrația generală

Pasul 1

Selectați dreptunghiul albastru, faceți o copie în față (Control-C> Control-F) și să-l aducă în față (Shift-Control-]). Selectați această copie și înlocuiți culoarea de umplere existentă cu gradientul radial prezentat mai jos. Din nou, rețineți că galben zero reprezintă Opacitate procent și utilizați Instrument de gradient (G) pentru a regla gradientul, după cum se arată mai jos.

Pasul 2

Asigurați-vă că dreptunghiul adăugat în pasul anterior este încă selectat și schimbați-l Mod de amestecare la Lumina slaba.

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 Envato Market, cu soluții interesante pentru îmbunătățirea designului.