Créez des motifs organiques dans Adobe Photoshop - Un cours de graphisme pour le déjeuner™.

1. Motifs organiques dans Photoshop - Introduction: Bonjour, je suis Helen Bradley. Bienvenue dans ce cours de conception graphique pour déjeuner, créez des motifs organiques 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 designs et travailler dans des applications telles qu'Illustrator, Photoshop et Procreate. Aujourd'hui, nous envisageons de créer des motifs de style organique dans Photoshop. Ce sont des modèles un peu plus complexes et nous allons voir comment nous pouvons les créer très facilement. Pendant que vous regardez ces vidéos, vous verrez une invite qui vous permet de recommander ce cours aux autres, s'il vous plaît, si vous aimez la classe, faites deux choses pour moi. Tout d'abord, donnez-lui un pouce vers le haut et deuxièmement, écrivez quelques mots sur les raisons pour lesquelles vous appréciez cette classe. Ces recommandations aident d'autres élèves à dire qu'il s'agit d'une classe qu'ils pourraient aussi apprécier. Si vous souhaitez me laisser un commentaire ou une question, s'il vous plaît le faire. J' ai lu et répondu à tous vos commentaires et vos questions, je regarde et je réponds à tous vos projets de classe. Maintenant, si vous êtes prêt, commençons à créer des motifs de style organiques dans Photoshop. 2. Créer un motif de des lignes de Wiggly: Le premier modèle que nous allons faire va être un motif de ligne torride. Je choisirai Fichier, puis Nouveau. Je vais créer un document à une taille fixe et c'est essentiel parce que vous allez avoir besoin de savoir exactement à quelle taille il est, donc je lui donne une largeur de 200 et une hauteur de 300 et le contenu d'arrière-plan va être blanc. Je vais zoomer un peu, mais je veux quand même voir le haut et le bas du document. Je vais à l'outil Plume et je vais commencer à créer une ligne tortueuse et je vais commencer bien au-dessus du document, donc je vais juste cliquer et faire glisser vers le bas dans une série de courbes, donc je clique et je fais glisser vers la gauche, cliquez et faites glisser vers la droite, cliquez et faites glisser un peu vers la gauche, cliquez et faites glisser vers la droite. Je vais finir à peu près de sorte que je courrais jusqu'au début de la ligne si le début de la ligne était là où je suis en ce moment, donc je vais aller dans cette direction. Je vais appuyer sur Escape pour finir la ligne. Je vais à l'outil de sélection de chemin, je vais sélectionner ma ligne. Je vais choisir Modifier, Copier, Modifier, Coller, puis Modifier, Libérer le chemin de transformation. Il y a neuf petites cases ici et vous allez cliquer sur la case du milieu dans la rangée du bas et vous allez lire la valeur y, qui pour moi est 227 mais la vôtre va être différente. Le point critique ici est que vous devez ajouter la hauteur du document à votre valeur y, c'est pourquoi j'ai fait mon document et un numéro facile à mémoriser et un nombre facile à ajouter aussi. Mon document mesure 300 pixels de haut, donc j'ai besoin d'ajouter 300 à 227, donc c'est juste 527, donc je vais taper ça et cliquer sur la coche. Maintenant, ce que je dois faire est de joindre ces deux lignes ensemble, donc je passe par l'outil Zone, il va zoomer ici pour que je puisse voir où je suis. Je vais à un Pen Tool, je vais cliquer sur le point le plus haut dans la ligne du bas et je vais simplement glisser vers le haut et je vais cliquer sur la fin de cette autre ligne juste pour le joindre complètement et je peux juste balancer mon Outil de stylo autour. Maintenant, si votre ligne est un peu bizarre à ce stade, vous pouvez revenir à l'outil de sélection directe et vous pouvez sélectionner ces points et simplement les financer. La chose que vous ne pouvez pas faire est que vous ne pouvez pas ajuster ce point ici ou quoi que ce soit qui traverse le bas du document, donc vous voulez travailler avec les points qui sont bien dans le document, mais pas celui-ci ou aussi aller simplement jeter votre modèle entier plus tard. Maintenant, nous avons notre ligne tortueuse. Je vais à l'outil Pinceau, donc je vais cliquer sur l'outil Pinceau, et j'ai choisi un pinceau rond ici neuf pixels de diamètre, étant donné que le document lui-même n'a que 200 pixels de large, cela semblait être une bonne valeur et je Je vais sélectionner une couleur deux utilisation, donc je vais utiliser le bleu foncé foncé. Je vais dans la palette Calques, je vais ajouter un nouveau calque pour que ma ligne puisse aller sur un nouveau calque. Je vais à la palette Paths et je vais juste cliquer ici sur Stroke path avec pinceau et cela fait juste caresser le chemin avec ce pinceau. Je peux maintenant supprimer mon chemin de travail. Je vais faire un zoom arrière. Nous sommes prêts à créer notre deuxième chemin, donc je vais à l'outil Pen, je vais commencer bien en haut de ce document et juste commencer à dessiner mes lignes vers le bas, assurant que j'ai beaucoup de points d'ancrage ici comme je travail. Quand j'arriverai à la fin, j'appuie sur Échap. Je vais sélectionner l'outil de sélection de tracé et sélectionner sur l'ensemble du tracé. Il est vraiment important que vous ayez beaucoup de ces chemins assis au-dessus du document. Modifier, Copier, Modifier, Coller, Modifier, Libérer le chemin de transformation, cliquez sur le milieu inférieur de ces neuf cases à la hauteur du document à votre valeur y et cliquez sur la coche ici. Maintenant, nous devons joindre ces deux lignes ensemble, mais j'ai un peu de chevauchement. Ici, je vais à l'outil Delete Anchor Point Tool et je vais supprimer du chemin le plus haut, donc je peux juste remonter cela un peu, puis aller chercher l'outil Plume et je peux commencer à joindre ces deux ensemble. Je vais juste cliquer et faire glisser, puis cliquer et faire glisser sur le point le plus haut sur ce chemin. À ce stade, je peux revenir à l'outil de sélection directe et juste lisser les choses si je le veux, si j'ai un peu de trucs bizarres qui vont sur mon chemin. Encore une fois, je veux éviter de modifier cette zone supérieure ou cette zone inférieure, donc ce point d'ancrage doit rester exactement où il se trouve ou le chemin et le motif ne fonctionnera pas plus tard. Nous allons revenir à l'outil de sélection de chemin et nous assurer que l'ensemble du chemin est sélectionné. Retournez à notre pinceau, allez à notre parcours de travail et si vous le souhaitez, vous pouvez l'ajouter à un nouveau calque ou vous pouvez simplement mettre la ligne sur le calque précédent et simplement cliquer ici sur Chemin de tracé avec pinceau, puis nous allons à faire un chemin de plus. Je vais me débarrasser de mon chemin de travail et allons faire un chemin final, Outil de sélection de chemin, Modifier, Copier, Modifier, Coller, Modifier, Modifier, Modifier, Libre Transform Path, cliquez sur le bas de la plupart de ces options, ajouter la hauteur du à la valeur y, puis cliquez sur la coche. Effectuez un zoom sur la zone de chevauchement et, si nécessaire, vous pouvez simplement aller et utiliser l'outil Supprimer le point d'ancrage pour supprimer certains points d'ancrage. Il est préférable de les supprimer de ce long chemin ici plutôt que celui-ci ici. Maintenant, allez dans votre outil Plume et prenez la fin du chemin ici et cliquez sur le début de cet autre chemin. Si vous cliquez et faites glisser, nous allons obtenir cette belle ligne. Si vous avez besoin d'ajuster votre ligne à n'importe quel point, vous pouvez aller à l'outil de sélection directe puis ajuster simplement vos points d'ancrage individuels, en vous assurant que celui-ci ne bouge pas et celui-ci non plus. Allez dans votre pinceau, sélectionnez le pinceau, sélectionnez votre peinture, allez dans votre parcours de travail, eh bien, en fait, je vais d'abord ajouter un nouveau calque pour celui-ci, allez dans mon parcours de travail. Avec elle, sélectionnez-le, il suffit de cliquer ici sur le chemin de course avec le pinceau et maintenant je vais me débarrasser de ce chemin de travail. J' ai maintenant trois couches chacune avec une de ces lignes tortueuses sur eux. Si j'en avais besoin, je pourrais simplement déplacer mes lignes à travers, mais je vais devoir m'assurer que je maintiens la touche Maj pour contraindre le mouvement à une direction parfaitement horizontale parce que vous ne pouvez pas permettre que cela se déplace vers le haut ou vers le bas ou bien votre chemin ne va tout simplement pas fonctionner. Essayez de vous assurer que j'ai un espacement inégal étant donné que c'est un espace, c'est deux espace et ce plus va être le troisième espace. Si je suis assez satisfait de cela, je vais sélectionner ces trois calques, mais désactiver mon calque Arrière-plan. Je vais choisir Modifier, Définir le motif, je vais appeler cette bande et cliquer sur « OK ». Pour le tester, Fichier, Nouveau, je vais créer un document assez volumineux, ça va être de 2 000 pixels par 2 000 pixels, fond blanc, cliquez sur « OK ». Je vais choisir Calque, Nouveau Calque de Remplissage, Motif, cliquez sur « OK » et mon motif sera celui qui est ajouté au document parce que c'est celui que je viens de créer. C' est ainsi que cet outil fonctionne. Je vais l'agrandir pour que je puisse le voir bien et clairement, c'est une échelle de 200 pour cent. Vous pouvez dire que les lignes tortueuses se sont jointes parfaitement. Maintenant, l'une des raisons pour lesquelles j'aime faire des modèles comme celui-ci pour que l'arrière-plan soit transparent est que si j'aime la taille de mon motif, je peux rastériser à ce stade. Ensuite, je peux aller et ajouter un stoke, donc je vais cliquer sur l'icône FX, cliquer sur Stroke et j'ai déjà un trait en place ici, mais fondamentalement ce que vous allez faire est d'ajuster la taille et ensuite aller choisir une couleur pour votre coup. Allons-y et rendons ça une couleur un peu plus claire. Ce que j'ai ici, c'est un effet de ligne multicolore. Dans les premières versions de Photoshop, vous ne pouvez mettre qu'un seul trait sur une ligne de cette façon. Dans les versions ultérieures, vous pouvez mettre plusieurs coups, donc j'ai un deuxième coup ici, allumons simplement. C' est un peu plus large que la première, donc je vais juste ajuster la largeur du trait à la largeur que je veux parce que ce n'est plus un rythme de modèle, c'est juste un motif, nous pouvons faire n'importe quelle taille que nous aimons et le fait que cela dépasse le bord du document ne va pas avoir d'importance. Dans les versions ultérieures de Photoshop, vous pouvez continuer à ajouter des traits, vous pouvez ajouter beaucoup et beaucoup d'entre eux si vous le souhaitez. Bien sûr, vous avez également ce calque d'arrière-plan, qui est blanc et qui contribue les bits intermédiaires à ce modèle. Si vous deviez aller et créer une couleur ici, allons-y pour une couleur vert très pâle et je vais appuyer sur Alt backspace option Supprimer sur le Mac pour remplir ce calque d'arrière-plan avec cette couleur, qui ajoute encore une autre couleur derrière cette ligne. Mais c'est ainsi que vous pouvez créer des lignes tortueuses qui vont se répéter parfaitement dans Photoshop. 3. Créer un motif Cloud: Le deuxième motif organique que nous allons faire est ce modèle de nuage. Je vais choisir Fichier, puis Nouveau, et je vais créer un petit document cette fois, il aura 300 pixels de large sur 200 pixels de haut. Encore une fois, vous voudrez vous rappeler quelles sont ces valeurs parce qu'elles seront importantes. Je vais cliquer sur « OK ». Je vais zoomer ici parce que c'est vraiment un tout petit document. Maintenant, nous allons créer des nuages dans ce document et nous allons le faire dans quelques nuances de bleu. Je vais juste trouver une nuance de bleu de départ ici à utiliser. Je vais sélectionner mon outil de brosse et je vais utiliser une brosse circulaire qui a un très beau bord dur dessus. Je vais juste mesurer cela à la taille du document parce que je ne veux que quelques nuages dans mon document, mais je veux les mettre sur un tout nouveau calque. Je viens donc de sélectionner un nouveau calque. Je vais augmenter la taille de ma brosse en utilisant mon étui de support carré ouvert et fermé. Je vais commencer par placer des formes en nuage dans ce document, et je peux varier la taille de ma brosse juste pour combler les lacunes. Maintenant, l'autre chose que je vais faire avec ce nuage bleu est que je vais dessiner jusqu'au bas du document et à travers. Donc, je suis juste de combler ces lacunes à ce stade. Mais la seule chose que je ne veux pas faire, c'est que je ne veux pas dépasser le bord du document sur les côtés. Maintenant, je vais ajouter un autre calque, et je vais choisir un bleu différent cette fois. Allons pour un bleu légèrement plus foncé. Je vais faire exactement la même chose. Encore une fois, en faisant varier la taille de ma brosse pour obtenir des nuages intéressants, je vais passer à travers le document. Encore une fois, j'utilise simplement le boîtier de support carré ouvert et fermé pour varier la taille de la brosse. Je ne veux pas dépasser les limites ici ou ici. Encore une fois, je vais juste peindre pour remplir le document parce que cela va éviter certains des problèmes plus tard. Donc il y a ma deuxième forme de nuage. Maintenant, si je veux voir comment ils s'accumulent, je peux inverser leur ordre. Donc ça va être le plus bas nuage. Ce seront eux qui seront derrière eux. Si vous le souhaitez, lorsque vous peignez, vous pouvez réellement peindre derrière, alors cliquez sur le calque d'arrière-plan, ajoutez le calque immédiatement au-dessus et vous allez peindre entre les deux couches de nuage. Allons chercher une autre couleur pour nos nuages. Encore une fois, en travaillant avec un beau gros pinceau, encore évitant le côté de ce document, je vais juste peindre quelques nuages ici. Je vais désactiver ces deux couches supérieures pour que je puisse finir de dessiner dans le fond de ces nuages parce que ça va juste rendre la vie un peu plus facile plus tard. Nous allons ajouter un panneau de nuages de plus. Maintenant, avec celui-ci, nous devons faire attention à ne pas toucher le haut du document ou le désastre va frapper notre modèle. Allons chercher une couleur finale pour travailler avec. Cette fois, je vais aller pour un bleu plus clair afin qu'il ne semble pas que j'ai quelque chose que je puisse utiliser alors juste aller goûter l'une des couleurs que j'ai précédemment utilisées et obtenir une couleur légèrement plus claire. S' assurer que je suis sur cette couche ici et m'assurer d'éviter de toucher le haut de ce document à tout prix. Je vais juste travailler ici en ajoutant les derniers nuages. Si j'ajoute un gros nuage, assure juste qu'il est assez bas dans le document pour qu'il ne touche pas cette zone supérieure. Encore une fois, éteindre toutes ces couches et juste finir là. Je n'ai pas à aller jusqu'au bout, mais je veux faire une forme assez généreuse à ce stade. C' est à ça que ressemble ma banque cloud. Mon document mesure 300 pixels de large, donc je vais maintenant commencer à briser mes nuages. Je vais sélectionner le calque le plus haut et choisir filtre autre décalage. Je vais définir la valeur horizontale à la moitié de la largeur du document, 300 pixels de large du document, la valeur horizontale va être un 150 et la verticale est zéro. Je vais juste cliquer sur « OK ». Dès que vous avez ces valeurs dans, vous pouvez simplement sélectionner filtre, autre décalage et il va être configuré exactement la même que la dernière fois. Assurez-vous bien sûr que cette enveloppe est sélectionnée et que vous allez le faire pour toutes ces couches. Filtre, d'autres paramètres de décalage sont déjà là, cliquez sur « OK ». Donc, ce qui est fait, c'est que , on s'assure que ces nuages vont se répéter sur le bord du document. Mais bien sûr, il y a cette grande lacune au milieu, alors ce qu'il faut faire est d'aller combler le grand écart au milieu. Je vais commencer par le bas parce que c'était ma dernière banque cloud. Cette couleur bleue est déjà sélectionnée, mon pinceau est sélectionné. Je vais juste combler le vide. On va passer à la couche suivante. Je vais m'assurer que le calque lui-même est sélectionné, allez à la Pipette en appuyant sur la lettre I, échantillonnez une couleur, B pour le pinceau. Va mettre dans le nuage manquant et comble l'écart, confirmant juste que je travaille sur cette couche. Aller au calque suivant, sélectionnez le calque, I pour la Pipette pour échantillonner une couleur, B pour le pinceau. Ajustez simplement la taille de la brosse pour faire varier le nuage à cet endroit. Dessinez-le, puis accédez au dernier de ces calques. I pour la Pipette pour sélectionner la couleur, B pour le pinceau. Sélectionnez le calque, juste l'image que je peins sur le calque droit, puis il suffit de peindre dans le dernier des nuages. Maintenant, nous avons notre modèle cloud de base, mais nous n'avons pas l'élément répétitif, et c'est ce que nous devons faire ensuite. L' élément répétitif va être cette couche la plus basse. Ce qu'on va faire, c'est qu'on va en faire un double. Il suffit donc de faire glisser une copie en double. Sur un de ces retards, nous allons le pousser vers le haut. On va le pousser jusqu'à ce que toutes ces zones transparentes disparaissent. Ainsi, les nuages sont repoussés du haut du document. Nous ne voulons pas aller trop loin, donc plus n'est pas mieux. Vous voulez juste les sortir du haut du document. Vous voulez également vous assurer qu'ils sont centrés sur les documents, de sorte que vous ne les avez pas déplacés latéralement. Tout ce que vous avez fait est de les déplacer vers le haut du document. Cela étant, nous devons lire ce qu'est cette valeur inférieure. Nous allons choisir, Edit, Free Transform, nous allons cliquer sur le milieu de ces neuf cases ici et nous allons lire la valeur y, qui est 138. Nous avons juste besoin de cette valeur. Je vais fermer ça parce que je n'ai pas besoin de rien faire avec ça. Je vais sélectionner la deuxième couche qui est ces nuages. Je vais choisir, Modifier, Transformer libre. Je vais cliquer sur le sélecteur du milieu du bas ici. Je vais ignorer sa valeur y, et je vais prendre la valeur y de celle que je viens de trouver, qui était 138. Mon document est 200. Je vais ajouter 200 à 138, ce qui va être 338. Donc, je vais taper 338 ici et juste cliquer sur la coche. Ce qui est fait, c'est qu'il déplace la pointe des nuages vers le bas du document. On ne peut pas les voir parce qu'ils sont au fond de la dernière pile. Nous allons donc faire glisser ce calque inférieur jusqu'au haut du document et il y a une banque de nuages. Maintenant, ce que nous devons faire est d'arranger ceux au milieu. Ces trois couches bleues peuvent maintenant être arrangées pour que nous puissions étaler un peu les choses. Alors passons à celui-ci et poussons-le un peu dans le document, encore une fois, en nous assurant que nous ne le déplacons pas horizontalement du tout. Ensuite, celui-ci, nous pouvons l'ajuster un peu et ce dernier probablement l'ajuster un peu. Maintenant, à ce stade, vous pouvez saisir tous ces calques et simplement utiliser les outils d' alignement ici pour vous assurer qu'ils sont correctement alignés. Si vous les alignez sur les bords gauche, alors tout le reste sera parfait. Maintenant, allons recadrer notre document parce qu'il y a des morceaux de nuages qui traînent partout ici. On va à l'outil de culture. Dans les versions antérieures de Photoshop, vous allez faire glisser le document en cours. Dans les versions ultérieures de Photoshop, lorsque vous obtenez les poignées de rognage, vous allez simplement double-cliquer sur eux, et cela va recadrer tous les pixels excédentaires à condition, bien sûr, que vous avez supprimé les pixels de rognage sélectionnés. Alors faites ça. Maintenant, nous sommes prêts à créer nos modèles. Nous allons donc sélectionner tous ces calques et nous allons choisir éditer, définir le motif. Je vais appeler ça des nuages bleus et cliquer sur « OK ». Pour le tester Fichier, puis Nouveau, je vais faire un document de 2 000 pixels par 2 000 pixels, cliquez sur « OK ». Je vais choisir Calque, Nouveau modèle de calque de remplissage. Je vais cliquer sur « OK ». Il est maintenant rempli de mon modèle. Maintenant, je vais augmenter ça pour qu'on puisse le voir à une plus grande taille. Je fais ça à 300 pour cent. Vous pouvez dire que c'est un modèle sans couture. n'y a pas de ruptures dans ce modèle, que ce soit verticalement ou horizontalement. 4. Projet et d'une enveloppe: Votre projet pour cette classe sera de faire l'un ou les deux de ces motifs de style organique dans Photoshop. Une fois que vous avez créé votre modèle, créez un document et remplissez ce document avec votre modèle juste pour tester pour vous assurer que cela fonctionne vraiment bien. Publiez une image de votre modèle en cours d'utilisation comme projet de classe. J' espère que vous avez apprécié ce cours et que vous avez appris quelque chose sur la création de motifs organiques dans Photoshop. Maintenant que vous regardez ces vidéos, vous avez vu une invite qui vous permet de recommander cette classe aux autres. plaît, si vous avez aimé la classe, faites deux choses pour moi. Tout d'abord, donnez-lui un pouce et deuxièmement, écrivez juste quelques mots sur la raison pour laquelle vous avez apprécié cette classe. Ces recommandations aident les autres élèves Skillshare à voir qu'il s'agit d'un cours qui leur plairait aussi. Si vous souhaitez me laisser un commentaire ou une question, s'il vous plaît le faire. J' ai lu et je réponds à tous vos commentaires et à vos questions, et je regarde tous vos projets de classe et y réponds. 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.