083 500x492 [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 3iè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 3iè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.

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

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.

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

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.

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

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.

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

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.

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

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

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

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

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

Voilà votre cube en 3D isométrique est terminé. 10 [tuto photoshop] Créer un cube en pixel art

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

VN:F [1.9.18_1163]
Evaluez cet article :
Rating: 9.4/10 (7 votes cast)
[tuto photoshop] Créer un cube en pixel art, 9.4 out of 10 based on 7 ratings pub 175px [tuto photoshop] Créer un cube en pixel art

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

2 réponses à [tuto photoshop] Créer un cube en pixel art

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

messages récents du forum
Devenir membre
Archives
Abonnez vous au blog
ChargementChargement


Nuages de mots 3D

Débuter avec …
Ebook
Partenaires
Silverfox, site de tutos Photoshop et Illustrator
Page facebook