Ontwerp een graankist met vector als thema in Adobe Illustrator

Wat je gaat creëren

De belangrijkste maaltijd van de dag is Adobe Illustrator. Ik ben er vrij zeker van dat het ontbijt op de tweede plaats komt. Als zodanig gaan we de twee combineren en hulde brengen aan de granen dozen van onze kindertijd met deze cartoonachtige doos ontwerp.

1. Begin met een schets

Stap 1

Het is belangrijk om je centrale karakter en lay-out in je schets te achterhalen. Ik hou van binnen schetsen Adobe Illustrator CC zelf (hoewel u ook een schets kunt importeren). De ... gebruiken Penseelgereedschap (B) met Trouw ingesteld op Glad in de Paintbrush Tool-opties paneel en een standaard kalligrafische borstel geselecteerd, ik heb een opgewonden stripfiguur tevoorschijn gehaald en geblokkeerd in de naam van het graan boven hem. 

Voor een gedetailleerde handleiding voor het tekenen van de handen, bekijk je Cartoon Fundamentals: Hoe teken je Cartoon Hands door Carlos Gomes Cabral.

Stap 2

Aangezien dit een doos met granen is, vergeet dan niet om de kom met granen te presenteren. In dit geval zullen we (meestal) O-vormige graankorrels tekenen, waarbij het personage uit de kom springt (of de kom heeft gepresenteerd) (die tot de rand is gevuld). Groep (Control-G) samen je schetslijnen en sluit de groep in de Lagen paneel, zoals u deze zult vinden bij het maken van uw definitieve ontwerp.

2. Vorm het hoofd

Stap 1

Het opbouwen van elk stukje anatomie is niet nodig in dit ontwerp. 

1. Begin met het gezicht door uw schets te volgen met de Pen gereedschap (P). 
2. Het gezicht bestaat uit de helft van het hoofd en één oor. Je kunt delen ervan (hoofd, kaak en oor) afzonderlijk en Verenigen in de verkenner paneel.
   
3. Stel de lijnkleur in op donkerbruin om een ​​omtrek te maken, of Kopiëren (Control-C) en Plakken (Control-V) je gezichtsvorm, zet de vulling- en streekkleur op donkerbruin, Beroerte gewicht naar 2 pts, en richten het achter het originele gezicht.
4. Teken een kleine D-achtige vorm voor het andere oor, in een donkerdere huidskleur (in verhouding tot wat voor vleeskleur je ook hebt gekozen) en plaats deze achter de andere hoofdvormen. Bekijk deze snelle tip van ondergetekende voor meer informatie over verschillende huidtinten.

Stap 2

1. Nadat ik tijdens de schets het haar heb uitgezocht, kan ik het nu traceren met de Pen gereedschap.  Denk aan haar als in secties: pony (pony), zijkanten en achterkant. Als u wilt dat uw haarontwerp wat vloeiender is, gebruikt u de Pencil Tool (N) om het snel te tekenen en eventuele randen af ​​te ronden door te manipuleren Live hoeken.
2. Gebruik dezelfde donkere huidskleur voor het oor en teken een vorm die de randen van het haar nabootst. Dit zal dienen om een ​​schaduw van het haar op het gezicht te werpen. Plaats de vorm onder het haar in de Lagen paneel.
3. Vergeet niet een C-vorm voor de binnenkant van het linkeroor.

Stap 3

Het gezicht is meestal opgebouwd uit eenvoudige vormen gecombineerd om een ​​echt, heel opgewonden gezicht te vormen.

1. Teken twee overlappende cirkels met behulp van de Ellipse Tool (L). Als u de opvulkleur op nul en de lijn op dezelfde donkerbruine wordt gebruikt voor contouren, kunt u de breedte van de cirkels aan de buitenranden wijzigen met de Width Tool (Shift-W). De mond, getekend met de Pen gereedschap, is als een zijgelei.
2. De neus is als een omgekeerd vraagteken, of een halve cirkel met een klein pootje erop.
3. Voor de tong koos ik een lichtroze en tekende een vorm die de onderste helft van de mond opneemt.
4. De tanden zijn gebogen vormen die de contouren van de mond volgen.
5. Kopiëren en Pasta de cirkels gemaakt voor de ogen en vul ze met een lichtblauw. Zorg ervoor dat het linkeroog de rechterkant overlapt.
   

Stap 4

Verder gaan met de ogen:

1. Teken witte cirkels die de lichtblauwe uit de vorige stap overlappen. Als u de lichtblauwe cirkel en de overlappende witte tegenhanger ervan selecteert, kunt u de Shape Builder Tool (Shift-M) om het niet-kruisende deel van de witte cirkel te scheiden (door het te selecteren), Hef de selectie, en Verwijder.
2. Gebruik de Breedte gereedschap om de breedte van de slag van het oog te vergroten. In dit geval, ik geplakt de omtrekcirkel van de vorige stap en plaatste deze over de witte en lichtblauwe vormen die het rechteroog vormen.
3. De mond heeft ook een contour nodig. Kopiëren en Pasta de basismonding (die zijgelei) en stel de slag in 1pt gewicht.
4. Zodat de neus niet transparant lijkt, trek een halve cirkel en plaats deze onder de neuslijn, maar boven de ogen in de Lagen paneel.
5. Maak ook de contouren van het linkeroog en teken twee kleine cirkels voor de pupillen van de ogen.
6. De ... gebruiken Paintbrush Tool, Ik trok twee kleine wenkbrauwen en Expanded ze onder Voorwerp.

Stap 5

Als je tevreden bent met het hoofd van je cartoon, Groep alles bij elkaar. Om een ​​dikkere omtrek rondom het geheel toe te voegen (met behoud van degene die eerder is getekend, wat helpt bepalen waar het hoofd eindigt en nauwelijks gezien oor aan de rechterkant begint), Kopiëren, Pasta, en Verenigen de gekopieerde kop erin verkenner. Zet de vul- en lijnkleur op donkerbruin en het slaggewicht op 2-3pts, afhankelijk van wat je wilt. richten het hoofd en zijn silhouet en Groep Hun samen. 

3. Laten we een lichaam toevoegen

Stap 1

Opnieuw werd de vorm van het lichaam uitgevonden tijdens de schetsfase.

1. De secties van het lichaam zijn als volgt: twee handen, twee armen, een nek, een shirt en de binnenkant van het shirt. Ik vond het het gemakkelijkst, voor mij, om Kopiëren, Pasta, en reflecteren de linkerarm (meer dan een Verticale as) om de juiste arm te krijgen. Ik schaalde en roteerde het ook om in de schets te passen.
2. Gebruik de techniek uit het vorige gedeelte om de nek en armen a te geven 2pt gewicht schets.
3. Gebruik dezelfde donkere huidskleur als gebruikt in de schaduwen op het gezicht en teken schaduwvormen voor de palmen van de handen, de nek en de bovenarmen (waar schaduwen van de mouwen worden gegoten).

Stap 2

Gebruik de Pen gereedschap om lijnen op het shirt te tekenen die wijzen op manchetten, stiksels en een kraag. Groep alles samen en nogmaals, Kopiëren, Pasta, Verenigen in de verkenner paneel, breng een dik streekgewicht aan op de vorm, en richten achter het hoofdpersonage. Groep dit alles samen en we gaan door met het creëren van de rest van het ontwerp van de doos.

4. Tekening driedimensionaal granen

Stap 1

Teken een cirkel binnen een grote cirkel met behulp van de Ellipse Tool. Met beide geselecteerd, klik Minus voorkant in de verkenner paneel. Selecteer je platte donutvorm en ga naar Effect> 3D> Extrude & Bevel ... . Speel met de rotatie of voer de volgende details in om dezelfde 3D-vorm hieronder te krijgen:

• X-as: 3 °
• Y-as: 6 °
• Z-as: -2 °
• Extrude Depth: 34 pt
• Oppervlakte: Plastic arcering

Stap 2

Met de 3D-donutvorm geselecteerd, ga naar Object> Uiterlijk uitbreiden. Gebruik de Direct selectie gereedschap (A) om het vlak van de vorm van het graan te selecteren en de vulkleur in te stellen op een lichte kleur. Selecteer alles behalve het gezicht van het object en stel de vulkleur in op een donkerder kleurtje. Volg de stappen vanaf Deel 3, stap 2 om de vorm van het graan een dikke contour te geven. Groep deze vormen samen. Je zult dit proces van het tekenen van een vlakke afbeelding gebruiken, het extruderen, de opvulkleuren veranderen en het een overzicht geven voor de andere graangewassen later in deze tutorial.

Stap 3

Kopiëren en Pasta verschillende van de "Vector O's". Draaien ze rond zoals je wilt, of maak zelfs nieuwe 3D-versies van ze voor extra variatie in het perspectief van elk graanobject. kiezen een groep van hen en in de Patroonopties paneel, maak een nieuw patroon. Kiezen Hex voor kolom of hoe dan ook, je krijgt de meeste dekking. Opslaan je patroon en ga verder met de volgende stap.

Stap 4

1. Teken een grote ellips die als de bovenkant van de schaal zal dienen. Zet de vulkleur op een lichte crème (dit zal als onze melk dienen).
2. Kopiëren enPasta die ellips en breng je nieuwe patroon erop aan (negeer alsjeblieft de gemiste marshmallowvorm, want die komt binnenkort).
   
3. Pasta Graanvormen rond de schaal om eventuele patroonranden te bedekken en om de kom met granen eruit te laten zien alsof het tot de rand gevuld is met heerlijke "Vector O's". Gebruik de Pen gereedschap om een ​​ondiepe schaal te tekenen. Alleen de zijkanten en bovenrand worden weergegeven in het definitieve ontwerp, dus hoe precies u in het perspectief van de schaal bent, is uw oproep helemaal.
   

5. Marshmallow-vormen!

Stap 1

De vorige sectie noemde enkele van de marshmallow-vormen met Illustrator-thema die we aan de schaal met ontbijtgranen toevoegen. Laten we eraan werken. Laten we beginnen met een Pen gereedschap-geïnspireerde marshmallow. Teken de helft van het ontwerp, hieronder weergegeven, met de Pen gereedschap zelf. Kopiëren en Pasta het object en reflecteren het over een Verticale as. Gebruik de stappen van Deel 4, stap 1, maak een 3D-versie van het pengereedschap en verander de schaduwkleuren in donkere wintertaling. Teken een cirkel in het midden van de vorm en Groep samen. Geef het een dikke rand net als de ontbijtgranen.

Stap 2

Voor de volgende marshmallow-vorm maken we een geel potlood. Gebruik de Rechthoekgereedschap (M) om een ​​smalle rechthoek te tekenen. Rond de hoeken door deze te selecteren met de Direct selectie gereedschap en trekken aan de Live hoeken naar binnen. Snijd de vorm in de helft (of meer) door er een rechthoek overheen te tekenen en te raken Minus voorkant in de verkenner paneel.

Stap 3

1. Gebruik de Veelhoek gereedschap om een ​​eenvoudige driehoek te tekenen. 
2. richten en Schaal het is zo dat de basis dezelfde breedte heeft als de rest van de potloodvorm.
3. De ... gebruiken verkenner paneel opnieuw, snijd de punt van de driehoek af.
4. Hiervandaan kun je een paar smalle strepen op het potlood tekenen en doorgaan met het maken van een 3D-object zoals gedaan met de andere graansoorten.

Stap 4

De andere marshmallow-vormen krijgen een snel overzicht, omdat het meer hetzelfde is bij het maken ervan.

1. Merk op hoe verschillende waarden bij het draaien over verschillende assen u verschillende perspectieven voor uw marshmallows geven.
2. De derde vorm is een penseel. Ik teken het op basis van de Paintbrush Tool pictogram met de Pencil Tool. 
3. De laatste marshmallow is de Selectietool groen weergegeven. Het is gemaakt van een rechthoek en een grote, ingesprongen driehoek.

Stap 5

Verspreid je marshmallows en "Vector O's" rond het ontwerp, zorg ervoor dat je wat in de buurt van en in de hand van het personage legt alsof hij uit de kom springt en rond gooit. Groep dit alles samen. U zult ook merken dat het penpictogram dat voor de blauwe marshmallow wordt gebruikt, ook aan zijn shirt is toegevoegd. Het is duidelijk dat deze kerel van vectorkunst houdt.

6. Sticker en achtergrond

Stap 1

Laten we die schattige sticker in de rechteronderkant van de compositie tekenen.

• Teken een cirkel met de Ellipse Tool en vul het met een donkergele kleur. Ga naar Effect> Vervormen en transformeren> Zig & Zag ... Pas het effect naar wens aan. Hoe groter de maat, hoe dieper de punten in het midden van de cirkel zullen vallen. En hoe meer richels per segment, hoe meer punten u rond uw cirkel zult hebben.
• Maak een omtrek voor je stickervorm en zorg ervoor dat de hoeken worden afgerond door manipulatie Live hoeken of kiezen afgeronde Caps en Corners in de Beroerte paneel.
• Om het te laten glanzen, tekent u een cirkel met een Lineair verloop ga van licht geel bij 100% naar 0% ondoorzichtigheid en schuin vanaf de linkerbovenhoek. Verwijder eventuele niet-kruisende gedeelten van de cirkel van uw stickervorm met behulp van de Shape Builder Tool.
• Gebruik ten slotte een stripachtig lettertype zoals Arch Rival of Toontime voor uw tekstlagen.

Stap 2

De achtergrond is vrij eenvoudig. Teken een grote rechthoek over het tekengebied in "teal" met behulp van de Rechthoekgereedschap. Met de Pen gereedschap, teken lange vormen die naar buiten uitstralen vanuit het midden (of zo) van het ontwerp. Verenigen hen in de verkenner paneel en pas een toe Radial gradiënt naar de Samengestelde vorm gaande van lichtblauw in het midden en groenblauw aan de randen. Het grootste deel van je ontwerp zal de meer ondoorzichtige delen van de vorm in het midden bedekken.

7. Het logo

Stap 1

Met een ander stripachtig lettertype heb ik de naam van het graan opgeschreven. Dit lettertype heet Helsinki. Ik raad aan om iets te gebruiken dat kinderlijk is en afgerond of met de hand getekend. Extrude & Bevel, net zoals de marshmallow-vormen vroeger waren.

Stap 2

De stappen voor het maken van het logo zijn vrij eenvoudig:

1. Uitbreiden uw 3D-tekst in Voorwerp en Ungroup zodat u elke letter omhoog of omlaag kunt verplaatsen of naar wens kunt draaien.
2. Verander de gezichten van de letters in lichtblauw en hun schaduwkleuren om ze te laten opgroeien.
3. Schaal enkele letters omhoog, zoals de C en de O, en sommige van hen naar beneden, zoals de E.
4. Groep de tekst bij elkaar eens tevreden met de plaatsing en maak een omtrek van kopiëren, plakken, en Uniting de gekopieerde groep in de verkenner paneel. Stel het slaggewicht in op 3-5pts en richten het achter de eerste logogroep. Merk op hoe de tekst een beetje kromt, klaar voor het ontwerp van de doos. 

Stap 3

Voeg alles samen! Ik besloot dat het personage het logo een beetje zou overlappen en de aanvullende tekst van "met marshmallow-tools" werd opnieuw in Arch Rival gezet. Ik heb ook twee extra contouren toegevoegd aan de rondvliegende personage-, bak- en graankorrels om ze verder van de achtergrond te onderscheiden. 

Op dit punt, met het hoofdontwerp voltooid, kun je dit project goed gedaan noemen. Of u kunt doorgaan met het maken van een digitaal graandoosmodel.

8. Het zijpaneel

Stap 1

Voordat we ons bezighouden met het bespotten van het ontwerp, moeten we het zijpaneel van de graandoos maken. Ik heb besloten om de moeite te gaan om de volledige voedingsfeiten te creëren. Gebruik de Rechthoek gereedschap om een ​​smalle rechthoek gevuld met wit te tekenen en de streekkleur ingesteld op zwart en a 2pt gewicht. Voor de regels gebruikte ik de Gereedschap Lijnsegment to teken elke lijn en zorg ervoor dat de breedte van de lijnen overeenkomt met de breedte van de eerste rechthoek. Bekijk een echte ontbijtdoos (of een ander voedingsmiddel) om te voldoen aan de richtlijnen van de FDA voor voedingsfeiten. Tenzij je de weg kiest om het allemaal te verzinnen, neem dan alle artistieke vrijheden die je wilt.

Stap 2

Het lettertype dat wordt gebruikt voor 'Nutrition Facts' is Franklin Gothic. Voor de rest van het label gebruikte ik Liberation Sans, zoals ik het verkies boven Arial of Helvetica. Zorg ervoor dat u uw tekst afstemt, zodat de vitaminen en belangrijke voedingscomponenten in de rij staan, terwijl hun waarden en percentages aan de andere kant staan.

Stap 3

Net als de voorkant van de doos met granen, is het zijpaneel ook groenblauw (hoewel zonder de stralende verloopvormen). Kopiëren en Pasta het logo en Schaal het naar beneden zodat het in de rechthoek past. Pasta uw voedingsfeiten en diverse voorbeelden van de marshmallow-ontwerpen ook.

Stap 4

Je moet je openstellen Adobe Photoshop CC voor de voltooiing van de rest van deze tutorial. Je hebt ook deze geweldige mock-updoos op Graphic River, gemaakt door Zeisla, nodig. Er is een instructie .PDF met het downloadbestand.

Open het bestand met het label 3.PSD in Photoshop. Je zult zien dat de bovenste laag is getiteld "Box (hier uw afbeelding)". Klik met de rechtermuisknop deze laag en druk op Bewerk inhouds. Pasta uw front box-ontwerp en zorg ervoor dat het het hele document vult. Raken opslaan en ga terug naar 3.PSD. U zult merken dat uw ontwerp zich nu in het lege vak bevindt. Herhaal deze stap met de tweede laag met het label "Box Side (Your Image Here) " voor uw eerder gemaakte zijpaneel (u kunt ook de inhoud van uw zijpaneel direct in het bestand monteren).

Geweldig werk, je bent klaar!

Gooi wat marshmallows in de lucht, je bent klaar! Pak ze dan weer op, ik betwijfel of je mieren wilt. Bekijk deze fantastische tutorials voor meer plezier met het ontwerpen van verpakkingen en cartoons:

• Mockup Blisterverpakking in Photoshop
• Cartoon Fundamentals: hoe een beeldverhaal te tekenen op de juiste manier
• Cartoon Fundamentals: The Secrets in Drawing Animals