Creați un efect mozaic, inspirat de BBC, text Art in Adobe Illustrator

Inspirația poate veni din mai multe surse. Inspirația pentru acest efect provine dintr-o recente BBC One animație pentru programarea sezonului de primăvară. În următorii pași veți învăța cum să creați un efect de text colorat în Adobe Illustrator. Pentru început, veți învăța cum să configurați o rețea simplă și cum să creați un set de stiluri grafice folosind panoul Aspect și câteva efecte de bază. Apoi, folosind instrumentul Ellipse și efectul Transform, veți învăța cum să creați piesele care vă vor ajuta să construiți textul. Pentru ultimele atingeri veți învăța cum să creați o perie de scatter și cum să utilizați un model încorporat sau un efect de zgomot și bloat.


1. Creați un document nou și configurați o rețea

Lovit Control-N pentru a crea un nou document. Introduceți 600 în caseta de lățime și 360 în caseta de înălțime, apoi faceți clic pe Buton avansat. Selectați RGB, Ecran (72ppi) și asigurați-vă că Aliniați obiectele noi la grila Pixel caseta nu este bifată înainte de clic O.K.

Activați grila (Afișați> Afișați grilă) și Snap to Grid (Vizualizare> Snap to Grid). Veți avea nevoie de o grilă la fiecare 1px, așa că pur și simplu mergeți la Editați> Preferințe> Ghiduri> Grilă, introduceți 1 în caseta Gridline în fiecare casetă și 1 în caseta Subdiviziuni. 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 un set de stiluri grafice

Pasul 1

Utilizarea Instrument de elipsă (L), creați un cerc de 6 pixeli, umpleți-l cu R = 39, G = 170, B = 225 și asigurați-vă că nu are set de culoare pentru cursa. Selectați această formă albastră și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K și du-te la Obiect> Extindeți aspectul. Asigurați-vă că grupul de forme care rezultă este selectat și lovit Shift-Control-G de două ori Degrupeaza aceasta.

Pasul 2

Concentrați-vă pe cercurile dvs. albastre. Selectați cel din stânga, deschideți Aspect panou (Fereastră> Aspect), selectați umplerea existentă și accesați Efect> Cale> Cale de decalare. Introduceți un decalaj de -1,5px și dați clic pe O.K. Continuați să vă concentrați pe Aspect și adăugați un al doilea umplere pentru aceste cercuri utilizând Adăugați o nouă umplere (indicat de săgeata mică, albastră din imaginea următoare). Selectați această umplere nouă, trageți-o în partea de jos a ferestrei Aspect și setați culoarea la R = 21, G = 62, B ​​= 110. Asigurați-vă că cercurile dvs. rămân selectate, deschideți Stilul grafic panou (Fereastră> Stil grafic) și pur și simplu faceți clic pe Stil nou grafic (indicat de săgeata mică, albastră din imaginea următoare).

Pasul 3

Selectați următorul cerc albastru, focalizați pe Aspect panou și adăugați oa doua umplere. Selectați această umplere nouă, setați culoarea albă și treceți la Efect> Cale> Cale de decalare. Introduceți un decalaj de -2px, faceți clic pe OK și accesați Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K. Asigurați-vă că cel de-al doilea cerc este încă selectat, treceți la Stilul grafic și adăugați un nou stil grafic.

Pasul 4

Selectați următorul cerc albastru, focalizați pe Aspect panou și pur și simplu lovit Shift-X. Aceasta ar trebui să transfere atributele de culoare de la umplere la cursa. Deplasați-vă la Aspect panou, selectați cursorul albastru, aliniați-l spre interior și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K. Asigurați-vă că acest cerc al treilea este încă selectat, treceți la Stilul grafic și adăugați un nou stil grafic.

Pasul 5

Selectați următorul cerc albastru, focalizați pe Aspect panou și lovit Shift-X. Deplasați-vă la Aspect panou, selectați cursa, faceți-l la 1,5pt lat, aliniați-l spre interior și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K. Asigurați-vă că acest cerc al patrulea este încă selectat, treceți la Stilul grafic și adăugați un nou stil grafic.

Pasul 6

Selectați următorul cerc albastru, focalizați pe Aspect panou și lovit Shift-X. Deplasați-vă la Aspect panou, selectați cursa, setați culoarea alb, aliniați-o în interior și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K. Asigurați-vă că acest cerc al cincilea este încă selectat, treceți la Stilul grafic și adăugați un nou stil grafic.

Pasul 7

Selectați cercul albastru final, focalizați pe Aspect panou și lovit Shift-X. Deplasați-vă la Aspect panou, selectați cursa, faceți lățimea de 1,5pt, setați culoarea alb, aliniați-o în interior și mergeți la Efect> Stylize> Drop Shadow. Introduceți proprietățile afișate în imaginea următoare și dați clic pe O.K. Asigurați-vă că acest cerc al șaselea este încă selectat, treceți la Stilul grafic și adăugați un nou stil grafic.

Pasul 8

Continuați să concentrați asupra celor șase cercuri, înlocuiți R = 39, G = 170, B = 225 cu R = 250, G = 109, B = 143 și R = 21, G = 66, B = 67. Selectați aceste forme unul câte unul și salvați stilurile grafice așa cum se arată în imaginea următoare.

Pasul 9

Continuați să concentrați asupra celor șase cercuri, înlocuiți R = 250, G = 109, B = 143 cu R = 255, G = 205, B = 5 și R = 147, B = 41. Selectați aceste forme unul câte unul și salvați stilurile grafice așa cum se arată în imaginea următoare.

Pasul 10

Continuați să concentrați asupra celor șase cercuri, înlocuiți R = 255, G = 205, B = 5 cu R = 85, G = 185, B = 72 și R = 0 G = 105, B = 55. Selectați aceste forme unul câte unul și salvați stilurile grafice așa cum se arată în imaginea următoare. Selectați toate cele șase cercuri și pur și simplu le ștergeți.


3. Creați piesele de text și textul

Pasul 1

Alegeți Instrument de elipsă (L), creați un cerc de 6 pixeli și completați-l cu R = 0, G = 149, B = 66. Deplasați-vă la straturi panou, faceți dublu clic pe această formă verde și denumiți-o "1circle"Asigurați - vă că Instrument de elipsă (L) este încă activ, creați un nou cerc de 6px, completați-l cu R = 247, G = 148, B = 30 și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K și du-te la Obiect> Extindeți aspectul. Selectați grupul de forme care rezultă și transformați în a Traseul compusului (Control-8 sau Obiect> Calea compusă> Efectuați). Deplasați-vă la straturi , faceți dublu clic pe această cale compusă de culoare portocalie și denumiți-o "2circles".

Pasul 2

Asigurați-vă că Instrument de elipsă (L) este încă activă, creați un nou cerc de 6px, completați-l cu R = 222, G = 26, B = 54 și mergeți la Efect> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în imaginea următoare, faceți clic pe O.K și du-te la Obiect> Extindeți aspectul. Selectați grupul de forme care rezultă și transformați în a Traseul compusului (Control-8 sau Obiect> Calea compusă> Efectuați). Deplasați-vă la straturi panou, faceți dublu clic pe această cale roșie compusă și denumiți-o "3circles".

Pasul 3

Asigurați-vă că Instrument de elipsă (L) este încă activ, creați un nou cerc de 6px, umpleți-l cu R = 39, G = 170, B = 225 și mergeți la Efect> Distortare & Transformare> Transformare. 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> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în fereastra din dreapta (în imaginea următoare), faceți clic pe O.K și du-te la Obiect> Extindeți aspectul. Selectați grupul de forme care rezultă și transformați în a Traseul compusului (Control-8 sau Obiect> Calea compusă> Efectuați). Deplasați-vă la straturi panou, faceți dublu clic pe această cale roșie compusă și denumiți-o "4circles".

Pasul 4

Asigurați-vă că Instrument de elipsă (L) este încă activă, creează un nou cerc de 6px, umple-l cu R = 255, G = 221, B = 0 și du-te la Efect> Distortare & Transformare> Transformare. 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> Distortare & Transformare> Transformare. Introduceți proprietățile afișate în fereastra din dreapta (în imaginea următoare), faceți clic pe O.K și du-te la Obiect> Extindeți aspectul. Selectați grupul de forme care rezultă și transformați în a Traseul compusului (Control-8 sau Obiect> Calea compusă> Efectuați). Deplasați-vă la straturi panou, faceți dublu clic pe această cale de culoare roșie și denumiți-o „6circles".

Pasul 5

Utilizare "1circle","2circles","3circles","4circles","6circles"și imaginația ta de a construi scrisorile.


4. Extindeți textul, utilizați stilurile grafice și adăugați efecte de umbră

Pasul 1

Selectați toate formele care alcătuiesc textul, deschideți deschizător de drumuri panou (Fereastră> Pathfinder) și faceți clic pe Divide buton. Deplasați-vă la straturi panou, selectați grupul rezultat și apăsați Shift-Control-G la Degrupeaza aceasta.

Pasul 2

Concentrați-vă pe cercurile care alcătuiesc literele de la cuvântul superior și utilizați stilurile grafice verde și albastru așa cum se arată în imaginea următoare.

Pasul 3

Concentrați-vă pe cercurile care alcătuiesc literele de la cuvântul de jos și folosiți stilurile grafice roz și portocaliu așa cum se arată în imaginea următoare.

Pasul 4

Utilizarea Instrument de elipsă (L), creați un nou cerc de 6 pixeli și completați-l cu albastru. Multiplicați această formă (țineți apăsat Alt, dați clic pe ea și trageți pur și simplu) și împrăștiați copii după cum se arată în prima imagine. Selectați aceste cercuri mici câte unul și adăugați stilurile grafice albastre și verzi.

Pasul 5

Utilizarea Instrument de elipsă (L), creați un nou cerc de 6 pixeli și completați-l cu roz. Înmulțiți această formă și împrăștiați copii după cum se arată în prima imagine. Selectați aceste cercuri mici câte unul și adăugați stilurile grafice roz și portocaliu.

Pasul 6

Selectați toate cercurile cu stilurile grafice verde și albastru și grup lor (Control-G). Selectați acest grup nou și adăugați cele cinci Umbra efecte (Efect> Stylize> Drop Shadow) afișat în imaginea următoare.

Pasul 7

Selectați toate cercurile cu stilurile grafice roz și portocaliu și grup lor (Control-G). Selectați acest grup nou și adăugați cele cinci Umbra efecte (Efect> Stylize> Drop Shadow) afișat în imaginea următoare.


5. Adăugați un fundal modelat

Pasul 1

Alegeți Instrumentul dreptunghiular (M), creați o dimensiune a tabloului dvs. de artă (600 x 350px), umpleți-o cu R = 240, G = 240, B = 240 și trimiteți-o înapoi (Shift-Control-[ ). Asigurați-vă că acest dreptunghi nou rămâne selectat, focalizați pe Aspect panou și adăugați oa doua umplere. Selectați această umplere nouă, micșorați-o Opacitate la 30% și adăugați gradientul radial prezentat în imaginea următoare.

Apare zero la galben de la imaginea gradientului Opacitate procent.

Pasul 2

Asigurați-vă că dreptunghiul făcut în pasul anterior este încă selectat, se concentrează pe Aspect și adăugați un al treilea umplutură. Veți avea nevoie de un model încorporat pentru această umplere nouă. Mergeți la Specimene panou (Fereastră> Swatches), deschideți meniul derulant și mergeți la Open Swatch Library> Modele> Grafică de bază> Grafică de bază. O fereastră nouă cu un set de modele încorporate ar trebui să se deschidă. Întoarceți-vă la Aspect panou, asigurați-vă că este încă selectat al treilea umplere, adăugați modelul "USGS 7 Vineyard", micșorați-l Opacitate la 90% și schimbați Mod de amestecare la Lumina slaba. Deplasați-vă la straturi și blocați acest dreptunghi pentru a vă asigura că nu îl selectați / mișcați accidental.


6. Creați și utilizați o pensulă Scatter

Pasul 1

Alegeți Instrument de elipsă (L), creați un cerc de 1px și completați-l cu alb. Selectați această nouă formă, deschideți Perii panou și apăsați butonul Pensulă nouă (indicat de săgeata mică, albastră din imaginea următoare). Verifică Scruter Brush , introduceți toate proprietățile afișate în imaginea de mai jos și dați clic pe O.K. În cele din urmă, noua dvs. perie de scatter ar trebui să apară în Perii panou.

Pasul 2

Alegeți Instrument de selecție (V) și se concentrează pe bara de sus. Îndepărtați culoarea de la umplere, setați culoarea cursei în negru și dimensiunea cursei la 2pt. Concentrați-vă pe Bara de instrumente, faceți dublu clic pe Instrumentul pentru pensula, introduceți proprietățile afișate în imaginea de mai jos și dați clic pe O.K. Dezactivați Fixat la retea (Vizualizare> Snap to Grid), asigurați-vă că Instrumentul pentru pensula (B) este încă activă și atrage niște căi simple în jurul literelor dvs., după cum se arată în imaginea următoare.

Pasul 3

Selectați toate căile făcute în etapa anterioară, grup lor (Control-G) și înlocuiți cursa neagră cu o perie albă de împrăștiere. Deplasați-vă la straturi panou, asigurați-vă că acest grup nou este selectat, schimbați-l Mod de amestecare la Lumina slaba și trageți-o chiar deasupra formei de fundal.


7. Adăugați momente importante pentru cercuri mici

Pasul 1

Activați Fixat la retea (Vizualizare> Snap to Grid). Alegeți Instrument de elipsă (L), creați un cerc de 4 pixeli și plasați-l chiar lângă cercurile care alcătuiesc literele din text. Umpleți această nouă formă fără culori, dar adăugați o cursă de 1 pt, aliniați-o în interior și setați culoarea albă. Multiplicați acest cerc mic (Control-C> Control-F) și împrăștiați copiile în jurul textului, așa cum se arată în imaginile următoare.

Pasul 2

Alegeți Instrument de elipsă (L), creați un cerc de 2 pixeli și plasați-l relativ aproape de cercul 4 pixeli adăugat în pasul anterior. Setați culoarea de umplere la nici una, dar adăugați o curbă albă de 0,5pt. Multiplicați acest cerc mic (Control-C> Control-F) și împrăștiați copiile în jurul textului, așa cum se arată în imaginile următoare.


8. Adăugați miniaturi ale stelelor minuscule

Pasul 1

Alegeți Instrument de elipsă (L), creați un cerc de 2 pixeli, completați-l cu alb și mergeți la Efect> Distort & Transform> Pucker & Bloat. Trageți cursorul la -50% și faceți clic pe OK.

Pasul 2

Multiplicați acea formă de stea minunată (Control-C> Control-F) și împrăștiați copiile în jurul textului, așa cum se arată în imaginile următoare.

Pasul 3

Selectați una din aceste forme de stele și mergeți la Selectați> Acelasi> Aspect pentru a selecta toate formele cu atribute de aspect similare. grup toate aceste forme de stele (Control-G), selectați grupul și modificați-l Mod de amestecare la Lumina slaba. Deplasați-vă la straturi și blocați pur și simplu acest nou grup.

Pasul 4

Alegeți Instrument de elipsă (L), creați un cerc de 5 pixeli, completați-l cu alb și mergeți la Efect> Distort & Transform> Pucker & Bloat. Trageți cursorul la -50% și faceți clic pe OK. Înmulțiți această nouă formă de stea (Control-C> Control-F) și împrăștiați copiile în jurul textului, așa cum se arată în imaginile următoare.

Pasul 5

Selectați toate acele forme ale stelelor de 5px (Selectați> Acelasi> Aspect), grup lor (Control-G), selectați grupul și modificați-l Mod de amestecare la Lumina slaba.


9. Redimensionați întregul efect text

Mai întâi de toate mergeți la Editați> Preferințe> Generale (Control-K) și asigurați-vă că Scale Strokes & Efecte caseta este verificată. Apoi, concentrați-vă pe straturi panou și descuia grupul cu forme de stele 2px. Alegeți Instrument de selecție (V), selectați toate formele care alcătuiesc textul și deschideți-l Transforma panou (Fereastră> Transformați). Asigurați-vă că butonul Constrain Width and Height Proportions este bifat, apoi introduceți pur și simplu un număr mai mare / mai mic în caseta width / height pentru a redimensiona întregul efect de text.


Felicitări! Ați terminat!

Iată cum ar trebui să arate. Având în vedere că am folosit doar nouă culori pentru întregul text, vă puteți recolora cu ușurință întreaga ilustrație. Simțiți-vă liber să utilizați setul dvs. preferat de culori. Sper că v-ați bucurat de acest tutorial și puteți aplica aceste tehnici în proiectele viitoare.