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

Ce veți crea

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

Pentru inceput veti invata cum sa configurati o grilă simplă și cum să creați formele care vor compune componentele periei de model. Apoi, veți învăța cum să salvați și să redenumiți modele și cum să salvați o perie de model destul de simplă. Folosind curse simple, tehnici de amestecare de bază și mai multe efecte de transformare, veți crea fundalul hârtiei.

Mergând mai departe, veți învăța cum să creați un efect de text real și cum să vă ușurați munca utilizând stilurile grafice. În cele din urmă, veți învăța cum să creați o cretă simplă utilizând efectul 3D Extrude & Bevel, unele gradiente liniare și panoul Aspect.

Pentru mai multă inspirație, puteți găsi mereu o varietate de stiluri grafice (inclusiv stiluri grafice din planul grafic) la Envato Market.

1. Creați un document nou și 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 600 în casetele de lățime și î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.

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ă 10 px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri> Grilă și intră 10 î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 și despre modul în care acesta vă poate ușura munca în acest tutorial scurt de la Andrei Stefan: Î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. Creați și salvați o pensulă de model

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și concentrați-vă pe bara de instrumente. Îndepărtați culoarea din cursa, apoi selectați umplutura și setați culoarea la R = 255 G = 0B = 7. Deplasați-vă la tabloul de bord și creați pur și simplu o 63 px pătrat - grila și Fixat la retea facilitate ar trebui să facă acest lucru mai ușor.

Asigurați-vă că forma nouă a rămas selectată, deschideți Transparenţă panou (Fereastră> Transparență) și să coboare Opacitate la 10%.

Pasul 2

Utilizarea Instrumentul dreptunghiular (M), creeaza o 30 x 3 px forma, umpleți-l cu negru și plasați-l exact așa cum se arată în imaginea următoare. Din nou, grila și Fixat la retea facilitate va face acest lucru mai ușor.

Pasul 3

Utilizarea Instrumentul dreptunghiular (M), creeaza o 3 x 15 px forma, umpleți-o cu negru și plasați-o așa cum se arată în prima imagine.

Concentrați-vă pe partea superioară a acestui nou dreptunghi și alegeți Instrumentul de selecție directă (A). Selectați ambele puncte de ancorare și mergeți la Obiect> Cale> Mediu (Alt-Control-J). Verifică Ambii și faceți clic pe O.K , iar dreptunghiul tău se va transforma într-un triunghi, așa cum se arată în a doua imagine.

Continuați să focalizați asupra punctelor de ancorare editate, comutați la Ștergeți puncte de ancorare (-), și faceți clic pur și simplu pe acel punct pentru a elimina unul dintre cele două puncte de ancorare care se suprapun.

Pasul 4

Asigurați-vă că triunghiul dvs. este încă selectat și mergeți la Obiect> Răsucire> Arderea. Introduceți atributele afișate mai jos, faceți clic pe O.K buton, apoi mergeți la Obiect> Extindeți aspectul.

Duplicați forma rezultată (Control-C> Control-V), selectați copia, rotiți-o 90 de grade, apoi plasați-o după cum se arată în a doua imagine.

Pasul 5

Continuați să vă concentrați asupra celor două triunghiuri și alegeți Instrumentul de selecție directă (A). Selectați cele două puncte de ancorare evidențiate în prima imagine, focalizați pe bara de opțiuni și pur și simplu introduceți 0,2 px in aceea cornere cutie.

Funcția Live Corners este disponibilă numai pentru utilizatorii CC. Cea mai bună soluție pentru înlocuirea acestui efect ar fi Rotunde orice colț script care poate fi găsit în acest articol: 20 scripturi gratuite și utile Adobe Illustrator. Salvați-l pe hard disk, reveniți la Illustrator și apucați-l Instrumentul de selecție directă (A). Selectați aceleași două puncte de ancorare și mergeți la Fișier> Scripturi> Alt script. Deschide Rotunjire orice colț Script, introduceți a 0.2 rază și faceți clic pe O.K.

Pasul 6

Dezactivați modul Snap în rețea (Control-"). Alegeți Instrument perie (B), deschide Perii panou (Fereastra> Perii) și selectați-vă 3 pct. Rundă caligrafică.

Deplasați-vă la tabloul de bord și desenați niște căi în relief pe marginea formei negre, aproximativ așa cum este prezentat în imaginea următoare. Asigurați-vă că căile dvs. nu acoperă o mare parte din formele negre.

Pasul 7

Selectați cele două căi care merg de-a lungul formei negre mai lungi și mergeți la Obiect> Cale> Accident vascular cerebral. Selectați formele care rezultă împreună cu acea formă neagră care se află în spate, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Minus Front buton.

Pasul 8

Treceți la celelalte două forme negre și repetați tehnica menționată în pasul anterior.

Pasul 9

Aruncați o privire mai atentă la formele voastre neagră și faceți ca punctele de ancorare ascuțite să fie mai puțin fluide.

Pasul 10

Activați Snap to Grid (Control-"). Utilizarea Instrumentul dreptunghiular (M), creeaza o 3 px negru și puneți-l așa cum se arată în imaginea următoare.

Pasul 11

Selectați dreptunghiul roșu, focalizați pe Transparenţă panou, și coborâți Opacitate la 0%.

Acum, selectați același dreptunghi împreună cu cele trei forme negre evidențiate în imaginea următoare și trageți-le pur și simplu în interiorul Specimene panou (Fereastră> Swatches) pentru a le salva ca model. Asigurați-vă că modelul nou adăugat este selectat, deschideți panoul de tip fly-out din Specimene panou și mergeți la Opțiuni Swatch. Redenumiți modelul "Colţ"și faceți clic pe asta O.K buton.

Pasul 12

Selectați forma neagră evidențiată în imaginea următoare și faceți clic pe Pensulă nouă butonul din Perii panou. Verifică Pensulă de model apoi faceți clic pe O.K pentru a deschide Opțiuni perie model buton.

Alegeți un nume pentru noua dvs. perie, trageți Scară glisați la 70%, Selectați Colorează pentru Metoda de colorare, și apoi să se concentreze pe Ţiglă cutii. Mai întâi, selectați Coltul exterior țiglă și adăugați "Colţ"din lista respectivă și apoi deschideți Placi de interior și selectați Auto-Centrat. După ce ați terminat, faceți clic pe O.K buton.

3. Creați fundalul Blueprint

Pasul 1

Pentru acest pas veți avea nevoie de câte o grilă 10 px, deci du-te la Editați> Preferințe> Ghiduri și Grilă și intră 10 în Grilă în fiecare cutie.

Utilizarea Instrumentul dreptunghiular (M), creeaza o 620 px pătrați, umpleți-l cu R = 33 G = 61 B = 150 și asigurați-vă că acoperă întreaga placă grafică așa cum se arată în imaginea următoare.

Pasul 2

Asigurați-vă că pătratul dvs. albastru este încă selectat, focalizați pe Aspect și adăugați un al doilea umplere folosind Adăugați o nouă umplere buton.

Selectați această umplere nouă, setați culoarea în negru și apoi treceți la Efect> Artistic> Film Cereal. Introduceți atributele afișate mai jos, faceți clic pe O.K butonul și reveniți la Aspect panou. Apasă pe "Opacitate"bucată de text care vine de la umplerea neagră pentru a deschide Transparenţă scoateți panoul, apoi coborâți Opacitate la 7% și schimbați Mod de amestecare la Multiplica.

Pasul 3

Utilizarea Instrument Pen (P), creeaza o 620 px verticală și plasați-o așa cum se arată în imaginea următoare. Asigurați-vă că această cale rămâne selectată și că focalizați pe Aspect panou.

Mai întâi, asigurați-vă că nu există seturi de culori pentru umplere și apoi selectați cursa. Faceți-o albă, micșorați-o Opacitate la 40%, și schimbați Mod de amestecare la Acoperire. Apoi du-te la Efect> Distortare & Transformare> Transformare. Trageți Mutați-orizontală glisați la 0,5 px, apasă pe O.K buton și apoi du-te din nou la Efect> Distortare & Transformare> Transformare. De data asta, glisați Mutați-orizontală glisați la 50 px și intră 12 în acel fund Copii cutie.

Pasul 4

Asigurați-vă că calea verticală 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ă curbă nouă și asigurați-vă că culoarea este setată pe alb. Coboară-i Opacitate la 30% și schimbați Mod de amestecare la Acoperire, și apoi du-te la Efect> Distortare & Transformare> Transformare. Trageți Mutați-orizontală glisați la 0,5 px, apasă pe O.K buton și apoi du-te din nou la Efect> Distortare & Transformare> Transformare. De data asta trageți Mutați-orizontală glisați la 5 px și intră 120 în acel fund Copii cutie.

Pasul 5

Utilizarea Instrument Pen (P), creeaza o 620 px orizontală și plasați-o așa cum se arată în imaginea următoare. Asigurați-vă că această cale rămâne selectată și că focalizați pe Aspect panou.

Mai întâi, asigurați-vă că nu există seturi de culori pentru umplere și apoi selectați cursa. Faceți-o albă, micșorați-o Opacitate la 40%,și schimbați Mod de amestecare la Acoperire. Apoi du-te la Efect> Distortare & Transformare> Transformare. Trageți Mutați-verticală glisați la 0,5 px, apasă pe O.K buton și apoi du-te din nou la Efect> Distortare & Transformare> Transformare. De data asta trageți Mutați-verticală glisați la 50 px și intră 12 în acel fund Copii cutie.

Pasul 6

Asigurați-vă că calea orizontală este încă selectată, continuați să focalizați pe Aspect și adăugați o a doua lovitură folosind același lucru Adăugați un accident vascular cerebral nou buton.

Selectați această curbă nouă și asigurați-vă că culoarea este setată pe alb. Coboară-i Opacitate la 30% și schimbați Mod de amestecare la Acoperire, și apoi du-te la Efect> Distortare & Transformare> Transformare. Trageți Mutați-verticală glisați la 0,5 px, apasă pe O.K buton și apoi du-te din nou la Efect> Distortare & Transformare> Transformare. De data asta, glisați Mutați-verticală glisați la 5 px și intră 120 în acel fund Copii cutie.

4. Salvați și utilizați stilurile grafice

Pasul 1

Deschide Caracter panou (Fereastră> Tip> Caracter), alegeți Instrumentul tip (T), și faceți clic pe tabloul de bord. Adaugă "ALBASTRU"și utilizați fontul Franklin Gothic Demi cu dimensiunea setată la 150 pt. Alegeți o culoare aleatorie pentru textul dvs. și plasați-o aproximativ ca în imaginea următoare.

Pasul 2

Asigurați-vă că piesa dvs. text este încă selectată, eliminați culoarea de umplere existentă (ceea ce va face textul dvs. complet invizibil) și concentrați-vă asupra Aspect panou.

Adăugați un curs și selectați-l. Seteaza Greutate la 0,5 px, înlocuiți culoarea existentă cu R = 233 G = 242 B = 248, și apoi du-te la Efect> Distortați & Transformați> Modificați. Introduceți atributele afișate mai jos și faceți clic pe O.K buton.

Pasul 3

Asigurați-vă că piesa dvs. de text este încă selectată și păstrați focalizarea pe Aspect panou. Adăugați un al doilea curs și selectați-l. Pur și simplu adăugați peria de model de la Perii și nu uitați să setați culoarea R = 233 G = 242 B = 248.

Cu piesa de text selectată încă, deschideți Stiluri grafice panou (Fereastră> Stiluri grafice) și faceți clic pe Stil nou grafic buton.

Pasul 4

Selectați din nou Instrumentul tip (T), adaugă "IMPRIMARE"o bucată de text, plasați-o așa cum se arată în imaginea următoare și utilizați aceleași atribute ale fontului. Odată ce ați terminat, pur și simplu aplicați stilul dvs. grafic și lucrurile ar trebui să ajungă ca și a doua imagine.

Pasul 5

Asigurați-vă că "IMPRIMARE"bucata de text este încă selectată și se concentrează pe Aspect panou. Selectați umplutura existentă, setați culoarea la R = 233 G = 242 B = 248 și apoi du-te la Efect> Stylize> Scribble. Introduceți atributele afișate mai jos, faceți clic pe O.K , apoi reveniți la Stiluri grafice și faceți clic pe acesta Stil nou grafic pentru a salva al doilea stil grafic.

Nu veți avea nevoie de acest nou stil grafic în tot acest tutorial, dar rețineți că puteți oricând să îl utilizați pentru a-și aplica rapid atributele pentru orice tip de text, formă sau cale.

5. Creați o bucată de cretă

Pasul 1

Pentru acest pas veți avea nevoie de câte o grilă 5 px, deci du-te la Editați> Preferințe> Ghiduri și Grilă și intră 5 în Grilă în fiecare cutie.

Utilizarea Instrument de elipsă (L), creeaza o 15 px cerc, umpleți-l cu galben și plasați-l așa cum se arată în prima imagine. Asigurați-vă că această nouă formă rămâne selectată și mergeți la Efect> 3D> Extrude & Bevel. Introduceți atributele afișate mai jos, apoi faceți clic pe O.K buton.

Pasul 2

Asigurați-vă că cercul dvs. galben este încă selectat și mergeți la Obiect> Extindeți aspectul.

Selectați grupul rezultat și apăsați Shift-Control-G de două ori Degrupeaza aceste forme. Acum, selectați cele două forme evidențiate în prima imagine și faceți clic pe Uni butonul din deschizător de drumuri panou. Umpleți forma rezultată cu gradientul liniar prezentat mai jos și rețineți că numerele albastre din Gradient imagine stand pentru Locație procent.

Pasul 3

Selectați forma galbenă rămasă și înlocuiți galbenul cu gradientul liniar prezentat mai jos.

Pasul 4

Resetați cele două forme pline cu gradienți liniari și creați copii în față (Control-C> Control-F). Selectați ambele copii și faceți clic pe Uni butonul din deschizător de drumuri panou. Umpleți forma rezultată cu negru.

Pasul 5

Asigurați-vă că forma neagră făcută în pasul anterior rămâne selectată.

În primul rând, lovit Control-[ de două ori pentru a trimite forma selectată în spatele celor două forme pline cu gradienți liniare și apoi să vă concentrați pe Aspect panou. Asigurați-vă că este selectată întreaga cale (faceți clic pur și simplu pe "cale"bucată de text din partea de sus a panoului) și apoi mergeți la Efect> Distort & Transform> Distort gratuit. Trageți acele puncte aproximativ în modul descris mai jos, apoi faceți clic pe O.K buton.

Pasul 6

Asigurați-vă că forma neagră este încă selectată și păstrați focalizarea pe Aspect panou. Selectați umplerea existentă, micșorați-o Opacitate la 15% și du-te la Efect> Blur> Gaussian Blur. Introduceți a Radius 3 px și faceți clic pe O.K buton.

Pasul 7

Asigurați-vă că forma neagră este încă selectată, continuați să focalizați pe Aspect panou și adăugați oa doua umplere. Selectați această umplere nouă, micșorați-o Opacitate la 20% și înlocuiți culoarea existentă cu gradientul liniar prezentat mai jos. Rețineți că galben zero de la Gradient imaginea reprezintă Opacitate procent.

6. Adăugați un creion și întunecați ilustrația generală

Pasul 1

Dacă doriți să adăugați și un simplu creion în ilustrația dvs., urmați acest tutorial simplu: Cum se creează o ilustrare detaliată a creionului în Adobe Illustrator.

Pasul 2

În cele din urmă, duplicați pătratul albastru care alcătuiesc fundalul și aduceți copia în față folosind Shift-Control-] Comanda rapidă de la tastatură.

Selectați această nouă formă și apăsați pe D buton din tastatură pentru a înlocui rapid existența Aspect atributele cu cele implicite (umplere albă și curse negre). Scoateți cursa neagră și selectați umplerea. Coboară-i Opacitate la 40%, schimba Mod de amestecare la Acoperire și înlocuiți culoarea existentă cu gradientul radial prezentat mai jos. Nu uitați că galben zero de la Gradient imaginea reprezintă Opacitate procent.

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.

Dacă sunteți în căutarea unui alt tutorial axat pe proiect, verificați acest tutorial curat de la Ryan Quintal: Sfat rapid: Cum să creați o ilustrație Blueprint.