Slik lager du en mørk grafittillustrasjon i Adobe Illustrator

Hva du skal skape

I denne opplæringen lærer du hvordan du lager en mørk grafikkillustrasjon i Adobe Illustrator. For det første lærer du hvordan du konfigurerer et enkelt nett og hvordan du lager hovedformene ved hjelp av grunnleggende verktøy sammen med Pathfinder-panelet og funksjonen Live Corners.

Deretter vil du lære å legge til skyggelegging og noen grungy teksturer for figurene dine ved å bruke grunnleggende blandingsteknikker og noen rastereffekter. Når du tar full nytte av Stroke-panelet og bruker en gruppe enkle effekter, lærer du hvordan du lager de små sprekker og hvordan du enkelt kan maske dem.

Fortsett, du lager grunnen til gravstenen og legger til et lite lys med noen blomster. Til slutt lærer du hvordan du lager den mørke bakgrunnen ved hjelp av to enkle firkanter og Utseendepanelet.

Hvis du er inspirert av denne opplæringen, hvorfor ikke delta i vår Tuts + Halloween Community Challenge?

1. Opprett et nytt dokument og sett opp et rutenett

Truffet Kontroll-N å opprette et nytt dokument. Å velge piksler fra enheter rullegardinmenyen, skriv inn 600 i boksene bredde og høyde, og klikk deretter på Avansert knapp. Å velge RGB, Skjerm (72 ppi), og sørg for at Juster nye objekter til pikselruten boksen er ikke merket før du klikker OK.

Aktiver rutenettet (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Du trenger et rutenett hver 5 px, så bare gå til Rediger> Innstillinger> Guider> Grid, Tast inn 5 i Gridline hver boks og 1 i inndelinger eske. Prøv å ikke bli motløs av alt det rutenettet: det vil gjøre arbeidet ditt lettere. Husk at du enkelt kan aktivere eller deaktivere den ved hjelp av Styre-" hurtigtast.

Du bør også åpne info panelet (Vindu> Info) for et levende forhåndsvisning med størrelsen og plasseringen av figurene dine. Ikke glem å sette måleenheten til piksler fra Rediger> Innstillinger> Enheter> Generelt. Alle disse alternativene øker arbeidshastigheten betydelig.

2. Lag hovedformene og legg til subtil skygge

Trinn 1

Velg Rektangelverktøy (M) og fokus på verktøylinjen. Fjern fargen fra streken, velg deretter fyll og sett fargen på R = 109 G = 110 B = 113. Flytt til tavla og opprett en 150 x 230 px rektangel.

Steg 2

Fokuser på toppen av rektangelet og ta tak i Direkte utvalgsverktøy (A). Velg begge ankerpunkter, flytt til topplinjen, og skriv inn 70 pxCorners eske. Til slutt skal formen din se ut som det andre bildet.

Denne funksjonen er bare tilgjengelig for CC-brukere. Den beste løsningen for å erstatte denne effekten ville være Runde hvilket som helst hjørne Skript som kan finnes i denne artikkelen: 20 Gratis og nyttige Adobe Illustrator Scripts. Lagre det på harddisken, gå tilbake til Illustrator og ta tak i Direkte utvalgsverktøy (A). Velg de ankerpunktene og gå til Fil> Skript> Annet skript. Åpne Runde et hvilket som helst hjørnescript, skriv inn en 70 px radius, og klikk OK. Sluttresultatet kan se litt annerledes ut, men det vil ikke være veldig merkbart. Du er velkommen til å prøve en annen verdi for radiusen. I noen tilfeller må du øke / redusere verdien som er nevnt i Corners eske.

Trinn 3

Erstatt den eksisterende fyllfargen med en enkel rød, og ta tak i Ellipseverktøyet (L). Lag to 40 px sirkler og plasser dem som vist her.

Trinn 4

Bruker Utvalgsverktøy (V), velg alle tre former laget så langt, åpne Pathfinder panelet (Windows> Pathfinder) og klikk Minus Front. Den resulterende formen skal se ut som bilde 2.

Trinn 5

Fokus på den øverste siden av formen din og velg den Direkte utvalgsverktøy (A). Velg de fire ankerpunktene som er markert i det første bildet, flytt til topplinjen, og skriv inn 10 px i det Corners eske. Flytt til lag panelet (Vindu> Lag), dobbeltklikk på navnet på den eksisterende formen og endre navnet på den "back~~POS=TRUNC".

Trinn 6

Pass på at "back~~POS=TRUNC"form er valgt, åpne gradient panelet (Vindu> Gradient), og klikk på gradient-miniatyrbildet for å legge til standard svart-hvitt lineær gradient. Fortsett å fokusere på din gradient panel, sett vinkelen på 90 grader, og deretter flytte til gradientfarger. Velg den venstre glidebryteren og sett fargen på R = 109 G = 110 B = 113. Velg deretter høyre glidebryter og sett fargen på R = 147 G = 149 B = 152.

Trinn 7

Deaktiver Snap to Grid-alternativet (Se> Snap to Grid), og deretter gå til Rediger> Innstillinger> Generelt og sørg for at Tastaturøkning er satt til 1 px. Pass på at "back~~POS=TRUNC"form er valgt, og lag to kopier foran (Control-C, Control-F, Control-F). Velg toppkopien og flytte den 1 px ned med pil ned-knappen fra tastaturet. Velg begge kopier som er gjort i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel.

Pass på at den resulterende gruppen av figurer er valgt og bare klikk Kontroll-8 (eller gå til Objekt> Forbindelsesvei> Lag) for å gjøre det til en sammensatt bane. Velg denne sammensatte banen og fokus på Utseende panelet (Vindu> Utseende). Sett fyllfarge på svart (R = 0 G = 0 B = 0) og klikk deretter på opacity å åpne åpenhet fly-out panel. Senk opacity til 10% og endre Blandingsmodus til Mykt lys.

Trinn 8

Pass på at "back~~POS=TRUNC"form er valgt og lag to kopier foran (Control-C, Control-F, Control-F). Velg toppkopien og flytte den 2 px ned. Velg begge kopier som er gjort i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel. Vend den resulterende gruppen av figurer til en sammensatt bane (Kontroll-8), gjør det svart, senk det opacity til 10% og endre Blandingsmodus til Mykt lys.

Trinn 9

Pass på at "back~~POS=TRUNC"form er valgt og lag to kopier foran (Control-C, Control-F, Control-F). Velg toppkopien og flytte den 3 px ned. Velg begge kopier som er gjort i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel. Vend den resulterende gruppen av figurer til en sammensatt bane (Kontroll-8), gjør det svart, senk det opacity til 10%, og endre Blandingsmodus til Mykt lys.

Trinn 10

Pass på at "back~~POS=TRUNC"form er valgt og lag to kopier foran (Control-C, Control-F, Control-F). Velg toppkopien og flytte den 6 px ned. Velg begge kopier som er gjort i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel. Vend den resulterende gruppen av figurer til en sammensatt bane (Kontroll-8), gjør det svart, senk det opacity til 10%, og endre Blandingsmodus til Mykt lys.

Trinn 11

Velg din "back~~POS=TRUNC"form og gå til Objekt> Path> Offset Path. Skriv inn en -10 px forskyvning og klikk OK. Velg den resulterende formen, fokus på gradient panel og erstatt bare den eksisterende lineære gradienten med den som vises i det følgende bildet. Flytt til lag panel, finn formen laget i dette trinnet, og endre navnet på det "forsiden".

Trinn 12

Aktiver Snap to Grid (Se> Snap to Grid). Fokus på bunnen av "forsiden"form og ta tak i Direkte utvalgsverktøy (A). Velg begge ankerpunkter og bare dra dem 10 px ned som vist i det andre bildet. Igjen, vil Snap to Grid-funksjonen komme til nytte.

3. Legg til subtile teksturer

Trinn 1

Velg din "back~~POS=TRUNC"form, fokus på Utseende panel, velg eksisterende fyll, og gå til Effekt> Stylize> Inner Glow. Skriv inn egenskapene som vises i det følgende bildet og klikk OK.

Steg 2

Sørg for at din "back~~POS=TRUNC"form er fortsatt valgt, fokus på Utseende panel og legg til en ny fylling ved hjelp av Legg til ny fylling. Velg denne nye fyllingen, sett fyllfarge på svart, senk den opacity til 5%, endre Blandingsmodus til Multiplisere, og gå til Effekt> Kunstnerisk> Filmkorn. Skriv inn egenskapene som vises i det følgende bildet og klikk OK.

Trinn 3

Velg din "forsiden"form, fokus på Utseende panel, og legg til et nytt fyll ved å bruke det samme Legg til ny fylling knapp. Velg denne nye fyllingen, sett fargen på svart, senk den opacity til 5%, endre Blandingsmodus til Multiplisere og gå til Effekt> Kunstnerisk> Filmkorn. Skriv inn egenskapene som vises i det følgende bildet og klikk OK.

4. Lag sprekkene

Trinn 1

Deaktiver nettverket (Vis> Skjul rutenett) og Snap to Grid (Se> Snap to Grid). Bruker Pennverktøyet (P) eller Penselverktøy (B), opprett tre enkle baner grovt som vist i det følgende bildet. Velg alle disse nye banene og fokus på Utseende panel. Pass på at det ikke er satt farger for fyllingen, og legg til et enkelt, 1 px, svart slag.

Steg 2

Pass på at dine svarte baner fortsatt er valgt og gå til Effekt> Forvreng og transformer> Zig Zag. Skriv inn egenskapene som vises i det følgende bildet og klikk OK.

Trinn 3

Pass på at dine svarte baner fortsatt er valgt, fokus på Utseende panel og bare klikk på Stroke å åpne Stroke fly-out panel. Øk Vekt til 5 px og velg Breddeprofil 4 fra Profil nedtrekksmenyen. Bare klikk på Flip Along knappen hvis du ønsker å reversere retningen av banen.

Trinn 4

Pass på at dine svarte baner fortsatt er valgt og fokusere på Utseende panel. Velg strekk, flytt til gradient panel og legg til den lineære gradienten som vises i følgende bilde. Du må invers vinkelen av den lineære gradienten som brukes til din venstre vei. Dette kan gjøres ganske raskt ved hjelp av Reverse Gradient knapp fra gradient panel.

Trinn 5

Kontroller at de tre banene dine fortsatt er valgt og gå til Effekt> Stylize> Inner Glow. Skriv inn egenskapene som vises i det følgende bildet, klikk OK, og gå til Effekt> Stylize> Drop Shadow. Skriv inn attributter som er vist under og klikk OK.

5. Legg til Grungier Texture

Trinn 1

Velg din "back~~POS=TRUNC"form, lag en kopi foran (Control-C, Control-F), og ta det til forsiden (Shift-Control-]). Pass på at denne kopien forblir valgt og fokus på Utseende panel. Først skal du bare fjerne den svarte fyllingen ved hjelp av Slett valgt element knappen ligger nederst til venstre på panelet.

Deretter åpner du Indre glød søkte om den gjenværende fyllingen og erstatte eksisterende attributter med de som vises i det følgende bildet. Gå tilbake til Utseende panelet og kontroller at fyllingen din fortsatt er valgt. Senk dens opacity til 20%, endre Blandingsmodus til Multiplisere og erstatt eksisterende fyllfarge med den radiale gradienten som er vist nedenfor. Fokuser på tavla og bruk Gradient Tool (T) å strekke den gradienten som vist i det følgende bildet. Husk også at det gule nullet fra gradient bildet står for opacity prosentdel. Dette betyr ganske enkelt at du må velge den gradienten skyveknappen, fokusere på opacity boks (fra gradient panelet) og sett det på 0%. Endelig flytter du til lag panel, finn formen laget i dette trinnet, og endre navnet på det "tekstur".

Steg 2

Pass på at "tekstur"form er fortsatt valgt, fokus på Utseende panel, og legg til et nytt fyll ved å bruke det samme Legg til ny fylling knapp. Velg denne nye fyllingen, sett fargen på svart, senk den opacity til 50%, endre Blandingsmodus til Mykt lys, og gå til Effekt> Kunstnerisk> Svamp. Skriv inn egenskapene som vises i toppvinduet (i det følgende bildet), klikk OK og gå igjen til Effekt> Kunstnerisk> Svamp. Skriv inn egenskapene som vises i bunnvinduet og klikk OK.

6. Maske dine figurer og legg til teksten

Trinn 1

Velg alle fasene som er laget så langt og klikk Kontroll-G til Gruppe dem. Flytt til lag panel, gi nytt navn til denne nye gruppen "Gravstein"og deretter åpne den. Velg din"tekstur"form, lag en kopi foran (Control-C, Control-F), og dra den utenfor gruppen, til toppen av lag panel.

Pass på at denne kopien forblir valgt og bare klikk på D knappen fra tastaturet ditt for å erstatte det eksisterende Utseende attributter med standardene (hvitt fyll og en 1 px, svart slag). Fokus på Utseende panelet, fjern det svarte slaget, og hold den hvite fyllingen.

Nå, velg denne hvite formen sammen med din "Gravstein"gruppe, åpne åpenhet panelet (Vindu> Gjennomsiktighet), og klikk på Lag maske knapp. Hvis du ikke er en Illustrator CC-bruker, må du åpne menyen for utløp av åpenhet panelet og klikk på Lag Opacity Mask kommando. Til slutt bør ting se ut som det fjerde bildet.

Steg 2

Ta tak i Typeverktøy (T), klikk på tavla, og legg til "HVIL I FRED."tekst. Angi fargen sin på R = 70 G = 70 B = 70 og bruk Viner Hand ITC font med størrelsen satt til 25 px.

Pass på at tekststykket ditt blir valgt og gå til Effekt> Stylize> Inner Glow. Skriv inn egenskapene som vises i det følgende bildet, klikk OK, og gå til Effekt> Stylize> Drop Shadow. Skriv inn attributter som er vist under og klikk OK.

7. Lag grunnlaget for gravstenen

Trinn 1

Aktiver rutenettet (Vis> Vis rutenett) og Snap to Grid (Se> Snap to Grid). Bruker Rektangelverktøy (M), lage en 160 x 10 px form, fyll den med den lineære gradienten som vises nedenfor, og legg den som vist i det første bildet. Fokuser på toppen av dette nye rektangelet og bytt til Direkte utvalgsverktøy (A). Velg begge ankerpunkter og skriv inn bare 5 px i Corners eske. Flytt til lag panel, finn formen laget i dette trinnet, og endre navnet på det "utgangspunkt".

Steg 2

Deaktiver Snap to Grid (Se> Snap to Grid). Pass på at "utgangspunkt"form er valgt og lag to kopier foran (Control-C, Control-F, Control-F). Velg toppkopien og flytte den 1 px ned. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel. Fyll den resulterende formen med svart, senk dens opacity til 20%, og endre Blandingsmodus til Mykt lys.

Trinn 3

Pass på at "utgangspunkt"form er valgt og gå til Objekt> Path> Offset Path. Skriv inn en -1 px forskyvning og klikk OK. Velg den resulterende formen og lag en kopi foran (Control-C, Control-F). Velg denne kopien og flytte den 1 px ned. Velg begge formene som er laget i dette trinnet, og klikk på Minus Front knapp fra Pathfinder panel. Fyll den resulterende formen med hvit, senk dens opacity til 10%, og endre Blandingsmodus til Mykt lys.

Trinn 4

Pass på at "utgangspunkt"form forblir valgt, fokus på Utseende panel, og legg til et nytt fyll ved å bruke det samme Legg til ny fylling knapp. Velg denne nye fyllingen, sett fargen på svart, senk den opacity til 30%,og endre Blandingsmodus til Mykt lys.

Fortsett å fokusere på Utseende panel og legg til en tredje fylling for din form. Velg den, sett fargen på svart, senk den opacity til 5%, endre Blandingsmodus til Multiplisere og gå til Effekt> Kunstnerisk> Filmkorn. Skriv inn egenskapene som vises i det følgende bildet og klikk OK.

Trinn 5

Velg din "utgangspunkt"form, fokus på Utseende panelet, kontroller at hele banen er valgt (bare klikk på den "Sti"tekststykke fra toppen av Utseende panel), og gå til Effekt> Stylize> Drop Shadow. Skriv inn egenskapene som vises i det venstre vinduet (i bildet nedenfor), klikk OK, og gå igjen til Effekt> Stylize> Drop Shadow. Skriv inn attributtene som vises i det høyre vinduet, og klikk OK.

8. Legg til et lys og noen blomster

Trinn 1

For dette trinnet trenger du et lysbilde. Bare last ned Ai-filen som er vedlagt Cheryls fantastiske opplæring, kopi lyset (Kontroll-C), og lim det inn (Kontroll-V) inne i dokumentet ditt.

Gruppe (Kontroll-G) alle former som utgjør lyset ditt, og deretter endre størrelsen og plasser det grovt som vist i bildet nedenfor. Bruker Ellipseverktøyet (L), lage en 10 px sirkel og legg den som vist. Sett fyllfarge på R = 247 G = 148 B = 30 og gå til Effekt> Uklarhet> Gaussisk uskarphet. Skriv inn en 10 px radius og klikk OK.

Steg 2

Deretter tar vi noen blomster fra denne artikkelen: 70+ Gratis grafikk: Vintage Vector Flowers og Floral Ornament Sett. Last ned Blomster ABC fil og åpne den. Kopier gruppen med blå blomster og lim inn i dokumentet.

Trinn 3

Fokuser på blomstene dine, hold formene fremhevet i det første bildet, og slett resten. Velg de gjenværende blomstene og Gruppe dem (Kontroll-G).

Trinn 4

Kontrakt din gruppe med blomster, plasser den på gravstenen, og legg deretter til de tre Drop Shadow effekter (Effekt> Stylize> Drop Shadow) Vist under.

9. Opprett bakgrunnen

Trinn 1

Velg Rektangelverktøy (M) og klikk på tavla for å åpne Rektangel vindu. Tast inn 620 i Bredde og  Høyde bokser, og klikk deretter på OK knapp. Pass på at den resulterende formen forblir valgt, send den tilbake (Shift-Control-[), og sett fyllfarge på R = 167 G = 169 B = 172. Flytt til lag panel og gi nytt navn til dette nye rektangelet "Bakgrunn".

Deretter må du sentrere din "Bakgrunn"form, så åpne Rette inn panelet (Vindu> Juster). Sett innstillingen til Artboard (åpne menyen for å fly ut og gå til Vis alternativer hvis du ikke kan se Juster til seksjonen som vises her), kontroller at formen din er valgt, og klikk på Horisontal justeringssenter og Vertikal Justeringssenter knapper. Til slutt bør torget ditt dekke hele tavlen.

Steg 2

Pass på at "Bakgrunn"form er fortsatt valgt, fokus på Utseende panel og legg til en ny fylling. Velg denne nye fyllingen og legg til den radiale gradienten som vises i følgende bilde. Ikke glem at gult null fra gradient bildet står for opacity prosentdel.

Trinn 3

Pass på at "Bakgrunn"form er fortsatt valgt, fokus på Utseende panel, og legg til en ny fylling. Velg denne nye fyllingen, sett fargen på svart, senk den opacity til 5%, endre Blandingsmodus til Multiplisere, og gå til Effekt> Kunstnerisk> Filmkorn. Skriv inn egenskapene som vises nedenfor, og klikk OK.

Trinn 4

Bruker Rektangelverktøy (M), lage en ny 620 px kvadrat, og senter den ved hjelp av Horisontal justeringssenter og Vertikal Justeringssenter knapper fra Rette inn panel. Sørg for at denne nye formen blir valgt, fyll den med den lineære gradienten som vises nedenfor, senk dens opacity til 80%, og endre Blandingsmodus til Color Burn.

Gratulerer! Du er ferdig!

Slik ser det ut. Jeg håper du har hatt denne opplæringen og kan bruke disse teknikkene i dine fremtidige prosjekter.

Når du har opprettet gravstenen din, hvorfor ikke bli med vår Designers Graveyard?