Hur man vektor Team Awesome Mascot i Adobe Illustrator

Vad du ska skapa

De flesta av oss är bekanta med tanken på en maskot. Det kan representera en plats eller en idé som vi anser behöver en fysisk representation för att förmedla våra tankar och känslor till andra. På ett sätt kommer det i framkant av kommunikationen.

I den här handledningen visar jag dig hur du gör din egen lilla maskot, med en fantastisk skiss som skapats av den ständigt kreativa Monika Zagrobelna. Detta var ett samarbetsprojekt, så du vill se hur den här lilla killen kom till existens. 

1. Skapa en kropp

Steg 1

Först tar vi in ​​vår skiss. Jag jobbar i Adobe Illustrator i en storlek på 11 x 8,5 tum för detta specifika projekt. Jag gillar att märka detta första lager som "Sketch "för att minska förvirring. En annan bra idé är att omedelbart låsa det här skiktet för att undvika att du oavsiktligt raderar eller flyttar din skiss.

Steg 2

Vår skiss kommer från Monika Zagrobelnas sinne och tanken på den lilla maskot härstammar från våra egna älskade Tuts +. Från färgerna på sin päls till molan på sin nypa-kinda kind var varje element noggrant övervägt. De flesta maskoterna skapas inte över natten. De är ett kärleksarbete, och om du skapar det av de rätta orsakerna skapar du det med en hel del tålamod och omsorg. För mer om processen, se Monikas handledning om design och ritning av maskoten.

Steg 3

Min avsikt var att stanna så nära originalet som möjligt, så färgerna är extremt nära. Faktum är att jag samlade de ursprungliga färgerna med mina Eyedropper Tool (I) för att välja min första Fylla och Stroke för vår maskotens kropp.

Steg 4

Använda vår Penverktyg (P), vi ska börja skissera vår lilla vän, ge honom en 2 pt Stroke linje. Om du befinner dig med några linjer som ser lite för skarpa ut, som jag hittat i slutet av svansen, skulle jag råda dig att smidiga dina kanter genom att klicka Keps: Round Cap och Joint: Round Join i din Stroke inställningar.

Steg 5

Därefter kan vi lägga vingar och öron till vårt lilla djur. Jag har använt en mörkare ton, för att definiera dem som separata funktioner i kroppen. 

När vi har gjort detta kan vi lägga till en Duplicera skikt till var och en av våra ljusare kroppsdelar. Jag har använt en ljusare orange och vår Fjäder effekt vid a Radie av 0,3 tum för huvudet och kroppen, medan du använder en Radie av 0,2 tum kommer att ge oss en sömlös yta, med en hint av rundhet och dimension.

Steg 6

När det gäller mage och nosparti börjar jag med en ljusblå och en något mörkare blå för mina Fylla och Stroke. Jag har också gått vidare och skapat mina andra ansiktselement i samma färg, men jag kan enkelt ändra dessa eftersom jag är redo att arbeta med dem. 

När jag har skapat min mage och mage kan jag det Duplicera Dessa lager också, och Fjäder dem som vi gjorde tidigare med sin kropp. 

2. Lägga till ansiktsfunktioner

Steg 1

Vår nästa uppgift är att skapa vår karaktärs ögon. Den gröna färgen hjälper verkligen vår maskot att sticka ut. Jag använder samma metod, men med a 1,5 pt Stroke linje. 

Steg 2

Vid detta tillfälle har vi lagt till svarta elever och vår första uppsättning reflekterande märken till ögonen. Vi har också recolored hans mol / skönhet märke, näsa och mun. Han börjar se mer ut som "själv". 

Steg 3

Vi lägger till en extra uppsättning reflektionsmärken till eleverna, men vi ger dem en 50% Genomskinlighet.

Steg 4

Jag älskar absolut dessa horn! Som jag sa tidigare var varje element noga genomtänkt när du utvecklade den här lilla killen. Hans horn var utsmyckade för att se ut som skarpa blyertsspetsar, så vi ger dem lika mycket uppmärksamhet som vi gav hans ansikte.  

Du kommer märka att huvuddelen av hans horn behandlades på samma sätt som hans mage och mage. Vi lägger till dimension till en platt karaktär, så även denna liten bit är mycket märkbar mot de mörka, fina spetsarna på hans horn. Oroa dig inte, vi arbetar också för att ta ut dessa också.  

Steg 5

Du kommer märka att jag har lagt till en liten höjdpunkt i näsan och jag har ändrat färgen på hans mun igen. Det är en hälsosam magenta färg som ger honom lite mer liv. Om vi ​​jämförde båda versionerna ser du en skillnad. Det verkar göra honom mer tillvägagångssätt. 

3. Lägga till detaljer

Steg 1

Vi kan äntligen lägga till lite glans till våra plana penna tips. Jag har använt en Linjär Gradient av apelsiner, med ena sidan förde till 0% Transparens. Detta gör att jag kan skapa en illusion av dimensionen. 

Jag kan sedan använda denna teknik på huvudkroppen av mina horn för en subtil rundkvalitet. 

Steg 2

Använder en Radial Gradient, med en sida förde till 0% Transparens, Vi börjar med att forma enkla fjädrar på vår maskot. Börja med de längsta bakfjädrarna och arbeta dig upp till de kortare fjädrarna. 

Steg 3

När fjädrarna är färdiga kan vi arbeta i skuggor bakom kroppen, men framför själva vingen. Detta skiljer våra kroppsdelar och visar att allt inte slås samman.   

Steg 4

Här kan vi se en sida vid sida av det ursprungliga konstverket och det pågående arbetet. Vi börjar verkligen se den här lilla killen komma in i hans egen. 

4. Skapa höjdpunkter och skuggning

Steg 1

Med många maskotar, som Mozilla Firefox, ser du höjdpunkter i kroppen. Det finns en värme på huden / kappan och en glöd som jag skulle vilja återskapa här med vår egen maskot. Detta görs igen med hjälp av a Radial Gradient, med en sida förde till 0% Transparens. Som du kan se är jag en stor fan av Radialgradienter och OH. 

Steg 2

Där det finns höjdpunkter, kommer det också att finnas lågljus och skuggor. Hans soliga lilla disposition kommer inte att skina igenom utan lite mörkt, så embolden hans egenskaper.    

Steg 3

Han följer snyggt. Vi tar ett ögonblick att lägga pälsplattor i öronen med samma Radial Gradient. För att se ett annat exempel på hur detta kan uppnås, kolla in min skapande en förtjusande jordgubbar tiger i Adobe Illustrator. 

Steg 4

För att få ögonen att dyka upp mer, lägger vi lite mörk bakom dem. Detta efterliknar tanken på ögon som sitter inne i en skalle.  

Steg 5

Medan vi lägger till höjdpunkter kan vi bara lägga lite ljus på näsan. 

Steg 6

Genom att använda liknande färg från hans näsa, lägger vi lite pälsstruktur till hans kinder och andra delar av hans kropp.  

Steg 7

Vi kan inte glömma att lägga lite skuggning under hans övre käke och nosparti. Vår avsikt är att få honom att känna sig tredimensionell som möjligt, samtidigt som hon är trogen mot den ursprungliga ritningen.

Steg 8

Lägg en liten fjäderpäls över hans ögon för ett helt vaknat och varsamt utseende.

5. Avsluta din maskot

Steg 1

Genom detta steg får vi en nästan komplett maskot. Han ser ut som om han är redo att springa av skärmen. 

Steg 2

Duplicera hela ditt maskotlager. Välj alla bitar och använd vår Stigfinnare flik (Shift-Control-F9), vi kan Förena alla våra bitar för att bilda en kroppsplan. Vi släpper än en gång ut våra spetsiga kanter genom att klicka på Keps: Round Cap och Joint: Round Join i vår Stroke inställningar. Jag har ökat vår Stroke till 7 pt för att försäkra oss om att vi inte kommer att förlora honom till någon bakgrund som han kanske kan läggas på senare.

Huzzah! Din maskot är redo att representera!

grattis! Efter några steg och en eftermiddag borde du ha din egen maskot, redo och raring till rumpa. Eftersom detta var ett samarbetsprojekt uppmuntrar jag dig att prova olika projekt, inte bara av dig själv utan med andra konstentusiaster. Att arbeta med någon annan ger dig en helt ny dynamik, och det kan vara ganska roligt att skapa det oväntade.