Astuce comment créer un cube de pixels rétro avec Adobe Illustrator

Dans cette astuce, vous apprendrez à utiliser l'outil Grille Rectangle, les outils Seau de peinture dynamique et Extrusion 3D et Biseau pour créer une image de cube de style pixel. Ce tutoriel a un thème Vectortuts, mais vous pouvez bien sûr créer ce que vous voulez. Inspirez-vous de vos jeux vidéo préférés pour créer un cube de pixels rapide et facile. Commençons!


Étape 1

Créez un nouveau document RVB de n’importe quelle taille. J'ai choisi 512px. Définir les unités en pixels.


Étape 2

Option + Cliquez sur la planche avec l'outil Grille rectangulaire. Vous pouvez trouver l’outil sous l’outil Plume regroupé avec l’outil Segment de ligne. Définissez la largeur et la hauteur sur 200 px et les diviseurs sur 10. Cliquez sur OK..


Étape 3

Sélectionnez la grille à l'aide de l'outil de sélection (V) et maintenez enfoncée la touche Option et faites glisser pour en faire deux copies..


Étape 4

Je vais créer un cube basé sur le thème de Vectortuts. J'ai donc sélectionné quelques nuances de bleu et les ai enregistrées dans la palette Swatches. Si vous utilisez les curseurs de couleur HSB, vous pouvez choisir une couleur centrale et modifier la luminosité (B) et la saturation (S) sans modifier la teinte (H) de la couleur..


Étape 5

Sélectionnez l'une des grilles et choisissez le pot de peinture dynamique (K). Vous remarquerez qu'il y a quelques échantillons de couleur en dessous, ce sont les couleurs de vos échantillons. Vous pouvez parcourir les nuances à l’aide des touches fléchées. Lorsque vous êtes prêt à colorier un bloc, cliquez sur. La grille se transformera en un groupe de peinture dynamique.


Étape 6

Commencez à dessiner les motifs que vous souhaitez pour les côtés du cube. Pour simplifier les choses, vous pouvez cliquer + glisser pour colorer plus d'un bloc. Si vous n'êtes pas sûr de la conception souhaitée, dessinez une grille de cube 11 x 11 sur le papier pour la planifier..


Étape 7

Une fois que vous avez terminé les conceptions, sélectionnez l’outil Rectangle (M) et cliquez sur Option sur la planche d’art pour créer un rectangle de 200px par 200px. Cliquez sur OK.


Étape 8

Faites glisser chacun des cubes de conception dans le panneau de symboles. Il n'y a pas de différence entre Movie Clip et Graphic pour cet exercice, vous pouvez donc choisir l'un ou l'autre. J'aime cliquer sur le point central lors de l'enregistrement pour faciliter la mise à l'échelle si je dois l'utiliser ultérieurement.


Étape 9

Sélectionnez le nouveau carré et allez à Effet> 3D> Extruder et biseauter. Dans le menu déroulant, sélectionnez Haut isométrique en tant que position et définissez 200pt en tant que Profondeur d'extrusion. Cliquez sur le bouton Map Art pour ouvrir les paramètres de Map Art..

Dans les options de Map Art, vous verrez un menu déroulant Symbole et un sélecteur de surface. Faites défiler les surfaces et appliquez l’œuvre de votre choix. Si vous regardez le cube transformé sur la planche graphique, vous remarquerez qu'il comporte des repères rouges indiquant quelle surface est sélectionnée. Utilisez-le pour trouver la surface à laquelle vous souhaitez appliquer une illustration. Définissez chaque surface et cliquez sur OK.


Étape 10

Parfois, lorsque vous créez un objet 3D dans Adobe Illustrator, vous pouvez remarquer que l'illustration que vous avez associée à une surface est à l'envers. C'est facile à réparer. Ouvrez le panneau de symboles et double-cliquez sur les symboles à modifier, cela vous mènera à la fenêtre d'édition des symboles. Dans ce cas, je dois retourner les symboles Stylo et Cœur.


Étape 11

Pour actualiser l'effet, sélectionnez le cube et ouvrez le panneau Apparence, puis cliquez sur l'effet Extrusion et biseautage. La boîte de dialogue des options s'ouvre à nouveau. Il n'y a rien à faire ici, cliquez simplement sur OK. Cela actualisera les symboles et le cube sera corrigé.


Étape 12

Supprimez ou déplacez les symboles que vous avez précédemment créés à partir de la planche graphique et positionnez l'objet 3D au milieu de la planche graphique. Développez l'apparence (objet> développez l'apparence). Dissocier le cube (Commande + Maj + G) pour pouvoir sélectionner les trois côtés.


Étape 13

Dans cette partie, nous ajouterons quelques effets d'éclairage. C’est un conseil pratique que j’utilise depuis peu avec mes illustrations. Cliquez sur la face supérieure du cube. Si ce n'est pas groupé, faites-le maintenant. (Sélectionnez la face supérieure du cube et rien d’autre, puis appuyez sur Commande + G). Une fois qu'il est groupé, vous pouvez lui appliquer une nouvelle apparence. Sélectionnez le groupe, ajoutez un nouveau remplissage dans le panneau Apparence (cliquez sur le bouton Remplissage au bas du panneau) et appliquez un remplissage dégradé à partir d'une version sombre de votre couleur principale. Cliquez sur les paramètres d'opacité, sélectionnez l'option Surimpression comme mode de fusion et réduisez l'opacité à quelque chose qui a l'air joli (ce sera différent selon la couleur que vous utilisez.) Répétez la même chose pour le panneau de gauche..


Étape 14

Pour le dos, il n'y aura pas de source de lumière, alors retournez dans le panneau Apparence et définissez un remplissage uniforme de la couleur sombre dans le dégradé et modifiez l'opacité pour obtenir quelque chose d'assez joli..

Une fois que vous avez terminé, vous devriez avoir quelque chose qui ressemble à ceci.


Conclusion

J'ai regroupé la forme entière et appliqué une ombre portée dans le panneau Apparence. J'ai également ajouté un arrière-plan avec un dégradé radial et des lignes avec l'outil Grille Rectangle. Amusez-vous avec les différents types d'images que vous pouvez créer. Inspirez-vous des jeux vidéo oldskool comme Super Mario Brothers ou même de nouveaux jeux comme Minecraft pour trouver des façons amusantes d'utiliser ce tut. S'amuser!