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!
Hieronder is het definitieve ontwerp waar we naartoe zullen werken.
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.
Binnen in de rechthoek teken je drie kleinere vormen.
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.
Plaats de vorm onderaan, dupliceer en plaats een geroteerde versie van de vorm bovenaan.
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.
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.
Geef offset aan de rechthoek, rond de twee middelste knoppen en de cirkels aan de rechterkant.
Geef de hoofdrechthoek die de controller vormt ook een offset.
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.
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.
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.
Lijn uw vormen verticaal uit en klik op Toevoegen aan vormgebied, zoals hieronder aangegeven, gevolgd door Uitbreiden.
Plaats de pijlen op het dpad. Gebruik het palet Uitlijnen om ervoor te zorgen dat alles perfect op één lijn ligt.
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.
Doe hetzelfde voor de binnenste cirkel op de andere knoppen.
En weer op de pijlen, verander de dekking en vervaging om te passen bij elk element waar je een innerlijke gloed aan toevoegt.
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.
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.
Geef beide helften van de dpad een subtiel verloop. Vergeet niet om een rijk zwart te gebruiken in plaats van een grijswaardenzwart.
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.
Maak de markering over de knoppen op dezelfde manier als voor de markering op de dpad-pijlen. Begin met het overlappen van twee cirkels.
Plaats de markering boven de knoppen en pas de dekking ervan aan tot ongeveer 50%.
Om een intense highlight onderaan de knop te maken, beginnen we met het tekenen van een Ellipse met behulp van de Ellipse Tool (L.)
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.
Gebruik het gereedschap Direct selecteren (A) om de handvatten en punten van de vorm af te stemmen.
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.
Plaats de schaduw achter de knoppen, stel de modus in op Vermenigvuldigen en pas de dekking aan tot ongeveer 50% (in het transparantiepalet).
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.
Plaats de markering bovenaan en de onderste laag onderaan. Geef elke vorm een vage gradiënt.
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.
Om de videospelcartridge te maken, gebruikt u rechthoeken die als beginpunt samengevoegd zijn.
Gebruik de afgeronde hoekrechthoek zoals we in verschillende voorgaande stappen hebben gedaan om de meer gedetailleerde gebieden te maken.
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.
Selecteer beide rechthoeken en ga naar Object> Overvloeien> Overvloeimogelijkheden ... Selecteer Opgegeven stappen en voer een aantal van ongeveer 20 in. Klik op OK.
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.
Geef de patroon een radiaal verloop.
Het label heeft ook een eenvoudig grijs tot wit verloop nodig.
Geef de driehoek een innerlijke gloed door naar Effect> Stileren> Innerlijke gloed te gaan ...
Voeg een haarlijn (dunne) streek toe aan de driehoek met behulp van het Lijnpalet.
Selecteer het patroon van rechthoeken en pas ook een beetje verloop toe.
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.
Selecteer de rechthoek in de buurt van de bovenrand van de cartridge en geef deze een dekking van ongeveer 85%.
Voeg kleine accenten toe aan de rand van de cartridge door de rechthoek een vage kleurovergang te geven.
Geef de zijkant ook een verloop.
Het maken van de veer is gemakkelijker dan je denkt. Gebruik het potloodgereedschap (N) en teken een organische veervorm zoals afgebeeld.
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.
Gebruik de optie Aftrekken van vormgebied om de vormen uit het hoofdgedeelte van de veer te verwijderen.
Gebruik het gereedschap Pen (P) om het middengedeelte van de veer te tekenen en geef de veer een schitterend rood verloop.
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!
Maak de achtergrond met behulp van het gereedschap Afgeronde rechthoek. Vul het met een intens blauw verloop.
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.
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%.
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.
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?