[Plan du site]
Vous êtes ici ---
> Le Site du Zéro
> Les tutoriels
> Non-Officiels
> Graphisme
> Photoshop
> Les Motifs
> Lecture du tutoriel
Les Motifs
Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
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.
Alors, vous êtes prêts ? Commençons !
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.
Dans Photoshop, il y a des motifs par défaut, mais vous pouvez aussi créer les vôtres.
Voici des exemples de motifs par défaut.
- Effet "bois". Aperçu.
- Effet "bulles 3 dimensions". Aperçu.
- Effet "damier illusionniste". Aperçu.
[proposition]
Des exemples de motifs par défaut
[/proposition]
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 !
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 :
[proposition]
Quelques exemples, avant et après ajout de motifs
[/proposition]
Avant :
Après :
Il est clair que si vous faites un site professionnel de vente de billets pour les Caraïbes, il faut éviter cette technique. On peut dire que les motifs servent de "décoration". Mais vous pouvez très bien l'appliquer pour le fond d'un design.
Exemple de motif utilisé sur le fond d'un design :
Vous voyez que l'on peut arriver à faire des choses qui, certes, ne plairont peut-être pas à tout le monde
. Mais cette technique va vous être utile à un moment ou à un autre, croyez moi
.
L'une des erreurs les plus fréquentes et qui, malheureusement, fausse la qualité du rendu de l'image, c'est de mal juger la taille du motif. Par exemple, si vous souhaitez utiliser un fond de design avec un motif, il faut bien que le motif se répète un jour : rien de plus facile avec le CSS. Mais il faut calculer la taille du motif et de l'image pour que les motifs se répètent correctement, et ne donnent pas ce genre de choses :
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.
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 :
ou
Le sens de la diagonale, c'est le sens de vos futurs
scanlines.
Aperçu du futur rendu :
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 :
ou
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 :
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 :
Si vous modifiez la taille du document, pensez à utiliser toujours deux nombres égaux (pour donner un carré) et deux nombres impairs plus grands que 1. Par exemple, 7 * 7 et 9 * 9 pixels fonctionnent.
Enregistrez ensuite le motif avec "
Édition" et "
Utiliser comme motif...".
Aperçu du futur rendu :
Alors, ça vous plaît ?
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 :
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...".
Ensuite, cochez la case "
Incrustation de motifs" et cliquez sur ce texte :
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 :
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 :
- baissez l'opacité pour éviter un résultat trop visible
- ne touchez pas à l'échelle : du moins, laissez là à 100 %, car sinon, elle risque de réduire la qualité de vos motifs.
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
- Créez votre document, prenez le crayon de 1 pixel avec la couleur de votre choix, et appliquez le motif souhaité en "miniature". Pour faciliter la création du motif, zoomez au maximum avec CTRL et "+".
- La taille de votre document pour la création du motif, pour éviter les "bavures".
- Réfléchissez avant d'enregistrer votre motif ("Édition" puis "Utiliser comme motif...") pour que le résultat soit impeccable.
- Allez dans les options de fusion du calque où vous voulez appliquer le motif, et rendez-vous dans la rubrique "Incrustation de motifs...".
- Réglez l'opacité après avoir sélectionné votre motif.
- Ne touchez pas à l'échelle, elle rend la qualité de votre motif médiocre.
1) Pour appliquer des motifs en couleurs, créez-en avec le crayon, toujours, mais cette fois-ci, ne le prenez pas en noir.
2) Pour importer un motif, créez un document de la taille du motif à importer, et collez l'image. Puis enregistrez le motif comme d'habitude.
3) N'hésitez pas à créer des motifs par vous-mêmes !
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.
Dernière information bonus... si vous souhaitez plus de motifs déjà installés dans Photoshop, lorsque vous choisissez un motif, cliquez sur la petite flèche bleue à droite de la liste, et vous aurez accès à des fichiers contenant pleins de motifs prédéfinis !
Tutoriels
Communauté
Mon compte
Recherche
Livre d'or
Publicité
80 Zéros connectés |
9 requêtes |
0.0306s (0.021s)
