Create en Mosaic, BBC Inspirert, Tekst Kunsteffekt i Adobe Illustrator

Inspirasjon kan komme fra mange kilder. Inspirasjonen til denne effekten er fra en fersk BBC One animasjon for deres vårsesongen programmering. I de følgende trinnene vil du lære hvordan du oppretter en fargerik tekst effekt i Adobe Illustrator. For det første vil du lære hvordan du kan sette opp en enkel nettet og hvordan å skape et sett av grafiske stiler ved hjelp av Utseende panel og noen grunnleggende effekter. Deretter bruker Ellipse Tool og Transform effekten du vil lære å lage brikker som vil hjelpe deg å bygge teksten. For siste hånd vil du lære hvordan du oppretter en scatter pensel og hvordan du bruker en innebygd mønster eller en trutmunn og bloat effekt.

1. Opprett et nytt dokument og klargjøring et rutenett

Hit Ctrl-N for å opprette et nytt dokument. Skriv inn 600 i bredden boksen og 360 i høyden boksen og klikk på knappen Avansert. Velg RGB, Screen (72ppi) og sørg for at Align nye objekter være Pixel Grid boksen ikke er krysset før din klikker OK.

Aktiver Grid (View > Vis rutenett) og Fest til rutenett (View > Fest til rutenett). Du trenger et rutenett hver 1px, så bare gå til Rediger > Preferanser > Guides > Grid, skriver en i linjenettet hver boks og en i underinndelinger boksen. Du bør også åpne infopanelet (Vindu > Info) for en live forhåndsvisning med størrelsen og plasseringen av dine figurer. Ikke glem å sette måleenheten til piksler fra Rediger > Preferanser > Units > General. Alle disse alternativene vil øke arbeidshastigheten.

2. Lage et sett med Graphic Styles

Trinn 1

Bruke Ellipse Tool (L), skape en 6PX sirkler, fyll den med R = 39, G = 170, B = 225 og sørg at det har ingen farge satt for hjerneslag. Velg denne blå form og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i følgende bilde, klikker du på OK og gå til Objekt > Utvid Utseende. Sørg for at den resulterende gruppe figurer er valgt og traff Shift-Control-G to ganger løse opp det.

Trinn 2

Fokus på blå sirkler. Velg den venstre, åpner Utseende panelet (Vindu > Utseende), velg eksisterende fylle og gå til Effect > Sti > Offset Path. Skriv inn et -1.5px Offsettrykk, og klikk OK. Hold fokus på Utseende panel og legge til en annen fylling for sirkler ved hjelp av Legg til ny Fill-knappen (påpekt av den lille, blå pil i følgende bilde). Velg denne nye fyll, dra den i bunnen av Utseende panel og sette farge på R = 21, G = 62, B ​​= 110. Sørg for at kretsene dine forblir valgt, åpner grafisk stil panelet (Vindu > grafisk stil) og klikker på Ny grafisk stil knappen (påpekt av den lille, blå pil i følgende bilde).

Trinn 3

Velg den neste blå sirkel, fokus på Utseende panel og legge til en annen fylling. Velg denne nye fyll, satt sin farge på hvit og gå til Effect > Sti > Offset Path. Skriv inn et -2px Offset, klikk på OK og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i følgende bilde og klikk på OK. Sørg for at denne andre sirkelen er valgt, flytt til grafisk stil panel og legge til en ny grafisk stil.

Trinn 4

Velg den neste blå sirkel, fokus på Utseende panel og bare trykke Shift-X. Dette bør overføre fargeattributter fra fyllingen til hjerneslag. Flytte til Utseende panel, velg blå strek, justere den til inne og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK. Sørg for at denne tredje sirkelen er valgt, flytt til grafisk stil panel og legge til en ny grafisk stil.

Trinn 5

Velg den neste blå sirkel, fokus på Utseende panel og traff Shift-X. Flytte til Utseende panelet velger slaget, gjør det 1.5pt bred, justere den til inne og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK. Sørg for at denne fjerde sirkelen er valgt, flytt til grafisk stil panel og legge til en ny grafisk stil.

Trinn 6

Velg den neste blå sirkel, fokus på Utseende panel og traff Shift-X. Flytte til Utseende panelet velger slag, sette farge på hvit, justere den til inne og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK. Sørg for at denne femte sirkelen er valgt, flytt til grafisk stil panel og legge til en ny grafisk stil.

Trinn 7

Velg den endelige blå sirkel, fokus på Utseende panel og traff Shift-X. Flytte til Utseende panelet velger slaget, gjør det 1.5pt bred, sette farge på hvit, justere den til inne og gå til Effect > Stilisere > Drop Shadow. Tast egenskapene som vises i følgende bilde og klikk på OK. Sørg for at denne sjette sirkelen er valgt, flytt til grafisk stil panel og legge til en ny grafisk stil.

Trinn 8

Hold fokus på de seks sirkler, erstatte R = 39, G = 170, B = 225 med R = 250, G = 109, B = 143 og R = 21, G = 62, B ​​= 110 med R = 147, G = 66, B = 67. Velg disse figurene en etter en og lagre grafiske stiler, som vist i følgende bilde.

Step 9

Hold fokus på de seks sirkler, erstatte R = 250, G = 109, B = 143 med R = 255, G = 205, B = 5 og R = 147, G = 66, B = 67 med R = 241G = 90, B = 41. Velg disse figurene en etter en og lagre grafiske stiler, som vist i følgende bilde.

Trinn 10

Hold fokus på de seks sirkler, erstatte R = 255, G = 205, B = 5 med R = 85, G = 185, B = 72 og R = 0 G = 105, B = 55. Velg disse figurene en etter en og lagre grafiske stiler, som vist i følgende bilde. Velg alle seks sirkler og bare slette dem.

3. Lag Tekst Pieces og tekst

Trinn 1

Velg den Ellipse Tool (L), opprette en 6PX sirkel og fyll den med R = 0, G = 149, B = 66. Flytt til Lag-panelet, dobbeltklikk på denne grønne form og name it " 1circle
". Kontroller at Ellipse Tool (L) er fortsatt aktiv, opprette en ny 6PX sirkler, fyll den med R = 247, G = 148, B = 30 og gå til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i følgende bilde, klikker du på OK og gå til Objekt > Utvid Utseende. Velg den resulterende gruppe figurer og forvandles til en sammensatt bane (Ctrl-8 eller Object > Compound Sti > Lag). Flytt til Lag-panelet, dobbeltklikk på denne oransje sammensatt bane og gi den navnet " 2circles
".

Trinn 2

Kontroller at Ellipse Tool (L) er fortsatt aktiv, opprette en ny 6PX sirkler, fyll den med R = 222, G = 26, B = 54 og går til Effekt > Forvrenge & Transform > Transform. Tast egenskapene som vises i følgende bilde, klikker du på OK og gå til Objekt > Utvid Utseende. Velg den resulterende gruppe figurer og forvandles til en sammensatt bane (Ctrl-8 eller Object > Compound Sti > Lag). Flytt til Lag-panelet, dobbeltklikk på denne røde sammensatt bane og gi den navnet " 3circles
".

Trinn 3

Kontroller at Ellipse Tool (L) er fortsatt aktiv, opprette en ny 6PX sirkler, fyll den med R = 39, G = 170, B = 225 og gå til Effekt > Forvrenge & Transform > Transform. Tast egenskapene som vises i venstre vindu (i følgende bilde), klikk OK og gå igjen til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i vinduet til høyre (i følgende bilde), klikk på OK og gå til Objekt > Utvid Utseende. Velg den resulterende gruppe figurer og forvandles til en sammensatt bane (Ctrl-8 eller Object > Compound Sti > Lag). Flytt til Lag-panelet, dobbeltklikk på denne røde sammensatt bane og gi den navnet " 4circles
".

Trinn 4

Kontroller at Ellipse Tool (L) er fortsatt aktiv, opprette en ny 6PX sirkler, fyll den med R = 255, G = 221, B = 0 og gå til Effekt > Forvrenge & Transform > Transform. Tast egenskapene som vises i venstre vindu (i følgende bilde), klikk OK og gå igjen til Effect > Forvrenge & Transform > Transform. Tast egenskapene som vises i vinduet til høyre (i følgende bilde), klikk på OK og gå til Objekt > Utvid Utseende. Velg den resulterende gruppe figurer og forvandles til en sammensatt bane (Ctrl-8 eller Object > Compound Sti > Lag). Flytt til Lag-panelet, dobbeltklikk på denne røde sammensatt bane og name it " 6circles
".

Trinn 5

Bruk " 1circle
", " 2circles
", " 3circles
" " 4circles
", " 6circles
" og fantasien til å bygge bokstavene.

4. Utvid Tekst, Bruk Graphic Styles og Legg Drop Shadow Effects

Trinn 1

Velg alle figurene som utgjør teksten, åpne Pathfinder-panelet (Vindu > Pathfinder) og klikk på Skille knappen. Flytt til Lag-panelet, velger du den resulterende gruppen og trykke Shift-Control-G løse opp det.

Trinn 2

Fokus på sirklene som utgjør bokstavene fra toppen ordet og bruke de grønne og blå grafiske stiler, som vist i følgende bilde.

Trinn 3

Fokus på sirklene som utgjør bokstavene fra bunnen ordet og bruke rosa og oransje grafiske stiler som vist i følgende bilde.

Trinn 4

Bruke Ellipse Tool (L), opprette en ny 6PX sirkler og fyll den med blått. Multipliser denne formen (hold Alt, klikk på den og bare dra) og spre kopiene som vist i det første bildet. Velg disse små sirkler én etter én, og legge de blå og grønne grafiske stiler.

Trinn 5

Bruke Ellipse Tool (L), opprette en ny 6PX sirkler og fyll den med rosa. Multiplisere denne form og spre kopiene, som vist i det første bildet. Velg disse små sirkler en etter en og legge den rosa og oransje grafiske stiler.

Trinn 6

Velg alle sirkler med de grønne og blå grafiske stiler og konsernet dem (Ctrl-G). Velg denne nye gruppen og legge de fem Drop Shadow effekt (Effect > stiliserer > Drop Shadow) vist i følgende bilde.

Trinn 7

Velg alle sirklene med rosa og oransje grafiske stiler og konsern dem (Ctrl-G). Velg denne nye gruppen og legge de fem Drop Shadow effekt (Effect > stiliserer > Drop Shadow) vist i følgende bilde.

5. Legg en mønstret bakgrunn

Trinn 1

Velg rektangel Tool (M), lage en form av størrelsen på artboard (600 av 350 piksler), fyll den med R = 240, G = 240 , B = 240 og send den til å sikkerhets (Shift-kontroll-[). Sørg for at denne nye rektangelet forblir valgt, fokus på Utseende panel og legge til en annen fylling. Velg denne nye fyll, senke Opacity til 30% og tilsett radial gradient vist i følgende bilde.
Gule null fra gradient bildet står for Opacity prosentandel.
Trinn 2

Pass på at rektangelet gjorde i forrige trinn er valgt, fokus på utseendet panel og legge til en tredje fyll. Du trenger en innebygd mønster for denne nye fyll. Gå til Fargeprøver-panelet (Vindu > Prøver), åpner fly-out menyen og gå til Open Swatch Library > Patterns > Basic Graphics > Grunn Graphics_Textures. Et nytt vindu med et sett med innebygde mønstre bør åpne. Komme tilbake til Utseende panel, sørg for at den tredje fylle fortsatt er valgt, legger " USGS 7 Vineyard " mønster, senke Opacity til 90% og endre Blending Mode til Soft Light. Flytt til Lag-panelet og låse dette rektangelet for å være sikker på at du ikke vil uhell velge /flytte den.

6. Opprette og bruke en Scatter Brush

Trinn 1

Velg den Ellipse Tool (L), opprette en 1px sirkel og fyll den med hvitt. Velg denne nye formen, åpne Børster panel og traff New Brush knappen (påpekt av den lille, blå pil i følgende bilde). Sjekk Scatter Brush boksen angir alle egenskapene som vises i følgende bilde og klikk på OK. Til slutt den nye scatter børsten skulle dukke opp i Børster panel.

Trinn 2

Velg Selection Tool (V) og fokus på den øverste linjen. Fjerne fargen fra fyll, setje strøkfargen på svart og hjerneslag størrelse på 2pt. Fokus på verktøylinjen, dobbeltklikker du på Paintbrush Tool, skriv egenskapene som vises i følgende bilde og klikk på OK. Deaktiver Fest til rutenett (View > Fest til rutenett), sørg for at Paintbrush Tool (B) er fortsatt aktiv og trekke noen enkle veier rundt bokstavene som vist i følgende bilde.

Trinn 3

Velg alle banene som er gjort i forrige trinn, gruppe dem (Ctrl-G) og erstatte den svarte strøk med hvit scatter pensel. Flytt til Lag-panelet, sørg for at denne nye gruppen er valgt, endre Blending Mode til Soft Light og dra den rett over bakgrunns form.

7. Legg små sirkler Høydepunkter

Trinn 1

Aktiver Fest til rutenett (Vis> Fest til rutenett). Plukk Ellipse Tool (L), opprette en 4px sirkel og plassere den rett ved siden av sirklene som utgjør bokstavene fra teksten din. Fylle denne nye formen uten farge, men legge en 1pt slag, justere den til inne og sette farge hvit. Multipliser denne lille sirkelen (Ctrl-C > Kontroll-F) og spre kopiene rundt teksten, som vist i følgende bilder.

Trinn 2

Velg den Ellipse Tool (L), opprette en 2px sirkel og plassere den relativt nær 4px sirkel lagt i forrige trinn. Sette sitt fyllfarge på ingen, men legger til en 0.5pt, hvit strek. Multipliser denne lille sirkelen (Ctrl-C > Kontroll-F) og spre kopiene rundt teksten, som vist i følgende bilder.

8. Legg Tiny Stjerne Høydepunkter

Trinn 1

Velg den Ellipse Tool (L), opprette en 2px sirkel, fyll den med hvit og gå til Effect > Forvrenge & Transform > Pucker & Bloat. Dra glidebryteren på -50% og klikk på OK.

Trinn 2

Multipliser det lille stjerne form (Ctrl-C > Kontroll-F) og spre kopiene rundt teksten, som vist i følgende bilder.

Trinn 3

Velg en av disse stjerneformer og gå til Velg > Samme > Utseende for å velge alle former med lignende utseende attributter. Gruppe alle disse star figurer (Ctrl-G), velger du gruppen og endre Blending Mode til Soft Light. Flytt til Lag-panelet og bare låse denne nye gruppen.

Trinn 4

Velg den Ellipse Tool (L), opprette en 5px sirkel, fyll den med hvit og gå til Effect > Forvrenge & Transform > Pucker & Bloat. Dra glidebryteren på -50% og klikk på OK. Multipliser dette nye stjerneform (Ctrl-C > Kontroll-F) og spre kopiene rundt teksten, som vist i følgende bilder.

Trinn 5

Velg alle disse 5PX stjerners former (Velg > Same > Utseende), gruppe dem (Ctrl-G), velger du gruppen og endre Blending Mode til Soft Light.

9. Resize hele teksten Effect

Først av alt gå til Rediger > Preferanser > Generelt (Ctrl-K) og sørg for at Scale Strokes & Effekter er merket av. Neste, fokus på lagpanelet og låse gruppen med 2px stjerners former. Plukk Selection Tool (V), velger alle figurene som utgjør teksten og åpne Transformering-panelet (Vindu > Transform). Kontroller at Constrain bredde og høyde proporsjoner knappen er sjekket så bare skriv en høyere /lavere antall i bredde /høyde-boksen for å endre størrelsen på hele teksten effekt.

Gratulerer! Du er ferdig!

Her er hvordan det skal se ut. Gitt at vi brukte bare ni farger for hele teksten kan du enkelt endre farge hele illustrasjonen. Føl deg fri til å bruke din favoritt sett med farger. Jeg håper du har hatt glede av denne opplæringen, og kan bruke disse teknikkene i din fremtidige prosjekter. Anmeldelser