Maak een illustratie van Candy Gumball Machine in Adobe Illustrator

Wat je gaat creëren

Het uiterlijk en de eenvoud van een kauwgomballenautomaat is alomtegenwoordig in design. Het is ongetwijfeld dat je om ze heen bent opgegroeid in winkels, restaurants of winkelcentra. Hoewel aardachtige machines de meest iconische zijn, gaan we ons richten op het doosachtige ontwerp dat vaak meer huisvest dan alleen kauwgomballen. Vuur op Adobe Illustrator CC en laten we er naar toe gaan!

1. Stel de machinebasis in

Stap 1

Maak een Nieuw document. De mijne heeft afmetingen van 6.67 "x 7.75", hoewel alles in dat honkbalveld voldoende ruimte moet hebben voor je ontwerp. Laten we beginnen met de basis van de kauwgomballenmachine:

1. Gebruik de Rechthoekgereedschap (M) om een ​​rechthoek te tekenen die dekt 2/3 van de breedte van het tekengebied. Trek aan de Live hoeken naar binnen iets om de hoeken van de rechthoek af te ronden. Als je niet gebruikt Illustrator CC, gebruik de Afgeronde rechthoek-tool met wat vallen en opstaan ​​om de straal te krijgen die je wilt.
2. Met de Direct selectie gereedschap (A), verplaats de ankerpunten van de linkerbenedenhoek zodat de ruimte tussen beide naar rechts langwerpig is.
3. Verplaats het pad aan de linkerkant van de afgeronde rechthoek zodat deze naar binnen toe naar rechts is gericht.
4. Breng tenslotte de hoekverankeringspunten een beetje naar boven, zodat de curve aan het einde omhoog schiet (zie linkerbovenhoek van de trapezium).

Stap 2

1. Teken een verticale rechthoek met de Rechthoekgereedschap overlappende helft van de trapezium. 
2. kiezen beide vormen en treffers Minus voorkant in de verkenner paneel. Uitbreiden de vorm onder Voorwerp.
3. Kopiëren (Control-C) en Plakken (Control-V) de nieuw gesneden vorm en reflecteren het over een Verticale as. richten de twee vormen en Verenigen ze in verkenner.
4. Verander de Vullen kleur naar helder Rood.

2. Render de basis

Stap 1

Deze kauwgomballenautomaat heeft een heldere en glanzende (zeer glanzende) basis nodig om munten en dergelijke vast te houden (hoewel in het geval van deze illustratie alle kauwgomballen vrij zijn omdat ik heb geweigerd een gokautomaat te tekenen).

Drie verloopvormen werden hieronder getekend met de Pen gereedschap (P). De eerste en grootste vorm heeft betrekking op de rechter onderzijde van de basis van de machine. Eenmaal getekend met de Pen gereedschap, gebruik de Gradient Tool (G) om toe te passen Lineair verloop dat gaat van Donkerrood naar Rood. Concentreer de donkerdere kleur van het verloop in de rechter benedenhoek. Doe het in de helling paneel.

Teken twee vormen voorzichtig aan weerszijden van de basisvorm om schaduwen te werpen aan beide kanten van de kauwgomballenmachine.

Stap 2

De derde en laatste schaduwvorm op het rode gedeelte van de kauwgomballenbasis is gebogen rond de linkeronderzijde van de voet van de machine en bevat een Lineaire gradiënt ga van Donkerrood op 100% dekking naar Rood op 0% dekking. Concentreer de donkerdere kleur naar de onderkant van de machinebasis.

Stap 3

Bij de meeste vormen van de kauwgomballenmachine zal er extra lijnwerk overheen worden geplaatst. Laten we dit nu gaan doen:

1. Kopiëren en Pasta de trapezium ingetekend Deel 1, stap 2 en stel de Vullen kleur naar Nul en de streekkleur naar Zwart. In de Beroerte paneel, stel beide in pet en Hoek naar afgeronde en de slag Gewicht naar 2pt.
2. Met de Pen gereedschap, teken een lange, rechthoekige vorm op de bovenkant van de machinebasis die aan de zijkanten kromt. Deze vorm houdt de glazen container vast die de kauwgomballen bevat. Teken een tweede vorm onder de eerste (hieronder geselecteerd) die in het midden enigszins kromt.
3. Trek ten slotte een gebogen rechthoekige vorm aan de onderkant van de kauwgomballenmachine. Ik vond het het gemakkelijkst om de onderrand en zijkanten van de trapezium te traceren voordat ik de bovenste curve van de vorm tekende. Pas eventuele curves aan met de Direct selectie gereedschap.

Stap 4

kiezen alle vier vormen getekend in de vorige vorm, Groep (Control-G) ze samen, en zet de Overvloeimodus naar Zacht licht in de Transparantie paneel. Kopiëren en Pasta de groep, stel de Overvloeimodus naar normaal, Beroerte kleur naar Nul, en Vullen kleur naarZwart. Plaats de nieuwe groep onder zijn tegenhanger in de Lagen paneel.

3. Render glanzend zwart metaal

Stap 1

kiezen de onderste zwarte vorm met de Direct selectie gereedschap en solliciteer een Lineair verloop ga van Zwart naar Donkergrijs naar Zwart naar Donkergrijs naar Zwart (zie hieronder). Trek twee rechthoeken op de bovenste zwarte vormen met lineaire Verlopen ga van Lichtgrijs op 0% dekking naar 100% dekking naar 0% dekking.

Stap 2

Laten we ons richten op de bovenkant van de machinebasis. Kopiëren en Pasta de twee zwarte vormen en breng hetzelfde zwarte en donkergrijze verloop uit de vorige stap aan. Reduceer hun ondoorzichtigheid naar 46% in de Transparantie paneel.

Stap 3

Deze stap vraagt ​​om in totaal vijf rechthoeken getekend met de Rechthoekgereedschap. Twee op elke zwarte vorm (zie hieronder) vanwaaruit Lichtgrijs op 0% dekking naar 100% dekking naar 0% dekking. Merk op hoe de verlopen het lichtst en helderst zijn langs dezelfde ruimte aan weerszijden van het ontwerp.

Trek een dunne, horizontale rechthoek bovenaan de tweede zwarte vorm (laatste afbeelding hieronder) die een bevat Lineair verloop dat gaat van Gstraal op 0% ondoorzichtigheid naar white op 100% dekking naar Gstraal (0%) naarwhite (100%) naar Grijs (0%).

Groep samen de vormen getekend in deze stap en plaats ze onder de gestreept lijnen uit Deel 2, stap 3.

Stap 4

Trek nog een dunne horizontale rechthoek onder de lijn die het laatst is getrokken in de vorige stap en plaats ze zoals hieronder te zien is. Gebruik de. Voor de gradiënthoogtepunt op de rode basis (laatste afbeelding hieronder) Lechts Gstraal op 0% dekking naar 100% dekking naar 0% dekking verloop met zijn globaal ondoorzichtigheid gereduceerd tot 40%, of zo, in de Transparantie paneel.

Stap 5

Breng voor de onderkant van de basis van de gumballmachine dezelfde hellingen aan uit de voorgaande drie stappen, wat resulteert in vier extra verloop rechthoeken (zie de voortgang hieronder).

Stap 6

De laatste stap naar het maken van de basis van de gumballmachine zijn een paar glanzende hoogtepunten op het rode gedeelte van het ontwerp. Trek twee verticale rechthoeken (dunne) aan de linkerkant van de machinebasis. Van toepassing zijn Lineaire verlopen voor iedereen die gaat white op 100% dekking naar 0% dekking op een 90 ° hoek. Verminder de ondoorzichtigheid van de tweede verloopvorm naar 40% in de Transparantie paneel.

Teken twee extra rechthoeken, naast elkaar, om de hoogtepunten op de basis te voltooien. Beide vormen hebben een Lineair verloop ga van white op 0% dekking naar 100% dekking naar 0% dekking.

Stap 7

Dit is niet zozeer een stap als het is een vooruitgang punt van wat we hebben bereikt in deze sectie. Vergelijk de twee ontwerpen met de uwe. Misschien hebt u net voldoende glanzende verloop rechthoekige vormen, of wilt u er meer aan toevoegen. Groep alles samen wanneer uw gumball machinebasis compleet is.

4. De glazen container

Stap 1

Teken een Afgeronde rechthoek en plaats het achter de machinebasisgroep in de Lagen paneel. Stel de Fziek kleur naar white.

De ... gebruiken Pen gereedschap, teken twee schaduwvormen die de zijranden van het witte vak volgen en de hoek naar binnen aan de onderkant. Stel de Lineair verloop naar zwart op 100% ondoorzichtigheid naar 0% dekking en een 90 ° hoek. 

Kopiëren en Pasta de witte doos, stel de Fziek kleur naar Nul en de Beroerte kleur naar Zwart. In de Beroerte paneel, stel de gewicht naar 2pt en pet en Hoek naar afgeronde. Stel de Overvloeimodus naar Zacht licht in de Transparantie paneel.

Stap 2

Voor de bovenkant van de glazen container moeten we twee basisvormen maken en deze vervolgens renderen.

1. Gebruik de Pen gereedschap om een ​​rechthoek te tekenen waarvan de zijkanten naar binnen zijn gericht. Stel de vulkleur in op Zwart. Als alternatief kunt u de Rechthoekgereedschap en hoek de ankerpunten om overeen te komen met de afbeelding hieronder.
2. Gebruik voor het voorstuk de Pen gereedschap om te beginnen in de linkerbenedenhoek van de zwarte rechthoek met een rechte lijn naar beneden en een licht gebogen hoek naar rechts.
3. Ik vind het het gemakkelijkst om vast te houden Verschuiving om een ​​rechte horizontale lijn naar rechts te tekenen.
4. Beëindig de vorm in het midden van de glazen kast. De juiste hoeken van de vorm zijn beide 90 ° hoeken. Sluit de vorm bij het oorspronkelijke ankerpunt aan de linkerkant.
5. Kopiëren, Pasta en reflecteer de geplakte vorm over a Verticale as. richten de vormen samen en Verenigen hen in de verkenner paneel.

Stap 3

Het proces om de bovenkant van de glazen behuizing weer te geven is vrijwel hetzelfde als wat er in is gedaan Sectie 3 van deze tutorial. 

1. Stel de Vullen kleur van het voorpand naar a Lineair verloop dat gaat van Zwart naar Donkergrijs naar Zwart naar Donkergrijs naar Zwart. 
2. Kopiëren en Pasta beide vormen en stel de Vullen kleur naar Nul en de Beroerte kleur naar Zwart, Gewicht naar 2pt, pet naar afgeronde, Hoek naar afgeronde, en de Overvloeimodus naar Zacht licht.
3. Trek een dunne, horizontale rechthoek langs de bovenrand van de vorm van de voorkant. Stel de helling naar Wit op 0% naar 100% naar 0% ondoorzichtigheid in de helling paneel.
4. Trek twee rechthoeken over de Donkergrijs delen van de voorste vorm met hetzelfde Wit naar Wit verloop gedaan in de vorige stap.
5. Teken twee kleine, dunne rechthoeken in de buurt van de bovenrand met dezelfde verloop om de hoogtepunten echt te laten knallen. Groep samen alle componenten van de kauwgomballenautomaat.

Stap 4

Teken een dunne, horizontale rechthoek in de buurt van de onderkant van de "glazen" container in het ontwerp. Stel de Vullen kleur naar zwart en de ondoorzichtigheid naar 23% in de Transparantie paneel. Groepeer de schaduwgradiëntvormen. 

Stap 5

Alle ontwerpen in de machine die niet de kauwgomballen zelf zijn, zijn optioneel, omdat uw glazen behuizing dit construct geheel kan verdoezelen. Als dit wordt weergegeven, volgt u de onderstaande stappen.

1. Teken een lange, verticale rechthoek in het midden van de glazen kast met een Lineair verloop dat gaat van Donkergrijs naar Gemiddeld grijs naar Donkergrijs.
2. Onder deze vorm, teken twee identiek Donkergrijs ellipsen met behulp van de Ellipse Tool (L).
3. Teken een rechthoek tussen hen zodat hun randen gelijk liggen met de zijkanten van de rechthoek.
4. Een van beide Verenigen de drie vormen in de verkenner paneel of gebruik de Shape Builder Tool (Shift-M) naar samensmelten de vormen.
5. Plaats de nieuwe afgevlakte cilindervorm onder de lange rechthoekige paal in de Lagen paneel.

Stap 6

Voer de onderstaande stappen uit om de cilinder weer te geven:

• Apple a Lineair verloop dat gaat van Donkergrijs naar Gemiddeld grijs naar Donkergrijs.
• Teken een Lichtgrijs ellips en lijn het uit met de bovenkant van de cilinder.
• Een toepassen Lichtgrijs naar Gemiddeld grijs Lineair verloop naar de ellips.
• Kopiëren en Pasta de cilinder en de ellips, stel de Vullen kleur naar Nul en de Beroerte kleur naar Zwart. In de Beroerte paneel, stel de pet en hoek naar afgeronde, en de Gewicht naar 2pt. Groep samen de cilinderonderdelen en plaats ze onder de verticale rechthoek in de Lagen paneel.

Stap 7

Nogmaals, dit is niet zozeer een stap als het is een vooruitgangsfoto van waar we tot nu toe zijn. Ik voegde twee transparante ellipsen toe onder de basis van de glazen kast.

5. Maak de kauwgomballen

Stap 1

We beginnen met de felrode "kauwgombol" aan de bovenkant van de machine. Dit is de basismethode voor elke gumball-kleur in het ontwerp.

1. Teken een Rood omcirkelen met de Ellipse Tool.
2. Kopiëren en Pasta de cirkel twee keer en overlappen de twee gekopieerde vormen zoals hieronder te zien.
3. Raken Minus voorkant in de verkenner paneel.
4. richten het rechtsonder van de rode cirkel. Een toepassen Lineair verloop dat gaat van Donkerrood naar Rood met de donkere kleur rechtsonder geconcentreerd.

Stap 2

1. Pasta de cirkel opnieuw over de rode cirkel. Stel de Vullen kleur naar Nul en de Beroerte kleur naar Zwart. In de Beroerte paneel, stel de Gewicht naar 0.5pt.
2. Pasta een cirkel opnieuw. Deze keer de Beroerte Gewicht zal zijn 2pts en de Overvloeimodus zal zijn Zacht licht.
3. Teken een kleinere cirkel in het midden van de rode kauwgombol met een Lineair verloop dat gaat van Rood op 100% naar 0% ondoorzichtigheid.
4. Teken twee kleine witte cirkels in de linkerbovenhoek van de kauwgombol. Groep de gumball componenten samen. Plaats de kauwgomballen bovenop de machine.

Stap 3

Om meerdere kleuren te maken, vond ik het het gemakkelijkst om Kopiëren en Pasta meerdere kauwgomballen en verander de Rood en Donkerrood van de originele kauwgombal door naar te gaan Bewerken> Kleuren bewerken > Illustratie opnieuw kleuren. Hiermee kunt u twee kleuren in elke kauwgombal wijzigen zonder dat u zich hoeft te bekommeren om elk individueel verloop.

Stap 4

Ik besloot in totaal zeven kleuren voor mijn kauwgomballen. Hoeveel kleuren u kiest, is geheel aan u. Kopiëren en Pasta de kauwgomballen rond de glazen koffer om het op te vullen. Zorg ervoor dat er een paar niveaus van kauwgomballen zijn opgestapeld om diepte toe te voegen. Eenmaal tevreden met plaatsing, Groep de kauwgomballen samen.

Gebruik de Pen gereedschap om opvallende vormen over de glazen kast te tekenen met een Lineair verloop dat gaat van Room of Wit op 0% naar 100%.

6. Teken de Candy Tray

Stap 1

De gestileerde lade en het muntmechanisme zijn vrij eenvoudig van ontwerp.

1. Teken een afgeronde rechthoek in Donkergrijs.
2. Pas hetzelfde toe Grijs en Zwart Lineair verloop zoals gebruikt in Sectie 3 van deze tutorial.
3. Teken een kleinere, zwaardere afgeronde rechthoek in Zwart in de bovenste helft van de eerste afgeronde rechthoek.

Stap 2

1. Teken een rechthoek over de kleinere afgeronde rechthoek.
2. Gebruik de Shape Builder Tool om de onderste helft van de afgeronde rechthoek te selecteren. Verwijder de rest van de overlappende rechthoek.
3. Een toepassen Lineair helling ga van Zwart naar Grijs naar Zwart naar Grijs naar Zwart nog een keer.
4. Kopiëren en Pasta alle drie de vormen en verander de Vullen kleur naar Null, Stroke naar 2pt Gewicht, Zwart, en Afgeronde hoeken en Caps. Stel de Mengmodus naar Zacht licht in de Transparantie paneel.

Stap 3

1. Teken een dunne, horizontale rechthoek met een Lineair verloop dat gaat van Wit op 0% naar 100% naar 0% naar 100% naar 0% dekking.
2. Herhaal in de lade zelf.
3. Teken een dunne verticale rechthoek met een Lineair verloop dat gaat van Wit op 0% naar 100% naar 0%.
4. Teken een kleine Grijs rechthoek ingesteld op 50% ondoorzichtigheid in de Transparantie paneel.
5. Gebruik de Pen gereedschap om een ​​gebogen vorm te tekenen op de bodem van de kauwgomballen. Stel de Vullen kleur naar Zwart en ondoorzichtigheid naar 50%.

Stap 4

Voor het draaimechanisme herhaalt u dezelfde renderingstappen als in deze sectie worden gebruikt.

1. Teken een afgeronde rechthoek waarvan de breedte overeenkomt met de gumball-lade.
2. Breng hetzelfde glanzende metallic zwart aan Lineair verloop eerder gebruikt. Kopiëren en Pasta de afgeronde rechthoek, stel de Vullen kleur naar Nulen Beroerte naar Zwart, 2pt Gewicht, Afgeronde hoeken en Caps, en Mengmodus naar Zacht licht.
3. Teken een kleine zwarte afgeronde rechthoek in het midden van de andere vorm.
4. Teken een tweede, nog kleinere afgeronde rechthoek met de glanzende metallic zwarte kleurovergang aangebracht.
5. Teken dunne rechthoeken met lichte hellingen langs de bovenrand van het draaimechanisme.
6. Ik heb in totaal vijf markeringsstijlen getekend, meestal aan de boven- en linkerkant van elke vorm, vergelijkbaar met wat is gedaan op de andere metalen zwarte componenten van het ontwerp van de kauwgomballenmachine.

7. Maak het ontwerp af

Stap 1

Groep samen uw componenten voor uw kauwgomballenmachine. Ik koos een helder, mosterdgeel voor mijn achtergrondkleur. Teken een grote rechthoek over het tekengebied en plaats deze achter de kauwgomballenmachine om de achtergrond te maken.

Teken een kleinere afgeronde rechthoek van dezelfde kleur en plaats deze boven de witte rechthoek die is getekend Deel 4, stap 1 om de glazen behuizing transparant te laten lijken.

Stap 2

Kopiëren en Pasta de kauwgomballenmachine zonder de interne componenten, Uitbreiden alle vormen onder Voorwerp, en Verenigen hen in de verkenner paneel. Stel de Vullen kleur naar Nul en Beroerte naar 2-4pt Gewicht, pet naar afgeronde, Hoek naar afgeronde, en Overvloeimodus naar Zacht licht. richten het met de kauwgomballenmachine.

Geweldig werk, je bent klaar!

Het was een lang proces, maar je kauwgomballenautomaat is klaar voor gebruik! Welke kleuren heb je gebruikt? Stel je een hele vloot snoepkleurige automaten voor. Toon ons uw versie van dit ontwerp in de reacties hieronder!