Tout ce que vous devez savoir sur l'utilisation de modèles – Créer et implémenter

Ce tutoriel a été écrit par Martin Breeuwer spécialement pour Lorelei Web

Dans ce tutoriel, je vais vous montrer comment créer ces petits motifs pour pimenter vos graphiques ou vos conceptions Web. Les motifs ne sont pas difficiles à créer, mais peuvent avoir un grand effet sur le « sex-appeal » de vos créations.

Je vais vous montrer comment créer des motifs populaires et un motif anti-déchirure. Je vais également vous montrer quelques exemples de modèles alternatifs.

Lignes de balayage diagonales
Nous commencerons par un modèle très populaire. Les lignes de balayage diagonales.

Ouvrez un nouveau document dans Photoshop et faites-le 3 x 3 pixels.

Créez un nouveau calque et supprimez le "Contexte" calque pour que l’image devienne transparente.

Zoomez jusqu'à 1600% en appuyant sur CTRL + deux-trois fois.

Prenez le outil crayon et réglez-le sur Mode de taille 1px : Normal et Opacité 100 %

Presse D pour réinitialiser vos couleurs en noir et blanc et tracez une ligne à 3 pointillés du coin supérieur droit au coin inférieur gauche.

Maintenant, allez à Edition>Définir un motif et nommez-le scanlines ou peu importe comment vous voulez l'appeler.

C'était facile, n'est-ce pas ?

Pour utiliser votre modèle, sélectionnez le Outil Pot de peinture, sélectionner: Patron de Couture dans la liste déroulante et choisissez votre modèle.

Ou accédez aux options de fusion et appliquez une superposition de motifs.

Assurez-vous de créer un nouveau calque avant d'appliquer le motif à votre travail. Parfois, le motif sera plus beau lorsque
l'opacité est un peu réduite.

Découvrez le résultat.

Bien sûr, vous pouvez également créer un motif où l'espace entre les lignes est plus grand. Pour ce faire, utilisez la méthode ci-dessus mais créez un canevas de 5 x 5 pixels.
Ce sera le résultat.

Lignes de balayage horizontales
Que diriez-vous de quelques lignes de balayage horizontales ? (Utile lorsque vous créez quelque chose comme un écran de télévision ou de PC, etc.)

Ouvrez un nouveau document dans Photoshop et faites-en 1 largeur sur 2 pixels de hauteur.

Créez maintenant un nouveau calque et supprimez le calque « Arrière-plan » pour que l'image devienne transparente.

Zoomez jusqu'à 1600 % en appuyant plusieurs fois sur CTRL +.

Maintenant, prenez l'outil Crayon et réglez-le sur Mode de taille 1px : Normal et Opacité 100 %. Même réglage qu'avant

Appuyez sur D pour réinitialiser vos couleurs en noir et blanc et peignez le pixel supérieur en noir.

Allez maintenant dans Édition> Définir un motif et nommez-le lignes de balayage horizontales.

Résultat.

Petits points
Ok, maintenant nous créons quelques petits points.
Nous utilisons la même méthode que celle utilisée pour les lignes de balayage.

Ouvrez un nouveau document dans Photoshop et faites-en 3 largeur sur 3 pixels de hauteur.

Créez maintenant un nouveau calque et supprimez le calque « Arrière-plan » pour que l'image devienne transparente.

Zoomez jusqu'à 1600 % en appuyant plusieurs fois sur CTRL +.

Maintenant, prenez l'outil Crayon et réglez-le sur Mode de taille 1px : Normal et Opacité 100 %.

Appuyez sur D pour réinitialiser vos couleurs en noir et blanc et peignez un point au milieu de la toile.

Allez maintenant dans Édition> Définir un motif et nommez-le smalldots.

Résultat.

Crosses
Faisons un modèle de corss. Créez un document de 5 x 5 pixels et utilisez la méthode ci-dessus

Mais maintenant, vous dessinez une croix.

allez dans Édition> Définir un motif et nommez-le crosses1 ou autre.

Résultat

Modèle de protection ANTI RIP/droit d'auteur
Enfin, je vais vous apprendre à créer un motif anti-déchirure.

Ouvrez un nouveau document et assurez-vous de disposer de suffisamment d'espace. 600 x 600 pixels suffiront. Nous le recadrerons plus tard.

Créez un nouveau calque et supprimez le calque « Arrière-plan » pour rendre l'image transparente.

Maintenant, prenez l'outil Texte et utilisez une police lisible. Ariel, Tahoma, Verdana, Times, etc.

J'ai utilisé ces paramètres :
Verdane | gras | 12 points | aa : aucun

La taille doit être d'environ 12 px, ne la faites pas trop grande, sinon elle ne fonctionnera pas bien comme motif.

Tapez maintenant quelque chose comme : « créé par votre nom » ou « (c) votre nom ». Je tape (c) puis mon nom.

Cliquez avec le bouton droit sur le calque de texte et sélectionnez le type de rastérisation ou allez dans Sélection > rastériser > type.

Appuyez maintenant sur CTRL T (Transformation libre) et faites pivoter le nom d'environ -30 degrés.

Appuyez sur Entrée pour confirmer la rotation. Zoomez un peu et sélectionnez l'outil de recadrage.

Placez votre souris sur la partie inférieure du texte, cliquez et faites-la glisser vers le haut du texte. Assurez-vous de sélectionner tout le texte et de laisser un peu d'espace en haut et en bas.

Maintenant, appuyez sur Entrée.
Vous devriez maintenant avoir quelque chose comme ça.

Allez dans Édition> Définir un modèle et appelez-le copyright.

Ouvrez votre dernière conception Web que vous souhaitez protéger du ripper et créez un nouveau calque.

Sélectionnez l'outil Pot de peinture et sélectionnez le motif de copyright. Réduisez l'opacité pour que l'image soit visible pour ceux qui veulent la regarder
mais plus dur pour ceux qui veulent déchirer.

J'ai appliqué cela à un modèle sur lequel je travaille. L'opacité est d'environ 20 %.

Combiner et expérimenter
Maintenant que vous savez comment créer un motif, il est temps de le combiner et de l'expérimenter.

Découvrez ces différents modèles. Les possibilités sont infinies. Du texte, des formes (fleurs, etc.) et des lignes, ils peuvent tous être utilisés pour créer des motifs.

Merci d'avoir consulté ce tutoriel, j'espère que vous avez appris quelque chose.