Vous aimeriez vous joindre aux Aides-Graphistes du site en vous lançant dans le Pixel Art mais vous n'avez aucune idée de par où commencer ?
Vous êtes plutôt autodidacte et chevronné ?
Alors c'est parti.
-----------------------------------------------------------------------------------------------------------------
Création d'un objet
----------------------------------------------------------------------------------------------------------------- La taille de l'image est de
32x32 pixels.
Le format de l'image est le .
gif (jusqu'à ce qu'on puisse utiliser le .png
)
Vous n'avez, pour la création d'un objet, aucune contrainte hormis celle de la taille de l'image.
Essayez juste de laisser un cadre libre d'une épaisseur d'1 pixel.
Vous pouvez créer une objet de face, de profil ou comme bon vous semble.
Exemples :Objet vu de face (2D)
Objets en perspective isométrique (3D) : (tenir compte des ombrages!)
La représentation d'un objet du jeu ne vous plait pas et vous l'auriez plutôt vu d'une autre façon ?
Commencez par là.
Essayer de refaire cet objet selon votre envie, pixel par pixel.
-----------------------------------------------------------------------------------------------------------------------
Création d'un bâtiment
-----------------------------------------------------------------------------------------------------------------------La création d'un bâtiment est par contre un peu plus complexe et nécessite de prendre en considération quelques petites contraintes :
La taille de l'image est de
54x54 pixels.
Le format de l'image est le .
gif Dans Kraland le plateau est une
perspective isométrique avec les quatre points cardinaux positionnés de cette façon :
Et avec un soleil provenant de l'ouest :
La position du soleil et donc la provenance de la lumière est fixe et ne peut être modifiée.
Elle engendre des ombrages différents sur les faces du cube (du futur bâtiment) qui doivent être respectés pour que le bâtiment paraisse naturel.
On obtient le cube ci-dessus avec des faces de plus en plus foncées selon leur exposition à la lumière.
En sachant et en respectant ça, vous avez tout ce qu'il vous faut pour créer un bon pixel.
Exemple détaillé de la création d'un bâtiment : 1. BaseVoici la base sur laquelle reposera votre bâtiment.
Elle correspond à la case herbe classique. (Case variant selon le thème)
Il faut prendre garde que sur cette base les deux lignes extérieures de pixels sont à laisser libre pour que le chevauchement des cases soit aéré.
Ainsi, la partie de la base sur laquelle on pourra travailler est représentée ici en noir :
On verra un peu plus loin qu'on peut éventuellement déjà habiller la base à cette étape pour que le rendu soit meilleur à la fin.
2. Structure x400Création de la structure de votre bâtiment.
C'est peut-être l'étape la plus importante. Il faut que les angles soient corrects par rapport à la perspective isométrique et ceux-ci deviennent compliqués à gérer dès qu'on sort de la forme cubique.
3. Ombragex400Détermination des faces les plus exposées et création des ombrages.
4. Ajout des couleursx4005. Ajout des ombrages propres à la structurex400Votre structure nécessitera peut-être parfois d'ajouter des ombrages propres à elle.
Un toit recouvrant une partie du mur, etc... il ne faut pas les oublier, ce sont ceux-ci qui donneront du volume à votre bâtiment.
6. Diversification x400Diversification des nuances des couleurs pour ajouter un effet plus réel et harmoniser l'ensemble.
La réalité est pleine de défauts donc - à mon sens - il faut que chaque pixel soit différent de son voisin.
(Cette étape est très controversée parmi les AG
)
7. Habillement des mursx400Ajout des détails, portes, fenêtres,...
8. Habillement du sol et finitions A l'étape 1. , rien ne vous empêche de déjà habiller le sol, ce petit détail est pour moi primordial :
Et tout à la fin, de rajouter des détails aux alentours des murs, etc
x400 Autres conseils : N'utilisez pas toute la hauteur de la case pour réaliser votre bâtiment.
Pourquoi ?
Pour la simple raison qu'une fois votre bâtiment sur la carte, il ne sera pas tout seul et qu'il ne faut pas qu'il masque complètement les bâtiments derrière lui.
Exemple d'un bâtiment trop grand et trop large :
Essayez de rester proportionnel aux bâtiments déjà créés et en fonction du niveau de celui-ci.
---
Ceci, c'est ma méthode.
Il en existe sans doute des biens meilleures, bien plus rapides aussi mais vu que je n'ai jamais pris le temps de m'exercer sur photoshop, je suis limité aux fonctionnalités de mon bon vieux photofiltre
Si vous avez des questions ou si vous avez besoin de précisions / conseils, n'hésitez pas.
Ce petit tuto a simplement pour but de vous donner envie de rejoindre l'équipe et de vous montrer que le pixel art est à la portée de tous
___
[ce message a été édité par Gøld le 13/07 à 18:28]