Version en ligne

Tutoriel : Les Motifs

Table des matières

Les Motifs
À la découverte des motifs
Une erreur à ne pas faire !
Allez, créons-le ce motif !
L'affichage du motif

Les Motifs

À la découverte des motifs

Ce tutoriel est conçu pour tous ceux (celles) qui souhaiteraient apprendre à utiliser les motifs sous Photoshop. ;)

Pour découvrir ce qu'est un motif et ce qu'entraîne son utilisation, lisez ce tutoriel qui vous sera utile pour de simples retouches comme pour de gros packs designs. :p

Alors, vous êtes prêts ? Commençons !

À la découverte des motifs

Une erreur à ne pas faire !

Aujourd'hui, vous allez apprendre à utiliser les motifs. Cette manipulation est relativement simple, et avec un peu d'entraînement, vous pourrez réaliser de belles choses.

Cool ! Mais c'est quoi, un motif ?

Un motif, c'est une image qui sera répétée par dessus un calque, pour par exemple, réaliser des diagonales ou des traits horizontaux. :)

Voici des exemples de motifs par défaut.

Des exemples de motifs par défaut

Il y en a d'autres, mais je ne vais pas tous vous les citer. En tout, il doit y avoir une bonne dizaine de fichiers contenant des motifs prédéfinis, avec dans chacun de ces fichiers, environs 15 à 20 motifs... Mais vous pouvez créer les vôtres. Et c'est plus à cela que l'on va s'intéresser ! :o Mais... Je rassure les plus paresseux, on peut importer des motifs. Du moins, leur création est très simple... :-°

Un exemple, *toutoutou*, un exemple, *toutoutou* !

Voilà, je vous ai fait quelques exemples d'images avant et après ajout de motifs.

Prenons cette image :

Quelques exemples, avant et après ajout de motifs

Avant :

Image utilisateur

Après :

Image utilisateur
Image utilisateur
Image utilisateur

Exemple de motif utilisé sur le fond d'un design :

Image utilisateur

Vous voyez que l'on peut arriver à faire des choses qui, certes, ne plairont peut-être pas à tout le monde :p . Mais cette technique va vous être utile à un moment ou à un autre, croyez moi ^^ .


Une erreur à ne pas faire !

Une erreur à ne pas faire !

À la découverte des motifs Allez, créons-le ce motif !

Image utilisateur

Comment éviter que cette erreur se reproduise ? :(

Pour cela, j'utilise une méthode simple. Je tâtonne. Si vous voyez que vos motifs ne "concordent" pas, rapetissez l'image et retentez le coup jusqu'à l'obtention du bon rendu.


À la découverte des motifs Allez, créons-le ce motif !

Allez, créons-le ce motif !

Une erreur à ne pas faire ! L'affichage du motif

Scanlines (diagonales)

Pour obtenir des scanlines moyennement serrées, créez un document de 5 * 5 pixels. Si, par la suite, vous souhaitez agrandir l'espace entre chaque diagonale, augmentez la taille du document.
Lorsque le document est créé, maintenez CTRL (Contrôle) et "+" (pavé numérique) jusqu'à un zoom maximal (x 1600) ; prenez l'outil crayon de taille 1 pixel.

Remplissez ensuite une diagonale de ce carré, comme ceci :

Image utilisateur

ou

Image utilisateur

Le sens de la diagonale, c'est le sens de vos futurs scanlines.

Aperçu du futur rendu :

Image utilisateur

Et comment j'enregistre le motif, moi ?

Rien de plus simple : il suffit de cliquer sur "Édition" dans le menu du haut, puis "Utiliser comme motif...". Votre motif se trouvera alors dans la liste des motifs actuellement utilisés.

Traits horizontaux

Créez un document de 1 * 2 pixels. De la même manière, zoomez au maximum avec CTRL et "+". Remplissez un pixel sur les deux existants, comme ceci :

Image utilisateur

ou

Image utilisateur

La position du pixel noir n'est pas réellement importante.
Enregistrez le motif avec "Édition", puis "Utiliser comme motif...".

Aperçu du futur rendu :

Image utilisateur

Points

Créez un document de 3 * 3 pixels. Encore une fois, si vous souhaitez que les espaces entre les futurs points soient plus ou moins grands, modifiez la taille du document. Encore une fois, zoomez au maximum avec CTRL et "+". Remplissez le pixel du centre, comme ceci :

Image utilisateur

Enregistrez ensuite le motif avec "Édition" et "Utiliser comme motif...".

Aperçu du futur rendu :

Image utilisateur

Alors, ça vous plaît ?


Une erreur à ne pas faire ! L'affichage du motif

L'affichage du motif

Allez, créons-le ce motif !

Et une fois le motif créé, comment l'applique-t-on sur notre image ?

J'allais y venir.

Héhé. Alors, créez un nouveau document avec une photo, par exemple, copiez-collez celle-ci :

Image utilisateur

Dans la fenêtre des calques (si vous ne la voyez pas, cliquez sur "Fenêtres" (en haut) puis sur "Calques"), faites un clic droit sur le calque où se trouve l'image à motifisitionner (notez le superbe mot ^^ ), puis cliquez sur "Options de Fusion...".

Image utilisateur

Ensuite, cochez la case "Incrustation de motifs" et cliquez sur ce texte :

Image utilisateur

Sélectionnez ensuite dans le petit menu (en cliquant sur la flèche noire) le motif souhaité. Par exemple, prenons les points, et mettons-les en opacité35 %.

Voici le résultat :

Image utilisateur

Maintenant que vous comprenez le principe, je pense que je vais vous laisser vous débrouiller seul(e)s ^^ .

Bon : allez, deux - trois explications pour la route :

Votre apprentissage des motifs est désormais terminé : vous pouvez encore découvrir pas mal de choses par vous-mêmes, vous avez désormais de bonnes bases bien fondées :-° .

Pensez toujours à ce qui suit

Voilà : j'ai adoré faire ce tutoriel et j'espère en faire d'autres prochainement. J'espère aussi que les motifs n'ont plus de secret pour vous, et que vous avez apprécié ce tuto :) .

Je vous souhaite à tous et à toutes une bonne continuation. ;)


Allez, créons-le ce motif !