Comment créer un Motif d’arrière-plan Transparent dans Photoshop – blog.icons8.com
Les motifs sans couture peuvent être appliqués à n’importe quel arrière-plan que vous pouvez imaginer, d’un site Web ou d’une application à votre photo Tinder.
Dans ce howto, nous parlerons des motifs raster que vous pouvez créer dans Photoshop. Si vous préférez les vecteurs, consultez plutôt ce tutoriel.
Ce dont Vous aurez besoin pour effectuer la Mission
1. Adobe Photoshop. Si vous êtes tombé sur ce tutoriel, il y a de fortes chances que vous ayez déjà ce programme. Cependant, juste au cas où, voici le lien pour télécharger une version de test gratuite.
2. Icons8 pour le bureau. C’est une application gratuite contenant de nombreuses icônes et fonctionne bien avec Photoshop.
3. Icônes ou autres images que vous souhaitez sur votre motif. Nous avons pris nos icônes de la nature pour ce tutoriel. Pour info, ils sont gratuits en PNG de n’importe quelle taille, vous pouvez donc les enregistrer dans votre compte et les utiliser également pour le motif.
8 Étapes pour créer un Motif dans Photoshop
Créez une base pour votre motif
Créez un nouveau fichier de n’importe quelle taille avec une largeur et une hauteur égales. Dans notre cas, chaque côté fait 200 pixels.
Ajoutez les icônes
Faites glisser et déposez les icônes d’Icons8 pour le bureau (ou de toute autre icône) dans le fichier Photoshop. Nous sommes allés chercher un Crabe, un Poisson, un Poisson Clown et un Hippocampe.
Si vous utilisez des icônes monochromes, vous en aurez peut-être besoin de différentes couleurs. Voici comment recolorer les icônes PNG dans Photoshop.
Placez chaque Icône sur un Calque séparé
Appuyez sur Entrée pour terminer le processus de collage d’icônes. Vous devez appuyer dessus autant de fois que nécessaire jusqu’à ce que vous ne voyiez plus le cadre noir.
Cela devrait ressembler à ceci à la fin:
Maintenant, chaque icône est sur son propre calque dans votre fichier.
Configurez le Premier Calque
Sélectionnez un calque dans le panneau calques et allez dans Filtre > Autre > Offset:
Définissez les paramètres Horizontal et Vertical sur la moitié de la longueur du côté du fichier. Vous vous souvenez de la largeur et de la hauteur de votre carré? Ce sont les deux paramètres dont vous avez besoin.
La taille de notre fichier est de 200x200px, nous avons donc défini 100px pour les deux paramètres. Assurez-vous de cocher l’option Envelopper dans la partie inférieure de la fenêtre contextuelle. Cliquez sur OK. Le premier calque est terminé :
Configurez le Deuxième Calque
Sélectionnez un autre calque dans le panneau calques. Maintenant, allez à nouveau dans Filtre > Autre > Décalage.
Puis réglez Horizontal à 0px et appuyez sur OK:
Configurez la Troisième Couche
Sélectionnez encore une autre couche et allez dans Filtre > Autre > Décalage. Retournez maintenant les valeurs horizontales et Verticales. Pour notre cas, l’horizontale sera de 100 pixels et la verticale de 0 pixels. Cliquez sur OK.
Maintenant, nous avons la tuile de motif prête.
Fusionner les calques
Sélectionnez tous les calques sauf l’arrière-plan dans le panneau calques et utilisez la combinaison de touches de raccourci Ctrl +E. Les calques sélectionnés seront fusionnés.
Créez votre motif
Tout d’abord, utilisez une combinaison de touches de raccourci Ctrl + A (tout sélectionner).
Puis allez dans Edit >Define Pattern:
Nommez-le et appuyez sur OK. Ta-da! Votre patron est prêt !
Comment appliquer le motif
Vous avez le motif, très bien. Voyons maintenant comment l’utiliser en arrière-plan.
Créez un nouveau fichier
Rendez-le plus grand que votre mosaïque de motif pour voir le résultat. Le nôtre est de 800x600px.
Choisissez la Superposition de motif
Double-cliquez sur l’arrière-plan dans le panneau calques. Cliquez sur OK dans la fenêtre contextuelle.
Allez au Calque > Style de calque > Superposition de motif:
Sélectionnez votre motif nouvellement créé dans la fenêtre contextuelle et cliquez sur OK.
Profitez de votre motif!
Sources avec textures pour Photoshop
- Fixthephoto.com
Pour en savoir plus
- Création d’un motif d’arrière-plan de Noël dans Adobe Illustrator
- Comment Recolorer une icône PNG dans Photoshop
Essayez les outils gratuits pour les créateurs par l’équipe Icons8
Obtenez également les listes de logiciels vectoriels gratuits et de logiciels de retouche photo gratuits.