Cum se creează un efect de caractere bold, animat în Adobe Illustrator

Ce veți crea

În următorii pași veți învăța cum să creați un efect de caractere aldine, cartoonish în Adobe Illustrator. 

Pentru început, veți învăța cum să configurați o rețea simplă și cum să creați un fundal destul de simplu pentru efectul de text. Folosind Instrumentul de tip și un font frumos, gratuit, veți învăța cum să începeți textul. Profitând pe deplin de panoul Aspect, veți învăța cum să creați efectul real de text. În cele din urmă, veți învăța cum să adăugați câteva atingeri finale pentru efectul de text utilizând o grămadă de cercuri simple.

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 casetele de lățime și înălțime, apoi faceți clic pe acesta Avansat buton. Selectați RGB pentru Modul color, Seteaza Raster Effects la Ecran (72 ppi), apoi faceți clic pe acesta Creați un document buton.

Activați Grilă (Afișați> Afișați grilă) si Fixat la retea (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ă, și intră 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> Generale. 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 = 137 G = 147 B = 150.

Pur și simplu creați un 860 px pătrați și asigurați-vă că acoperă întreaga placă de artă. Grilă și Fixat la retea caracteristică ar trebui să ajute.

Pasul 2

Asigurați-vă că pătratul dvs. este încă selectat, deschideți Aspect panou (Fereastră> Aspect) și adăugați o a doua umplere folosind Adăugați o nouă umplere buton.

Selectați noua umplutură, micșorați-o Opacitate la 60%, și apoi înlocuiți culoarea existentă cu gradientul radial prezentat mai jos. Rețineți că galben zero de la Gradient imagine (Fereastră> Gradient) înseamnă Opacitate procent și utilizați Instrument de gradient (G) pentru a vă întinde gradientul așa cum se arată în imaginea următoare.

3. Cum se creează piesele principale de text

Pasul 1

Alegeți Instrumentul tip (T) și deschideți Caracter panou (Fereastră> Tip> Caracter). Selectați fontul Cartoon Comic și apoi setați dimensiunea la 40 px și care duce la 150 px. Trebuie doar să faceți clic pe tabloul de bord, să adăugați coloana de text și să o faceți albă.

Pasul 2

Folosind același instrument și atribute de fonturi, adăugați din nou primul rând din text. Rotiți-o și puneți-o chiar deasupra celei albe. Faceți același lucru pentru celelalte trei rânduri de text, după cum se arată în imaginile următoare. După ce ați terminat, puteți să eliminați textul alb din document.

4. Cum să creați partea frontală a efectului dvs. de text

Pasul 1

Selectați una dintre piesele dvs. de text, concentrați-vă pe Aspect și adăugați o umplere nouă folosind aceiași Adăugați o nouă umplere buton. Setați culoarea la R = 247 G = 139 B = 30 și asigurați-vă că se află deasupra "caractere"bucată de text.caractere"textul va acoperi pur și simplu acel roșu.

Pasul 2

Asigurați-vă că textul dvs. portocaliu este încă selectat și continuați să focalizați pe Aspect panou. Adăugați un al doilea umplut și trageți-l sub cel existent.

Asigurați-vă că este selectată noua dvs. umplere, înlocuiți culoarea existentă cu gradientul liniar prezentat mai jos, apoi treceți la Efect> Cale> Cale de decalare. Introduceți a Decupare 2 px, Seteaza se alătură la Rundă, apoi faceți clic pe acesta O.K buton.

Pasul 3

Asigurați-vă că textul dvs. portocaliu este încă selectat și continuați să focalizați pe Aspect panou. Resetați acea umplere de fund și mergeți la Efect> Distortare & Transformare> Transformare. 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. portocaliu este încă selectat și continuați să focalizați pe Aspect panou. Resetați acea umplere de fund ș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 5

Asigurați-vă că textul dvs. portocaliu este încă selectat și continuați să focalizați pe Aspect panou. Selectează topul și mergi la Efect> Cale> Cale de decalare. Introduceți a Decupare 2 px, Seteaza se alătură la Rundă, apoi faceți clic pe acesta O.K buton.

Pasul 6

Asigurați-vă că textul dvs. portocaliu este încă selectat și continuați să focalizați pe Aspect panou. Adăugați un al treilea umplut și plasați-l deasupra celor existente.

Selectați această umplere nouă, setați culoarea la R = 254 G = 183 B = 21, și du-te la Efect> Cale> Cale de decalare. Introduceți a -Decupare 4 px, Seteaza se alătură la Rundă, faceți clic pe asta O.K buton, apoi mergeți la Efect> Distortare & Transformare> Transformare. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

Pasul 7

Pentru acest pas, veți avea nevoie de aceste modele încorporate din Illustrator. Deschideți meniul derulant din Specimene panou (Fereastră> Swatches) și du-te la Open Swatch Library> Modele> Grafică de bază> Basic Graphics_Lines. Păstrați această fereastră deschisă, asigurați-vă că textul dvs. portocaliu este selectat și reveniți la Aspect panou.

Selectați top fill și duplicat folosind Duplicați articolul selectat buton. Selectați umplutura adăugată recent și pur și simplu înlocuiți culoarea existentă cu "10 pli 50%"model din acel set.

Pasul 8

Asigurați-vă că umplerea cu model este încă selectată, micșorați-o Opacitate la 75%, schimba Mod de amestecare la Lumina slaba, și apoi du-te la Efecte> Distortare & Transformare> Transformare. Introduceți atributele afișate mai jos și apoi faceți clic pe acestea O.K buton.

Pasul 9

Asigurați-vă că textul dvs. portocaliu este încă selectat și continuați să focalizați pe Aspect panou.

Selectați acel cursă, setați culoarea la R = 255 G = 200 B = 28 și mărimea la 4 px, și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -Decupare 2 px, Seteaza se alătură la Rundă, apoi faceți clic pe acesta O.K buton.

5. Cum să creați partea din spate a efectului dvs. de text

Pasul 1

Asigurați-vă că textul dvs. portocaliu este încă selectat și continuați să focalizați pe Aspect panou. Adăugați un al cincilea umplut și plasați-l sub cele existente.

Selectați această umplutură nouă și setați culoarea la negru (R = 0G = 0B = 0). Coboară-i Opacitate la 50% și schimbați Mod de amestecare la Lumina slaba, și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a Decupare 2 px, Seteaza se alătură la Rundă, faceți clic pe asta O.K buton, apoi mergeți la Efect> Distortare & Transformare> Transformare. Introduceți atributele afișate în fereastra din stânga (în imaginea următoare), faceți clic pe aceasta O.K , apoi reveniți la Efect> Distortare & Transformare> Transformare. De data aceasta, introduceți atributele afișate în fereastra din dreapta și apoi faceți clic pe acesta O.K buton.

Pasul 2

Asigurați-vă că textul dvs. portocaliu este încă selectat și continuați să focalizați pe Aspect panou.

Selectați umplutura de fund negru și duplicați-o utilizând aceeași Duplicați articolul selectat buton. Concentrați-vă pe umplutura de fund negru și deschideți a doua Transforma efect. Pur și simplu măriți Copii din 20 la 50 apoi faceți clic pe acesta O.K buton.

Pasul 3

Asigurați-vă că textul dvs. portocaliu este încă selectat și continuați să focalizați pe Aspect panou. Adăugați un umplere nou și plasați-l sub cele existente.

Selectați această umplere nouă, setați culoarea la R = 190 G = 31 B = 46, și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a 20 px decalat, Seteaza se alătură la Rundă, faceți clic pe asta O.K buton, apoi mergeți la Efect> Distortare & Transformare> Transformare. 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. portocaliu este încă selectat și continuați să focalizați pe Aspect panou. Adăugați o umplutură nouă și plasați-o chiar deasupra celei de jos.

Selectați această umplere nouă, setați culoarea la R = 160 G = 1 B = 16, și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a 5 secunde Offset, Seteaza se alătură la Rundă, faceți clic pe asta O.K buton, apoi mergeți la Efect> Distortare & Transformare> Transformare. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

Pasul 5

Asigurați-vă că textul dvs. portocaliu este încă selectat și continuați să focalizați pe Aspect panou. Adăugați un umplere nou și plasați-l sub cele existente.

Selectați această umplere nouă, setați culoarea la R = 160 G = 1 B = 16, și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a 20 px decalat, Seteaza se alătură la Rundă, faceți clic pe asta O.K buton, apoi mergeți la Efect> Distortare & Transformare> Transformare. Introduceți atributele afișate în fereastra din stânga, faceți clic pe acesta O.K , apoi reveniți la Efect> Distortare & Transformare> Transformare. Acest timp introduceți atributele afișate în fereastra din dreapta și apoi faceți clic pe acesta O.K buton.

Pasul 6

Asigurați-vă că textul dvs. portocaliu este încă selectat și continuați să focalizați pe Aspect panou. Resetați acea umplere de fund și mergeți la Efect> Stylize> Drop Shadow. Introduceți atributele afișate mai jos și apoi faceți clic pe acestea O.K buton.

Pasul 7

Asigurați-vă că textul dvs. portocaliu este încă selectat și continuați să focalizați pe Aspect panou. Utilizarea Adăugați un accident vascular cerebral nou , adăugați un al doilea curs pentru textul dvs. și plasați-l sub toate umplerile.

Selectați această curbă nouă, setați culoarea la R = 190 G = 31 B = 46 și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a 20 px decalat, Seteaza se alătură la Rundă, faceți clic pe asta O.K buton, apoi mergeți la Efect> Pathfinder> Adăugați. Reveniți la Aspect și faceți clic pe "Accident vascular cerebral"bucată de text pentru a deschide Accident vascular cerebral panou flyout. Seteaza Greutate la 8 px, verifică Round Cap și Intră în runda butoanele și apoi verificați Linie întreruptă cutie. introduce 0 px in primul liniuță și 8 px in primul decalaj , și accidentul dvs. ar trebui să ajungă în căutarea după cum se arată în imaginea următoare.

Pasul 8

Asigurați-vă că textul dvs. portocaliu este încă selectat și continuați să focalizați pe Aspect panou. Resetați acea umplere de fund și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți atributele afișate în imaginea următoare și faceți clic pe acestea O.K buton.

6. Cum să copiați și să ajustați atributele aspectului

Pasul 1

Acum, trebuie să copiați Aspect atributele de la o bucată de text la alta. Concentrați-vă pe straturi panou (Fereastră> Straturi) și veți observa că toate obiectele au un cerc mic în partea dreaptă, o pictogramă țintă.

Tine Alt butonul de pe tastatură, faceți clic pe pictograma țintă care reprezintă textul tău portocaliu și trageți-o deasupra pictogramei țintă care reprezintă una dintre acele bucăți de text roșu.

Pasul 2

Repetați tehnica menționată în etapa anterioară pentru a copia Aspect atribute. Odată ce ați terminat, selectați unul sau mai multe dintre aceste piese de text, concentrați-vă pe Aspect și înlocuiți culorile existente cu cele indicate în imaginea următoare.

7. Cum să adăugați mai multe cercuri / stele și să le răspândiți în jurul textului

Pasul 1

Utilizarea Instrument de elipsă (L), creeaza o 20 px cerc. Asigurați-vă că nu este setată culoarea de umplere pentru această formă și setați culoarea cursei R = 190 G = 31 B = 46. Deschide Accident vascular cerebral panou fly-out, măriți Greutate la 6 px, și verificați asta Aliniați-vă la interior buton.

Folosind același instrument, creați un 15 px cerc. Adăugați același curs roșu, aliniați-l spre interior, dar micșorați Greutate la 4 px. Creați un al treilea cerc, faceți-l 10 px , adăugați aceeași lovitură roșie, nu uitați să o aliniați în interior și setați Greutate la 3 px.

Duplicați aceste trei cercuri (Control-C> Control-V), selectați copiile și înlocuiți pur și simplu roșu cu R = 159 G = 31 B = 99.

Pasul 2

Pur și simplu înmulțiți cercurile roșii și violete (Control-C> Control-V) și apoi distribuiți copii după cum se arată în imaginea următoare.

Alternativ, puteți să înlocuiți cercurile cu forme simple de stele, care pot fi ușor realizate utilizând Instrumentul Star.

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 extraordinare de inspirație la GraphicRiver cu soluții interesante pentru îmbunătățirea designului.