Slik Vector Team Awesome Mascot i Adobe Illustrator

Hva du skal skape

De fleste av oss er kjent med ideen om en maskot. Det kan representere et sted eller en ide som vi føler trenger en fysisk representasjon for å formidle våre tanker og følelser til andre. På en måte kommer den til forkant av kommunikasjon.

I denne opplæringen vil jeg vise deg hvordan du gjengir din egen lille maskot, ved hjelp av en fantastisk skisse laget av den helt kreative Monika Zagrobelna. Dette var et samarbeidsprosjekt, så du vil se hvordan denne lille fyren kom til eksistens. 

1. Opprette en kropp

Trinn 1

Først tar vi inn skissen vår. Jeg jobber i Adobe Illustrator på en størrelse på 11 x 8,5 tommer for dette spesifikke prosjektet. Jeg liker å merke dette første laget som "Skisse "for å redusere forvirring. En annen god idé er å umiddelbart låse dette laget for å unngå at du ved et uhell sletter eller flytter skissen.

Steg 2

Skissen vår blir hentet fra Monika Zagrobelna, og ideen til denne lille maskot stammer fra vår egen elskede Tuts +. Fra fargene av pelsen til molen på klypbar kinn var hvert element omhyggelig vurdert. De fleste maskotene opprettes ikke over natten. De er et arbeid av kjærlighet, og hvis du skaper det av de riktige grunnene, oppretter du det med ganske tålmodighet og omsorg. For mer om prosessen, se Monikas veiledning om å designe og tegne maskot.

Trinn 3

Jeg hadde tenkt å holde meg så nær det opprinnelige designet som mulig, så fargene er ekstremt tett. Faktisk prøvde jeg de opprinnelige fargene ved hjelp av min Eyedropper Tool (I) for å velge min første Fylle og Stroke for vår maskotens kropp.

Trinn 4

Bruk vår Pennverktøyet (P), Vi begynner å skissere vår lille venn og gir ham en 2 pt Stroke linje. Hvis du finner deg selv med noen linjer som ser litt for skarpe ut, som jeg fant med enden av halen, vil jeg anbefale deg å glatte kantene dine ved å klikke Cap: Round Cap og Felles: Round Join i din Stroke innstillinger.

Trinn 5

Deretter kan vi legge vinger og ører til vårt lille dyr. Jeg har brukt en mørkere tone, for å definere dem som separate egenskaper i kroppen. 

Når vi har oppnådd dette, kan vi legge til en Duplisere lag til hver av våre lysere fargede kroppsdeler. Jeg har brukt en lysere oransje og vår Fjær effekt på a Radius av 0,3 in for hodet og kroppen, mens du bruker en Radius av 0,2 in vil gi oss en sømløs overflate, med et snev av rundhet og dimensjon.

Trinn 6

Når det gjelder mage og nese, begynner jeg med en lyseblå og en litt mørkere blå for min Fylle og Stroke. Jeg har også gått videre og opprettet mine andre ansiktselementer i samme farge, men jeg kan enkelt endre disse som jeg er klar til å jobbe med dem. 

Når jeg lager magen og munnen, kan jeg det Duplisere disse lagene også, og Fjær dem som vi gjorde tidligere med kroppen hans. 

2. Legge til ansiktsfunksjoner

Trinn 1

Vår neste oppgave er å skape vår tegnes øyne. Den grønne fargen hjelper virkelig vår maskot til å skille seg ut. Jeg bruker den samme metoden, men med en 1,5 pt Stroke linje. 

Steg 2

På dette stadiet har vi lagt til svarte elever og vårt første sett med reflekterende merker til øynene. Vi har også tilbakekalt hans mølle / skjønnhetsmerke, nese og munn. Han begynner å se mer ut som "selv". 

Trinn 3

Vi legger til et ekstra sett med reflekterende karakterer til elevene, men vi gir dem en 50% åpenhet.

Trinn 4

Jeg elsker absolutt disse hornene! Som jeg sa før, ble hvert element nøye gjennomtatt når du utviklet denne lille fyren. Hans horn var utformet for å se ut som skarpe blyantspisser, så vi gir dem like mye oppmerksomhet som vi ga ansiktet hans.  

Du vil legge merke til at hoveddelen av hans horn ble behandlet på samme måte som magen og munnen. Vi legger til dimensjon på en flat karakter, så selv denne lille biten er svært merkbar mot de mørke, flate tipsene på hornene hans. Ikke bekymre deg, vi skal jobbe for å få disse ut også.  

Trinn 5

Du vil legge merke til at jeg har lagt til et lite høydepunkt i nesen hans og jeg har endret fargen på munnen igjen. Det er en sunn magenta farge som gir ham litt mer liv. Hvis vi sammenlignet begge versjoner, ser du en forskjell. Det ser ut til å gjøre ham mer tilnærmet. 

3. legge til detaljer

Trinn 1

Vi kan til slutt legge til litt glans til våre flate blyanttips. Jeg har brukt en Lineær gradient av appelsiner, med en side brakt til 0% åpenhet. Dette tillater meg å skape en illusjon av dimensjon. 

Jeg kan da bruke denne teknikken på hovedkroppen av mine horn for en subtil rundkvalitet. 

Steg 2

Bruker en Radial Gradient, med den ene siden brakt til 0% åpenhet, Vi begynner å danne enkle fjær på vår maskot. Start med de lengste ryggfjærene og arbeid deg opp til de kortere fjærene. 

Trinn 3

Når fjærene er ferdige, kan vi jobbe i skygger bak kroppen, men foran selve vingen. Dette skiller våre kroppsdeler og viser at alt ikke er fusjonert sammen.   

Trinn 4

Her kan vi se en side ved side av det opprinnelige kunstverket og arbeidet pågår. Vi begynner virkelig å se denne lille fyren komme inn i hans egen. 

4. Skape høydepunkter og skyggelegging

Trinn 1

Med mange maskoter, som Mozilla Firefox, ser du høydepunkter til kroppen. Det er en varme på huden / jakken og en glød som jeg gjerne vil gjenskape her med vår egen maskot. Dette gjøres igjen ved å bruke a Radial Gradient, med den ene siden brakt til 0% åpenhet. Som du kan se, er jeg en stor fan av Radialgradienter og transparenter. 

Steg 2

Der det er høydepunkter, vil det også være lavlys og skygger. Hans solfylte lille disposisjon vil ikke skinne gjennom uten litt mørk, så embolden hans egenskaper.    

Trinn 3

Han kommer godt sammen. Vi tar et øyeblikk å legge pelsplagg til ørene med det samme Radial Gradient. For å se et annet eksempel på hvordan dette kan oppnås, sjekk ut min Opprett en bedårende jordbærtiger i Adobe Illustrator. 

Trinn 4

For å få øynene til å stikke ut mer, legger vi litt mørk bak dem. Dette etterligner ideen om øyne som sitter inne i en skalle.  

Trinn 5

Mens vi legger til høydepunkter, kan vi bare legge litt lys til nesen hans. 

Trinn 6

Ved å bruke lignende fargestoffer fra nesen, legger vi litt pelsstruktur til kinnene og andre områder av kroppen hans.  

Trinn 7

Vi kan ikke glemme å legge til litt skygge under hans overkjeven og nesen. Vår hensikt er å få ham til å føle seg som tredimensjonal som mulig, samtidig som han holder seg til den opprinnelige tegningen.

Trinn 8

Legg en liten fjærpels over øynene for et helt vått og varsomt utseende.

5. Etterbehandling din maskot

Trinn 1

Ved dette trinnet har vi en nesten fullstendig maskot. Han ser ut som om han er klar til å hoppe av skjermen. 

Steg 2

Dupliser hele maskotlaget ditt. Velg alle stykkene og bruk vår Pathfinder tab (Shift-Control-F9), vi kan Forene alle våre biter for å danne en kroppsoversikt. Vi vil igjen glatte ut våre spisse kanter ved å klikke Cap: Round Cap og Felles: Round Join i vår Stroke innstillinger. Jeg har økt vår Stroke til 7 pt For å sikre at vi ikke vil miste ham til noen bakgrunn, kan han bli plassert senere.

Huzzah! Din maskot er klar til å representere!

Gratulerer! Etter bare noen få skritt og en ettermiddag, bør du ha din egen maskot, klar og raring til rommel. Da dette var et samarbeidsprosjekt, oppfordrer jeg deg til å prøve forskjellige prosjekter, ikke bare av dere selv, men også med andre kunstentusiaster. Å jobbe med noen andre gir deg en helt ny dynamikk, og det kan være ganske gøy å skape det uventede.