Cum se creează un joc Efecte text stil grafic în Adobe Illustrator

Ce veți crea

În acest tutorial, veți învăța cum să faceți un stil grafic în joc în Adobe Illustrator. 

Stilul grafic pe care îl vom crea este o parte din stilul jocului grafic.

Dacă doriți să săriți tutorialul și să folosiți acest stil cu încă nouă stiluri grafice, puteți achiziționa Game Graphic Style de la GraphicRiver.

Ce vei avea nevoie

Următorul font a fost folosit în timpul acestui tutorial:

  • font Riffic

Înainte de a începe să creați acest stil grafic, descărcați și instalați fontul.

1. Cum se configurează un document nou

Pasul 1

Să începem prin crearea unui Document nou de 600 x 600 px dimensiunea și RGB modul color.

Pasul 2

Acum du-te la Edit> Preference> General. Verifică Scale Stroke & Effect opțiune.
Lovit O.K pentru a aplica această setare.

2. Cum să creați un stil grafic

Pasul 1

Să începem să folosim instrumentul de tip! Alegeți Instrumentul tip (T)și selectați Riffic font. Seteaza Marimea fontului la 100 pt. Scrieți "QUEST" cu majuscule.

Pasul 2

Acum trebuie să aplicăm culoarea primului gradient, deci selectați textul și setați culoarea de umplere la nici unul. Apoi, mergeți la Aspect panouși faceți clic pe Adăugați o nouă umplere.

Notă: Dacă nu puteți vedea panoul Aspect, mergeți la Fereastră> Aspect.

Pasul 3

Selectați umplerea nouă, mergeți la Fereastră> Gradient, și setați gradientul cu 3 opriri de culoare.

Urmați aceste setări:

  • Tip: Linear
  • Unghi: 90o
  • Primul Gradient Culoare Stop # d67638 și Locație 0%
  • Al doilea gradient Culoare Stop # e5af4b și Locație 50%
  • Al treilea gradient Culoare Stop # f3ea60 și Locație 75%

Pasul 4

Concentrați-vă pe Aspect și asigurați-vă că textul și caseta de umplere sunt ambele selectate. Adăugați oa doua umplere utilizând același lucru Adăugați o nouă umplere buton; după ce faceți clic pe acest buton, se va crea o nouă casetă de umplere (strat) deasupra umplerii existente.

Acum, selectați caseta de umplere de jos și faceți clic pe Adăugați un nou efect (fX). Selectați Cale> Calea Offset.

Urmați aceste setări:

  • Offset: 3
  • se alătură: Metru
  • Meter Limit: 4

Lovit O.K a aplica.

Pasul 5

Mergeți la Gradient panou (G) șisetați gradientul cu 2 opriri de culoare.

Urmați aceste setări:

  • Tip: Linear
  • Unghi: 90o
  • Primul Gradient Culoare Stop # ce5c39 și Locație 0%
  • Al doilea gradient Culoare Stop # c96b2e și Locație 100%

Indicație: Pentru a elimina orice oprire de culoare nedorită din panoul de gradient, trageți-o în jos.

Pasul 6

Acum faceți clic pe Adăugați un nou efect (fX) pe Aspect și selectați Distortați și transformați> Transformați.

Urmați aceste setări:

  • Mutați vertical: 1 pt
  • Verifica Scale Strokes & Efecte
  • Verifica Transformarea obiectelor
  • Verifica Modele de transformare
  • Copii: 7

Lovit O.K a aplica.

Pasul 7

Vom schimba culoarea acestui gradient, așa că du-te la Gradient panou (G). A inlocuiculoarea gradientului cu aceste setări:

  • Tip: Linear
  • Unghi: 90o
  • Primul Gradient Culoare Stop # 591714 și Locație 0%
  • Al doilea gradient Culoare Stop # 812e26 și Locație 100%

Pasul 8

Faceți clic pe caseta de umplere superioară. Asigurați-vă că textul și caseta de umplere superioară sunt ambele selectate.

Acum faceți clic pe Duplicați elementele selectate pe butonul " Aspect panou.

Utilizarea Gradient panou, înlocuiți culoarea gradientului cu aceste setări:

  • Tip: Linear
  • Unghi: 90o
  • Primul Gradient Culoare Stop # e6c04c și Locație 0%
  • Al doilea gradient Culoare Stop # f2e95f și Locație 35%
  • Al treilea gradient Culoare Stop # e8f4fc și Locație 100%

Pasul 9

Acum faceți clic pe Adăugați un nou efect (fX) pe butonul " Aspect și selectați Cale> Calea Offset.

Urmați aceste setări:

  • Offset: -4
  • se alătură: Metru
  • Meter Limit: 4

Lovit O.K a aplica.

Pasul 10

Asigurați-vă că textul și caseta de umplere superioară sunt ambele selectate. Click pe Adăugați un nou efect (fX) și selectați Distortați și transformați> Transformați

Urmați aceste setări:

  • Mutare orizontală: -3 pct
  • Verifica Scale Strokes & Efecte
  • Verifica Transformarea obiectelor
  • Verifica Modele de transformare

Lovit O.K a aplica.

Pasul 11

Acum vom adăuga o umbră în spatele textului. Deci, selectați textul și faceți clic pe Tip pe Aspect panou.

Acum faceți clic pe Adăugați un nou efect și selectați Stylize> Drop Shadow.

Urmați aceste setări:

  • Mod: Normal
  • Opacitate: 35%
  • X offset: 0
  • Y offset: 8pt
  • Estompa: 1 pt
  • Culoare: # 221f1f

Lovit O.K a aplica.

Felicitări! Esti gata

Asta e! Puteți folosi acest stil în proiectele dvs. de jocuri. Acest stil grafic pe care l-am creat face parte din Stilul jocului grafic

Sper că ți-a plăcut acest tutorial.