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

Ce veți crea

În următorii pași veți învăța cum să creați un efect de text pentru cazinou în Adobe Illustrator. Pentru inceput, veti invata cum sa configurati o grilă simplă și cum să creați formele principale utilizând un font liber și tehnici de bază de formare a vectorilor de bază. 

Profitând pe deplin de panoul Aspect, veți învăța cum să modelați forme și căi compuse. Veți învăța, de asemenea, cum să salvați gradienții și stilurile grafice și cum să le aplicați cu ușurință mai târziu. 

Mergând mai departe, veți învăța cum să adăugați momente subtile folosind efecte simple și tehnici de bază de amestecare. În sfârșit, veți învăța cum să adăugați o textura subtilă pentru întreaga ilustrație.

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 Document nou. Selectați pixeli de la Unități meniul derulant, introduceți 850 în Lăţime și 610 în Î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 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ă pe pixeli din Editați> Preferințe> Unități. Toate aceste opțiuni vor crește semnificativ viteza de lucru.

2. Cum se creează fundalul și se adaugă text

Pasul 1

Alegeți Instrumentul dreptunghiular (M) și concentrați-vă pe bara de instrumente. Eliminați culoarea din Accident vascular cerebral apoi selectați Completati și setați culoarea la R = 42 G = 47 B = 66. Deplasați-vă la tabloul dvs. de arhitectură și creați pur și simplu un 860 x 620 px dreptunghi - grila și Fixat la retea ar trebui să facă acest lucru mai ușor.

Asigurați-vă că dreptunghiul dvs. rămâne selectat și deschideți-l Alinia panou (Fereastra> Aliniere). Selectați Aliniați-vă la Artboard din meniul derulant și apoi faceți clic pe Centrul de aliniere orizontală și Centrul de aliniere verticală pentru a vă centra ușor selecția.

Deplasați-vă la straturi panou (Fereastră> Straturi), selectați stratul existent și pur și simplu Blocare pentru a vă asigura că nu îl selectați / mutați în mod accidental.

Pasul 2

Alegeți Instrumentul tip (T) și deschideți Caracter panou (Fereastră> Tip> Caracter). Selectați fontul BudmoJiggler-Regular și setați mărimea la 150 px si Urmărirea la 30. Adaugă "SLOTURI CASINOASE"text, setați culoarea pe alb și centrați-o.

3. Cum se creează principalele forme

Pasul 1

Asigurați-vă că textul dvs. rămâne selectat și mergeți la Tip> Creați contururi (Shift-Control-O). Deschide deschizător de drumuri panou (Fereastră> Pathfinder), apasă pe Divide buton, apoi Degrupeaza grupul dvs. folosind Shift-Control-G Comanda rapidă de la tastatură.

Pasul 2

Concentrați-vă pe straturi , deschideți stratul existent și ar trebui să găsiți o grămadă de forme care nu au un set de culori Completati sau Accident vascular cerebral (practic invizibil). Selectați una dintre aceste forme din straturi și apoi mergeți la Selectați> Acelasi> Aspect pentru a selecta cu ușurință toate formele cu identice Aspect atribute. Completati aceste forme cu un albastru aleatoriu.

Pasul 3

Selectați cele trei forme evidențiate în prima imagine și scoateți-le folosind Șterge cheie.

Pasul 4

Selectați toate acele forme albastre și grup lor (Control-G). Asigurați-vă că acest grup nou este selectat și adăugați a Copiați în față (Control-C> Control-F). Selectați această copie a grupului împreună cu formele albe și faceți clic pe Uni butonul din deschizător de drumuri panou.

Degrupeaza (Shift-Control-G) formele albe rezultate. Deplasați-vă la straturi , selectați grupul rămas de forme albastre și aduceți-l în față (Shift-Control-]).

Pasul 5

Selectați cele șase forme albe care alcătuiesc cuvântul dvs. de top și faceți clic pe el Control-8 (sau mergeți la Obiect> Calea compusă> Efectuați) pentru a le transforma într-o cale compusă. Deplasați-vă la cuvântul de jos, selectați formele albe și transformați-le într-o a doua cale compusă.

4. Cum să creați și să utilizați primul stil grafic

Pasul 1

Asigurați-vă că calea compusă de jos rămâne selectată și focalizați pe Aspect panou (Fereastră> Aspect). Selectează Completati și pur și simplu înlocuiți culoarea cu Gradientul liniar prezentat mai jos.

Pasul 2

Asigurați-vă că calea compusă din partea de jos rămâne selectată, continuați să focalizați pe Aspect și adăugați o secundă Completati folosind Adăugați o nouă umplere buton.

Trageți noua dvs. umplutură sub cea existentă, aplicați-o Gradientul liniar afișat mai jos, apoi mergeți la Efect> Cale> Cale de decalare. Introduceți a Decupare 2 px, Seteaza se alătură la Rundă, și faceți clic pe O.K. Rețineți că numerele albastre din Gradient fereastră stand pentru Locație procent. Cu această plată inferioară încă selectată, mergeți la Efect> Distortare & Transformare> Transformare. Trageți Mutați-verticală glisați la 0,2 px, introduce 60 in aceea Copii , apoi faceți clic pe O.K buton.

Pasul 3

Asigurați-vă că calea compusă din partea de jos rămâne selectată, continuați să focalizați pe Aspect panou și adăugați oa treia Completati folosind același lucru Adăugați o nouă umplere buton.

Trageți noua umplutură sub cele existente, aplicați-o Gradientul liniar afișat mai jos, apoi mergeți la Efect> Cale> Cale de decalare. Introduceți a Decupare 2 px, Seteaza se alătură la Rundă, și faceți clic pe acesta O.K buton. Apoi, du-te la Efect> Distortare & Transformare> Transformare. Trageți Mutați-verticală glisați la 13 px apoi faceți clic pe O.K.

Cu această plată inferioară încă selectată, mergeți la Specimene panou (Fereastră> Swatches) și faceți clic pe Noul Swatch pentru a salva rapid galbenul Gradientul liniar.

Pasul 4

Asigurați-vă că calea compusă din partea de jos rămâne selectată, continuați să focalizați pe Aspect panou și adăugați oa patra Completati.

Trageți această umplere nouă sub cele existente, setați culoarea la R = 24 G = 27 B = 36, și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a Decupare 2 px, Seteaza se alătură la Rundă, și faceți clic pe acesta O.K buton. Apoi, du-te la Efect> Distortare & Transformare> Transformare. Trageți Mutați-verticală glisați la 15 px, clic O.K, și apoi du-te la Efect> Stylize> Drop Shadow. Introduceți atributele afișate în imaginea următoare, apoi faceți clic pe O.K.

Pasul 5

Asigurați-vă că calea compusă din partea de jos rămâne selectată, continuați să focalizați pe Aspect și adăugați o cincime Completati.

Trageți această umplere nouă sub cele existente și setați culoarea neagră (R = 0G = 0B = 0). Coboară-i Opacitate la 15%, schimba Mod de amestecare la Lumina slaba, și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a 7 secunde Offset, Seteaza se alătură la Rundă, și faceți clic pe O.K. Apoi, du-te la Efect> Distortare & Transformare> Transformare. Trageți Mutați-verticală glisați la 14 px și faceți clic pe O.K.

Pasul 6

Asigurați-vă că calea compusă din partea de jos rămâne selectată, continuați să focalizați pe Aspect panou, și adăugați un al șaselea Completati.

Trageți această umplutură nouă sub cele existente și aplicați gradientul liniar prezentat mai jos. Coboară-i Opacitate la 75%, schimba Mod de amestecare la Lumina slaba, și rețineți că galben zero reprezintă Opacitate procent. Cu această plată inferioară încă selectată, mergeți la Efect> Cale> Cale de decalare. Introduceți a Decupare 2 px, apasă pe O.K buton, apoi mergeți la Efect> Distortare & Transformare> Transformare. Trageți Mutați-verticală glisați la 50 px, apasă pe O.K buton, apoi mergeți la Efect> Blur> Gaussian Blur. Introdu un Radius 8 px și faceți clic pe O.K.

Pasul 7

Asigurați-vă că calea compusă din partea de jos rămâne selectată, continuați să focalizați pe Aspect panou și selectați Accident vascular cerebral. Setați culoarea la R = 35 G = 31 B = 32, micșorați-l Opacitate la 70%, schimba Mod de amestecare la Lumina slaba, apoi faceți clic pe "Accident vascular cerebral"bucată de text pentru a deschide Accident vascular cerebral panou flyout. Seteaza Greutate la 2 px și apoi verificați Intră în runda și Aliniați Accident vascular cerebral la interior butoane.

Pasul 8

Asigurați-vă că calea compusă din partea de jos rămâne selectată, continuați să focalizați pe Aspect și adăugați o secundă Accident vascular cerebral folosind Adăugați un accident vascular cerebral nou buton.

Selectați această curbă nouă, aplicați-vă galben Gradientul liniar de la Specimene panou, apoi deschideți Accident vascular cerebral panou flyout. Seteaza Greutate la 1 px și apoi verificați Intră în runda și Aliniați accident vascular cerebral în afară butoane.

Pasul 9

Asigurați-vă că calea compusă din partea inferioară este încă selectată, deschideți Stiluri grafice panou (Fereastră> Stiluri grafice) și faceți clic pe Stil nou grafic. Deplasați-vă pe traseul dvs. top compus, selectați-l și pur și simplu aplicați stilul dvs. grafic din Stiluri grafice panou.

5. Cum să creați și să utilizați al doilea stil grafic

Pasul 1

Reluați grupul dvs. de cercuri albastre și Degrupeaza aceasta (Shift-Control-G). Focalizați pe unul dintre acele cercuri albastre, selectați-l și înlocuiți albastrul cu Radial Gradient prezentat în imaginea următoare. Folosește Instrument de gradient (G) pentru a ajusta dimensiunea și poziția gradientului, după cum se arată mai jos.

Pasul 2

Asigurați-vă că cercul dvs. galben rămâne selectat și continuați să focalizați pe Aspect panou. Selectează Completati și Duplicat folosind Duplicați articolul selectat buton.

Selectați umplutura adăugată recent și mergeți 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 reveniți la Efect> Stylize> Drop Shadow. Introduceți atributele afișate în cealaltă fereastră, apoi faceți clic pe O.K.

Pasul 3

Asigurați-vă că cercul dvs. galben rămâne selectat și continuați să focalizați pe Aspect panou. Selectați umplutura de fund și mergeți la Efect> Stylă> Strălucire exterioară. Introduceți atributele afișate în imaginea următoare, apoi faceți clic pe O.K.

Pasul 4

Asigurați-vă că cercul dvs. galben rămâne selectat și continuați să focalizați pe Aspect panou.

Selectați cursorul, setați culoarea la R = 35 G = 31 B = 32, și deschideți Accident vascular cerebral panou flyout. Asigurați-vă că Greutate este setat sa 1 px și verificați Aliniați accident vascular cerebral în afară buton. Coboară-i Opacitate la 50% și schimbați Mod de amestecare la Lumina slaba și apoi du-te la Efect> Distortare & Transformare> Transformare. Trageți Mutați-verticală glisați la 1 px apoi faceți clic pe O.K.

Pasul 5

Asigurați-vă că cercul dvs. galben este încă selectat, mergeți la Stiluri grafice panou și salvați al doilea stil grafic. Selectați toate cercurile dvs. albastre și aplicați acest al doilea stil grafic.

6. Cum să adăugați elemente subtile

Pasul 1

Utilizarea Instrument de elipsă (L), creeaza o 10 px cerc și umpleți-l cu alb (R = 255 G = 255 B = 255). Coboară-i Opacitate la 80%, schimba Mod de amestecare la Acoperire, și apoi du-te la Efect> Distort & Transform> Pucker & Bloat. Trageți glisorul spre -80% apoi faceți clic pe acesta O.K buton. Multiplicați acest cerc mic (Control-C> Control-F) și răspândiți copii după cum se arată în a doua imagine.

Pasul 2

Utilizarea Instrument de elipsă (L), creaza un 80 px cerc și plasați-o aproximativ ca în prima imagine. Completati cu Radial Gradient prezentate mai jos și se concentrează pe Aspect panou. Nu uitați că galben zero de la Gradient imaginea reprezintă Opacitate procent. Selectați umplerea, modificați-o Mod de amestecare la Acoperire, și du-te la Efect> Blur> Gaussian Blur. Introdu un 18 px Radius apoi faceți clic pe O.K.

Pasul 3

Asigurați-vă că cercul dvs. proaspăt rămâne selectat, continuați să focalizați pe Aspect panou, și Duplicat existenta Completati. Selectați această umplere nouă, micșorați-o Opacitate la 80%, și faceți clic pe cele existente Gaussian Blur efect pentru ao deschide. Coborâți Rază la 9 px și apoi du-te la Efect> Cale> Cale de decalare. Introduceți a -Decupați 10 px apoi faceți clic pe O.K.

Pasul 4

Asigurați-vă că cercul dvs. proaspăt rămâne selectat, continuați să focalizați pe Aspect panou, și Duplicat topul Completati. Selectați această umplere nouă, micșorați-o Opacitate la 60%, și deschideți existența Gaussian Blur efect. Coborâți Rază la 5 px și apoi deschideți existența Calea offset efect. Introduceți a -20 px decalat apoi faceți clic pe O.K.

Duplicat acest cerc și plasați copia după cum se arată în a doua imagine.

7. Cum se adaugă umbrirea și o textura subtilă

Pasul 1

Utilizarea Instrumentul dreptunghiular (M), creaza un nou 860 x 620 px forma, și centrul ei. Completati cu Radial Gradient afișat mai jos și modificați Mod de amestecare la Lumina slaba. Amintiți-vă că zero galben de la Gradient imaginea reprezintă Opacitate procent, și utilizați Instrument de gradient (G) pentru a vă întinde gradientul aproximativ ca în imaginea de mai jos.

Pasul 2

Asigurați-vă că cel mai nou dreptunghi rămâne selectat și păstrați focalizarea pe Aspect panou. Adăugați o secundă Completati și selectați-l. Setați culoarea în negru, micșorați-o Opacitate la 10%, și schimbați Mod de amestecare la Lumina slaba. Apoi du-te la Efect> Artistic> Film Cereal. Introduceți atributele afișate în imaginea următoare și dați clic pe O.K.

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.