Ontwerp een controller en cartridge in Vintage Nintendo-stijl

Vintage ontmoet modern met deze unieke tutorial over videogames. Deze tutorial is perfect voor de beginnende Illustrator-artiest die zijn vaardigheden naar het volgende niveau wil brengen. Stap je spel op en begin nu!

Final Image Preview

Hieronder is het definitieve ontwerp waar we naartoe zullen werken. 

Stap 1

Begin met het gereedschap Afgeronde rechthoek. Maak een rechthoek die er ongeveer zo uitziet.

TIP: U kunt de straal van de hoeken aanpassen door de pijl omhoog of omlaag ingedrukt te houden terwijl u de vorm tekent.

Stap 2

Binnen in de rechthoek teken je drie kleinere vormen.

Stap 3

Gebruik de Pathfinder om één rand van de rechthoek af te snijden, zodat alleen de bovenste twee hoeken afgeronde hoeken hebben. Laag de vormen op elkaar en klik op de optie Aftrekken van vormgebied gevolgd door uitvouwen, zoals hieronder weergegeven.

Stap 4

Plaats de vorm onderaan, dupliceer en plaats een geroteerde versie van de vorm bovenaan.

Stap 5

Blijf eenvoudige vormen gebruiken om de hoofdgedeelten van de controller samen te stellen. Om de directionele pad te maken, leg je twee rechthoeken op elkaar en voeg je ze samen met de Pathfinder.

Stap 6

Afhankelijk van de vorm waarmee u werkt, is het maken van een kleinere of grotere versie van de vorm mogelijk niet zo eenvoudig als het verkleinen van de vorm. Dit is het geval met de dpad hieronder. Als u het eenvoudigweg zou kopiëren, plakken en schalen, zou er niet een gelijke hoeveelheid ruimte tussen elke zijde zijn. Met behulp van de volgende techniek is het eenvoudig om een ​​iets kleinere versie van een complexe vorm te maken.

Selecteer het object en ga naar Object> Pad> Offsetpad ... Voer de gewenste hoeveelheid offset in en druk op OK.

Stap 7

Geef offset aan de rechthoek, rond de twee middelste knoppen en de cirkels aan de rechterkant.

Stap 8

Geef de hoofdrechthoek die de controller vormt ook een offset.

Stap 9

Kleine details gaan ver. Vul de cirkels zoals getoond met een rood naar wit verloop. Merk op dat mijn verloop drie punten heeft: wit, rood en donkerder rood. De donkerrode kleur is een klein detail dat de knop meer een dynamisch bereik geeft. Op het eerste gezicht is het misschien niet merkbaar, maar het maakt een verschil.

Stap 10

Geef de achtergrond van de controller een grijs tot zwart verloop. Zorg ervoor dat u een rijk zwart en geen grijswaardenzwart gebruikt. Rich Black is de kleurzwart die bestaat uit de waarden "R", G "en" B ". Om nog een stap verder te gaan, gebruikt u een nulwaarde voor" R ", G," en "B.

Opmerking: als deze illustratie in een printer zou worden afgedrukt, zou u een CMYK-model gebruiken. Rijk zwart voor dat model zou C = 40, M = 30, Y = 20 en K = 100 zijn. De onderstaande grafiek toont een rijk zwartkleurenmodel voor RGB-illustraties.

Stap 11

Maak de pijlen op de dpad met behulp van eenvoudige vormen. Gebruik de Star Tool om de driehoek te maken.

TIP: pas het aantal punten op de Star Tool aan door op de pijl omhoog of omlaag te drukken terwijl u de ster tekent.

Stap 12

Lijn uw vormen verticaal uit en klik op Toevoegen aan vormgebied, zoals hieronder aangegeven, gevolgd door Uitbreiden.

Stap 13

Plaats de pijlen op het dpad. Gebruik het palet Uitlijnen om ervoor te zorgen dat alles perfect op één lijn ligt.

Stap 14

Geef de binnenste rechthoek en twee knoppen een innerlijke gloed door naar Effect> Stileren> Innerlijke gloed te gaan ...

Zorg ervoor dat de vulkleur van de twee knoppen licht genoeg is, zodat de binnenste gloed zichtbaar is. Zorg er ook voor dat u voor modus multiply selecteert.

Stap 15

Doe hetzelfde voor de binnenste cirkel op de andere knoppen.

Stap 16

En weer op de pijlen, verander de dekking en vervaging om te passen bij elk element waar je een innerlijke gloed aan toevoegt.

Stap 17

Als u snel hoogtepunten aan de rand van de pijlen wilt maken, selecteert u eerst alle vier de pijlen en voegt u ze samen in de Pathfinder met behulp van de optie Toevoegen aan vormgebied. Dupliceer daarna de pijlen en spreid ze zoals hieronder getoond. Selecteer beide reeksen pijlen en klik nogmaals op Aftrekken van vormgebied gevolgd door uitvouwen.

Stap 18

Om toe te voegen aan het algehele realisme van de controller, voegen we een reflectie toe aan de dpad. Teken een rechthoek en draai deze een beetje. Leg de rechthoek op de dpad, selecteer beide vormen en klik op Delen in de Pathfinder. Ga naar Object> Groep opheffen. Verwijder de overgebleven vormen aan de buitenkant van de dpad.

Stap 19

Geef beide helften van de dpad een subtiel verloop. Vergeet niet om een ​​rijk zwart te gebruiken in plaats van een grijswaardenzwart.

Stap 20

Voeg een tekst naar keuze toe. Om tekst een verloop te geven, moet je eerst de tekst selecteren en naar Tekst> Maak contouren gaan. Vul nu de tekst in met een verloop naar keuze.

Stap 21

Maak de markering over de knoppen op dezelfde manier als voor de markering op de dpad-pijlen. Begin met het overlappen van twee cirkels.

Stap 22

Plaats de markering boven de knoppen en pas de dekking ervan aan tot ongeveer 50%.

Stap 23

Om een ​​intense highlight onderaan de knop te maken, beginnen we met het tekenen van een Ellipse met behulp van de Ellipse Tool (L.)

Stap 24

Ga naar Object> Envelop Vervorm> Make with Warp ... Selecteer Arc in de vervolgkeuzelijst Stijl en voer een negatieve waarde in voor de Bend. Klik OK.

Stap 25

Gebruik het gereedschap Direct selecteren (A) om de handvatten en punten van de vorm af te stemmen.

Stap 26

We kunnen een realistische slagschaduw maken voor de objecten door een vorm te vervagen die lijkt op het object waarvoor we een schaduw willen maken. Maak een schaduw voor de twee knoppen in het midden door een afgeronde rechthoek te vervagen door naar Effect> Blur> Gaussian Blur te gaan.

TIP: zorg ervoor dat uw illustratie de gewenste schaal heeft voordat u vervagingseffecten toepast, want vervagingseffecten worden niet geschaald, ongeacht de opties die u selecteert in de voorkeuren van Illustrator.

Stap 27

Plaats de schaduw achter de knoppen, stel de modus in op Vermenigvuldigen en pas de dekking aan tot ongeveer 50% (in het transparantiepalet).

Stap 28

Maak highlights en lowlights voor de boven- en onderkant van de controller door de basiscontrollervorm als startpunt te gebruiken.

Breng twee vormen op elkaar aan en selecteer in het Pathfinder-palet Overlappende vormgebieden uitsluiten gevolgd door Uitvouwen. Als u de vormen daarna wilt breken, selecteert u Verdelen en gaat u naar Object> Groep opheffen.

Stap 29

Plaats de markering bovenaan en de onderste laag onderaan. Geef elke vorm een ​​vage gradiënt.

Stap 30

Als u de indruk wilt krijgen van een uitgespaard gebied, geeft u de vorm op onder een licht verloop dat aan de bovenkant donkerder is.

Stap 31

Om de videospelcartridge te maken, gebruikt u rechthoeken die als beginpunt samengevoegd zijn.

Stap 32

Gebruik de afgeronde hoekrechthoek zoals we in verschillende voorgaande stappen hebben gedaan om de meer gedetailleerde gebieden te maken.

Stap 33

Als u eenvoudig een patroon van meerdere rechthoeken wilt maken, tekent u eenvoudig twee rechthoeken en plaatst u ze op de gewenste afstand van elkaar.

Stap 34

Selecteer beide rechthoeken en ga naar Object> Overvloeien> Overvloeimogelijkheden ... Selecteer Opgegeven stappen en voer een aantal van ongeveer 20 in. Klik op OK.

Stap 35

Ga naar Object> Overvloeien> Maken en het resultaat zal iets produceren dat lijkt op de afbeelding hieronder. Om door te gaan met het bewerken van de vormen, moet je naar Object> Uitbreiden gaan.

Stap 36

Geef de patroon een radiaal verloop.

Stap 37

Het label heeft ook een eenvoudig grijs tot wit verloop nodig.

Stap 38

Geef de driehoek een innerlijke gloed door naar Effect> Stileren> Innerlijke gloed te gaan ...

Stap 39

Voeg een haarlijn (dunne) streek toe aan de driehoek met behulp van het Lijnpalet.

Stap 40

Selecteer het patroon van rechthoeken en pas ook een beetje verloop toe.

Stap 41

Geef de indruk van diepte door het rechthoekpatroon te dupliceren en het met een donkerdere grijze kleur te vullen. Omdat we niet intens zwart worden, hoef je je geen zorgen te maken over het gebruik van rijk zwart.

Stap 42

Selecteer de rechthoek in de buurt van de bovenrand van de cartridge en geef deze een dekking van ongeveer 85%.

Stap 43

Voeg kleine accenten toe aan de rand van de cartridge door de rechthoek een vage kleurovergang te geven.

Stap 44

Geef de zijkant ook een verloop.

Stap 45

Het maken van de veer is gemakkelijker dan je denkt. Gebruik het potloodgereedschap (N) en teken een organische veervorm zoals afgebeeld.

Stap 46

Teken ook de gebieden die in de veer snijden met behulp van het potlood. Het is misschien eenvoudiger om een ​​paar van deze vormen tegelijk te tekenen, in plaats van allemaal tegelijk.

Stap 47

Gebruik de optie Aftrekken van vormgebied om de vormen uit het hoofdgedeelte van de veer te verwijderen.

Stap 48

Gebruik het gereedschap Pen (P) om het middengedeelte van de veer te tekenen en geef de veer een schitterend rood verloop.

Stap 49

Het is vrijwel moeiteloos om de indruk van de veer te geven als een illustratie op het patroonlabel door de volgende techniek te gebruiken. Kopieer het patroonlabel en verwijder zowel de lijn als de vulling. Zorg ervoor dat deze vorm zich voor de veer bevindt, selecteer zowel de veer als de vorm van de patroon en ga naar Object> Knipmasker> Maken. Nu wordt alles buiten het gebied van de cartridge gemaskeerd!

Stap 50

Maak de achtergrond met behulp van het gereedschap Afgeronde rechthoek. Vul het met een intens blauw verloop.

Stap 51

Selecteer de hoofdvormen waaruit de controller en de cartridge bestaan. Ga naar Effect> Stileer> Gloed buiten ... Zorg ervoor dat je de modus instelt op het scherm, zodat je buitenste gloed zichtbaar is.

Stap 52

Maak een schaduw voor zowel de controller als de cartridge door een rechthoek te vervagen waarvan de vulling een verloop is met wit op beide randen. Stel in het palet Transparantie de modus in op Vermenigvuldigen en pas de dekking aan tot ongeveer 90%.

Stap 53

Werk de illustratie af door een rechthoek te vervagen en deze achter de controller te plaatsen. Dit geeft de illusie dat de controller voor de cartridge zweeft.

Final Image Preview

Hier is de laatste illustratie! Omdat de oppervlakken en de algehele stijl van de controller en cartridge vlak en vierkant zijn, werkt deze stijl van vectorillustratie perfect. Ben je klaar om je vectorspel te versnellen?