Page 1 sur 1

[-Tutoriel-] Théorie du shading ou éclairage en bon français

Publié : ven. oct. 17, 2008 3:50 pm
par startos
Cette technique semble impossible du point de vue technique, voir effrayante pour certains… En fait, ce n'est pas si dur qu'il n'y parait et ce tuto vous aidera (enfin je l'espère) à créer de beaux ombrages.

Cette technique s''applique non seulement pour faire les bases, il s'applique également aux personnages (ou au dessin et à la peinture).!

Prenons deux exemples, lequel correspond le mieux au à la théorie du shading ?

Image

Buzz !!! Vous misez sur la deuxième réponse ! Bravo !

Je vous explique pourquoi...

La première sphère correspond à une technique qui consiste à tracer le contour avec une ligne d'un pixel d'ombrage. Après cela, on sélectionnent une couleur plus légère et répètent le processus plusieurs fois.

Avec un zoom, on se rend compte que c'est moche, pas beau, et que ça sert à rien :

Image

Appliquons cette technique à une sphère et voyons à quoi elle ressemble.
Elle n'est pas très réaliste, n'est-ce pas ?

Il y a plusieurs erreurs avec cette boule :

- La source lumineuse est étrange :
Une boule ne serait jamais allumée de cette façon, à moins qu'il y ait un projecteur minuscule dirigé directement au milieu de la boule. Ce qui n'est pas le cas sur un personnage ou un objet, non ?

- L'ombrage n'est pas lisse :
Si vous suivez le contour exactement avec votre ombrage, vous allez transférer la même irrégularité dans tout votre ombrage entier ! Ça créé 4 quarts de carrés coupés d'une ligne en diagonale...

Les règles de l'éclairage :
La sphère de droite correspond à la théorie du shading. J'ai employé moins de couleurs que sur la première boule, et plus l'espace entre les différentes sections de couleurs.

Voici comment cela fonctionne :

Une source de lumière, un dégradé donnant les effets d'ombres, rien de plus...

Image

Nous pouvons appliquer les mêmes règles à différentes formes, cubes, cylindres... Voici quelques exemples, tous allumés de la même façon que la sphère.

C'est une bonne pratique de commencer par des formes simples.

Lumière réfléchie :
Maintenant que nous savons comment ces formes éclairées, nous allons nous attaquer à la lumière réfléchie. Quand la lumière frappe une surface, elle l'allume, mais la lumière rebondit également.

Ainsi, elle se reproduit en rebondissant dans un secteur qui normalement seraient dans l'ombre. Quand nous appliquons ceci à nos formes de base on peut voir un point culminant mince briller dans la surface du côté ombragé.

Image

C'est une technique qui ne s'emploie pas souvent, mais ajoute du réalisme… particulièrement pour les surfaces brillantes.

Objets complexes :
Jusqu'ici, nous avions seulement ombragés des formes de base. Il est très important que vous appreniez comment ombrager ces objets dans tous les angles et dans différentes conditions d'éclairage.

Même si une forme est vraiment complexe, nous pouvons la diviser pour n'en restituer que les formes de base ! Ainsi, en construisant les fondations, nous pouvons nous appliquer à cet exemple.

Image

Voici un croquis décomposés en formes de base.

En décomposant un corps comme ceci, on commence à faire quelque chose d'intéressant.

Observez les avatars du forum...

Image

Maintenant, vous voyez l'utilité de bien connaitre l'architecture d'un corps humain (son anatomie) pour y déposer correctement vos ombres !

http://koruldia.info/viewtopic.php?t=59

Maintenant vous êtes prêts pour commencer à convertir vos croquis en chef d'œuvre de Pixel !![/list]

Publié : ven. oct. 17, 2008 9:31 pm
par Khalil
J'adore ! :D

Je te remercie encore pour ta contribution !
Seulement je remarque que le Shading est une technique qui prend beaucoup de temps a être apliquée j'ai un peu de difficultés mais je pense que je serais plus a l'aise en bossant un peu plus dessus...

Publié : ven. oct. 17, 2008 9:37 pm
par SabiRyuuji
YEP le corp féminin by Staros!
Tout aussi bien fait ^^ pas con l'histoire des formes, ta surment eu des cours, non? moi j'ai jamais vraiment eu de regle pour mon dessin lol c sans reflechir a force quoi

Publié : ven. oct. 17, 2008 10:04 pm
par startos
Je dessine depuis l'âge de 6 ans ! Et j'ai 30 ans... imagine... 17 ans de pixel art, 24 ans de dessin, sans jamais prendre de cours... juste en lisant, en observant, tout simplement... Je continue mon petit bonhomme de chemin...

Mais tu te débrouilles bien ! J'adore ce que tu fais !!! :bravo:

J'attend des tutos de Irie aussi, et même de toi pourquoi pas !

Dans tout les cas, faut faire vivre le forum !!!!!!

:pleure: Euh, sinon, c'est startos... pas staros :!: :!: :!: :!: :!:

Publié : ven. oct. 17, 2008 10:45 pm
par Khalil
Staros -> Evolution De Stari x)

Publié : ven. oct. 17, 2008 11:07 pm
par startos
Ouais, mais ça n'a rien à voir, Startos existe depuis bien plus longtemps que Staros ! Ne gardons que l'original !!! :pleure:

Publié : sam. oct. 18, 2008 2:26 pm
par Mod
Ah, excellent tutorial celui-ci, c'est tellement courant de voir du remplissage à la barbare que ça fait du bien à lire ^__^.

Sinon, la lumière réfléchie porte assez souvent le nom d'ambient lightning (très souvent même), éclairage d'ambiance (c'est déjà plus rare).

Publié : sam. oct. 18, 2008 2:46 pm
par KaYsEr
Wep, c'est un sacré tutorial, c'est une chose de savoir faire, mais savoir l'expliquer également est toujours plus rare (nan jme vise pas -__-)

Avec le temps je classerai les meilleurs tuto (en mode "annonce" ou post-it quoi) dans ce topic, en tant que référence. Celui-ci est particulièrement bien. (jle préfère à la version forge, l'application sur le corps est particulièrement une bonne idée)

Le reste sera pour les discussions sans rester en tête, mais bon pour l'instant ya pas trop de topic alors pas de quoi s'y perdre ;)

Encore merci/bravow !

Publié : ven. nov. 07, 2008 11:15 am
par Okamiotoko
Je te remercie infiniment pour ces explications ! MERCI, merci ( c'est pas tous le mondes qui explique bien ) !

Publié : mer. déc. 10, 2008 10:31 am
par aktoby
Tuto très utile et bien expliqué merci !
Je tente ça bientôt d'abord en modifiant les rtp mais en mieux avec du shading.

Publié : mer. mars 10, 2010 2:49 pm
par sayger
Master Sartos! j'aimerais me mettre au pixel art, donc je regarde en détail tes tutos...
Mais la...Le choc! Les liens sont mort...
Pourrait tu les mettre à jour? Ca sera non seulement utile pour moi,mais aussi pour tous les nouveaux! Merci ^^

Publié : jeu. mars 11, 2010 10:02 am
par startos
Oui, alors, justement, c'est ce que je ferai une fois que j'aurai récupéré ma bécane... les images sont stockées dessus... Patience donc...

Sinon, si tu as des questions tu peux me contacter sur MSNLive.

Publié : mer. janv. 05, 2011 8:55 pm
par startos
Tuto à jour, je m'occupe des autres... Désolé pour les liens cassés... :pleure:

Publié : mer. janv. 05, 2011 10:56 pm
par irie
Mais trop bien ton tuto starooooos (lol j'avais jamais pensé que tu étais un pokémon ^^)!!
Je viens tout juste de le découvrir. D'ailleurs, on ne devait pas faire une 'vraie' section tutorial ?

Publié : mar. janv. 11, 2011 11:47 pm
par Dentelle127
Faudrait la diviser selon les différents domaines en plusieurs sous-catégories pour le coup, ce qui ferait probablement l'objet d'en supprimer d'autres, comme celle-ci...

Je redécouvre ce tuto quant à moi, ça donne envie! (dommage que je sois sur le tèl ce soir ;)).