[TUTO] Texturage (Map)

[AzerMan68 Profil]

Tutoriel - Les base du texturage (Côté mapping) Date de début : 19/03/2012

Les Bases du texturage (côté mapping)

Salut !
Aujourd'hui je vais vous présenter mon premier tutoriel sur CraftStudio qui ce tournera vers le texturage ! Il sera divisé en 3 partie :

I) Le texturage ? C'est quoi ?
II) L'interface
III) Les Materiaux


Voila donc sur ce, bon tutoriel !

I) Le texturage ? C'est quoi ?

Vous êtes un débutant total et vous vous demandez ce qu’est le texturage ?
Et bien cette partie du tutoriel est faite pour vous ^^.
Le texturage est, pour beaucoup de gens, ce qui donne la couleur aux blocs, mais ce n’est pas que ça ! Le texturage est une partie très importante dans le mapping, ça donne en effet de la couleur au blocs mais aussi les effets et donne une certaine réalité à votre map. Ce qui n’est pas négligeable =)

Ouais, c’est cool : « map par si, map par là » … MAIS C’EST QUOI !?

Doucement 0_0 j’y viens ^^’. Beaucoup de joueurs savent ce qu’est une map, et pour ceux qui ne le savent pas vous avez FORCEMENT déjà été confronté à une map =), et oui, la map est la base des base des jeux vidéos. Je pense que vous avez tous déjà jouer à Minecraft (en tout cas je pars du principe ^^) et bien la map dans minecraft c’est la carte, c’est le monde dans lequel vous évoluez, vous marchez dessus, vous faites toutes les actions du jeu sur celle ci, et cette map est constituée de blocs, et bien dans CraftStudio c’est pareil ! A un point près, c’est que c’est vous qui la créez =), bloc par bloc.
Mais c’est long 0_o !
Bien sûr que se serait trop long 0_0, mais en même temps CraftStudio n’est pas fait (! Pour le moment sans les script on ne peut pas faire de Minecraft-like mais quand ce sera implanté nous serons surement capable de générer des maps aléatoirement ! Mais ce n’est pas le sujet du tuto alors revenons à nos cubes ^^) pour reproduire Minecraft ! Par contre, les textures nous pouvons très bien les refaire et vous allez voir qu’une fois le Pixel Art en main, ce sera très simple =) (Pour ceux qui ne le savent pas le pixel art est l’art de créer des images/texture avec des pixels de différentes couleurs).
Bon après tout ce blabla je vais vous présenter l’interface simple et efficace sur laquelle vous allez texturer vos blocs =D.

II) L'interface
Nous voici pour ce maigre chapitre sur la présentation de l’interface =) maigre, car l’interface est dans la version actuelle (v 0.0.14.1) très … légère (normal vous allez me dire une pré – alpha -_- ) mais suffisante pour le moment ^^

Interface dite cube :



Le rectangle bleu : Montre la liste des blocs texturables (Il y en a énormément 0_o)
Le rectangle rouge : Le type du cube il y en a 5 :
- Le cube traditionnel
- Les panneaux
- Les escaliers
- Les pentes
- Les pentes inversées
Dans ce tutoriel nous nous intéresserons au cube les autre seront dans le même principe.
Le rectangle jaune : Le Dépliage, très important ! Il permet de déplier le cube pour texturer chaque cotés séparement nous allons pas mal l’utiliser dans ce tuto.
Il y a :
- Ecrasé (Un seul carré pour texturer toute les faces du cube)
- Complet (fait un dépliage du cube pour texturer chaque faces séparément)
- Personnalisé (Je ne l’utilise pas alors je ne sais pas ^^’)
Le rectangle vert : Permet de placer les délimitations pour le texturage (les carré rouge)

Interface côté dessin :



Le rectangle bleu : Permet de définir la taille de la feuille (Je vous conseille la taille maximale)
Le rectangle rouge : Permet de définir la taille du bloc
Le rectangle jaune : Le pinceau et la gomme (La gomme, on n’en parlera plus tard)
Le rectangle vert : Définir la couleur du pinceau
Le rectangle orange : Défini la taille du pinceau (en pixels)
Le rectangle violet : La feuille sur laquelle ont dessinera la texture des blocs =)

Et voilà pour l’interface, passons maintenant au vif du sujet =D

III) Les Matériaux
Et bien nous voilà pour ce petit chapitre qui aura pour but de vous initier, c’est-à-dire de vous expliquer les différentes « Propriétés » des différentes sortes de matériaux.
Déjà un matériau c’est quoi ? Et bien un matériau ou plutôt un type de matériaux est par exemple la pierre, le bois, le métal etc… Et bien nous allons voir comment refaire ces textures qui ont l’air si compliqué en pixel art ! Nous allons nous baser sur les textures de Minecraft ! (et oui encore =p) je vais donc vous mettre quelque matériaux de base avec ses propriété :

— L’herbe —







Comme vous pouvez le voir sur l’image ça ressemble un minimum à Minecraft ^^ et bien l’herbe si je vous demandais de la recréer sans modèle dans CraftStudio je vois déjà la majorité des personnes qui vont me faire des textures dite couleurs unis c’est-à-dire une seule couleur comme ceci (Qui sera quand même notre base ^^) :





… Sans effets … En gros c’est moche ^^’ et les gens bloque souvent là-dessus… Comment rendre ma texture un minimum réaliste parce qu’en voyant une couleur verte hideuse on peut pas vraiment dire que c’est de l’herbe alors qu’avec les bons effets ça saute tout de suite aux yeux =D. alors pour l’herbe je vous conseille un contraste de 3 couleurs, vous partez sur du vert pas trop foncé pas trop clair et vous remplissez le dessus (comme l’image ci-dessus).

Pour l’instant c’est pas très compliquer ^^, c’est là que ça va commencer à se corser =), vous allez éclaircir le vert que vous utilisez et vous allez faire des contrastes de vert, des touches pas non plus de trop, juste ce qu’il faut pour que cela vous convienne, un petit exemple :





Puis vous allez faire exactement la même chose, mais en fonçant le vert de départ ! Pas le vert claire sinon vous allez retourner a la couleur de départ ce qui serait bête ^^’, vous devriez avoir quelque chose dans le genre :






Si cela vous convient, BRAVO, vous avez réussi votre première texture ! Toutes mes félicitations =D.

— Le bois —
Le bois c’est un peu la même chose sauf qu’il n’y aura que 2 couleurs (ou 3 ça dépend) sur les côté et une sorte de dégradé pour le haut et bas, et vous allez rajouter les touches pour les nuances de façon verticale (comme dans Minecraft ^^) ce qui doit donner ça à la fin =) :

Pour 2 couleurs :



Pour 3 couleurs :



— La pierre —
La pierre est dans le même principe que le bois sauf que les nuances serons plutôt du côté horizontal (et à nouveau comme minecraft -_-) ce qui, à la fin, devrait vous donner un truc dans le genre :





— Le métal —
Le métal est une texture qui est assez … lisse donc les nuances disparaissent =D cette fois-ci place aux ombres ^^ , pour donner une certaine beauté à la texture nous n’allons pas laisser la couleur unie ^^ ce serait trop simple nan x) (il y a juste une simplicité c’est que nous allons travailler en forme cube donc qu’une face à dessiner), nous allons ajouter un motif que vous pourrez changer comme vous le voudrez, voyons plutôt le résultat :





C’est déjà plus joli qu’un gris tout moche ^^, alors cette fois ci je vous laisse faire je ne vous explique pas c’est très simple à comprendre, si vraiment vous avez du mal repondez a ce tuto avec la question je répondrais le plus rapidement possible.

— Le verre —
Ahhhh le verre ! Pas mal de gens qui se dit comment pourrait t’on faire la transparence ? Et bien c’est trèèèèèès simple =) il suffit de prendre la gomme à côté du pinceau et d’effacer la partie transparente de la fenêtre et … TADAAAAA quand vous la posez dans la vue 3D la texture est transparente et bien solide =D voilà un petit exemple :



La preuve qu'elle est transparente :



Et puis pour les autres texture je vous laisse réfléchir et si vous avez des problèmes ou si vous voulez faire une texture, mais vous ne savez pas comment, postez dans le topic comme ça même les joueurs pourrons vous aider

Sur ce, ce tutoriel est déjà terminé =( j’espère qu’il vous aura plus et à bientôt pour un nouveau tutoriel =D alors à la prochaine en jeu je l’espère ^^.

[Canardu57]

Excellente initiative ! Et excellent tutoriel

[AzerMan68 Profil]

Merci ^^ c'est le tout premier tutoriel que j'ai fais dans ma vie alors ça fait du bien un commentaire positif =D

[ben_j_87]

Super ! complet mais juste un détail, précise pour la taille de texture la maximum n'est pas 256 comme beaucoup le pense mais 2048.
Sinon bravo super tuto

[AzerMan68 Profil]

Merci ben_j =), mais le truc c'est que j'ai toujours pas compris comment avoir ses 2048 ^^' mais je vais l'ajouter merci

[ben_j_87]

il faut "scroller" avec la molette de ta souri lorsque le petit menu déroulant est ouvert.
Es-tu en train de faire un tuto sur l'animation ?

[AzerMan68 Profil]

AH D'ACCORD merci et non aucun tuto en vue si d'ici 1 semaine un tuto animation n'est pas sortie j'en ferait un c'est dans mes projet

[ben_j_87]

ah je te demandais car j'aimerai le faire :3 j'ai déjà les screens donc surement rédiger demain si ça ne te dérange pas

[AzerMan68 Profil]

Bien sûr que non, j'ai pas mal d'idées tuto alors c'est pas ca qui manque
J'attend avec hate ton tutoriel =D

[ben_j_87]

se sera aussi mon premier