Hoe de Team Awesome Mascot te vectoren in Adobe Illustrator

Wat je gaat creëren

De meesten van ons zijn bekend met het idee van een mascotte. Het kan een plaats of idee vertegenwoordigen dat volgens ons een fysieke representatie nodig heeft om onze gedachten en emoties aan anderen over te brengen. In zekere zin komt het op de voorgrond van de communicatie.

In deze zelfstudie laat ik je zien hoe je je eigen kleine mascotte kunt maken, met behulp van een geweldige sketch gemaakt door de altijd creatieve Monika Zagrobelna. Dit was een samenwerkingsproject, dus je zult willen zien hoe deze kleine man is ontstaan. 

1. Een lichaam creëren

Stap 1

Eerst brengen we onze schets naar voren. Ik werk in Adobe Illustrator in de grootte van 11 x 8,5 inch voor dit specifieke project. Ik hou van deze eerste laag te labelen als "Schets "om verwarring te verminderen. Een ander goed idee is om deze laag onmiddellijk te vergrendelen om te voorkomen dat je schets per ongeluk wordt verwijderd of verplaatst.

Stap 2

Onze schets komt uit de geest van Monika Zagrobelna en het idee voor deze kleine mascotte komt voort uit onze eigen geliefde Tuts +. Van de kleuren van zijn vacht tot de mol op zijn knijpbare wang, elk element werd zorgvuldig overwogen. De meeste mascottes worden niet 's nachts gemaakt. Ze zijn een liefdeswerk en als je het om de juiste redenen creëert, maak je het met behoorlijk wat geduld en zorg. Voor meer informatie over het proces, zie Monika's tutorial over het ontwerpen en tekenen van de mascotte.

Stap 3

Het was mijn bedoeling om zo dicht mogelijk bij het originele ontwerp te blijven, dus de kleuren zijn extreem dichtbij. In feite heb ik de originele kleuren gesampled met mijn Pipetgereedschap (I) om mijn initiaal te selecteren Vullen en Beroerte voor het lichaam van onze mascotte.

Stap 4

Gebruik maken van onze Pen gereedschap (P), we beginnen onze kleine vriend te schetsen en geven hem een 2 pt Stroke lijn. Als je merkt dat je lijnen hebt die er iets te scherp uitzien, zoals ik aan het einde van de staart heb gevonden, zou ik je aanraden om je randen glad te strijken door te klikken Cap: ronde dop en Joint: Round Join in uw Beroerte instellingen.

Stap 5

Vervolgens kunnen we vleugels en oren aan ons kleine dier toevoegen. Ik heb een donkerdere toon gebruikt om ze als afzonderlijke kenmerken van het lichaam te definiëren. 

Zodra we dit hebben bereikt, kunnen we een Duplicaat laag naar elk van onze lichter gekleurde lichaamsdelen. Ik heb een lichtere sinaasappel en de onze gebruikt Veer effect op a Radius van 0.3 in voor het hoofd en lichaam, tijdens het gebruik van een Radius van 0.2 in geeft ons een naadloos oppervlak, met slechts een vleugje ronding en dimensie.

Stap 6

Wat betreft de maag en de snuit, ik zal beginnen met een lichtblauw en een iets donkerder blauw voor mij Vullen en Beroerte. Ik ben ook verder gegaan en heb mijn andere gezichtselementen in dezelfde kleur gemaakt, maar ik kan deze gemakkelijk veranderen omdat ik er klaar voor ben om ermee te werken. 

Als ik mijn maag en snuit maak, kan ik dat Duplicaat deze lagen ook, en Veer zoals we eerder deden met zijn lichaam. 

2. Gezichtsfuncties toevoegen

Stap 1

Onze volgende taak is het creëren van de ogen van ons karakter. De groene kleur helpt onze mascotte echt om op te vallen. Ik gebruik dezelfde methode, maar met een 1,5 pt Stroke lijn. 

Stap 2

In dit stadium hebben we zwarte pupillen en onze eerste reeks reflecterende markeringen aan de ogen toegevoegd. We hebben ook zijn mol / schoonheidssymbool, neus en mond opnieuw ingekleurd. Hij begint meer op 'zichzelf' te lijken. 

Stap 3

We voegen een extra set reflecterende markeringen toe aan de leerlingen, maar we geven ze een 50% Transparantie.

Stap 4

Ik ben helemaal gek op deze hoorns! Zoals ik al eerder zei, was elk element zorgvuldig uitgedacht bij het ontwikkelen van deze kleine man. Zijn hoorns waren gevormd om eruit te zien als scherpe potloodtips, dus we geven ze evenveel aandacht als we zijn gezicht gaven.  

Je zult merken dat het grootste deel van zijn hoorns op dezelfde manier werd behandeld als zijn maag en snuit. We voegen dimensie toe aan een plat personage, dus zelfs dit kleine beetje is erg merkbaar tegen de donkere, platte toppen van zijn hoorns. Maak je geen zorgen, we zullen er ook aan werken om deze ook te verspreiden.  

Stap 5

Je zult merken dat ik een klein hoogtepunt aan zijn neus heb toegevoegd en ik heb de kleur van zijn mond weer veranderd. Het is een gezonde magenta kleur die hem een ​​beetje meer leven geeft. Als we beide versies zouden vergelijken, zou je een verschil zien. Het lijkt hem toegankelijker te maken. 

3. Details toevoegen

Stap 1

We kunnen eindelijk een beetje glans toevoegen aan onze platte potloodtips. Ik heb een Lineair verloop van sinaasappelen, met één kant naar gebracht 0% transparantie. Hierdoor kan ik de illusie van dimensie creëren. 

Ik kan deze techniek dan gebruiken op het hoofdgedeelte van mijn hoorns voor een subtiele ronde kwaliteit. 

Stap 2

Met behulp van een Radiaal verloop, met één kant naar gebracht 0% transparantie, we zullen beginnen met het vormen van simplistische veren op onze mascotte. Begin met de langste rugveren en werk je weg omhoog naar de kortere veren. 

Stap 3

Zodra de veren compleet zijn, kunnen we in schaduwen achter het lichaam werken, maar voor de vleugel zelf. Dit scheidt onze lichaamsdelen en laat zien dat alles niet wordt samengevoegd.   

Stap 4

Hier kunnen we naast elkaar de originele illustraties en het werk in uitvoering zien. We beginnen deze kleine kerel echt in zijn eentje te zien komen. 

4. Hooglichten en arcering maken

Stap 1

Met veel mascottes, zoals die van Mozilla's Firefox, zie je hoogtepunten voor het lichaam. Er is een warmte aan de huid / vacht en een gloed die ik hier zou willen recreëren met onze eigen mascotte. Dit wordt opnieuw gemaakt met behulp van een Radiaal verloop, met één kant naar gebracht 0% transparantie. Zoals je kunt zien, ben ik een grote fan van Radiale verlopen en transparanten. 

Stap 2

Waar hoogtepunten zijn, zijn er ook zwakke lichten en schaduwen. Zijn zonnige kleine karakter zal niet doorschemeren zonder een beetje donker te worden, dus zijn eigenschappen verzachten.    

Stap 3

Hij komt mooi langs. We nemen even de tijd om pluizige plukjes aan de oren toe te voegen Radiaal verloop. Om een ​​ander voorbeeld te zien van hoe dit kan worden bereikt, bekijk mijn Creating a Adorable Strawberry Tiger in Adobe Illustrator. 

Stap 4

Om zijn ogen meer naar voren te laten komen, zullen we een beetje duister achter zich laten. Dit bootst het idee na van ogen die in een schedel zitten.  

Stap 5

Terwijl we highlights toevoegen, kunnen we hem een ​​beetje licht toevoegen. 

Stap 6

Met dezelfde kleur uit zijn neus voegen we een beetje pelsstructuur toe aan zijn wangen en andere delen van zijn lichaam.  

Stap 7

We mogen niet vergeten een beetje schaduw toe te voegen onder zijn bovenkaak en snuit. Het is onze bedoeling om hem zich zo driedimensionaal mogelijk te laten voelen, terwijl hij trouw blijft aan de originele tekening.

Stap 8

Voeg een klein veertje boven zijn ogen toe voor een volledig wakker en alert uiterlijk.

5. Je mascotte afmaken

Stap 1

Door deze stap hebben we een bijna complete mascotte. Hij ziet eruit alsof hij klaar is om van het scherm te springen. 

Stap 2

Dupliceer je hele mascottelaag. Selecteer alle stukken en gebruik onze verkenner tab (Shift-Control-F9), we kunnen Verenigen al onze stukken om één lichaam te vormen. We zullen opnieuw onze puntige randen gladstrijken door op te klikken Cap: ronde dop en Joint: Round Join in onze Beroerte instellingen. Ik heb onze toegenomen Beroerte naar 7 pt om er zeker van te zijn dat we hem niet verliezen op een achtergrond waar hij later op kan komen.

Huzzah! Je mascotte is klaar om te vertegenwoordigen!

Gefeliciteerd! Na slechts een paar stappen en een middag zou je je eigen mascotte moeten hebben, klaar om te rommelen. Omdat dit een samenwerkingsproject was, moedig ik je aan om verschillende projecten te proberen, niet alleen door jezelf maar met andere kunstliefhebbers. Werken met iemand anders geeft je een hele nieuwe dynamiek, en het kan heel leuk zijn om het onverwachte te creëren.