pied gauche

 

Débuter

Forum > Débuter > Tutoriel Pixel Art

1 | 2

Gøld

13/07/14 (17:38)

avatar

Membre

[corrections d'orthographe et/ou de mise en page par Méthylène le 13/07 à 18:56]
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
-----------------------------------------------------------------------------------------------------------------


[*v] La taille de l'image est de 32x32 pixels.
[*v] Le format de l'image est le .gif (jusqu'à ce qu'on puisse utiliser le .png [:D])



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 :

[*v] La taille de l'image est de 54x54 pixels.
[*v] Le format de l'image est le .gif



[*v] Dans Kraland le plateau est une perspective isométrique avec les quatre points cardinaux positionnés de cette façon :



[*v] 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. Base



Voici 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



x400
Spoiler

Cré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. Ombrage



x400
Spoiler

Détermination des faces les plus exposées et création des ombrages.


4. Ajout des couleurs



x400
Spoiler



5. Ajout des ombrages propres à la structure



x400
Spoiler

Votre 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



x400
Spoiler

Diversification 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 murs



x400
Spoiler

Ajout 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
Spoiler





Autres conseils :

[*v] 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 :




[*v] 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 [8)]

___



[ce message a été édité par Gøld le 13/07 à 18:28]

Orion Lefo pas Levré

14/07/14 (00:43)

avatar

Membre

Quand je vois le travail à accomplir, j'avoue que je ne sais pas trop quoi penser ...
Personnellement, je m'étais amusé à travailler une boîte KRA20KRA pour la transformer en "Boîte à Sbleunes" :





Prière de pas trop se moquer de moi.
Elle date de quelques mois et c'était à l'époque où j'étais MR au Khanat Elmérien !
Bon, le truc rouge, c'est sensé représenter un Sbleune rouge avec ses yeux et sa bouche.
Le truc jaune sur le sommet, c'est l'ouverture : On y plonge la main et ça "Sbleubleubleu" et une forte odeur de vomi sbleune (sans l'acidité) qui en ressort de la boîte (façon slime à l'intérieur).
Bref, j'avoue que je sais pas trop ce que ça vaut par rapport à un travail d'AG mais je pense pas que ça soit de quoi faire des miracles. [:p]

Maiaka

14/07/14 (12:11)

avatar

Membre

Orion[*m]Douces-caresses a écrit :

T'inquiète Orion, moi j'ai un peu honte avec mon "Mr Jay". [:,]

Merci pour le petit tuto ånånå.

___

Maiaka - MaiakaIPWhiteRozen[*b] - MaiakaIPAnarfyfy[*b] et Gardevoiaka
"La violence est justifiée, quand il est question de serrer un corset"
Boycotteuse de RIK/PM/etc
Feedeuse émérite sur Lol et Omygodtaconnectionestpourave
#Plusquetroisplaintes #ConfondezmoiavecMyska [=)]

Gøld

22/07/14 (22:18)

avatar

Membre

Maiaka a écrit :

Avec plaisir, pour ceux qui sont motivés, n'hésitez pas à me poser des questions, à mettre vos essais ici, à candidater auprès de Yeti pour rejoindre les AG, etc

___

Gi$mo est parti voir l'IRL

23/07/14 (10:44)

avatar

nombre messages : 16156

Membre

J'ai lancé un petit jeu sur Divers autour du pixel art.
Ça permet de s’entraîner et tout le monde peut participer.

___

Gi$mo [§v]

Retrouver tous les pixels art ICI

Orion Lefo pas Levré

23/07/14 (21:01)

avatar

Membre

J'ai vu ça Gizmo et c'est d'un autre niveau que mes trucs ... [:p]
Mes félicitations. ^^'
Mais bon, vous avez pensé à kidnapper Gizmo ?

KraDesk

23/07/14 (21:13)

avatar

nombre messages : 4180

Modérateur

Orion[*m]Douces-caresses a écrit :


Mais bon, vous avez pensé à kidnapper Gizmo ?


Oui, ça fait partie du jeu de piste prévu pour la RIK. Mais chuuuuut, il n'est pas au courant !

Gi$mo est parti voir l'IRL

24/07/14 (15:46)

avatar

nombre messages : 16156

Membre

KraDesk a écrit :

[:o]

Faudra venir me chercher car je serais pas en France... [:,]

Mais Orion... Tu sais en fait je suis enchaîné dans un cagibi chez Yaetitia en ce moment pour produire des pixel art pour KI... Qui seront peut être implémentés en moins de 6 mois qui sait...
Et ya Anana qui vient me fouetter de temps en temps...

[!(]

___

Gi$mo [§v]

Retrouver tous les pixels art ICI

Tesaki [8O] Hisoka

04/08/14 (12:46)

avatar

Membre

Pour voir si j'ai bien compris le principe.


Une fraise en souvenir de la Structurie V5 et un ananas pour l'auteur du topic.

C'est une baguette de pain à la base [;o]

Si vous avez des conseils, n'hésitez pas je suis preneur.

Orion Lefo pas Levré

04/08/14 (15:03)

avatar

Membre

J'ai un conseil : Tu peux tenter de faire le béret ? [:,]
Bon, je vais voir ce que je peux faire cette semaine. Faut déjà avoir une idée en tête. ^^

[ce message a été édité par Orion Lefo pas Levré le 05/08 à 02:02]

Forum > Débuter > Tutoriel Pixel Art

1 | 2