entete_texture_pavé

Tutoriel – Texture pavés répétables (12 étapes)

Coucou tout le monde, cette semaine petit tutoriel simple à réaliser mais très détaillé puisqu’en 12 étapes, texture de pavés répétables (tiles).
Je change mon mode de publication des tutoriels afin d’avoir un meilleur référencement chez google, mais la version complète habituelle reste téléchargeable ICI.

Passons à la création de la texture de pavés

entete_tuto_texture

Version Final
Version Final du tutoriel

Paramètre de base

Base_reglage

Dans ce tutoriel on va réaliser une texture répétable et de bonne qualité, donc on va partir sur une hauteur et une largeur de 1024 x 1024px,
avec une résolution de 72 puisque cette texture n’a pas vocation à être imprimée.

Attention_calques

Etape 1

Background de la texture
Background de la texture

Tout d’abord commencez par changer votre couleur de fond en fonction de la couleur de votre future texture, pour ma part, j’ai pris un bleu très foncé puisque je suis parti sur des pavés bleutés.

Etape 2

Etapes_02

Pour la deuxième étape prenez l’outil «Rectangle Tool (U)» et maintenez Shift enfoncé lorsque vous tracez votre premier carré (Shift permet d’agrandir de façon homothétique, donc ici d’avoir un carré). Ensuite dupliquez-le de façon à avoir une ligne de 4 puis dupliquez la ligne 3 fois pour avoir le résultat ci-dessus, (si vos carrés sont trop grands, un coup de «Ctrl + T» pour les faire revenir dedant ). Pour finir vérifiez que tout soit à peu près homogène en allant dans le menu Filter –> Other –> Offset –> puis décalez horrizontalement et verticalement. (une fois validé faite Ctrl + Z pour revenir comme ci-dessus).

Etape 3

Etapes_03

Créez un nouveau calque puis ajoutez de la variation et des cassures sur vos pavés, pour les rendre plus «vivants». Pour se faire brosse à 100% sans variation de pression avec la couleur de fond.

Etape 4

Etapes_04

Avec une couleur plus claire (Lumière), commencez à tailler vos pavés (sur une texture par convention la lumière vient toujours du haut).

Etape 5

Etapes_05

Ici place à la variation de teinte, prenez une couleur claire et mettez votre brosse à 30% et activez la gestion de pression. Puis faite un «Ctrl + Click» sur le calque de base (les carrés) puis «Ctrl + Alt + Click» sur le calque de l’étape 3 (cassures des pavés), cela devrait normalement vous sélectionner la zone des pavés en prenant en compte les cassures, puis sur un nouveau calque en gardant la sélection active, peignez comme suit :

Peinture_01

Etape 6

Etapes_06

Pour cette étape gardez votre brosse en gestion de pression et opacité à 30%. Prenez une couleur sombre (ou celle de fond) puis peignez quelques tâches sur les pavés afin de leur donner un peu plus de vécu.

Etape 7

Etapes_07

Reprenez votre teinte claire utilisée pour tailler vos pavés tout à l’heure, puis venez marquer le dessus de vos taches (vous pouvez garder la gestion de pression et opacité réduite).

Etape 8

Etapes_08

Ici gardez votre brosse en gestion de pression et en opacité à 30%, prenez une teinte claire et venez poser votre lumière sur le dessus de vos pavés selon vos découpes réalisées précédemment.

Etape 9

Etapes_09

Ensuite petit retour rapide sur les tâches. Juste en dessous du trait le plus clair des tâches, vennez renforcer l’effet «creusé» en assombrissant un peu.

Etape 10

Etapes_10

Maintenant on fait varier un peu plus les pavés. Faites un «Ctrl + Click» sur le calque de base (les carrés) puis «Ctrl + Alt + Click» sur le calque de l’étape 3 (cassures des pavés), cela devrai normalement vous sélectionner la zone des pavés en prenant en compte les cassures, puis sur un nouveau calques en gardant la sélection active, peignez certains avec une couleur claire, certains avec une couleur foncée (dans les deux cas, opacité à 30% et gestion de pression), comme suit :

Peinture_03

Etape 11

Etapes_11

Ici rien de bien compliqué on vient poser nos ombres sur la partie inférieure des pavés selon le découpage ou le feeling (pour ceux non découpés en bas).

Etape 12

Etapes_12

Et enfin la dernière étape, qui consiste juste à ramener un peu plus de lumière sur la partie haute des pavés afin de «sculper» un peu plus la partie supérieure.

Voilà j’espère que ce tuto vous sera utile, n’hésitez pas à poster vos propres réalisations dans les commentaires ou à me les envoyer par mail.

About the author: Kevin Guegan

5 comments to “Tutoriel – Texture pavés répétables (12 étapes)”

You can leave a reply or Trackback this post.

  1. Núria Mas - 23 février 2016 at 23 h 58 min Reply

    Ooh perdona , no es gaig , volia dir faig !! .. sorry !!!

  2. Núria Mas - 23 février 2016 at 23 h 57 min Reply

    La meva tableta o tablett , no es gràfica ( ya m’agradaria) es una tableta normal digital Samsung . Treballo amb aplicacions varies , i ho gaig amb el dit (el llapis digital no em va be ejejej .. no respon com yo vull , i el meu dit es mes fiable )
    Treaballar en cambi amb una tableta gràfica ha de ser apasionant !! .. pro no tinc tants diners !! .. pro no pasa res , m’ho paso molt be amb el que tinc i m’encanta veure els treballs dels altres artistes , molt !!

  3. Núria Mas - 23 février 2016 at 23 h 16 min Reply

    Hola Kevin Guegan .
    Me ha gustado mucho tu tutorial de los cuadros con texturas . Me ha parecido muy interesante la iniciación a las texturas . Yo no lo puedo hacer en mi tableta , pero me gustaria !! Muchas grácias por compartir !!

Laisser un commentaire