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

Ce veți crea

În acest tutorial veți învăța cum să creați un efect de text pentru fotbal și, de asemenea, un fundal de teren de fotbal pentru a merge împreună cu el. La început veți crea modelul de fotbal și forma literelor. Apoi, veți da o anumită dimensiune literelor și aplicați modelul, urmat de cele mai importante și umbre.

Dacă vă place fotbalul sau sportul în general sau poate aveți nevoie de mai multe efecte de text în viața dvs., asigurați-vă că ați verificat Envato Market pentru inspirație. Veți găsi cu siguranță ceea ce căutați acolo. Sa incepem!

Tutorial Active

Pentru a finaliza tutorialul, veți avea nevoie de următoarele elemente:

  • Geist Knt Font 
  • Round Script din orice colț din 20 de scripturi gratuite și utile Adobe Illustrator

1. Începeți un nou proiect

Lansa Ilustrator și du-te la Fișier> Nou pentru a deschide un document gol. Introduceți un nume pentru fișierul dvs., configurați dimensiunile, apoi selectați pixeli la fel de Unități și RGB la fel de Modul color. Asigura-te ca Aliniați obiectele noi la grila Pixel nu este verificată.

Apoi, du-te la Editați> Preferințe> Generale și setați Creșterea tastaturii la 1 px și, în timp ce acolo, du-te la Unități pentru a vă asigura că acestea sunt setate ca în următoarea imagine. De obicei, lucrez cu aceste setări și vă vor ajuta în timpul procesului de desen.

2. Creați modelul de fotbal

Pasul 1

Mai întâi, ia-o Instrumentul pentru poligoane, faceți clic pe tabloul de bord și introduceți setările pentru a desena un hexagon mic. În timp ce forma rămâne selectată, mergeți la Obiect> Cale> Adăugați puncte de ancorare pentru a adăuga un punct suplimentar în mijlocul fiecărei laturi.

Pasul 2

Multiplicați hexagonul și aranjați cinci dintre ele, una sub cealaltă, pentru a crea primul rând. (1). Pentru cel de-al doilea rând, aranja șase hexagoane noi în partea dreaptă a primului rând (2). Selectați și duplicați primele două rânduri și aranjați-le în partea dreaptă (3). Duplicați ultimele două rânduri și aranjați-le din nou pe partea dreaptă (4).

Selectați unele dintre hexagoane și le dați o culoare neagră de umplere. Pentru restul hexagonilor, selectați a 1 pt gri Accident vascular cerebral. Acum, modelul de fotbal este gata, și puteți Grup (Control-G) toate formele (5).

3. Pregătiți scrisorile

Pasul 1

Luați Instrumentul tip (T) si scrie "sportiv"Pe tabloul de bord folosind fontul Geist Knt la o dimensiune de 145 pt. După aceea, alegeți Extinde de la Obiect meniu și Ungroup (Shift-Control-G).

Uitați-vă la Aspect și vedeți dacă literele dvs. sunt căi sau căi compuse. Dacă răspunsul este căi compuse, mergeți la Obiect> Calea compusă> Eliberați.

Pasul 2

Răspândiți literele pentru a avea mai mult spațiu între ele și ștergeți litera "O“. În schimb, trageți a 119 x 119 px cerc cu Instrument de elipsă (L).

4. Match the Letters cu modelul

Pasul 1

Concentrați-vă pe litera "S"Și mutați modelul peste litera. La început, potriviți punctul din colțul din dreapta jos al literei cu punctul de colț al hexagonului negru așa cum este indicat. Încă mai trebuie să faceți câteva ajustări minore, așa că apucați-l Instrumentul de selecție directă (A) și mutați unele puncte la locul corect.

Scopul este să aliniați punctele de colț ale literei cu colțurile sau punctele mediane ale hexagonelor negre. Nu modificați modelul, doar litera. 

Pasul 2

Faceți o copie a modelului și mutați-o peste litera "P“. Potriviți punctul din stânga jos al literei cu punctul de colț al hexagonului, așa cum este indicat. După aceasta, efectuați ajustările suplimentare necesare. Folosește Instrumentul de selecție directă (A) pentru a muta și a alinia celelalte puncte cu colțurile hexagonului.

Faceți o altă copie a modelului și mutați-o peste litera "O“. Ne vom întoarce mai târziu.

Pasul 3

Faceți același lucru pentru literele "R" și "T“.

Pasul 4

Dacă este nevoie, răspândiți literele cu modelul lor pentru a vedea totul mai bine. În acest moment, este posibil să aveți câteva rânduri de hexagon în model care nu vin în contact cu literele. Selectați-le și ștergeți-le pentru a economisi spațiu.

5. Dați dimensiunea literelor

Pasul 1

Du-te straturi și ascundeți cele cinci grupuri de modele pentru moment utilizând ochiul de vizibilitate. Completați literele cu gradientul liniar prezentat, la a Unghi de 90 de grade.

Înainte de a continua, faceți copii ale scrisorilor, deoarece le veți avea nevoie mai târziu în tutorial. 

Pasul 2

În timp ce cele cinci litere rămân selectate, mergeți la Obiect> Cale> Calea offset și aplicați un ofset de -8 px. Ca rezultat, veți primi cinci litere mai mici în față.

Umpleți literele mai mici cu gradientul liniar prezentat la a Unghi de 90 de grade și, după aceea, mișcați-le 2 px la stânga și la dreapta 2 px în sus, apăsând de două ori pe Sageata stanga cheie și Săgeata în sus cheie de pe tastatură.

Pasul 3

Desenați trei 40 x 38 px elipse pline cu alb și aranjați-le în partea din stânga sus a literelor "P","O", și "R“. Pentru litera "S", desenează un 14 x 72 px elipsă, iar pentru litera "T", Trage un mai mic 10 x 60 px elipsă.

Glisați o selecție peste litera "S"Pentru a selecta toate cele trei forme și pentru a merge la Object> Blend> Blend Options. Alege 30 Pași specificați și lovit O.K; apoi du-te înapoi la Obiect> Blend> Marcă (Alt-Control-B). Repetați același lucru pentru celelalte litere. 

6. Aplicați modelul la litere

Pasul 1

Să facem câteva ajustări pentru litera "O“. Selectați grupul de modele (1); apoi du-te la Efect> Warp și aplicați Umfla și Ochi de pește efecte pentru a obține aspectul rotunjit (2).

Apoi, du-te la Efect> Distortare & Transformare> Transformare și rotiți modelul aproximativ 25 grade. Alege Extindeți aspectul de la Obiect pentru a extinde efectele aplicate și apoi repoziționați modelul astfel încât să aveți un hexagon negru în centru și șase hexagoane pe părțile laterale ale cercului (3). 

Iată setările pentru Umfla, Ochi de pește, și Transforma efecte:

Pasul 2

Folosește Instrumentul de selecție directă (A) pentru a selecta numai unul din hexagoanele negre (1) și apoi treceți la Selectați> Aceleași> Umpleți culoarea. Ca rezultat, Illustrator va selecta toate hexagoanele negre pentru tine (2). Înlocuiți culoarea neagră de umplere cu nuanța de gri indicată (3). 

Pasul 3

Acum, apucați copii ale scrisorilor originale pe care le-ați făcut mai devreme și le-ați stabilit pentru accident vascular cerebral - nici unul și nici unul. Adu-i în fața tuturor, mergând la Obiect> Aranjare> Aduceți în față (Shift-Control-]).

Selectați copia literei "S"Împreună cu grupul de modele și du-te la Obiect> Mască de tăiere> Marcă (Control-7). Repetați același lucru pentru celelalte litere.

Pasul 4

Folosește Instrumentul de selecție directă (A) pentru a selecta numai unul din hexagoanele curbate în model (1) și apoi treceți la Selectați> Același> Culoarea cursei. Ca rezultat, Illustrator va selecta toate hexagoanele pentru dvs. (2). Copie și Lipiți pe loc (Shift-Control-V) și apoi în Accident vascular cerebral panou, măriți Greutate la 2 pt și selectați Aliniați Accident vascular cerebral la interior. Din motive vizuale, am schimbat culoarea accidentală în albastru (3).

Pasul 5

Selectați toate hexagoanele albastre de deasupra literei "S" și Grup (Control-G) lor. În timp ce grupul rămâne selectat, alegeți Extindeți aspectul de la Obiect meniu pentru a transforma cursele în umpleri. Repetați același lucru pentru celelalte litere (1).

Umpleți cele cinci noi grupuri de forme cu gradientul liniar prezentat la a -45 de grade Unghi (2). Denumiți fiecare grup "hexagon evidențiază“.

Pasul 6

Selectați numai opțiunea "hexagon evidențiază"Grup de deasupra literei"S"Și, în straturi panou, glisați-l sub masca pe care ați făcut-o mai devreme și sub model. Lucrați cu fiecare literă, una câte una și faceți același lucru. 

Pasul 7

Folosește Instrumentul de selecție directă (A) pentru a selecta hexagoanele pline de gri de sub masca, dar numai cele mai mari. Copie și Lipiți pe loc (Shift-Control-V), apoi selectați o altă culoare de umplere. Cu formele albastre selectate, mergeți la Fișier> Scripturi> Rotunde orice colț și aplicați a Rază de 3 pentru a obține colțurile rotunjite. 

Pasul 8

Cu formele albastre selectate, schimbați culoarea de umplere la negru. Adauga o Completați noi de mai sus și folosiți gradientul liniar prezentat la a -45 de grade Unghi. Apoi, du-te la Efect> Distortare & Transformare> Transformare și în Scară tip de câmp 95%

Pasul 9

Acum, trebuie să mascați noile hexagoane, dar numai acolo unde este necesar. Luați o copie a literei "S", Adu-l în fața tuturor, mergând la Obiect> Aranjare> Aduceți în față (Shift-Control-]), și a stabilit la accident vascular cerebral-nici unul și umple-nici unul. Apoi, selectați cele trei hexagoane noi deasupra literei "S"Împreună cu copia literei"S"Și du-te la Obiect> Mască de tăiere> Marcă (Control-7). Repetați același lucru pentru literele "R" și "T“. 

Pasul 10

Folosește Instrumentul de selecție directă (A) pentru a selecta toate hexagonii gri mai mici din sub mască și apoi Copie și Lipiți pe loc (Shift-Control-V). Din motive vizuale, am schimbat culoarea de umplere pe verde. 

Pasul 11

În timp ce formele verde rămân selectate, schimbați culoarea de umplere la negru. Adauga o Completați noi de mai sus și folosiți gradientul liniar prezentat. Apoi, du-te la Efect> Cale> Cale de decalare și aplicați un ofset de -1 px

Pasul 12

Este timpul să mascați noile hexagoane. Luați o copie a literei "P", De exemplu, adu-l în fața tuturor, mergând la Obiect> Aranjare> Aduceți în față (Shift-Control-]), și a stabilit la accident vascular cerebral-nici unul și umple-nici unul. Acum, selectați cele trei noi hexagoane deasupra literei "P"Împreună cu copia literei"P"Și du-te la Obiect> Mască de tăiere> Marcă (Control-7). Lucrați cu fiecare scrisoare la un moment dat și faceți același lucru. 

7. Adăugați textură la litere

Pasul 1

În acest moment puteți muta literele mai aproape unul de celălalt în poziția finală. Luați o copie a fiecărei litere și le aduceți în fața tuturor. În timp ce copiile sunt selectate, mergeți la Obiect> Calea compusă> Marcă (Control-8) și apoi completați calea rezultată rezultată cu negru. 

Pasul 2

În timp ce calea compusului rămâne selectată, mergeți la Efect> Schiță> Notă și aplicați setările afișate. Seteaza Mod de amestecare la Lumina slaba și reducerea Opacitate la 40%.

Deplasați această cale compusă sub toate hexagonele negre din straturi pentru că doriți ca textura să fie vizibilă numai în partea "albă" a literelor. 

8. Adăugați Repere pe Hexagonele Negre

Pasul 1

Folosește Instrumentul de selecție directă (A) pentru a selecta doar hexagonii negri mai mari de sub măști, și apoi Copie și Lipiți pe loc (Shift-Control-V). În timp ce copiile rămân selectate, alegeți Extindeți aspectul de la Obiect meniu și apoi Ungroup (Shift-Control-G). Ca rezultat, cele două apariții existente ale hexagonelor negre se vor transforma în două forme separate. Din motive vizuale, am schimbat culorile de umplere în albastru și roz.

Selectați toate formele albastre și mergeți la Obiect> Calea compusă> Marcă (Control-8). După aceasta, selectați toate cele mai mici forme roz și mergeți la Obiect> Calea compusă> Marcă (Control-8). Înainte de a continua, faceți o copie a celor două căi compuse pentru utilizare ulterioară. 

Pasul 2

Aduceți calea compusului albastru deasupra căii compuse roz și mutați-o 2 px în jos apăsând pe Sageata in jos cheie de două ori și 1 px în dreapta prin apăsarea butonului Sageata dreapta cheie o dată.

Acum, selectați cele două căi compuse și apăsați Minus Front în deschizător de drumuri panou. Ca rezultat, veți obține formele subțiri în partea stângă sus a hexagonilor negri. Grup (Control-G) toate acestea și numele grupului "up evidențiază“.

Pasul 3

Umpleți toate formele subțiri pe care le-ați obținut în etapa anterioară cu gradientul liniar prezentat la a 45 de grade Unghi

Pasul 4

Acum aveți nevoie de copii ale căilor combinate albastru și roz, pe care le-ați făcut mai devreme. Aduceți calea compusului albastru în fața traseului roz compus și mutați-l 2 px în sus prin apăsarea butonului Săgeata în sus cheie de două ori și 1 px în stânga apăsând pe Sageata stanga cheie o dată.

Selectați cele două căi combinate și apăsați Minus Front în deschizător de drumuri panou. Ca rezultat, veți obține formele subțiri în partea dreaptă jos a hexagonelor negre. Grup (Control-G) toate acestea și numele grupului "jos evidențiază“.

Pasul 5

Umpleți toate formele subțiri pe care le-ați obținut în etapa anterioară cu afișarea gradientului liniar la a -60 de grade Unghi

Pasul 6

Faceți o copie a traseului compus pe care l-ați folosit pentru textură anterior în tutorial și eliminați toate aparițiile existente. Adu această copie în fața tuturor, mergând la Obiect> Aranjare> Aduceți în față (Shift-Control-]) (1).

Acum, selectați această copie împreună cu "up evidențiază" și "jos evidențiază"Și du-te la Obiect> Mască de tăiere> Marcă (Control-7) (2). Puteți vedea rezultatul din imaginea de mai jos (3).

Pasul 7

Măriți și focalizați pe litera "S“. Luați Instrument Pen (P) și trageți o formă peste hexagonul negru așa cum este arătat în fotografie (1). Multiplicați forma portocalie și aranjați o copie peste celelalte hexagoane negre, dar numai pe cele care sunt în întregime vizibile. Pentru litera "O", Scala și rotiți forma pentru a se potrivi.

Umpleți toate aceste forme cu gradientul liniar prezentat la a Unghi de 90 de grade (2). Grup (Control-G) toate acestea și apoi setați grupul la Modul de amestecare și 40% opacitate (3). 

9. Creați fundalul

Pasul 1

Să creăm un fundal de teren de fotbal. Mai întâi, creați un nou strat în straturi panoul din spatele celui cu efect de text.

Luați Instrumentul dreptunghiular (M) și trageți a 850 x 600 px dreptunghi care este mărimea tabloului de artă. Umpleți-l cu gradientul radial prezentat. Adauga o Completați noi deasupra primului, păstrând același gradient și mergeți la Efect> Textură> Cereale. Aplicați setările afișate și, după aceea, schimbați Mod de amestecare la Lumina slaba.

Pasul 2

Desenați opt 55 x 600 px dreptunghiuri pline cu negru, și apoi Grup (Control-G) și reducerea acestora Opacitate a grupului la 10%.

Pasul 3

Selectați dreptunghiul mare și apoi Copie și Lipiți pe loc (Shift-Control-V). Umpleți noul dreptunghi cu un gradient radial alb-negru și apoi fixați-l Modificarea modului de amestecare și 20% opacitate

Pasul 4

Folosește Instrumentul pentru segmentul de linie (\) pentru a desena patru căi drepte cu a 4 pct alb Accident vascular cerebral în jurul valorii de fundal. După aceea, trageți linia de mijloc, urmată de a 182 x 182 px cerc în centru. 

Pasul 5

Apoi, trageți două 116 x 314 px dreptunghiuri pe laturi, urmate de două mai mici 35 x 142 px dreptunghiuri pentru a defini zona de penalizare. Ei au o 2 pt alb Accident vascular cerebral.

Continuați cu zona de țintă, care este formată dintr-o grămadă de linii verticale și orizontale care au o 0,5 pt alb Accident vascular cerebral și, după aceea, fundalul este pregătit.

10. Creați umbra

Faceți o copie a traseului compus pe care l-ați folosit pentru textură și eliminați toate aparențele existente. Mutați această cale compusă la un nou strat în spatele efectului de text, dar în fața fundalului.

Umpleți calea compusului cu negru și apoi mergeți la Efect> Stylize> Drop Shadow și aplicați acest efect de patru ori. 

Iată setările pentru Umbra efecte:

Felicitări! Ați terminat

Efectul de text al fotbalului este gata acum. Sper că v-ați bucurat de acest tutorial și nu uitați să-mi arătați recreațiile voastre despre acest efect. Îmi place mereu să vă văd munca.