Créer une texture de brique

 

Créer une texture de brique

Ce tutoriel est écrit avec Photoshop CS 6.

Cet exercice consiste à créer des motifs qui se répètent comme des briques par exemple.

Techniques utilisées : paramétrer un outil de sélection, entrer un code couleur, style de calque, dupliquer un calque, magnétisme, créer et sauvegarder un motif, outils Pot de peinture (option motif) et Pinceau, options de fusion

 

Outils utilisés :


outils de sélections   M : Les outils de sélections (Rectangle, Ellipse, Traits) permettent de définir une zone de travail et de limiter toutes transformation à cette zone.
  Pot de peinture   G : Applique une couleur dans la zone cliquée, selon le degré de tolérance, la couleur va couvrir plus ou moins de pixels. Le Pot de peinture peut aussi appliquer des motifs.
  Pinceau   B : Le Pinceau pour peindre avec la couleur de premier plan. On peut modifier l’opacité, la couleur, le flux. La touche Alt fait apparaître provisoirement l’outil Pipette qui permet de piocher une couleur dans l’image en cours. La touche Maj permet de tracer des droites entre chaque clics ou pour tirer des lignes. Le clic du bouton droit fait apparaître un menu avec des options.
  Déplacement   V : Les objets sur des calques et les textes se déplacent à l’aide de l’outil Déplacement. Maintenir la touche Maj pour déplacer à l’horizontal, en vertical ou à 45°. Maintenir la touche Alt pour dupliquer automatiquement le calque, sur un nouveau calque.

 

Créer une texture de brique :

créer un nouveau document par le menu Fichier / Nouveau…

dans la fenêtre, entrer une Largeur de 800 pixels et une Hauteur de 600 pixels.
Dans le champ Résolution, entrer 72 pixels/pouce, qui est la résolution pour l’écran.

Nouveau document

ajouter un nouveau calque, en cliquant sur l’icône Créer un calque, en bas du panneau Calques

Créer un calque

Tracer la brique :

prendre l’outil Rectangle de sélection ou touche M

dans la barre d’options de l’outil en haut de l’écran, sélectionner dans le menu déroulant Style Taille fixe puis dans le champ Largeur (L) entrer 250 et dans le champ Hauteur (H) entrer 125

Choisir les options de l'outil Rectangle de sélection

Notre sélection sera 2 fois plus large que haute. Cette précision des proportions est importante pour la suite de notre création.

cliquer une fois dans l’image, pour créer la sélection

Tracer la sélection rectangle

cliquer sur l’icône de la couleur de premier plan, en bas du panneau des outils et dans le Sélecteur de couleur qui s’affiche, entrer la valeur a11515 en bas du panneau en face du signe # (c’est le code de la couleur), puis valider la fenêtre par OK

Entrer le code de la couleur

appuyer sur les touches Alt + Retour arrière pour remplir la sélection rectangle avec la couleur de premier plan ou utiliser l’outil Pot de peinture

Ajouter un style de calque :

choisir le menu Calque / Style de calque / Biseautage et estampage…

Ajouter un Style de calque

dans la partie droite de la fenêtre, entrer 9 dans le champ Taille puis valider la fenêtre par OK

Modifier les paramètres

prendre un outil de sélection en appuyant simplement sur la touche M et cliquer dans l’image à l’extérieur de la brique pour désélectionner ou passer par le menu Sélection / Désélectionner ou les touches Ctrl + D

Dupliquer la brique :

Maintenant nous allons multiplier nos briques mais pas besoin de recouvrir la totalité de l’image, nous aurons besoin uniquement de trois exemplaires pour créer notre motif brique. Ce motif nous servira par la suite à créer une texture de brique en remplissant une surface (image).

afficher le menu Affichage et cliquer sur la ligne Magnétisme. Le Magnétisme permet de coller des calques entre-eux ou de les positionner, comme par magnétisme.

prendre l’outil Déplacement ou touche V

dans l’image, maintenir la touche Alt et déplacer le calque de la brique, puis lâcher le bouton de la souris. Nous venons de dupliquer le calque grâce à la touche Alt et le déplacement de celui-ci.

Dupliquer le calque de la brique

On peut également dupliquer un calque dans l’image, en maintenant la touche Alt et en appuyant une fois sur une touche Flèche du clavier.

avec l’outil Déplacement, déplacer cette seconde brique sous la première mais en la positionnement à la moitié droite, le Magnétisme activé permet de caller la position automatiquement, au centre.

Positionner la seconde brique

dupliquer à nouveau le calque de la brique et le positionner comme sur la capture

Positionner la 3ème brique

Créer le motif :

prendre l’outil Rectangle de sélection

dans la barre d’options de l’outil, en haut de l’écran, chosir Style Taille fixe et entrer 250 et 250 dans les champs Largeur et Hauteur

dans l’image, cliquer une fois pour créer une sélection, puis placer le pointeur à l’intérieur et déplacer la sélection comme sur la capture

Tracer la sélection

utiliser le menu Edition / Utiliser comme motif…

dans la fenêtre qui apparaît, modifier le Nom par Brique et valider la fenêtre par OK

Créer le motif

Nous venons de créer un motif brique.

Utiliser le motif brique :

L’outil Pot de peinture a une option de remplissage avec un motif, nous allons pouvoir utiliser notre motif de briques pour créer un mur de brique.
Le motif va se répéter à la façon du papier peint ou de carreaux de faïence.

dans le panneau Calques, ajouter en nouveau calque, en cliquant sur l’icône en bas du panneau Créer un calque

prendre l’outil Pot de peinture ou touche G

Outil Pot de peinture

dans la barre d’options de l’outil, en haut de l’écran, cliquer sur le menu marqué Premier plan et choisir Motif dans le menu déroulant puis
cliquer à droite du motif sur la toute petite flèche et dans la fenêtre qui apparaît, cliquer sur l’icône du motif Brique

Choisir le motif Brique

avec l’outil Pot de peinture (motif) cliquer une fois dans l’image, le calque se remplit du motif Brique

Remplir le calque avec le motif

Et voila notre mur de briques !

Sauvegarder le motif :

Il est important de sauvegarder le motif que nous venons de créer, de façon à pouvoir le recharger plus tard, par exemple si on réinitilise les motifs dans Photoshop, car celui-ci sera perdu dans ce cas.

utiliser le menu Edition / Paramètres prédéfinis / Gestionnaire de paramètres prédéfinis…

dans la fenêtre, sélectionner Motif dans le menu déroulant

Choisir Motif dans le menu déroulant

cliquer sur le motif Brique pour le sélectionner puis cliquer sur le bouton à droite Enregistrer le groupe…

Sélectionner le motif Brique

dans le mni-explorateur qui s’affiche, choisir un emplacement sur votre disque dur et un Nom pour le fichier .pat, puis fermer la fenêtre par le bouton Terminer

Un motif est un fichier .pat et peut contenir un ou plusieurs motifs.
Par exemple pour sauvegarder plusieurs motifs ensemble, il suffit de les sélectionner dans la fenêtre (avec la touche Ctrl) puis d’Enregistrer le groupe, dans un fichier .pat.

Ajouter un tag sur le mur :

Pour finaliser cet exercice, nous allons ajouter un tag, avec le Pinceau.

ajouter un nouveau calque au dessus de celui du mur

prendre le Pinceau, une couleur de premier plan et dessiner un tag de votre choix puis,
en haut du panneau des Calques, passer ce calque en Mode de fusion Incrustation ou Lumière tamisée, à votre choix

Écrire un tag sur le mur

Vous pouvez bien entendu faire défiler les modes de fusions, afin de voir les différentes manières de fusions des calques. Le résultat dépend également de la couleur choisie et de sa teinte claire ou sombre.

 

Télécharger le motif Brique :

Vous pouvez télécharger directement le motif Brique créé dans ce tutoriel, c’est un fichier au fomat .pat.

Télécharger : Motifs BriqueTéléchargé 49 fois – 2 KB

 

Pour utiliser un motif dans Photoshop il suffit de le charger, soit directement par le clic droit dans l’image avec l’outil Pot de peinture (motif), soit à partir du Gestionnaire de paramètres prédéfinis ou encore à partir de la fenêtre des Styles de calqueIncrustation de motif.

Pour des explications en détails, voir cette page :

► Ajouter des ressources / Motifs

 

L’image finale se trouve au début du tutoriel ▲

 

Ce tutoriel a été créé par ---/// F®K Design ///---. Photoshoplus en a créé une nouvelle version, avec son autorisation.
Toute reproduction, exploitation ou diffusion du présent document est interdite.

Articles similaires :