Snelle tip Hoe maak je een Retro Pixel Cube met Adobe Illustrator

In deze Snelle tip leert u hoe u de Rectangle Grid Tool, de Live Paint Bucket en 3D Extrude en Bevel tools gebruikt om een ​​kubusafbeelding in pixelstijl te maken. Deze tutorial heeft een Vectortuts-thema, maar je kunt natuurlijk alles maken wat je maar wilt. Laat u inspireren door uw favoriete videogames om een ​​snelle en eenvoudige pixelkubus te maken. Laten we beginnen!


Stap 1

Maak een nieuw RGB-document van elke grootte. Ik heb 512 px gekozen. Stel de eenheden in op pixels.


Stap 2

Optie + klik op het tekengebied met het Rechthoekige raster. U vindt de tool onder de Pen Tool gegroepeerd met de Line Segment Tool. Stel de breedte en hoogte in op 200 px en de verdelingen op 10. Klik op OK.


Stap 3

Selecteer het raster met het selectiegereedschap (V) en houd Option ingedrukt en sleep om twee kopieën van het raster te maken.


Stap 4

Ik ga een kubus maken op basis van het thema Vectortuts, dus ik heb een paar tinten blauw geselecteerd en deze in het palet Stalen opgeslagen. Als u de HSB-schuifregelaars gebruikt, kunt u een centrale kleur kiezen en de helderheid (B) en verzadiging (S) wijzigen zonder de tint (H) van de kleur te wijzigen.


Stap 5

Selecteer een van de rasters en kies de emmer voor Live Paint (K). U zult merken dat er een paar kleurstalen onder staan, dit zijn de kleuren in uw stalen. Je kunt met de pijltjestoetsen door de stalen scrollen. Wanneer u klaar bent om een ​​blok te kleuren, klikt u op. Het raster wordt een Live Paint Group.


Stap 6

Begin met het tekenen van de gewenste ontwerpen voor de zijkanten van de kubus. Om het gemakkelijker te maken, kunt u klikken + slepen om meer dan één blok te kleuren. Als u niet zeker bent van het ontwerp dat u wilt, trek dan ruwweg een 11 bij 11 kubus raster op papier om het te plannen.


Stap 7

Nadat u de ontwerpen hebt voltooid, selecteert u het gereedschap Rechthoek (M) en Option Click op het tekengebied om een ​​rechthoek van 200 x 200 pixels te maken. Klik OK.


Stap 8

Sleep elk van de ontwerpkubussen naar het symbolenpaneel. Er is geen verschil tussen Movie Clip en Graphic voor deze oefening, dus het is goed om een ​​van beide te selecteren. Ik hou ervan op het middelpunt te klikken als de registratie om het schalen gemakkelijker te maken als ik het later moet gebruiken.


Stap 9

Selecteer het nieuwe vierkant en ga naar Effect> 3D> Extrude & Bevel. Selecteer in het vervolgkeuzemenu Isometrische top als positie en stel 200pt in als Extrude Depth. Klik op de knop Art Map om de Map Art-instellingen te openen.

In de Map Art-opties ziet u een vervolgkeuzemenu Symbool en een keuzeschakelaar voor het oppervlak. Blader door de oppervlakken en pas de illustratie van uw keuze toe. Als u de getransformeerde kubus op het tekengebied bekijkt, ziet u dat deze rode richtlijnen heeft om aan te geven welk oppervlak is geselecteerd. Gebruik dit om het oppervlak te zoeken waarop u illustraties wilt toepassen. Stel elk oppervlak in en klik op OK.


Stap 10

Soms merkt u tijdens het maken van een 3D-object in Adobe Illustrator dat de afbeelding die u aan een oppervlak hebt toegewezen, ondersteboven ligt. Dit is eenvoudig op te lossen. Open het symbolenpaneel en dubbelklik op de symbolen die moeten worden gewijzigd, hiermee komt u in het symboolbewerkingsvenster. In dit geval moet ik de symbolen Pen en Hart omdraaien.


Stap 11

Om het effect te vernieuwen, selecteert u de kubus en opent u het uiterlijkvenster en klikt u op het effect Extrude & Bevel en wordt het dialoogvenster voor de optie opnieuw geopend. Er is hier niets te doen, klik gewoon op OK. Hierdoor worden de symbolen vernieuwd en wordt de kubus hersteld.


Stap 12

Verwijder of verplaats de symbolen die u eerder vanuit het tekengebied hebt gemaakt en plaats het 3D-object in het midden van het tekengebied. Vouw de weergave uit (Object> Uiterlijk uitvouwen). Ontkoppel de kubus (Command + Shift + G) zodat de drie zijden geselecteerd kunnen worden.


Stap 13

In dit deel zullen we enkele lichteffecten toevoegen. Dit is een handige tip die ik de laatste tijd met mijn illustraties gebruik. Klik op het bovenvlak van de kubus. Als het niet gegroepeerd is, doe dat dan nu. (Selecteer het bovenvlak van de kubus en niets anders en druk vervolgens op Command + G). Nadat het is gegroepeerd, kunt u er een nieuwe vormgeving op toepassen. Selecteer de groep, voeg een nieuwe vulling toe in het deelvenster Vormgeving (klik op de knop Vullen onder aan het deelvenster) en pas een verloopvulling toe van een donkere versie van uw hoofdkleur naar wit. Klik op de instellingen voor Ondoorzichtigheid en selecteer Overlay als de overvloeimodus en verminder de dekking tot iets dat er mooi uitziet (dit is anders, afhankelijk van de kleur die u gebruikt.) Herhaal hetzelfde voor het linkerdeelvenster.


Stap 14

Voor de achterkant is er geen lichtbron, dus ga terug naar het Uiterlijkpaneel en vul een effen vulling van de donkere kleur in het verloop en verander de dekking naar iets dat er leuk uitziet.

Als je klaar bent, zou je iets moeten hebben dat er zo uitziet.


Conclusie

Ik heb de hele vorm gegroepeerd en een slagschaduw toegepast in het deelvenster Vormgeving. Ik heb ook een achtergrond met een radiaal verloop en lijnen met het Rectangle Grid Tool toegevoegd. Speel wat rond met de verschillende soorten afbeeldingen die je kunt maken. Laat u inspireren door oldskool-videogames zoals Super Mario Brothers of zelfs nieuwe games zoals Minecraft om leuke manieren te bedenken om deze tut te gebruiken. Veel plezier!