[tuto photoshop] Créer un cube en pixel art

Le pixel art est une technique artistique numérique des plus étonnantes. Elle consiste à créer à partir de pixels (souvent 1 pixel à la fois) des environnements, des personnages et autres créatures. certains artistes sont des virtuoses dans ce domaine. Je vous propose de mettre un pied dans ce monde avec ce modeste tuto.

Pour ceux qui l’ignorerais l’isométrisme, c’est le fait de représenter un élément 2D en simulant la 3^ième dimension. Je prend un exemple, les anciens jeux vidéo par exemple, avait au début des graphismes en 2D, on voyait les personnages de profils et qui avançaient dans un espace en 2D, ils pouvaient avancer, reculer, sauter et redescendre mais pas agir sur la profondeur (même si certains titres ont instaurés plusieurs plans). Par la suite des jeux comme Solstice (mais c’est loin d’être le premier, c’est juste l’exemple qui me vient à l’esprit) ont tentés l’expérience en ajoutant de la profondeur au jeu, en ajoutant une 3^ième dimension : la profondeur. Du coup les personnages n’évoluaient plus dans un monde à plat, mais dans un univers en 3D, vue du dessus, ou ils pouvaient avancer devant, derrière, mais aussi sur les côtés.

Je vous propose donc de créer un cube afin de vous initier doucement à la 3D isométrique.

Nous allons ouvrir un nouveau document de 20×20 pixels, 72dpi, RVB, fond transparent.

Afin de s’y retrouver nous allons créer une grille pour cela rendez vous dans Edition>Préférences>Repères, Grilles et tranches. Ici réglez le pas et la subdivision à 1 pixel. Maintenant allez dans Affichage>Afficher>Grille.

Zoomez au maximum avec l’outil loupe. Puis prenez l’outil crayon avec une épaisseur de 1 pixel. Compter 10 carrés à partir du bord et placez 2 points, l’un à coté de l’autre, tout en bas de votre document. Placez un autre point tout en haut au même niveau.

Nous allons maintenant dessiner le dessus et la base. Pour cela nous allons créer une sorte d’escalier montant en bas et descendant en haut. Avec votre crayon dessinez des lignes de 2 pixels de long de chaque côté de vos 2 points créés à l’étape précédente comme sur la photo. N’oubliez pas ils font 2 pixels de long.

Si tout s’est bien passé il doit vous restez une bande de 1 pixel de large de chaque côté. Laissez un petit carré vide en face des lignes et dessinez les 2 arrêtes descendantes, encore une fois comme sur la photo.

Nous avons maintenant faire le contour de notre cube. Choisissez une couleur, puis toujours avec le crayon d’un pixel nous allons remplir la partie haute de ce cube. Commencez par remplir le premier triangle. Ensuite en suivant bien l’exemple de la photo, toujours avec des morceaux de 2 pixels de long, et en forme d’escalier remplissez le reste de la forme.

Maintenant changez votre couleur, prenez une couleur plus foncé que celle d’avant et remplissez la partie gauche du cube.

Ensuite prenez une couleur encore plus foncé et remplissez la partie droite du cube.

Voilà votre cube en 3D isométrique est terminé.

Articles en relation :

1. [tuto illustrator] Cube, Rubik’s cube et motif infini
2. [tuto photoshop] Créer une planète
3. Le Pixel Art
4. tuto photoshop : Effet aquatique
5. Dessiner un cube