Motifs répétitifs sans couture dans Adobe Photoshop - Juste les bases - Un cours de graphisme pour le déjeuner™.

1. La création de motifs dans Photoshop 101 : Bonjour, je suis Helen Bradley. Bienvenue dans cette classe Graphic Design for Lunch, crée des motifs dans Adobe Photoshop. Graphic Design for Lunch est une série de cours qui enseignent une gamme de conseils et de techniques pour créer des designs et travailler dans des applications telles qu'Illustrator, Photoshop et Procreate. Aujourd'hui, nous examinons les bases mêmes de la création de motifs dans Photoshop. C' est une classe Photoshop. Nous allons commencer dès le début et discuter de la façon dont nous ferions des motifs dans Photoshop, puis nous allons remplir une forme avec un motif. Si vous n'avez jamais créé de modèles dans Photoshop auparavant, cette classe est faite pour vous. Si vous êtes prêt maintenant, commençons. 2. Réalisation de motifs Partie 1: Pour créer notre modèle, je vais juste choisir Fichier, puis Nouveau et je vais créer un document d'une taille connue. Je choisis 100 pixels de large par 100 pixels de haut. Je suis en mode couleur RVB et ça va être transparent. Je vais juste cliquer sur « OK ». Je vais juste zoomer ici en utilisant l' outil Zoom pour que je puisse rendre ma forme beaucoup plus grande pour que je puisse la voir clairement. Ce processus que nous allons faire, vous pouvez le faire dans pratiquement n'importe quelle version de Photoshop. Cela a été possible depuis des années. Je vais choisir une couleur différente, je vais à mes échantillons ici. Si vos nuanciers n'apparaissent pas ici, vous pouvez simplement aller dans Fenêtre, puis choisir Nuancier. Je vais juste choisir une couleur pour ma star parce qu'on va dessiner une étoile. Je pense qu'une belle couleur jaune est une bonne option. Je vais cliquer ici sur l'outil Rectangle, et je veux l'outil Polygone parce que cela va me permettre de dessiner mon étoile, donc je vais cliquer dessus. Ici, j'ai besoin de sélectionner des pixels dans cette liste déroulante. Maintenant, dans les versions antérieures de Photoshop, vous pouvez y avoir trois icônes à partir desquelles vous allez sélectionner l'option pixels. Maintenant, ici, je peux choisir combien de côtés, et j'ai déjà tapé cinq, donc je vais juste retaper ça. On va avoir une étoile à cinq côtés ou une étoile à cinq branches. Ensuite, je vais cliquer sur cette icône d'engrenage et je peux choisir l'étoile parce que je veux qu'elle soit une étoile. Je peux choisir jusqu'où les côtés sont indentés, et je viens de taper 60 pour cent, je peux laisser le rayon vide et juste le dessiner moi-même. Je vais juste cliquer loin de ça. Maintenant, j'ai ma couleur de premier plan sélectionnée, je vais juste faire glisser pour créer mon étoile. Je vais le redresser un peu, et parce que c'est loin de l'espace de travail ici, je vais juste tenir la barre d'espace pour la déplacer en position. On va s'assurer que c'est un centre mort dans une minute. Tout ce que je regarde, c'est d'essayer de le faire paraître droit. Quand je serai prêt, je lâcherai juste le bouton gauche de la souris. Allons dans la palette Calques et voyons ce que nous avons. Nous avons une couche transparente avec une étoile au milieu. Maintenant, nous sommes prêts à créer notre modèle, mais assurez-vous que tout est centré en premier. Maintenant, j'ai des guides intelligents allumés. Vous pouvez voir ici que j'accroche à mes guides et que j'ai Snap activé. Lorsque je déplace cela directement au milieu du document, je devrais avoir des guides intelligents qui vont me dire qu'il est bien centré. Maintenant, les horizontales ne semblent pas travailler pour moi. Si je veux aligner cela au centre même du document, voici comment je vais le faire. Pour m'assurer que cela est aligné centralement sur le Canvas, je vais tout sélectionner, donc je vais choisir, Sélectionner, Tout. Maintenant, vous verrez que les options du centre deviennent disponibles. Je vais juste cliquer sur Vertical and Horizontal Aligner Center juste pour m'assurer qu'il est parfaitement aligné au centre du document. Nous sommes prêts à aller de l'avant et à créer notre modèle. Nous allons le faire en rechoisissant Sélectionner, Tout, parce que je veux m'assurer que tout est sélectionné ici. Puis Modifier, Définir le motif. Je vais l'appeler star. Ensuite, il suffit de cliquer sur « OK ». Nous avons maintenant un motif d'étoiles. C' est une étoile jaune sur fond transparent. Maintenant, l'importance de mettre cela sur un fond transparent va être évidente lorsque nous allons créer notre motif d'étoiles. Parce que nous avons inclus la transparence, nous serons en mesure d'ajouter la couleur d'arrière-plan que nous voulons à l'époque. Cela rend notre motif beaucoup plus flexible que si, par exemple, c'était une étoile jaune sur fond blanc. Allons de l'avant et voyons comment nous pourrions créer un document et le remplir avec notre modèle. 3. Réalisation de motifs Partie 2: Après avoir créé mon échantillon de motif, je n'ai plus besoin de ce document. Pour l'instant, je vais juste me débarrasser de cela, et en créer un nouveau plus tard pour créer un modèle différent. Nous allons créer un document que nous allons remplir avec le modèle. Nous voulons qu'il soit assez grand. Par exemple, si vous conceviez du papier scrapbook, vous voudrez peut-être qu'il s'agisse de 3 600 pixels sur 3 600 pixels, une résolution de 300 pixels par pouce. Encore une fois, couleur RVB, je vais définir le contenu de l'arrière-plan. Mettons-le sur blanc, pour qu' on ait des étoiles jaunes sur fond blanc et que je clique sur « OK ». Dans notre dernière palette, vous pouvez voir que nous avons un fond ici maintenant, avec un remplissage blanc. Je vais ajouter un nouveau calque parce que chaque fois que je mets mes motifs sur un nouveau calque, j'obtiens un peu plus de flexibilité, en séparant les étoiles, par exemple, du fond blanc. Il y a quelques options en particulier que nous pourrions utiliser pour remplir ce document avec notre modèle. Je vais vous montrer celui qui est peut-être le plus utilisé, tout d' abord, et vous dire pourquoi je ne pense pas que ce soit votre meilleur choix. Je vais choisir « Modifier » puis « Remplir ». Ici, à partir de la liste déroulante du contenu, je vais sélectionner « Pattern ». Ensuite, nous allons voir les Patterns personnalisés, donc nous allons sélectionner le tout dernier modèle, car votre brevet sera toujours le dernier ici. Je clique dessus. Je vais juste cliquer sur « OK ». Maintenant, l'une des raisons pour lesquelles je n'aime pas particulièrement cette option de remplissage de motif est que nous obtenons le motif rempli à 100 pour cent, mais nous n'avons vraiment pas beaucoup d'options pour recaler le motif une fois qu'il est là. Je ne pense pas que ce soit le meilleur choix au monde. Débarrassez-vous de cela et regardons, la façon dont je pense est une meilleure option. Je vais choisir « Calque », « Nouveau calque de remplissage », « Modèle ». Maintenant, il y a quelques raisons à cela. Je vais juste cliquer sur « OK » à ce stade. L' un d'eux est que cette option de remplissage de motif toujours par défaut le dernier motif que vous avez créé. Au lieu d'avoir à aller chercher votre modèle, cela va toujours par défaut au modèle que vous venez de faire. L' autre chose, c'est que vous avez une balance ici. Ce modèle est vraiment petit pour moi en ce moment, donc je vais l'augmenter à 250 pour cent. Vous pouvez voir maintenant qu'il s'agit d'un remplissage de motif beaucoup plus grand. C' est pourquoi j'aime cette option pour remplir le document avec un motif. Bien sûr, nous avons une couche de remplissage. Si à tout moment nous devions rastériser cela, nous pouvons simplement cliquer avec le bouton droit de la souris sur le calque, et choisir « Rasterize Layer », puis il sera converti en un calque régulier, qui est toujours les petites étoiles jaunes dessus. Maintenant, la raison pour laquelle je suggère de séparer le motif du remplissage alors, est que vous pouvez remplir ce calque avec une couleur différente. Allons chercher un bleu foncé. Eh bien, c'est probablement un peu sombre, allons-y pour cette couleur, et revenons à notre palette de calques. Je sélectionne le calque d'arrière-plan. Je vais juste cliquer dessus pour le déverrouiller. Je vais le remplir avec ma couleur bleue. Je peux le faire de plusieurs façons. Une façon est juste de le jeter là-dedans avec un outil de seau de peinture. Je vais chercher l'outil Paint Seau et jeter ma couleur bleue là-dedans. En séparant le motif de son arrière-plan, vous pouvez voir que nous avons la flexibilité ultime pour recolorer l'arrière-plan. Mais, bien sûr, nous pouvons également recolorer le motif. Je vais sélectionner le calque de motif cette fois. Je vais choisir « Calque », « Nouveau Calque d'ajustement », « Teinte/Saturation ». Encore une fois, je vais cliquer sur « OK ». Maintenant, cette option dans les versions les plus récentes de Photoshop, vous pouvez réellement découper ceci. Ce que je peux faire, c'est découper cet ajustement de sorte qu'il n'affecte que le calque ci-dessous, et c'est le calque jaune. Le bleu ne va pas changer, mais le jaune l'est. Je vais vous montrer dans une minute comment vous pouvez le faire sur les versions antérieures de Photoshop. ce moment, ce que vous voulez vous concentrer sur, est juste la couleur jaune et de trouver une couleur alternative pour cela. Je vais cliquer sur « Coloriser ». Maintenant, je peux faire glisser sur le curseur de teinte, pour changer la couleur. Si j'augmente la saturation, vous verrez la couleur passer. Voyageons. Vous pouvez voir que nous pouvons changer cette étoile jaune, pour être une étoile de couleur différente. Faisons le bleu pâle. Je peux augmenter ma saturation, et je peux aussi ajuster ma légèreté ici. Quand j'aurai fini, je fermerai ce panneau. Revenons à la dernière palette. Nous avons la couleur bleu foncé ici, nous avons nos étoiles jaunes, et nous avons une couche de réglage de la saturation de la teinte coupée qui n'affecte que cette couche ici. Maintenant, si vous travaillez sur des versions antérieures de Photoshop, vous ne disposez peut-être pas de cet outil d'écrêtage. Je vais juste déclipser ça et vous montrer comment vous le clipsez. Si c'est ce que vous obtenez de l'application de l'ajustement de saturation de teinte à cette image, et que vous aimez cette couleur mais que vous ne voulez pas affecter le bleu marine, vous sélectionnez le calque de réglage « Teinte/Saturation », puis vous choisissez « Calque » , » « Créer un masque d'écrêtage ». Ce que cela fait, c'est qu'il coupe juste cet ajustement sorte qu'il n'affecte que le calque immédiatement au-dessous. Vous pouvez également le faire avec le clavier. Si je maintiens les touches Ctrl et Alt, c'est Option de commande sur le Mac, et que je passe la souris sur la jonction entre ces deux couches, vous verrez que j'obtiens ce petit indicateur. Si je clique ici, je peux activer et désactiver ce masque d'écrêtage. Cela a fonctionné dans beaucoup de versions de Photoshop. Cela va fonctionner dans votre version très facilement. Il y a notre premier modèle, c'est un modèle très simple, et nous avons appris à le recolorer. Nous allons ensuite créer un motif multicolore, et un motif qui a un design un peu plus intéressant. 4. Motifs Partie 3: Pour notre prochain modèle, nous allons revenir pour créer un autre petit document Fichier, Nouveau, et nous allons faire ce 100 pixels par 100 pixels. Ce qui est important ici, ce n'est pas tant la taille que car nous allons utiliser ces dimensions dans une minute pour créer notre modèle. Encore une fois, je vais choisir un fond transparent, sorte que cela me donne plus de flexibilité avec mon motif et je vais cliquer sur « OK ». Encore une fois, très petit document, je vais zoomer dessus et cette fois nous allons créer un motif de cœur. Je vais à l'option de formes personnalisées ici, donc je vais choisir l'outil de forme personnalisée. Ici, dans le menu des formes, je peux aller sélectionner une forme de cœur. Ce cœur est intégré à Photoshop et celui-ci l'est aussi. Si vous ne voyez pas toutes ces formes, vous pouvez simplement cliquer ici dans le menu « Fly-out » et il y a une option pour tout sélectionner. Vous pouvez cliquer sur « Tous », puis juste ajouter les formes et qui les ajoutera ou vous pouvez simplement aller sélectionner un type particulier de forme et les ajouter. Si vous choisissez d'ajouter des formes, vous constaterez qu'elles viennent d'être ajoutées à la fin, de sorte que les formes personnalisées que vous avez créées ne seront pas remplacées dans le processus. Je vais choisir ce cœur ici. Je veux le remplir. Je vais choisir à nouveau les pixels, mais cette fois je veux utiliser une couleur de cœur, donc je veux un beau rose, donc nous créons un rose. Je vais juste tenir la touche Maj pendant que je traîne un cœur. Maintenez la barre d'espace enfoncée juste pour la déplacer en position. Encore une fois, je vais probablement avoir du mal à trouver le milieu. Non, cette fois, je peux trouver le milieu. J' utilise simplement les guides intelligents qui maintiennent la barre d'espace vers le bas pendant que je la dessine pour la positionner au milieu, lâchez le bouton gauche de la souris, puis lâchez la barre d'espace et la touche Maj. Si je ne l'avais pas directement centré, je choisirais simplement « Sélectionner tout » et puis avec l'outil de déplacement ici, vous trouverez que les touches centrales sont disponibles ici et vous pouvez simplement les utiliser pour ajuster le centrage de cet objet. Maintenant, nous avons une forme de cœur, ce que nous voulons faire cette fois est de créer une forme un peu plus sophistiquée. Je vais dupliquer ce calque, je vais le faire glisser et le déposer sur l'icône du nouveau calque. J' ai deux copies du cœur et celui-ci que je vais rompre et jeter dans les coins ici et ça va créer ce motif plus sophistiqué. Avec ce calque sélectionné, je choisirai « Filtre », « Autre », « Décalage ». C' est une chose importante à retenir Filter, Autre, puis Offset. C' est là que nous devons connaître les valeurs que nous définissons pour la taille de ce document parce que nous allons compenser cela de moitié de la largeur et de la hauteur. La largeur était une centaine, donc nous sélectionnons 50 pour notre horizontal et la hauteur était une centaine donc nous allons taper 50 pour la verticale, ce qui est juste la moitié de la largeur et de la hauteur. C' est exactement ce que nous recherchons donc l'aperçu nous montre que tout fonctionne bien et je vais cliquer sur « OK ». C' est ma pâte de motif, mais pendant que nous sommes ici, faisons juste un changement supplémentaire à cela. Je vais faire de ce cœur rose une couleur différente rose. Je vais juste aller de l'avant et le sélectionner en cliquant sur le cœur dans ce calque. Vous pouvez voir qu'il est sélectionné et je vais aller trouver un rose différent pour lui, un rose beaucoup plus pâle. Avec cette sélection, je vais appuyer sur « Alt » « Retour arrière » option Supprimer sur le Mac car c'est la couleur de premier plan. Alt, option Retour arrière, Supprimer remplira la sélection avec la couleur de premier plan actuelle. Maintenant, nous sommes prêts à créer à nouveau notre nuance de motif et nous choisirons, Sélectionner tout. C' est important parce que nous voulons tout sélectionner, pas seulement le cœur du milieu, puis aller à Modifier, Définir le motif. On va appeler ça les cœurs et cliquer sur « OK ». Maintenant, allons-y et utilisons-la. Nous choisirons Fichier, puis Nouveau et créerons un document beaucoup plus volumineux pour l'utiliser. Supposons que nous avons, par exemple, création de papier scrapbook et 3.600 par 3.600 pixels à 300 pixels par pouce est parfait, fond transparent et cliquez sur « OK ». Nous allons remplir ceci avec notre calque de motif de cœur, nouveau calque de remplissage, motif, je vais cliquer sur « OK ». Vous pouvez voir que le modèle cardiaque est celui que vous avez utilisé. C' est le modèle le plus récent, est toujours celui qui est appliqué en utilisant ce remplissage de motif, c'est pourquoi j'aime tellement mieux cette option que l'autre. Je veux l'augmenter, donc je vais le dimensionner jusqu'à 200 pour cent et cliquer sur « OK ». Maintenant, nous n'avons pas encore d'arrière-plan ici, donc je vais juste faire un clic sur l'icône Nouveau calque, Cord-clic sur le Mac, et cela ajoute juste un nouveau calque immédiatement au-dessous de la couche existante. Parce que le blanc est ma couleur d'arrière-plan, Control Backspace, commande Supprimer sur le Mac, nous allons remplir ce calque avec la couleur d'arrière-plan actuelle, qui est bien sûr blanc et il y a notre motif plus sophistiqué. Il s'agit d'un motif décalé et il a été créé à l'aide de cette pièce de motif. Là où nous avons quelque chose au centre et nous avons jeté la deuxième version de l'objet dans les coins ici, avons cassé, et jeté dans les coins pour que nous finissions avec ce modèle plus sophistiqué. 5. Réalisation de motifs Partie 4: Avant de finir, répondons à la question de savoir ce qui se passe si nous voulons que notre motif en forme de cœur soit à l'intérieur, par exemple, un cœur au lieu de simplement remplir un document entier ? Eh bien, je vais fusionner tous ces calques ensemble, donc j'ai juste un seul calque dans le document. Je peux cliquer avec le bouton droit ici et choisir « Fusionner vers le bas ». Maintenant, nous avons une seule couche avec le motif que nous voulons utiliser pour remplir notre cœur. Je vais créer une nouvelle couche ici, et je vais sélectionner mon cœur. Je m'assure d'aller à « Formes personnalisées », et je sélectionne ma forme de cœur ici. Je clique dessus, et je suis prêt à dessiner. J' ai un pixel sélectionné ici. Si vous utilisez une version antérieure de Photoshop, vous devrez peut-être sélectionner une icône ici. Peu importe la couleur que vous utilisez pour votre cœur, il peut être n'importe quoi. Je vais juste traîner ma forme de cœur et je vais juste la déplacer au centre ici en maintenant la « barre d'espace » enfoncée pour que je puisse déplacer la forme pendant que je la dessine toujours. Ensuite, je lâcherai le bouton gauche de la souris. Maintenant, j'ai un cœur au-dessus de mon modèle. Ces couches sont désormais incorrectes. Je vais bouger mon cœur en dessous de mon modèle. Je vais juste le glisser et le déposer là, et nous allons utiliser le même processus de couche d'écrêtage que nous avons utilisé pour découper l'ajustement de saturation de la teinte. Mais cette fois, nous allons accrocher le motif à la forme du cœur ci-dessous. Nous savons déjà que nous pouvons choisir « Calque », « Créer un masque d'écrêtage », et quand nous le faisons, nous coupons le motif ici à la forme de l'objet immédiatement en dessous, qui est notre motif de cœur. Pour finir, il suffit de placer un calque rempli de couleurs au-dessous de tout pour que nous puissions le voir un peu plus clairement. « Contrôle » ou « Commande » cliquez sur l'icône « Nouveau calque », pour déplacer le nouveau calque immédiatement en dessous de tous les autres calques. Ensuite, nous irons choisir une couleur rose très pâle. Cela va être notre couleur de remplissage, et maintenant avec ce calque sélectionné, je vais juste cliquer sur « Déplacer l'outil » pour avoir accès à cette commande, ou option retour arrière, supprimer pour remplir ce calque avec la couleur rose pâle. Si nous voulions quelque chose d'un peu plus à finir, nous pourrions ajouter une ombre portée à ce cœur pour le séparer de son arrière-plan. Je vais cliquer sur l'icône « fx », cliquer sur « Ombre portée », et je vais simplement faire glisser une ombre portée très superficielle autour de ma forme. Je vais diminuer l'opacité, donc c'est très subtil et cliquez sur « OK ». Là, vous avez une forme de cœur remplie d'un motif en forme de cœur créé dans Photoshop. Votre projet pour cette classe sera de créer une forme et de la remplir avec un motif de votre propre fabrication. Si vous avez apprécié ce cours, s'il vous plaît donnez-lui un pouce pour que d'autres personnes sache que c'est la classe qui vaut la peine de prendre et n'hésitez pas à inclure quelques commentaires car j'aime toujours entendre ce que vous pensez des cours. Je m'appelle Helen Bradley. Merci beaucoup de vous joindre à moi pour cet épisode de Graphic Design for Lunch, et j'ai hâte de vous voir dans un prochain épisode. 6. Motif vidéo primant: Voici une courte vidéo supplémentaire pour la classe Graphic Design for Lunch, Créer un motif dans Photoshop. Je veux juste revenir brièvement sur le concept de l'anti-aliasing. J' ai ici un document qui contient un calque rempli, et je vais ajouter un nouveau calque. J' ai une couleur rose sélectionnée. Je vais sélectionner l'outil de formes personnalisées ici. Je vais créer cette forme de cœur que j'ai utilisée dans la vidéo, et je l'ai définie en pixels. Je vais désactiver l'anti-alias cette première fois. Je vais juste traîner la forme de mon cœur. Je vais y aller et faire exactement la même chose. Mais cette fois, je vais changer de couleur. Je vais activer l'anti-alias, nous sommes à nouveau en mode pixel. Je vais juste traîner pour créer mon cœur. Revenons maintenant au cœur que j'ai créé quand l'anti-aliasing a été désactivé. Je vais zoomer très près du bord de ce cœur. Vous pouvez voir qu'il est très pixélisé. Vous pouvez voir très clairement les bords du cœur et ils sont tous la même nuance de rose. Éteignons cette couche, et regardons le bord du cœur que j'ai créé quand j' avais activé l'anti-aliasing. Si nous zoomons ici, vous verrez que le bord de ce cœur a plusieurs couleurs. Il y a la couleur turquoise, mais il y a des couleurs de sorte que toutes tendance vers le blanc. Eh bien, ils ont l'air de se diriger vers le blanc, mais ils ne font pas vraiment ça. Si je désactive l'arrière-plan blanc, vous verrez simplement qu'il s'agit de pixels semi-transparents. Ils permettraient à cette forme de se fondre dans un fond blanc, mais il pourrait facilement se fondre avec le fond noir. Je viens de transformer ma couleur de premier plan en noir. Je vais cliquer sur ce calque et Alt Backspace, Option Supprimer, pour remplir ce calque. Vous pouvez voir cette plume sur le bord du cœur qui lui permet de passer dans n'importe quel arrière-plan. Lorsque vous dessinez des formes dans Photoshop, plupart du temps, vous aurez besoin de cette arête uniforme. Lorsqu' un choix peut être fait entre l'utilisation d'un anti-alias ou non, vous choisissez généralement d'utiliser un anti-alias pour obtenir l'effet de bord plus doux avec cette transition sur le bord, ce qui évite un bord très pixélisé dans votre image.