Photoshop Tutorial motifs répétitifs
Écrit par Steve Patterson.
Dans ce tutoriel, nous allons apprendre les rudiments de la fabrication et l'utilisation des motifs répétitifs simples dans Photoshop. Nous allons juste pour couvrir les étapes essentielles ici pour faire avancer les choses ont commencé, mais une fois que vous comprenez comment les modèles de répétition fonctionnent et comment ils sont faciles à créer, vous découvrirez rapidement sur votre propre qu'il n'y a pratiquement aucune limite à leur potentiel créatif vos conceptions, si vous construisez un arrière-plan simple pour une page d'album ou sur le Web ou les utiliser dans le cadre d'un effet plus complexe.
Ce tutoriel couvrira les trois parties principales de travailler avec des motifs répétitifs. Tout d'abord, nous allons concevoir une tuile qui finira par devenir notre motif répétitif. , Nous apprendrons ensuite comment sauver la tuile comme motif réel dans Photoshop. Enfin, avec notre nouveau modèle créé, nous allons apprendre comment choisir le modèle et le faire répéter à travers toute une couche! Dans la prochaine série de tutoriels, nous allons répéter des motifs plus loin en ajoutant des couleurs et des dégradés, en utilisant les modes de mélange pour mélanger plusieurs motifs ensemble, la création de modèles de formes personnalisées, et plus encore!
Je vais utiliser Photoshop CS5, mais les étapes s'appliquent à toute récente version de Photoshop.
Étape 1: Créer un nouveau document
Commençons par la création d'une seule tuile pour le motif. Pour cela, nous avons besoin d'un nouveau document vierge, alors allez jusqu'au menu Fichier dans la barre de menu en haut de l'écran et choisissez Nouveau.
Allez dans Fichier> Nouveau.
Cela ouvre la boîte de dialogue Nouveau document. Entrez 100 pixels à la fois la largeur et la hauteur. La taille du document déterminer la taille de la tuile, ce qui aura une incidence sur la fréquence du motif se répète dans le document (car une plus petite tuile aura besoin de plus de répétitions pour remplir le même espace qu'une tuile plus grande serait). Dans ce cas, nous allons créer 100 px x 100 px tuiles. Vous aurez envie d'expérimenter avec différentes tailles pour créer vos propres modèles plus tard.
Je vais laisser ma valeur de résolution réglée sur 72 pixels / pouce. Définir l'arrière-plan transparent à contenu afin que notre nouveau document aura un fond transparent:
Entrez la largeur et la hauteur de votre document et assurez-vous Sommaire de fond est Transparent.
Cliquez sur OK lorsque vous avez terminé pour fermer la boîte de dialogue. Le nouveau document apparaît sur votre écran. Le motif en damier de remplissage du document est la manière de Photoshop de nous dire que l'arrière-plan est transparent. Étant donné que le document est assez faible à seulement 100 px x 100 px, je vais zoomer dessus en maintenant mon Ctrl (Win) / Commande (Mac) et en appuyant sur le signe plus (+) quelques fois. Ici, le document est zoomée à 500%:
Le nouveau document, zoomée à 500%.
Étape 2: Ajouter guide à travers le centre du document
Nous avons besoin de connaître le centre exact de notre document, et nous pouvons le trouver à l'aide des guides de Photoshop. Aller jusqu'à le menu Affichage en haut de l'écran et choisissez Nouveau Guide.
Allez à View> Nouveau Guide.
Cela ouvre la boîte de dialogue Nouveau Guide. Sélectionnez horizontale pour l'orientation. puis entrez 50% pour la position. Cliquez sur OK pour fermer la boîte de dialogue, et vous verrez apparaître un guide horizontal à travers le centre du document:
Sélectionnez horizontale et entrez 50% pour la position.
Retour à le menu Affichage et une fois choisissez Nouveau Guide. Cette fois-ci dans la boîte de dialogue Nouveau Guide, sélectionnez vertical pour l'orientation et entrez à nouveau 50% pour la position.
Sélectionnez verticale et entrez 50% pour la position.
Un guide vertical et horizontal passe par le centre du document.
Changer la couleur Guide (en option)
Si vous éprouvez des difficultés à voir les guides en raison de leur couleur claire, vous pouvez changer la couleur dans les préférences de Photoshop. Sur un PC, allez jusqu'au menu Edition, sélectionnez Préférences. puis choisissez Guides, Grille - tranches. Sur un Mac, allez jusqu'à le menu Photoshop, choisissez Préférences. puis choisissez Guides, Grille - tranches.
Sélectionnez les Préférences guides, grille et tranches.
Cela ouvre de Photoshop boîte de dialogue Préférences défini sur les guides, la grille - Options tranches. La première option en haut de la liste est le Guide des couleurs. Comme je l'ai mentionné, il est mis à Cyan par défaut. Cliquez sur le mot cyan et choisissez une couleur différente de la liste. Vous verrez un aperçu de la couleur dans la fenêtre du document. Je vais changer le mien à la lumière rouge.
Sélection de lumière rouge comme nouvelle couleur pour les guides.
Cliquez sur OK lorsque vous avez terminé pour fermer la boîte de dialogue Préférences. Les guides dans la fenêtre du document apparaissent maintenant dans la nouvelle couleur (notez que Photoshop continuera à afficher des guides dans cette nouvelle couleur jusqu'à ce que vous allez revenir aux préférences et de changer la couleur à cyan ou choisissez une couleur différente):
Les guides apparaissent maintenant dans la nouvelle couleur, ce qui les rend plus facile à voir.
Étape 3: Dessiner une forme dans le centre du document
Maintenez la touche Maj + Alt (Win) / Maj + Option (Mac) et faites glisser un contour de la sélection circulaire du centre.
Étape 4: Remplir la sélection avec Noir
Remonter dans le menu Edition en haut de l'écran et choisissez Remplir.
Allez dans Edition> Remplir.
Cela ouvre la boîte de dialogue de remplissage, où l'on peut choisir une couleur pour remplir la sélection avec. Définissez l'option Utiliser dans la partie supérieure de la boîte de dialogue Black.
Définissez l'option Utiliser Black.
Cliquez sur OK pour fermer la boîte de dialogue. Photoshop remplit la sélection circulaire avec le noir. Appuyez sur Ctrl + D (Win) / Commande + D (Mac) pour supprimer rapidement les grandes lignes de sélection de autour de la forme (vous pouvez aussi aller jusqu'à le menu Sélection en haut de l'écran et choisissez Désélectionnez. Mais le raccourci clavier est plus rapide ). Gardez à l'esprit que mon document est encore zoomée à 500%, ce qui est la raison pour laquelle apparaissent les bords du cercle polyédrique:
La sélection a été rempli de noir.
Étape 5: La couche en double
Avec juste ce cercle ajouté au centre de la tuile, nous pourrions sauver la tuile comme modèle, mais nous allons le faire paraître un peu plus intéressant avant de le faire. Tout d'abord, faire une copie de la couche en allant jusqu'à le menu calque en haut de l'écran, en sélectionnant Nouveau. puis en choisissant Calque par Copier. Ou, si vous préférez les raccourcis clavier, appuyez sur Ctrl + J (Win) / Commande + J (Mac):
Aller à Calque> Nouveau> Calque par Copier.
Rien ne se passera encore dans la fenêtre de document, mais une copie de la couche, dont les noms Photoshop « Layer 1 copie », apparaît au-dessus de l'original dans le panneau Calques:
Le panneau Calques montrant une copie de la couche 1 au-dessus de l'original.
Étape 6: appliquer le filtre Décalage
Lors de la conception des tuiles à utiliser comme motifs répétitifs, il y a un filtre que vous utiliserez presque à chaque fois, et de crédits compensatoires. que vous pouvez obtenir en allant jusqu'à le menu Filtre en haut de l'écran, en choisissant Autre. puis en choisissant Offset.
Aller à Filtre> Divers> Offset.
Cela ouvre la boîte de dialogue de filtre de décalage. Le filtre de décalage se déplace, ou des décalages, le contenu d'une couche d'un nombre spécifié de pixels horizontalement, verticalement, ou les deux. Lors de la création des motifs répétitifs simples comme celui que nous concevons ici, vous aurez envie d'entrer dans la moitié de la largeur de votre document dans la boîte d'entrée horizontale et la moitié de la hauteur de votre document dans la zone de saisie verticale. Dans notre cas, nous travaillons avec 100 px x 100 px document, donc définir l'option horizontale à 50 pixels et l'option verticale également 50 pixels. Au bas de la boîte de dialogue, dans la section zones indéfinies, assurez-vous que Enroulable est sélectionné:
Définissez les options horizontales et verticales à la moitié des dimensions du document et assurez-vous Enroulable est cochée.
Cliquez sur OK pour fermer la boîte de dialogue. Dans la fenêtre du document, on voit que le filtre de décalage a pris la copie du cercle que nous avons fait à l'étape précédente et divisé en quatre parties égales, en les plaçant dans les coins du document. Le cercle restant dans le centre est le cercle original nous avons utilisé la couche 1:
L'image après l'exécution du filtre de décalage.
Étape 7: Définir les carreaux comme modèle
Avec la tuile conçu, économisons comme un modèle réel, un processus Photoshop appelle « la définition d'un modèle ». Remonter dans le menu Edition en haut de l'écran et choisissez Définir modèle.
Allez dans Edition> Définir modèle.
Photoshop pop ouvrir une boîte de dialogue vous demandant de nommer le nouveau modèle. Il est une bonne idée d'inclure les dimensions de la tuile au nom du modèle dans le cas où vous créez plusieurs tuiles semblables à différentes tailles. Dans ce cas, le nom de la tuile « cercles 100x100 ». Cliquez sur OK lorsque vous avez terminé pour fermer la boîte de dialogue. La tuile est maintenant enregistré en tant que modèle!
Nommez le motif « cercles 100x100 ».
Étape 8: Créer un nouveau document
Nous avons conçu notre tuile et défini comme un modèle, ce qui signifie que nous pouvons maintenant l'utiliser pour remplir toute une couche! Nous allons créer un nouveau document pour travailler. Comme nous l'avons fait à l'étape 1, passez à le menu Fichier et choisissez Nouveau. Lorsque la boîte de dialogue Nouveau document apparaît, entrez 1000 pixels pour la largeur et la hauteur. Laisser la résolution réglée sur 72 pixels / pouce. et cette fois, mis en arrière-plan Contenu à blanc si l'arrière-plan du nouveau document est rempli de solide blanc. Cliquez sur OK lorsque vous avez terminé pour fermer la boîte de dialogue. Le nouveau document apparaît sur votre écran:
Créer un nouveau 1000 px x 1000 px document avec un fond blanc.
Etape 9: Ajouter une nouvelle couche
Nous pourrions simplement remplir la couche d'arrière-plan avec notre modèle de document, mais qui limiterait sérieusement ce que nous pouvons faire. Comme nous le verrons dans le prochain tutoriel quand nous regardons en ajoutant des couleurs et des dégradés à des modèles, une bien meilleure façon de travailler est de placer le motif répétitif sur sa propre couche. Cliquez sur l'icône Nouveau calque en bas du panneau Calques:
Cliquez sur l'icône Nouveau calque.
Une nouvelle couche vide nommée « couche 1 » apparaît au-dessus de la couche de fond:
La nouvelle couche apparaît.
Étape 10: Remplir le nouveau calque avec le motif
Avec notre nouvelle couche ajoutée, nous allons le remplir avec notre modèle! Montez dans le menu Edition et choisissez Remplir.
Allez dans Edition> Remplir.
Normalement, la commande de remplissage de Photoshop est utilisé pour remplir une couche ou d'une sélection avec une couleur unie, comme nous l'avons fait à l'étape 4 lorsque nous l'avons utilisé pour remplir la sélection circulaire avec le noir. Mais on peut aussi utiliser la commande de remplissage pour remplir quelque chose avec un modèle, et nous le faisons d'abord régler l'option Utiliser en haut de la boîte de dialogue de modèle.
Changer l'option Utiliser Pattern.
Avec motif sélectionné, une seconde option, Motif personnalisé. apparaît directement en dessous, qui est l'endroit où nous choisissons le modèle que nous voulons utiliser. Cliquez sur la vignette d'aperçu du motif.
Cliquez directement sur la vignette du modèle personnalisé.
Cela ouvre le modèle Picker. qui affiche de petites vignettes de tous les modèles que nous avons actuellement à choisir. Le modèle de cercle que nous venons de créer sera la dernière vignette dans la liste. Si vous avez activé l'outil Conseils dans les préférences de Photoshop (ils sont activés par défaut), le nom du motif apparaîtra lorsque votre Placez votre curseur sur la vignette. Double-cliquez dessus pour le sélectionner et la sortie sur le sélecteur de modèle:
Sélectionnez le motif « Cercles 100x100 » dans le modèle Picker.
Une fois que vous avez sélectionné le modèle, tout ce qui reste à faire est de cliquer sur OK pour fermer la boîte de dialogue de remplissage. Photoshop remplit la couche vierge dans le document avec le motif de cercle, répéter la tuile autant de fois que nécessaire:
La couche 1 est maintenant rempli avec le motif de répétition cercle.
Où aller.
Et c'est vraiment tout ce qu'il ya à faire! Il est évident que notre modèle de cercle noir et blanc ne nous gagner de nombreux prix, mais les choses importantes à enlever ce premier tutoriel sont les étapes que nous avons utilisées pour créer, concevoir une tuile unique, définissant la tuile comme un modèle, puis à l'aide de Photoshop remplir commande pour remplir toute une couche avec le motif. Le prochain, nous allons commencer à prendre les choses plus loin en apprenant comment ajouter des couleurs et des dégradés à nos modèles. Ou visitez notre section Basics Photoshop pour en savoir plus sur les bases de Photoshop!
Abonnez-vous à notre newsletter
Soyez le premier savoir quand nous ajoutons de nouveaux tutoriels!