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

Ce veți crea

În următorii pași veți învăța cum să creați un efect de creion în Adobe Illustrator utilizând o perie de model destul de detaliată. 

Pentru început, veți învăța cum să configurați o rețea simplă și cum să creați corpul creionului folosind o grămadă de dreptunghiuri. Folosind efectele Zig Zag, Warp și Roughen împreună cu tehnicile de amestecare de bază și de construcție a formei vectoriale, veți învăța cum să creați vârful creionului. 

Apoi, folosind efectele colțurilor rotunjite și caracteristica Live Corners împreună cu o grămadă de dreptunghiuri și căi compuse, veți învăța cum să creați componentele rămase ale creionului.

Mergând mai departe, veți învăța cum să vă ușurați munca prin folosirea Instrumentului de modelare a formei, cum să salvați și denumiți modele și cum să vă creați propria perie de model. Utilizând efectul Transformare, veți învăța cum să multiplicați cu ușurință o cale și cum să o aliniați perfect la grila pixelilor. În cele din urmă, veți învăța cum să creați efectul de text utilizând peria de model și o simplă bucată de text ca referință.

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 pe 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 585 î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ă 1 px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri> Grilă, și intră 1 î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 tutorial de Andrei Stefan: Înțelegerea sistemului Grid al 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ă corpul creionului

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 = 227 G = 174 B = 124. Deplasați-vă la tabloul de bord și creați pur și simplu o 10 x 8 px dreptunghi - Gridul și Snap to Grid ar trebui să facă acest lucru mai ușor.

Reveniți la Bara dvs. de instrumente și înlocuiți culoarea de umplere existentă cu R = 207 G = 154 B = 104. Folosind același instrument, creați două 10 x 6 px formează și le plasează exact așa cum se arată în a doua imagine.

Pasul 2

Utilizarea Instrumentul dreptunghiular (M), creați două 10 x 1 px formează și le plasează exact așa cum se arată în prima imagine. Umpleți partea de sus cu R = 246 G = 202 B = 155 iar cea de jos cu R = 242 G = 197 B = 158.

Folosind același instrument, creați două 10 x 2 px formează și le plasează exact așa cum se arată în a doua imagine. Umpleți ambele forme cu negru (R = 0G = 0B = 0), micșorați-le Opacitate la 40%, și schimbați Mod de amestecare la Lumina slaba.

Creeaza o 10 x 3 px forma, umple-l cu alb (R = 255 G = 255 B = 255), micșorați-l Opacitate la 50%, și schimbați Mod de amestecare la Lumina slaba.

3. Cum să creați vârful creionului

Pasul 1

Alegeți Instrument Pen (P) și de a crea un 20 px calea verticala. Adauga o 0,25 px pentru această nouă cale, setați culoarea la R = 237 G = 28 B = 36, și apoi du-te la Efect> Distort & Transform> Zig Zag. Introduceți atributele afișate în imaginea următoare, faceți clic pe O.K, și apoi du-te la Obiect> Extindeți aspectul

Asigurați-vă că calea rezultată este selectată, mergeți la Obiect> Cale> Alăturați-vă (Control-J) pentru a vă închide calea, apoi loviți-o Shift-X pentru a inversa rapid atributele umplerii și cursei.

Pasul 2

Utilizarea Instrumentul dreptunghiular (M), creeaza o 21 x 20 px forma și umple-l cu un albastru aleatoriu. Concentrați-vă pe partea dreaptă a acestui nou dreptunghi și treceți la Instrumentul de selecție directă (A). Selectați ambele puncte de ancorare și mergeți la Obiect> Cale> Mediu. Verifică Ambii apoi faceți clic pe O.K. Acest lucru ar trebui să transforme practic dreptunghiul într-un triunghi.

Asigurați-vă că ați selectat triunghiul și faceți o copie în față (Control-C> Control-F). Selectați-l și mergeți la Efect> Warp> Arc Upper. Introduceți atributele afișate în imaginea următoare, faceți clic pe aceasta O.K buton, apoi mergeți la Obiect> Extindeți aspectul.

Selectați forma roșie împreună cu cele două albastre, deschideți-o deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Uni buton.

Pasul 3

Asigurați-vă că forma dvs. roșie este încă selectată și faceți o copie în față (Control-C > Control-F).

Utilizarea Instrument de elipsă (L), creeaza o 10 px cerc și umpleți-l cu un galben aleatoriu. Plasați această nouă formă după cum se arată în prima imagine, apoi treceți la Efect> Distortați & Transformați> Modificați. Introduceți atributele afișate în imaginea următoare, faceți clic pe aceasta O.K buton, apoi mergeți la Obiect> Extindeți aspectul.

Selectați forma galbenă împreună cu copia acelei forme roșii, mergeți la deschizător de drumuri și faceți clic pe Uniune buton. Selectați forma rezultată și înlocuiți culoarea de umplere existentă cu R = 53 G = 47 B = 49.

Pasul 4

Utilizarea Instrumentul dreptunghiular (M), creeaza o 25 x 10 px formă. Completați-l cu un albastru aleatoriu și plasați-l așa cum se arată în prima imagine. Concentrați-vă pe partea dreaptă a acestui nou dreptunghi și treceți la Instrumentul de selecție directă (A). Selectați ambele puncte de ancorare și mergeți la Obiect> Cale> Mediu. Verifică Ambii apoi faceți clic pe O.K.

Selectați triunghiul albastru împreună cu forma roșie și adăugați copii în față (Control-C> Control-F). Asigurați-vă că sunt selectate numai copii și faceți clic pe Minus Front butonul din deschizător de drumuri panou. Pur și simplu lovit Shift-Control-G la Degrupeaza grupul dvs. rezultat.

Pasul 5

Selectați formele roșii și albastre rămase, apoi faceți clic pe intersecta butonul din deschizător de drumuri panou.

Deplasați-vă la straturi panou (Fereastră> Straturi), selectați formele întunecate care alcătuiesc vârful creionului și aduceți-le în față (Shift-Control-]).

Pasul 6

Selectați forma albastră împreună cu cea întunecată și adăugați copii în față (Control-C> Control-F). Selectați ambele copii și faceți clic pe intersecta butonul din deschizător de drumuri panou. Umpleți forma rezultată cu R = 96 G = 95 B = 93.

Pasul 7

Alegeți Instrumentul dreptunghiular (M) și de a crea un 3 x 2 px formă. Umpleți-l cu un galben aleatoriu și plasați-l așa cum se arată în prima imagine.

Continuați să focalizați pe acest nou dreptunghi și treceți la Instrumentul de selecție directă (A). Selectați punctul de ancorare de sus-dreapta și trageți-l la vârful creionului, așa cum se arată în a doua imagine.

Duplicați forma dvs. galbenă, selectați această copie, rotiți-o 180 de grade, și apoi plasați-o așa cum se arată în a treia imagine.

Pasul 8

Alegeți Instrumentul dreptunghiular (M) și de a crea un 24 x 3 px formă. Umpleți-l cu un galben aleatoriu și plasați-l așa cum se arată în prima imagine.

Continuați să vă concentrați pe acest nou dreptunghi, treceți la Ștergeți instrumentul pentru punctul de ancorare (-), și faceți clic pur și simplu pe punctul de ancorare de sus-dreapta pentru al elimina.

Pasul 9

Selectați forma roșie de sus și adăugați o copie în față (Control-C> Control-F). Selectați această copie împreună cu forma de început galbenă și faceți clic pe intersecta butonul din deschizător de drumuri panou. Umpleți forma rezultată cu negru, coborâți-o Opacitate la 40%, și schimbați Mod de amestecare la Lumina slaba.

Selectați forma roșie inferioară și adăugați o copie în față (Control-C> Control-F). Selectați această copie împreună cu forma galbenă de jos și faceți clic pe intersecta butonul din deschizător de drumuri panou. Umpleți forma rezultată cu negru, coborâți-o Opacitate la 40%, și schimbați Mod de amestecare la Lumina slaba.

Selectați forma albastră și adăugați o copie în față (Control-C> Control-F). Selectați această copie împreună cu forma galbenă rămasă și faceți clic pe intersecta butonul din deschizător de drumuri panou. Umpleți forma rezultată cu alb, micșorați-o Opacitate la 50%, și schimbați Mod de amestecare la Lumina slaba.

Pasul 10

Selectați formele roșii și înlocuiți culoarea existentă cu R = 217 G = 164B = 114. Selectați forma albastră și înlocuiți culoarea existentă cu R = 236 G = 192 B = 145.

4. Cum să creați partea metalică a creionului

Pasul 1

Alegeți Instrumentul dreptunghiular (M), și să creeze două 3 x 22 px forme și una 5 x 22 px formă. Umpleți toate cele trei dreptunghiuri R = 171 G = 175B = 184, plasați-le așa cum se arată în prima imagine și apoi mergeți la Efect> Stylă> Colțuri rotunjite. Introduceți a Radius 1 px, faceți clic pe asta O.K buton, apoi mergeți la Obiect> Extindeți aspectul

Asigurați-vă că sunt selectate formele rezultate și căutați Obiect> Calea compusă> Efectuați (Control-8) pentru a le transforma într-o cale compusă.

Pasul 2

Asigurați-vă că calea compusă gri este încă selectată și adăugați o copie în față (Control-C> Control-F). Utilizarea Instrumentul dreptunghiular (M), creeaza o 13 x 6 px forma, setați culoarea de umplere la R = 149 G = 153B = 162, și plasați-o așa cum se arată în prima imagine.

Selectați acest dreptunghi nou împreună cu o copie a traseului compus și faceți clic pe intersecta butonul din deschizător de drumuri panou. Transformați grupul de forme care rezultă într-o nouă cale complexă (Control-8) și duplicați-l (Control-C> Control-F). Rotiți această copie 180 de grade și apoi plasați-o așa cum se arată în a patra imagine.

Pasul 3

Alegeți Instrumentul dreptunghiular (M), și să creeze două 3 x 1 px forme și una 5 x 1 px formă. Umpleți toate cele trei dreptunghiuri R = 229 G = 229 B = 227 și plasați-le așa cum se arată în prima imagine. Transformați-le într-o cale compusă (Control-8) pentru a vă ușura să selectați sau să editați toate aceste forme simultan.

Duplicați această nouă cale complexă (Control-C> Control-V) și selectați copia. Plasați-o după cum se arată în a doua imagine și înlocuiți culoarea existentă cu R = 208 G = 212 B = 215.

Pasul 4

Alegeți Instrumentul dreptunghiular (M), și să creeze două 3 x 2 px forme și una 5 x 2 px formă. Umpleți cele trei dreptunghiuri cu negru și plasați-le ca în prima imagine. Coboară-le Opacitate la 30% și schimbați Mod de amestecare la Lumina slaba. Transformați aceste forme noi într-o cale complexă și duplicați-o (Control-C> Control-V). Selectați copia și plasați-o după cum se arată în a doua imagine.

Alegeți Instrumentul dreptunghiular (M), și să creeze două 3 px pătrate și una 5 x 3 px formă. Umpleți toate cele trei forme cu albul și plasați-le așa cum se arată în a treia imagine. Coboară-le Opacitate la 40% și schimbați Mod de amestecare la Lumina slaba. Transformați aceste forme noi într-o cale complexă.

Pasul 5

Alegeți Instrumentul dreptunghiular (M) și să creeze două 1 x 20 px forme. Umpleți ambele forme cu R = 83 G = 92 B = 107 și plasați-le așa cum se arată în prima imagine.

Folosind același instrument, creați patru 1 px pătrate și plasați-le așa cum se arată în a doua imagine. Umpleți toate cele patru forme cu alb, micșorați-le Opacitate la 70%, și schimbați Mod de amestecare la Lumina slaba.

Apoi, creați două 1 x 2 px forme, le umpleți cu negru și plasați-le așa cum se arată în a treia imagine. Coboară-le Opacitate la 20% și schimbați Mod de amestecare la Lumina slaba. Întoarceți aceste două forme într-o cale compusă (Control-8) și duplicați-l (Control-C> Control-V). Plasați copia după cum se arată în a patra imagine și ridicați-o Opacitate la 30%.

Creați două 1 x 3 px formați-le, umpleți-le cu albe și plasați-le după cum se arată în a treia imagine. Coboară-le Opacitate la 30% și schimbați Mod de amestecare la Lumina slaba.

5. Cum se creează Eraserul creionului

Pasul 1

Alegeți Instrumentul dreptunghiular (M), creeaza o 15 x 20 px forma, completați-l cu R = 224 G = 67 B = 86, și plasați-o așa cum se arată în prima imagine. Focalizați pe partea stângă a acestui nou dreptunghi și treceți la Instrumentul de selecție directă (A). Selectați ambele puncte de ancorare, mergeți la panoul de control și pur și simplu introduceți 3 px in aceea cornere cutie.

Pasul 2

Asigurați-vă că forma dvs. roz este încă selectată și adăugați o copie în față (Control-C> Control-F). Alegeți Instrumentul dreptunghiular (M), creeaza o 15 x 6 px , plasați-o după cum se arată în prima imagine și setați culoarea de umplere la R = 229 G = 82 B = 101. Selectați acest nou dreptunghi împreună cu o copie a formei roz și faceți clic pe intersecta butonul din deschizător de drumuri panou. Asigurați-vă că forma dorită este selectată și adăugați o copie în față (Control-C> Control-F).

Folosind același instrument, creați un 15 x 2 px forma, completați-l cu negru și plasați-l așa cum se arată în a treia imagine. Selectați acest dreptunghi nou împreună cu copia făcută cu câteva momente în urmă și faceți clic pe intersecta butonul din deschizător de drumuri panou. Asigurați-vă că forma rezultată rămâne selectată, coborâți-o Opacitate la 30%, și schimbați Mod de amestecare la Lumina slaba.

Pasul 3

Selectați cele două forme realizate în pasul anterior și duplicați-le (Control-C> Control-V). Rotiți aceste copii 180 de grade și plasați-le așa cum se arată în a doua imagine. Selectați forma evidențiată în a doua imagine și pur și simplu înlocuiți culoarea de umplere existentă cu R = 214 G = 57 B = 76.

Alegeți Instrumentul dreptunghiular (M), creați două 15 x 1 px forme și plasați-le exact așa cum este prezentat în prima imagine. Umpleți partea de sus cu R = 255 G = 122 B = 141 iar cea de jos cu R = 235 G = 102 B = 121.

Folosind același instrument, creați un 15 x 3 px formați-o și plasați-o exact așa cum se arată în a patra imagine. Setați culoarea de umplere la alb, micșorați-o Opacitate la 30%, și schimbați Mod de amestecare la Lumina slaba.

6. Cum se creează peria de model

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și de a crea un 4 x 26 px formă. Umpleți-l cu un roșu aleatoriu, micșorați-l Opacitate la aproximativ 50%, și plasați-o exact așa cum este prezentat în prima imagine. Selectați acest dreptunghi împreună cu restul formelor realizate până acum și grup lor (Control-G).

Faceți o copie a grupului dvs. (Control-C> Control-V) și plasați-o așa cum se arată în a treia imagine.

Pasul 2

Selectați grupul de sus și alegeți Shape Builder Tool (Shift-M). Tine Alt butonul de pe tastatură și trageți pur și simplu o cale oarecum verticală din partea de sus spre marginile inferioare ale dreptunghiului roșu. Această mișcare va elimina rapid acel dreptunghi roșu, împreună cu toate formele care se află în spatele lui și, în final, lucrurile ar trebui să arate ca în a doua imagine.

Pasul 3

Selectați grupul rămas de forme și alegeți același lucru Shape Builder Tool (Shift-M). De data aceasta țineți Schimb si Alt butoanele de pe tastatură și trageți două selecții simple pe partea stângă și pe partea dreaptă a dreptunghiului roșu, după cum se arată în imaginile următoare. În cele din urmă, lucrurile ar trebui să arate ca în a treia imagine.

Treceți la Instrumentul de selecție directă (A), selectați dreptunghiul roșu și pur și simplu eliminați-l folosind Șterge de pe tastatură.

Pasul 4

Utilizarea Instrumentul de selecție directă (A), selectați toate formele evidențiate în prima imagine și pur și simplu trageți-le în interiorul Specimene panou (Fereastră> Swatches) pentru a le salva ca model. Deselectați formele din tabloul de bord și selectați acel model din Specimene panou (Fereastră> Swatches). Deschideți meniul derulant din Specimene panou și mergeți la Opțiuni Swatch ... . Redenumiți modelul "start"și apoi faceți clic pe O.K buton.

Selectați formele evidențiate în a doua imagine și salvați-le ca un al doilea model. Selectați acest model nou și renumați-l "Sfârșit".

Pasul 5

Selectați formatele evidențiate în imaginea următoare, deschideți Perii panou (Fereastra> Perii) și faceți clic pe acesta Pensulă nouă buton. Verifică Pensulă de model caseta și faceți clic pe O.K. Alegeți un nume pentru modelul dvs., asigurați-vă că atributele sunt setate după cum se arată mai jos, apoi căutați pe Ţiglă cutii.

Deschideți simplu Pornește Placi și adăugați "start", apoi deschideți Sfârșitul plăcii și adăugați "Sfârșit"După ce ați terminat, faceți clic pe O.K butonul și noua dvs. perie de model se va afișa în Perii panou.

7. Cum se creează fundalul

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și să creeze un 860 x 595 px formă. Completați-l cu R = 250 G = 255 B = 255 și asigurați-vă că acoperă întreaga placă de artă.

Pasul 2

Alegeți Instrument Pen (P), creaza un 860 px orizontală și plasați-o așa cum se arată în imaginea de mai jos. Adauga o 1 px cursa pentru această cale și setați culoarea sa R = 41 G = 171 B = 226.

Pasul 3

Asigurați-vă că calea orizontală este încă selectată, coborâți-o Opacitate la 20%, și apoi du-te la Efect> Distortare & Transformare> Transformare. Trageți Mutați-verticală glisați la 0,5 px, faceți clic pe asta O.K , apoi reveniți la Efect> Distortare & Transformare> Transformare. De data asta, trageți asta Mutați-verticală glisați la 15 px, introduce 39 în Copii , apoi faceți clic pe O.K.

Mai întâi Transforma efectul este folosit pentru alinierea perfectă a cursei dvs. la grila pixelilor. Activați Previzualizarea pixelilor caracteristică (Vizualizați> Previzualizarea pixelilor), aruncați o privire mai atentă asupra căii orizontale, apoi dezactivați-o Transforma efect să înțeleagă exact ceea ce face.

8. Cum se creează efectul textului

Pasul 1

Alegeți Instrumentul tip (T) și deschideți Caracter panou (Fereastră> Tip> Caracter). Selectați fontul Milkshake și setați dimensiunea la 200 px și urmărirea 100.

Pur și simplu faceți clic pe artboard dvs. și adăugați "A desena"text. Faceți-l negru și coborâți-l Opacitate la aproximativ 30% de la Transparenţă panou (Fereastră> Transparență).

Utilizarea Instrument Pen (P) și piesa de text ca referință, trageți câteva căi simple așa cum se arată în a doua imagine.

Pasul 2

Scoateți textul și asigurați-vă că sunt selectate căile. Pur și simplu aplicați peria de model din Perii panou (Fereastra> Perii), apoi du-te la Efect> Stylize> Drop Shadow. Introduceți atributele afișate în fereastra din stânga (în imaginea următoare), faceți clic pe O.K , apoi aplicați celelalte două Umbra efecte.

Pasul 3

În cele din urmă, adăugați un efect simplu de scribare pentru restul cuvintelor.

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.