Cum se creează un efect de culoare colorat, scânteietor în Adobe Illustrator

Ce veți crea

Pentru început, veți învăța cum să configurați o rețea simplă și cum să creați un set de perii de împrăștiere. Apoi, veți învăța cum să creați un fundal simplu și cum să utilizați periile scatter. Deplasarea pe dvs. va învăța cum să profitați din plin de panoul Aspect și cum să vă ușurați munca utilizând stiluri grafice simple. În cele din urmă, veți învăța cum să adăugați umbre subtile și evidențiază folosind un amestec simplu, efecte de bază și tehnici de amestecare.

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, 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 Grilă (Afișați> Afișați grilă) si Fixat la retea (Vizualizare> Snap to Grid). Pentru începători veți avea nevoie de o rețea în fiecare 5px, așa că pur și simplu du-te la Editați> Preferințe> Ghiduri> Grilă, introduce 5 în Grilă în fiecare și 1 în subdiviziunile cutie. Încercați să nu vă descurajați de toată grilă, va ușura munca dvs. ș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ă. 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 patru perii simple de dispersie

Pasul 1

Alegeți Instrument de elipsă (L) ș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 = 0 G = 206 B = 88. Deplasați-vă la tabloul de bord și creați pur și simplu o 5px încercuiește Fixat la retea ar trebui să vă ușureze munca.

Pasul 2

Asigurați-vă că cercul dvs. verde este încă selectat, deschideți Perii panou (Fereastra> Perii) și faceți clic pe Pensulă nouă (indicat de cercul albastru din imaginea următoare). Verifică Scruter Brush apoi faceți clic pe O.K pentru a deschide Scatter Brush Opțiuni fereastră. Introduceți toate atributele afișate în următoarea imagine, apoi dați clic pe O.K.

Pasul 3

Resetați cercul mic și înlocuiți culoarea de umplere existentă cu R = 255 G = 232 B = 0. Asigurați-vă că forma dvs. rămâne selectată, mergeți la Perii panou (Fereastra> Perii) și faceți clic din nou pe Pensulă nouă buton. Verifică Scruter Brush caseta și faceți clic pe O.K. Introduceți toate atributele afișate în imaginea următoare, apoi dați clic pe O.K buton.

Pasul 4

Resetați cercul mic și înlocuiți culoarea de umplere existentă cu R = 0 G = 179 B = 209. Asigurați-vă că forma dvs. rămâne selectată, mergeți la Perii panou (Fereastra> Perii) și faceți clic din nou pe acesta Pensulă nouă buton. Verifică Scruter Brush caseta, faceți clic pe O.K, introduceți toate atributele afișate în imaginea următoare, apoi faceți clic pe O.K buton.

Pasul 5

Resetați cercul mic și înlocuiți culoarea de umplere existentă cu R = 255 G = 0B = 22. Asigurați-vă că forma dvs. rămâne selectată, mergeți la Perii panou (Fereastra> Perii) și dați clic mai departe Pensulă nouă buton. Verifică Scruter Brush caseta, faceți clic pe O.K, introduceți toate atributele afișate în imaginea următoare, apoi faceți clic pe O.K buton.

 Odată ce veți vedea această perie nouă în interior Perii puteți elimina cercul roșu din tabloul de bord.

3. Creați fundalul și adăugați o bucată simplă de text

Pasul 1

Dezactivați Grilă (Afișați> Ascundeți grila) si Fixat la retea (Vizualizare> Snap to Grid). Alegeți Instrumentul dreptunghiular (M) și faceți clic pur și simplu pe tabloul de bord pentru a deschide Dreptunghi fereastră. introduce 610 în Lăţime și  Înălţime apoi faceți clic pe O.K

Asigurați-vă că această nouă formă rămâne selectată și setați culoarea de umplere la R = 48 8 G = 8 B = 34. Trebuie să-l centrați, așa că deschideți-l Alinia panou (Fereastra> Aliniere). Setați alinierea la Artboard (deschideți meniul derulant și mergeți la Afișați opțiunile dacă nu vedeți Aliniați la secțiune după cum se arată în imaginea următoare), apoi faceți clic pur și simplu pe Centrul de aliniere orizontală și Centrul de aliniere verticală butoane. În final, pătratul trebuie să acopere întregul dvs. tablou de artă, așa cum se arată în imaginea următoare.

Pasul 2

Resetați pătratul, deschideți Aspect panou (Fereastră> Aspect) și adăugați un al doilea umplere folosind Adăugați o nouă umplere (indicat de cercul albastru din imaginea următoare). 

Asigurați-vă că această umplere nouă rămâne selectată, deschideți Gradient panou (Fereastră> Gradient) și pur și simplu faceți clic pe miniaturile de gradient pentru a adăuga gradientul linear negru la alb. 

Continuați să vă concentrați asupra dvs. Gradient panou, selectați Radial de la Tip drop-down meniul apoi trecerea la culori gradient. Selectați cursorul din dreapta și setați culoarea la R = 18 G = 8 B = 4 apoi selectați glisorul din stânga, setați culoarea la R = 48 G = 8B = 34 și să-i coborâți Opacitate la 0%. Prindeți Instrument de gradient (G), concentrați-vă asupra tabloului de bord și întindeți acest gradient radial așa cum este prezentat în imaginea următoare. 

Deplasați-vă la straturi panou (Fereastră> Straturi), deschideți stratul existent, pur și simplu dublu click pe acea formă și redenumiți-o "bgContinuați să vă concentrați pe straturi panou și blocați "bg"pentru a vă asigura că nu veți selecta / mișca accidental.

Pasul 3

Alegeți Instrumentul tip (T), pur și simplu faceți clic pe artboard dvs., adăugați "Scânteie"bucată de text și setați culoarea la R = 237 G = 28 B = 36

Asigurați-vă că acesta rămâne selectat și deschideți-l Caracter panou (Fereastră> Tip> Caracter). Selectați fontul Royal Chicken și setați dimensiunea la 300pt

Deschide Transparenţă panou (Fereastră> Transparență) și să coboare Opacitate din textul dvs. 30% apoi treceți la straturi și blocați-l.

4. Creați principalele căi de text

Pasul 1

Utilizarea Instrument Pen (P) sau PaintbInstrumentul de rupere (B) (dacă se întâmplă să dețineți o tabletă) trageți o cale netedă de-a lungul primei litere din text. Încercați să utilizați textul din spate ca referință grosieră. Adăugați o lovitură albă simplă pentru calea dvs. și setați-o Greutate la 4px.

Pasul 2

Continuați cu aceeași unealtă și adăugați restul căilor care vor alcătui textul.

Pasul 3

Resetați toate căile albe care alcătuiesc textul și textul grup lor (Control-G). Deplasați-vă la straturi panou, dublu click pe acest nou grup și îl redenumiți "text".

5. Folosiți prima pensulă de scatter

Pasul 1

Reluați-vă "text"grupați și faceți o copie în față (Control-C> Control-F). Deplasați-vă la straturi panou, blocați originalul "text"apoi selectați copia de grup efectuată în acest pas și pur și simplu înlocuiți cursa albă existentă cu peria de împrăștiere verde.

Pasul 2

Resetați grupul de căi care utilizează peria de dispersie verde și mergeți la Obiect> Extindeți aspectul. Asigurați-vă că grupul rezultat este selectat și lovit Shift-Control-G de trei ori Degrupeaza toate aceste grupuri și subgrupe. Veți ajunge cu o grămadă de cercuri și pătrate mici. 

Concentrați-vă pe straturi panou, selectați unul dintre acele pătrate și pur și simplu mergeți la Selectați> Acelasi> Aspect pentru a selecta restul de forme care au similar Aspect atribute. După ce ați selectat toate aceste forme mici, apăsați butonul Șterge butonul de pe tastatură pentru a scăpa de ele.

Pasul 3

Selectează unul dintre acele cercuri verzi și focalizează pe Aspect panou. Selectați umplutura, înlocuiți culoarea existentă cu R = 0 G = 179 B = 209 și du-te la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din stânga (în imaginea următoare), faceți clic pe O.K și du-te din nou la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra de mijloc, faceți clic pe O.K și du-te încă o dată Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în fereastra din dreapta și dați clic pe O.K.

Pasul 4

Asigurați-vă că cercul albastru este încă selectat, focalizați pe Aspect și adăugați oa doua umplere utilizând aceiași Adăugați o nouă umplere buton. Selectați această umplere nouă, trageți-o în partea de jos a ferestrei Aspect , asigurați-vă că culoarea de umplere este setată la R = 0 G = 179 B = 209, micșorați-l Opacitate la 20% și du-te la Efect> Distortare & Transformare> Transformare. Trageți ambele Mișcare glisante la -2px și faceți clic pe O.K.

Pasul 5

Asigurați-vă că cercul albastru este încă selectat, focalizați pe Aspect panou, selectați umplutura de fund și duplicați-l folosind Duplicați articolul selectat (indicat de cercul albastru din imaginea următoare). Selectați această umplere nouă, trageți-o în partea de jos a ferestrei Aspect panou, creșteți-l Opacitate la 30% și du-te la Efect> Blur> Gaussian Blur. Introduceți a 5px Radius și faceți clic pe O.K.

Pasul 6

Asigurați-vă că cercul albastru este încă selectat, focalizați pe Aspect și adăugați o a patra umplere. Selectați această umplere nouă, glisați-o în partea de sus a paginii Aspect panou, setați culoarea alb, schimbați-o Mod de amestecare la Acoperire și du-te la Efect> Cale> Cale de decalare. Introduceți a -1px Offset, clic O.K și du-te la Efect> Distortare & Transformare> Transformare. Trageți ambele Mișcare glisante la -1px și faceți clic pe O.K.

Pasul 7

Asigurați-vă că cercul albastru este încă selectat, focalizați pe Aspect și adăugați oa cincea umplere. Selectați această umplere nouă, setați culoarea în negru, schimbați-o Mod de amestecare la Lumina slaba și du-te la Efect> Cale> Cale de decalare. Introduceți a -1px Offset, clic O.K și du-te la Efect> Distortare & Transformare> Transformare. Trageți ambele Mișcare glisante la 1px și faceți clic pe O.K.

Pasul 8

Asigurați-vă că cercul dvs. albastru este încă selectat, deschideți Stiluri grafice panou (Fereastră> Stiluri grafice) și pur și simplu faceți clic pe Stil nou grafic (indicat de cercul albastru din imaginea următoare) pentru a salva propriul stil grafic.

Pasul 9

Folosind același lucru Selectați> Acelasi> Aspect , selectați toate cercurile verzi și pur și simplu adăugați stilul grafic. Selectați toate cercurile care utilizează stilul dvs. grafic și pur și simplu lovit Control-G la grup lor. 

Deplasați-vă la straturi panou, redenumiți acest nou grup "dotsOne"apoi blocați-l.

6. Utilizați celelalte trei perii scatter

Pasul 1

Concentrați-vă pe straturi panou și deblocați "text"Selectați-l, faceți o copie în față (Control-C> Control-F) și să-l aducă în față (Shift-Control-] ). 

Deplasați-vă la straturi panou, re-blocați originalul "text"apoi selectați copia de grup realizată în acest pas și pur și simplu înlocuiți cursa albă existentă cu periajul tău galben de împrăștiere.

Pasul 2

Resetați grupul de căi care utilizează peria de dispersie galbenă și mergeți la Obiect> Extindeți aspectul. Asigurați-vă că grupul rezultat este selectat și lovit Shift-Control-G de trei ori. 

Concentrați-vă pe straturi , selectați toate pătratele nou create și pur și simplu le ștergeți.

Pasul 3

Concentrați-vă pe straturi panou, selectați toate cercurile galbene și adăugați stilul grafic. Asigurați-vă că aceste forme rămân selectate și că focalizați pe Aspect panou. Selectați partea de jos, două umpleri și pur și simplu le eliminați utilizând Ștergeți selecția (indicat de cercul albastru din imaginea următoare). 

Continuați să vă concentrați pe Aspect , selectați umplutura albastră rămasă și înlocuiți culoarea existentă cu R = 255 G = 209 B = 5. Asigurați-vă că toate cercurile dvs. galbene sunt selectate, apăsați pe Stil nou grafic butonul din Stiluri grafice pentru a salva un nou stil grafic grup lor (Control-G). 

Reveniți la straturi panou, redenumiți acest nou grup "dotsTwo"apoi blocați-l.

Pasul 4

Concentrați-vă pe straturi panou și deblocați "text"Selectați-l, faceți o copie în față (Control-C> Control-F) și să-l aducă în față (Shift-Control-] ). 

Deplasați-vă la straturi panou, re-blocați originalul "text"apoi selectați copia de grup realizată în această etapă și pur și simplu înlocuiți cursa albă existentă cu peria albastră scatter.

Pasul 5

Resetați grupul de căi care utilizează peria albastră de dispersie și mergeți la Obiect> Extindeți aspectul. Ungroup grupul rezultat ( Shift-Control-G de trei ori) accentul pe straturi , selectați toate pătratele nou create și pur și simplu le ștergeți.

Pasul 6

Concentrați-vă pe straturi , selectați setul de cercuri albastre realizate în pasul anterior și adăugați stilul dvs. grafic galben din Stiluri grafice panou. 

Asigurați-vă că această grămadă de forme rămâne selectată, se concentrează pe Aspect panou, selectați umplerea de fund și înlocuiți culoarea existentă cu R = 28 G = 117 B = 188. grup (Control-G) formele editate în acest pas, treceți la straturi panou, redenumiți acest nou grup "dotsThree"apoi blocați-l.

Pasul 7

Concentrați-vă pe straturi panou și deblocați "text"Selectați-l, faceți o copie în față (Control-C> Control-F) și să-l aducă în față (Shift-Control-] ). 

Reveniți la straturi panou, re-blocați originalul "text"apoi selectați copia de grup făcută în acest pas și pur și simplu înlocuiți cursa albă existentă cu peria de roșu împrăștiată.

Pasul 8

Resetați grupul de căi care utilizează peria de dispersie roșie și mergeți la Obiect> Extindeți aspectul. Degrupeaza grupul rezultat (Shift-Control-G de trei ori), apoi se concentreze pe straturi panou și a scăpa de nou creat set de mici pătrate.

Pasul 9

Concentrați-vă pe straturi , selectați setul cercului roșu realizat în pasul anterior și adăugați stilul dvs. grafic galben din Stiluri grafice panou. 

Asigurați-vă că acest set de forme rămâne selectat, focalizați pe Aspect panou, selectați umplerea de fund și înlocuiți culoarea existentă cu R = 251 G = 176 B = 64. grup (Control-G) formele editate în acest pas, treceți la straturi panou, redenumiți acest nou grup "dotsFour"apoi blocați-l.

7. Adăugați umbrirea și evidențiați

Pasul 1

Concentrați-vă pe straturi panou, deblocați piesa de text și pur și simplu o eliminați folosind Șterge de pe tastatură. 

Continuați să vă concentrați pe straturi panou, deblocați "text"grup, selectați-l și pur și simplu lovit Control-8 pentru ao transforma într-o Traseul compusului.

Pasul 2

Asigurați-vă că calea compusă rămâne selectată și focalizați pe Aspect panou. Selectați cursa albă, măriți-o Greutate la 8px, înlocuiți culoarea existentă cu R = 171 G = 48 B = 74 și du-te la Efect> Blur> Gaussian Blur. Introduceți a 40px Radius și faceți clic pe O.K

Reveniți la Aspect panou și pur și simplu faceți clic pe "Accident vascular cerebral"bucată de text pentru a deschide Accident vascular cerebral ieșiți din panou și verificați Round Cap buton. 

Continuați să vă concentrați pe Aspect și adăugați un al doilea curs pentru calea combinată folosind Adăugați un accident vascular cerebral nou (pictograma mic, pătrat din partea de jos, colțul din stânga al paginii Aspect panou). Selectați această curbă nouă, setați-o Greutate la 4px, înlocuiți culoarea existentă cu R = 88 G = 48 B = 74 și du-te la Efect> Blur> Gaussian Blur. Introduceți a 10px Radius, clic O.K și reveniți la Aspect panou. 

Adăugați un al treilea curs pentru calea compusă și selectați-l. Setați-o Greutate la 2px, înlocuiți culoarea existentă cu alb și schimba-l Mod de amestecare la Acoperire

După ce ați terminat, treceți la straturi și blocați această cale combinată.

Pasul 3

Concentrați-vă pe straturi panou, deblocați cele patru "puncte"grupează și le duplică (Control-C> Control-F). Selectați numai copii de grup, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Uni buton. Transformați grupul de forme rezultate într-un nou model Traseul compusului (Control-8) ei se mută la Aspect panou. Păstrați numai o singură umplutură și setați culoarea la R = 255 G = 209 B = 5.

Pasul 4

Concentrați-vă pe straturi panou și trageți-vă traseul compus de culoare galbenă în spatele "puncte"Asigurați-vă că este selectată calea compusă de culoare galbenă și mergeți la Efect> Stylă> Strălucire exterioară. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K.

Pasul 5

Resetați calea compusă din culoarea galbenă, faceți o copie în față (Control-C> Control-F) și să-l aducă în față (Shift-Control-] ). Asigurați-vă că această copie proaspătă rămâne selectată și se concentrează pe Aspect panou. Eliminați existența Lumină exterioară efect, înlocuiți culoarea de umplere existentă cu negru și coborâți-o Opacitate la 25%.

Pasul 6

Asigurați-vă că ați ales calea combinată neagră și mergeți la Obiect> Transformare> Mutare. Introduce "60 px" în Orizontală și Vertical apoi faceți clic pur și simplu pe Copie buton. Selectați calea combinată rezultată, apăsați Control-[ pentru ao trimite în spatele căii originale, apoi să-i coborâți Opacitate la 0%.

Pasul 7

Concentrează-te pe tine Bara de instrumente și faceți clic pur și simplu pe Instrumentul de amestecare pentru a deschide Blend Options fereastră. Selectați Pașii specificați de la Spațiere meniul derulant, introduceți 50 în acea casetă albă, faceți clic pe O.K buton. 

Deplasați-vă la straturi panou, selectați atât căile combinate negre, cât și simpla lovire Alt-Control-B (sau mergeți la Obiect> Blend> Make) pentru a crea un amestec simplu. Reveniți la straturi panou și trageți pur și simplu acest nou amestec sub calea compusului galben.

8. Adăugați puncte subțiri strălucitoare

Pasul 1

Activați Grilă (Afișați> Afișați grilă) si Fixat la retea (Vizualizare> Snap to Grid). Utilizarea Instrument de elipsă (L), creeaza o 10px cerc și setați culoarea de umplere la alb. 

Asigurați-vă că această nouă formă rămâne selectată și se concentrează pe Aspect panou. Selectați umplerea existentă, modificați-o Mod de amestecare la Lumina slaba și du-te la Efect> Distort & Transform> Pucker & Bloat. Trageți glisorul la -75% și faceți clic pe O.K

Reveniți la Aspect panou, asigurați-vă că umplerea existentă este încă selectată și duplicați-o utilizând aceeași Duplicați articolul selectat buton. 

Continuați să vă concentrați pe Aspect panou, selectați umplerea de fund, schimbați-l Mod de amestecare la Acoperire și du-te la Efect> Blur> Gaussian Blur. Introduceți a 5px Radius și faceți clic pe O.K. În final lucrurile ar trebui să arate ca în imaginea următoare.

Pasul 2

Multiplicați (Control-C> Control-F) 10px cerc făcut în pasul anterior și răspândirea copiilor de-a lungul textului, așa cum se arată în imaginea următoare.

Pasul 3

Pentru acești pași finali veți avea nevoie de câte o grilă 1px, deci du-te la Editați> Preferințe> Ghiduri și Grilă și intră 1 în Grilă în fiecare cutie. Utilizarea Instrument de elipsă (L), creeaza o 3 x 16 pixeli și setați culoarea de umplere la R = 220 G = 118 B = 215

Asigurați-vă că această nouă formă rămâne selectată și se concentrează pe Aspect panou. Selectați umplerea existentă și mergeți la Efect> Blur> Gaussian Blur. Introduceți a 5px Radius și faceți clic pe O.K

Reveniți la Aspect panou și adăugați un al doilea umplere pentru dvs. Selectați-l, setați culoarea alb, schimbați-o Mod de amestecare la Acoperire și du-te la Efect> Cale> Cale de decalare. Introduceți a -2px Offset, clic O.K și du-te la Efect> Distort & Transform> Pucker & Bloat. Trageți glisorul la -75%, clic O.K și du-te la Efect> Stylise> Feather. Introduceți a 2px Radius și faceți clic pe O.K

Întoarceți-vă la Aspect panou și adăugați un al treilea umplere pentru forma. Selectați-l, setați culoarea alb, schimbați-o Mod de amestecare la Acoperire și du-te la Efect> Cale> Cale de decalare. Introduceți a -1px Offset, clic O.K și du-te la Efect> Distort & Transform> Pucker & Bloat. Trageți glisorul la -75%, clic O.K și du-te la Efect> Stylise> Feather. Introduceți a Rază 1,5px și faceți clic pe O.K.

Pasul 4

Multiplicați (Control-C> Control-F) cercul stoarce făcut în pasul anterior și împrăștiați copiile de-a lungul textului, așa cum se arată în imaginea următoare.

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.