Dans ce didacticiel, nous examinerons tout ce qui concerne la création de formes arbitraires dans Photoshop, puis nous travaillerons avec elles. Comme il y a beaucoup de matériel, nous allons le diviser en deux parties. Dans la première partie, nous apprendrons à créer une forme, à la définir comme une forme arbitraire, puis à l'afficher à l'écran et à l'utiliser au besoin. Dans la deuxième partie, nous verrons comment combiner différentes formes en ensembles de formes distincts et les enregistrer dans le programme.

L'idée de ce tutoriel m'est venue lorsque je feuilletais un magazine de scrapbooking avec de nombreuses pages contenant des modèles prêts à l'emploi. chiffres simples. Ces chiffres étaient regroupés autour de divers thèmes et étaient d'un prix absurde. J'ai alors pensé : "Hé, vous pouvez créer toutes ces formes dans Photoshop vous-même et gratuitement !" De plus, vous n'avez pas besoin d'être dans le scrapbooking pour bénéficier de la création de vos propres formes personnalisées.

Tout d'abord, lors de la création de figurines, vous pouvez simplement vous amuser ! Et si vous créez de nombreuses formes différentes et les combinez dans un ensemble séparé, ce sera encore plus intéressant. Deuxièmement, vous pouvez utiliser des formes arbitraires comme élément décoratif dans la conception de dessins ou même dans le travail de conception. Troisièmement, vous pouvez combiner une forme arbitraire avec un masque vectoriel et obtenir un cadre photo amusant. Mais avant de commencer à utiliser des formes personnalisées, apprenons à les créer !

Avant de commencer à maîtriser la matière, je vais me permettre encore une digression. La création de formes arbitraires nécessite l'utilisation de l'outil Plume. Vous pouvez créer des formes avec des outils Formes de base comme le Rectangle ou l'Ellipse, mais si vous ne voulez pas vous limiter à créer des formes spécifiques qui ressemblent à des boîtes ou des pneus de vélo, vous devrez utiliser l'outil Plume. Nous avons exploré l'outil Plume plus en détail dans notre tutoriel Comment faire des sélections avec l'outil Plume, donc dans Cette leçon Nous n'aborderons ce sujet que brièvement. Si vous n'êtes pas familier avec les propriétés de base de l'outil Plume, lisez d'abord notre leçon sur l'utilisation de cet outil.

Dans ce didacticiel, nous allons créer des formes arbitraires en traçant d'abord un objet dans l'image. Si vous pouvez dessiner, c'est parfait - alors vous pouvez facilement dessiner une forme à main levée sans tracer le sujet, car lors de la création d'une forme à main levée, peu importe la façon dont vous la dessinez - avec un trait ou à main levée. Moi, je préfère tracer l'objet (car capacité artistique ne possèdent pas), c'est donc exactement ce que nous ferons dans cette leçon.

Je vais créer une forme personnalisée à partir de ce joli bonhomme en pain d'épice :

Bonhomme en pain d'épice

Commençons!

Étape 1 : Sélectionnez l'outil Plume

Comme je l'ai mentionné, vous pouvez créer des formes arbitraires à l'aide des outils de forme de base tels que Rectangle ou Ellipse, mais si vous essayez de tracer notre Gingerbread Man avec ces outils, il restera probablement au mieux sans tête (désolé pour la légère ironie). Ce dont nous avons vraiment besoin, c'est de l'outil Plume, alors sélectionnons-le dans le panneau Outils :

Sélection de l'outil plume

Vous pouvez également sélectionner l'outil stylo en appuyant sur la touche P.

Étape 2 : Sélection de l'option "Calque de forme" dans la barre d'options

Avec l'outil Plume sélectionné, examinons la barre d'options en haut de l'écran. Sur le côté gauche du panneau, vous verrez un groupe de trois icônes :

Trois icônes dans la barre d'options qui nous permettent de choisir comment nous voulons utiliser l'outil plume

Ces icônes nous montrent ce que nous pouvons faire avec l'outil plume. Icône de droite dans ce moment semble ombragé. Il nous est disponible uniquement lorsque nous travaillons avec les principaux outils du groupe "Formes" (l'outil "Stylo" et les outils du groupe "Formes" ont presque les mêmes options dans le panneau des paramètres). Comme vous et moi l'avons vu dans le didacticiel Comment effectuer des sélections avec l'outil stylo, l'icône du milieu est utilisée lorsque nous voulons tracer des chemins, mais pour le moment nous n'en avons pas besoin. Nous voulons utiliser l'outil stylo pour dessiner une forme, et pour cela nous devons sélectionner l'icône à gauche, qui est responsable du paramètre Shape Layers :

Pour dessiner des formes avec l'outil stylo, sélectionnez l'option Calque de forme

L'option Shape Layer est sélectionnée par défaut chaque fois que vous accédez à l'outil Plume, vous n'aurez donc peut-être pas besoin de la définir vous-même. Mais c'est toujours une bonne idée de vérifier et de s'assurer que cette option est sélectionnée avant de commencer à dessiner la forme.

Je dois souligner qu'il n'y a pas de différence entre dessiner des chemins et dessiner des formes avec l'outil plume. Dans les deux cas, vous cliquez dans la fenêtre du document pour définir des points d'ancrage, puis déplacez les lignes de repère selon les besoins pour créer des sections droites ou courbes (encore une fois, si vous n'êtes pas familier avec ces concepts, consultez notre tutoriel sur Comment faire des sélections avec le Outil de sélection). Plume"). En fait, que vous dessiniez "officiellement" des formes ou des chemins, vous dessinez quand même des chemins. La différence est que lors du dessin de formes, Photoshop remplit le chemin de couleur au fur et à mesure que nous dessinons, ce qui nous permet de voir la forme.

Curieusement, mais cette propriété va rendre notre travail un peu plus difficile. Pourquoi - nous examinerons plus loin.

Étape 3 : commencez à dessiner la forme

Une fois que nous avons sélectionné l'outil Plume et l'option Shape Layer dans la barre d'options, nous pouvons commencer à tracer l'image. Je veux commencer à tracer avec la tête du Gingerbread Man. Pour ce faire, je vais cliquer pour définir des points d'ancrage et commencer à faire glisser des lignes de guidage pour créer un trait incurvé autour de la tête de l'homme. Dans l'image ci-dessous, vous pouvez voir des points d'ancrage et des lignes de guidage, mais il y a un problème. Photoshop remplit le contour de la forme avec la couleur de fond (noir dans mon cas) pendant le trait, nous empêchant de voir la tête de l'homme :

Le programme remplit le contour avec la couleur de fond pendant le dessin, nous empêchant de voir l'image.

Pour que le programme ne masque pas l'image elle-même pendant le trait, il suffit d'aller dans le panneau des calques et de réduire l'opacité du calque de forme. Pour le moment, dans le panneau Calques, vous pouvez voir que nous avons deux calques - le calque d'arrière-plan inférieur (Arrière-plan), sur lequel l'image du bonhomme en pain d'épice est placée, et le calque supérieur de la forme appelée "Forme 1" ( Forme 1). Je peux dire avec certitude que le calque de forme est actuellement sélectionné car il est surligné en bleu, donc pour réduire son opacité, il suffit de sélectionner l'option Opacité (Opacité) à droite coin supérieur panneau des calques et réduisez sa valeur. Dans mon cas, je vais baisser l'opacité à 50% :

Réduisez l'opacité du calque de forme à l'aide de l'option Opacité dans le coin supérieur droit du panneau Calques

Après avoir réduit l'opacité du calque de forme, la tête de l'homme est visible à travers la couleur de remplissage d'arrière-plan, ce qui nous permettra de faire d'autres traits beaucoup plus facilement :

Après avoir réduit l'opacité du calque de forme, l'image est visible à travers la couleur de remplissage d'arrière-plan

Étape 5 : Continuer à tracer l'image

Maintenant que le bonhomme en pain d'épice est visible à travers la couleur de remplissage de la forme que je dessine, je peux continuer à tracer l'image avec l'outil Plume jusqu'à ce que je sois de retour au début du trait :

Le contour de la figure est complètement terminé.

Si nous regardons le calque Forme dans le panneau Calques, nous pouvons voir qu'une forme distincte de bonhomme en pain d'épice est apparue dessus :

Sur le panneau des calques, la figure de notre petit homme est maintenant clairement visible.

Jusqu'à présent, nous avons été bien. Nous avons décrit la forme du bonhomme en pain d'épice, et dans certains cas, cela suffirait. Dans mon cas, cependant, la figure décrite a besoin d'un peu de travail. À tout le moins, je pense que nous devons inclure les yeux et la bouche dans la silhouette esquissée, et peut-être aussi un nœud papillon et deux gros boutons en dessous. Comment ajoutons-nous ces détails à la forme esquissée ? Très simple! Nous ne les ajouterons pas - nous supprimerons (ou soustrairons) ces détails de la figure !

Étape 6 : Sélectionnez l'outil Ellipse

Commençons par les yeux. En option, nous pourrions sélectionner les yeux avec l'outil stylo, mais comme ils sont ronds sur le petit homme, nous les sélectionnerons davantage la manière facileà l'aide de l'outil Ellipse. Sélectionnez l'outil Ellipse dans la barre d'outils. Par défaut, cet outil est caché derrière l'outil Rectangle, alors cliquez sur l'outil Rectangle et maintenez le bouton de la souris enfoncé pendant quelques secondes, ce qui fera apparaître un menu contextuel à l'écran où vous pourrez sélectionner l'outil Ellipse :

Cliquez sur l'outil Rectangle dans la barre d'outils, puis maintenez le bouton de la souris enfoncé jusqu'à ce qu'un menu contextuel apparaisse à l'écran, où nous sélectionnons l'outil Ellipse

Étape 7: Sélectionnez l'option Soustraire de la zone de forme

Avec l'outil Ellipse sélectionné, regardez dans la barre d'options, où vous verrez plusieurs icônes regroupées comme de petits carrés qui sont connectés les uns aux autres de différentes manières. Ces icônes nous permettent d'effectuer diverses actions avec des formes, telles que l'ajout d'une forme à une zone, la soustraction d'une zone distincte et l'intersection de zones de plusieurs formes. Cliquez sur la troisième icône à partir de la gauche, qui est responsable de l'option "Soustraire de la zone de forme" (Soustraire de la zone de forme):

Dans le panneau des paramètres, cliquez sur l'icône d'option "Soustraire de la zone de forme":

Étape 8 : Dessinez des formes individuelles pour les extraire de la silhouette décrite

Maintenant, avec l'option Soustraire de la zone de forme sélectionnée, nous pouvons commencer à ajouter des détails à notre forme en supprimant des zones individuelles. Je vais commencer à transformer la forme en dessinant un ovale autour de l'œil gauche :

Dessinez un ovale autour de l'œil gauche tout en maintenant le bouton de la souris enfoncé

Lorsque je relâche le bouton de la souris, la zone ovale autour de l'œil disparaîtra immédiatement ou "découpera" du trait de la forme principale, laissant derrière elle un trou à travers lequel l'œil gauche du petit homme sera visible dans l'image d'origine, placé sur le calque "Arrière-plan" inférieur :

L'œil gauche est maintenant "découpé" du trait d'origine de la forme, laissant l'œil visible dans l'image d'origine sous la silhouette délimitée.

Je ferai la même chose avec l'œil droit. Tout d'abord, je vais dessiner un ovale autour de l'œil :

Dessinez un ovale autour de l'œil droit

Dès que je relâche le bouton de la souris, un deuxième trou rond apparaîtra, à travers lequel l'œil de l'homme sera également visible dans l'image d'origine :

Un deuxième trou est apparu sur la figure, à travers lequel l'œil de l'homme est visible.

Étant donné que les deux boutons sous le nœud papillon sont également ronds, j'utiliserai à nouveau l'outil Ellipse pour les supprimer de la forme décrite. Tout d'abord, je vais dessiner un ovale autour du bouton du haut :

Dessinez un ovale autour du bouton du haut

Lorsque je relâche le bouton de la souris, la zone ovale autour du bouton disparaît immédiatement de la forme décrite, laissant derrière elle un trou à travers lequel le bouton sera visible dans l'image ci-dessous :

La figurine a un trou à travers lequel le bouton du haut est visible.

Et maintenant je vais faire la même chose pour le bouton du bas, en commençant par dessiner un ovale autour :

Dessinez un ovale autour du bouton du bas

Lorsque je relâche le bouton de la souris, un quatrième trou apparaît sur la silhouette esquissée :

Les deux boutons sont maintenant découpés dans la figure décrite.

Si je regarde actuellement la vignette du calque de la forme dans le panneau Calques, je peux voir deux trous pour les yeux et deux boutonnières, que j'ai découpés dans la forme décrite :

La vignette du calque de forme nous montre les trous pour les yeux et les boutonnières découpés dans la forme décrite.

Étape 9 : Extrayez les détails restants de la silhouette décrite à l'aide de l'outil Plume

Je vais revenir à l'outil Plume car je dois ajouter quelques détails à la forme décrite que je ne peux pas sélectionner avec l'outil Ellipse.

Je veux ajouter une bouche à la silhouette dessinée, ainsi qu'un nœud papillon. Étant donné que l'option Soustraire de la zone de forme est déjà cochée après avoir resélectionné l'outil Plume dans la barre d'options, je vais simplement commencer à tracer la bouche et le nœud papillon pour les "découper" de la silhouette décrite du bonhomme en pain d'épice.

L'image ci-dessous montre les lignes de trait avec l'image originale du bonhomme en pain d'épice montrant à travers les trous que j'ai créés :

La bouche et le nœud papillon sont maintenant découpés à partir de la forme décrite du bonhomme en pain d'épice avec l'outil stylo

Terminons le dessin du bonhomme en pain d'épice en découpant des lignes ondulées de sucre en poudre sur ses jambes et ses bras. Encore une fois, j'utiliserai l'outil stylo pour créer les pistes. Tout d'abord, je vais tracer un chemin de sucre glace sur le bras gauche de l'homme, ce qui le découpera du trait d'origine de la forme :

A l'aide de l'outil stylo, découpez un chemin de sucre glace sur la main gauche du Petit Homme

Après avoir décrit le premier chemin, je passerai aux trois autres et commencerai à les tracer jusqu'à ce que les quatre pistes de sucre en poudre soient découpées de la figure de l'homme :

Les traînées de sucre en poudre sur les jambes et les bras sont maintenant coupées de la silhouette esquissée

Si nous regardons à nouveau la vignette du calque de la forme dans le panneau Calques, nous pouvons clairement voir les lignes de sucre en poudre, les yeux, la bouche, le nœud papillon et les boutons découpés dans la forme :

La vignette du calque de forme dans le panneau Calques reflète tous les détails coupés du trait d'origine de la forme du bonhomme en pain d'épice.

Alors, la figurine du bonhomme en pain d'épice est prête ! Nous avons utilisé l'outil Plume pour créer le trait initial de la forme, puis nous avons utilisé les outils Plume et Ellipse avec l'option Soustraire de la zone de forme pour ajouter des détails fins à la forme.

Étape 10 : Augmentez l'opacité du calque de forme à 100 %

Après avoir caressé certaines zones de notre forme, nous n'avons plus besoin de voir l'image d'origine sous la silhouette décrite, nous sélectionnons donc à nouveau l'option Opacité (Opacité) dans le coin supérieur droit du panneau des calques et augmentons la valeur à 100% :

Augmenter l'opacité du calque de forme à 100 %

Je vais également masquer temporairement le calque d'arrière-plan en cliquant sur l'icône de visibilité du calque (icône de globe oculaire) afin que nous ne puissions voir que la forme soulignée sur l'arrière-plan transparent. Si vous ne le souhaitez pas, vous pouvez choisir de ne pas masquer le calque d'arrière-plan. Je fais cela uniquement pour la commodité de visualiser la figure:

Cliquez sur l'icône de visibilité du calque pour masquer temporairement le calque d'arrière-plan de la vue

Et voici à quoi ressemble la forme Gingerbread Man que j'ai créée après avoir masqué le calque d'arrière-plan et augmenté l'opacité du calque de forme à 100 % :

Figure finie du bonhomme en pain d'épice placée sur un fond transparent

Après de nombreuses actions, nous avons enfin créé notre figurine ! Mais ce n'est pas la fin. Maintenant, nous devons en faire un chiffre arbitraire, et c'est ce que nous ferons ensuite.

Étape 11 : Définir la forme en tant que forme personnalisée

Pour créer une forme personnalisée à partir d'une forme, assurez-vous d'abord que le calque Forme est sélectionné dans le panneau Calques. Vous devez également vous assurer que la vignette d'aperçu du calque de forme est sélectionnée. S'il est sélectionné, il sera encadré par une bordure blanche en surbrillance et vous pourrez voir le contour souligné autour de la forme dans le document. Si la vignette du calque n'a pas de bordure en surbrillance et que vous ne pouvez pas voir le contour autour de la forme, cliquez simplement sur la vignette du calque pour la sélectionner :

Si nécessaire, cliquez sur la vignette du calque de forme pour le sélectionner.

Remarque : si jamais vous avez besoin de masquer le contour de votre forme, il vous suffit de cliquer à nouveau sur la vignette du calque pour la désélectionner

Avec le calque de forme sélectionné et la vignette du calque sélectionnée, accédez au menu Edition en haut de l'écran et sélectionnez Définir une forme personnalisée :

Choisissez Édition > Définir une forme personnalisée

À la suite de cette action, la boîte de dialogue Nom de la forme s'ouvrira, dans laquelle vous devrez entrer un nom pour votre forme. Je nommerai ma forme Gingerbread Man :

Entrez un nom pour votre forme dans la section appropriée de la boîte de dialogue Nom de la forme

Cliquez sur OK pour quitter la boîte de dialogue lorsque le nom est entré, et c'est tout - votre forme personnalisée est prête à être utilisée ! À ce stade, vous pouvez fermer le document dans Photoshop puisque nous avons créé et enregistré notre forme. Voyons maintenant où il peut être trouvé et comment il peut être appliqué !

Étape 12 : créer un nouveau document dans Photoshop

Créez un nouveau document vierge dans Photoshop en accédant à la section du menu Fichier en haut de l'écran et en sélectionnant Nouveau. Cette action ouvrira la boîte de dialogue Nouveau document, dans laquelle vous pourrez spécifier n'importe quelle taille d'image pour votre document. Dans la ligne "Settings" (Preset), je choisirai une taille de 640 × 480 pixels :

Créer un nouveau document vierge dans Photoshop

Étape 13 : Sélectionnez l'outil de forme personnalisée

Après avoir créé un nouveau document vide, sélectionnez l'outil Forme libre dans la barre d'outils. Par défaut, l'outil Rectangle est affiché à l'écran, cliquez dessus et maintenez le bouton de la souris enfoncé pendant quelques secondes jusqu'à ce qu'un menu contextuel apparaisse avec une liste d'autres outils, où vous pouvez sélectionner l'outil Forme personnalisée (Personnalisé outil de forme):

Cliquez sur l'icône de l'outil Rectangle et maintenez le bouton de la souris enfoncé, puis dans le menu qui apparaît, sélectionnez l'outil Forme libre

Étape 14 : Sélection de notre forme personnalisée

Avec l'outil Forme libre sélectionné, cliquez avec le bouton droit dans la fenêtre du document, ce qui fera apparaître le sélecteur de forme où vous pourrez sélectionner l'une des formes libres actuellement disponibles. La forme que vous venez de créer sera la dernière de la liste des formes. Pour le sélectionner, il suffit de cliquer sur la vignette de la figure correspondante :

Faites un clic droit dans la fenêtre du document pour ouvrir la boîte de sélection de forme, puis cliquez sur la vignette de la forme personnalisée pour la sélectionner

Étape 15 : Dessinez notre forme

Après avoir sélectionné une forme personnalisée, cliquez simplement dans la fenêtre du document et, en maintenant le bouton de la souris enfoncé, dessinez la forme. Pour conserver les proportions de la forme lorsque vous déplacez le curseur et ne pas les déformer accidentellement, maintenez la touche Maj enfoncée. Vous pouvez également appuyer sur la touche Alt (Win) / Option (Mac) et la maintenir enfoncée pour dessiner la forme à partir du centre. Si vous souhaitez modifier l'emplacement d'une forme tout en la dessinant, maintenez la barre d'espace enfoncée, puis déplacez la forme vers un nouvel emplacement, puis relâchez la barre d'espace et continuez à dessiner la forme.

En cours de dessin, vous ne verrez qu'un mince contour de la future figure:

Au fur et à mesure que vous dessinez la figure, son contour fin apparaît.

Lorsque vous êtes satisfait de l'emplacement et de la taille de la forme, relâchez simplement le bouton de la souris et le programme remplira immédiatement la forme avec la couleur qui est actuellement l'arrière-plan (dans mon cas, c'est le noir) :

Relâchez le bouton de la souris et Photoshop remplira la forme de couleur.

Étape 16 : Double-cliquez sur la vignette du calque de forme pour modifier la couleur de la forme

Vous n'avez pas à vous soucier de la couleur de votre forme lorsque vous la dessinez et que vous l'ajoutez à votre document. Le programme remplira automatiquement la forme avec la couleur actuellement sélectionnée comme couleur d'arrière-plan. Si vous souhaitez modifier la couleur de la forme après cela, double-cliquez simplement sur la vignette du calque de forme. C'est par la vignette du calque, et non par la vignette d'aperçu de la forme située avec côté droit(ce qui est officiellement appelé une vignette de masque vectoriel). Vous voulez la vignette sur le côté gauche, qui ressemble à une icône d'échantillon de couleur avec un petit curseur en bas. Double-cliquez dessus avec le bouton de la souris pour changer la couleur de la forme :

Double-cliquez sur la vignette du calque de forme (icône d'échantillon de couleur) sur la gauche pour changer la couleur de la forme

Cette action ouvrira le sélecteur de couleurs où vous pourrez choisir une nouvelle couleur pour votre forme. Pour mon Gingerbread Man, je veux choisir le marron :

Utilisez le sélecteur de couleurs pour sélectionner une nouvelle couleur

Cliquez sur OK pour quitter le sélecteur de couleurs lorsque vous choisissez une couleur, et votre forme sera immédiatement remplie avec la nouvelle couleur :

La couleur de la forme a maintenant changé

Vous pouvez changer la couleur de votre forme autant de fois que vous le souhaitez, quand vous en avez besoin !

Étape 17 : redimensionnez la forme si nécessaire avec la commande de transformation libre

Lorsque vous travaillez avec des formes, vous pouvez changer plus que la couleur. Le gros avantage est que les formes sont dessinées avec des vecteurs au lieu de pixels, vous pouvez donc redimensionner les formes en toute sécurité quand vous le souhaitez sans perdre la qualité de l'image ! Si vous décidez que vous devez agrandir ou réduire votre forme, sélectionnez simplement le calque de forme dans le panneau Calques, puis appuyez sur Ctrl + T (Win) / Commande + T (Mac) pour ouvrir la boîte de transformation. Redimensionnez la forme en faisant glisser l'une des poignées d'angle. Maintenez la touche Maj enfoncée tout en déplaçant la poignée pour conserver les proportions de la forme. Vous pouvez également appuyer sur la touche Alt (Win) / Option (Mac) et la maintenir enfoncée tout en déplaçant la poignée pour redimensionner la forme à partir de son centre :

Redimensionner une forme avec une boîte de transformation libre

Pour faire pivoter une forme, cliquez simplement à l'extérieur de la zone de transformation libre et déplacez le curseur dans la direction souhaitée :

Cliquez en dehors du cadre de transformation et déplacez le curseur pour faire pivoter la forme

Appuyez sur la touche Entrée (Win) / Retour (Mac) lorsque vous avez terminé de redimensionner la forme pour confirmer la transformation finale.

Vous pouvez ajouter autant de copies de votre forme personnalisée à votre document que vous le souhaitez, en modifiant à chaque fois la couleur, la taille et l'emplacement de la forme comme vous le souhaitez. Chaque copie de la forme personnalisée sera placée sur un calque de forme distinct dans le panneau Calques. Dans mon cas, j'ai ajouté plusieurs formes Gingerbread Man au document, chacune avec une couleur, une taille et un angle de rotation différents. Veuillez noter que, quelle que soit leur taille, toutes les formes conservent des angles nets et nets :

Ajoutez autant de copies de votre forme personnalisée au document que vous le souhaitez, en modifiant la couleur, la taille et l'angle de rotation de chacune d'elles

Et nous voici! Nous avons d'abord créé la forme en traçant le dessin original avec l'outil plume. Nous avons découpé les petits détails de notre forme en utilisant les outils Plume et Ellipse avec le jeu d'options Soustraire de la zone de forme. Ensuite, nous avons enregistré notre forme en tant que forme personnalisée à l'aide de l'option Définir une forme personnalisée dans la section du menu Edition. Après cela, nous avons créé nouveau document, sélectionné l'outil Forme libre et dessiné une forme libre sur notre document. Et enfin, nous avons vu comment vous pouvez changer la couleur, la taille et l'angle d'une forme arbitraire à tout moment !

Nous avons donc appris les bases de la création et de l'utilisation de formes arbitraires dans Photoshop, c'est-à-dire appris la première partie de notre leçon. Dans la deuxième partie, nous verrons comment combiner les formes arbitraires que nous avons créées dans des ensembles séparés et les enregistrer dans le programme.

Traduction: Ksenia Rudenko

Dessiner un nuage avec un stylo

Une simple leçon de dessin. Comment dessiner n'importe quoi avec l'outil Plume (Stylo). L'outil est universel, il peut faire beaucoup, mais les non-professionnels l'utilisent rarement. Pourquoi? Ils ont du mal à apprendre à utiliser l'outil Plume dans Photoshop. Rien de compliqué. Essayez ce tutoriel pour un exemple.

Comment dessiner une figure simple avec un stylo - un nuage ou un petit nuage ? Ou toute autre figure composée de plusieurs segments curvilignes. Le moyen le plus simple consiste à créer un chemin droit simple et primitif, puis à "courber" ses segments selon les besoins.

Prenez l'outil Stylo (Stylo), dans la barre d'options, cliquez sur le bouton Chemins (Contour) pour tracer un chemin sans remplissage, et dessinez une forme comme celle-ci en cliquant simplement aux bons endroits avec un stylo :

Les flèches Outil de sélection de chemin et Outil de sélection directe, situés sur la barre d'outils immédiatement sous le stylo, vous permettent de déplacer le chemin ou ses nœuds individuels. Utilisez ces flèches pour modifier si le chemin que vous avez créé n'est pas entièrement réussi.

Cela ne ressemble pas à un nuage. Sélectionnez l'outil Ajouter un point d'ancrage (Ajouter un point d'ancrage) dans le groupe d'outils Stylo et placez un point d'ancrage supplémentaire au milieu d'une ligne droite.

Pour que la ligne droite se plie, vous devez tirer vers l'extérieur par le milieu, c'est-à-dire par ce point supplémentaire que nous avons établi. Deux guides partent de ce point. S'ils sont très courts, l'arc se pliera brusquement. Pour modifier la forme de l'arc, saisissez la pointe du guide et faites-le glisser. Pour que l'arc soit symétrique, les guides doivent être de la même longueur et situés au même angle par rapport à celui-ci.

Transformez tous les segments de ligne droite en arcs comme indiqué.

Le résultat est un contour ressemblant à un nuage. Mais la figure ainsi dessinée n'est pas une image, mais seulement un modèle qui peut être utilisé pour créer une image. Le contour est invisible sur la photo. Le contour du nuage créé peut être rempli de couleur ou de texture, ou délimité avec un crayon ou un pinceau.

Sélectionnez la couleur de premier plan blanche dans la barre d'outils de Photoshop.

Cliquez avec le bouton droit n'importe où sur ou près du chemin. Le menu contextuel pour travailler avec le contour s'ouvre.

Dans ce menu, choisissez Chemin de remplissage. Dans la boîte de dialogue qui s'ouvre, vous pouvez sélectionner la couleur de remplissage du premier plan ou de l'arrière-plan, le rayon de flou (Feather Radius) et le mode de superposition des calques.

Voici le résultat - un joli nuage blanc est dessiné :

Mais que se passe-t-il si le nuage n'a pas besoin d'être blanc et que vous n'avez qu'à dessiner le contour du nuage ? Annulez la dernière action - le remplissage du contour: palette Historique (Historique), un pas en arrière.

Sélectionnez et personnalisez l'outil Crayon. Dans la barre des options, définissez son épaisseur sur 2 ou 4 px.

Cliquez avec le bouton droit pour afficher le menu contextuel permettant de travailler avec le chemin. Sélectionnez Tracé du tracé dans le menu.

Dans la fenêtre qui s'ouvre, sélectionnez l'outil Crayon (Pencil),

appuyez sur OK et obtenez le résultat - un contour de nuage décrit au crayon.

Vous pouvez également utiliser d'autres outils pour tracer, comme un pinceau. Chaque outil doit être préconfiguré.

Annulez la dernière action - un trait de crayon: palette Histoire (Historique), un pas en arrière. Dans la barre d'outils, sélectionnez l'outil Pinceau (Pinceau), réglez-le sur les paramètres suivants :

Cliquez avec le bouton droit pour afficher le menu contextuel permettant de travailler avec le chemin. Dans le menu, sélectionnez Stroke Path (Stroke) et dans la boîte de dialogue au lieu de Pencil (Pencil) set Brush (Brush)

Vous obtiendrez le résultat suivant :

Si, au cours de l'apprentissage, vous avez créé un petit chef-d'œuvre et que vous souhaitez l'enregistrer pour une utilisation future, cliquez à nouveau avec le bouton droit sur le menu contextuel pour travailler avec le contour et sélectionnez Définir une forme personnalisée.

Dans la fenêtre qui s'ouvre, entrez un nom pour la forme et OK.

Plus tard, vous trouverez votre nuage dans la section des formes vectorielles de forme libre et pourrez l'utiliser chaque fois que vous en aurez besoin.

Photoshop a outil intéressant — "Chiffre arbitraire". Dans la pratique, cet outil est peu utilisé, mais il présente tout de même un certain nombre de fonctionnalités intéressantes. Dans cette leçon, vous vous familiariserez avec les formes arbitraires et apprendrez à ajouter indépendamment vos propres ensembles de ces formes à Photoshop.

Il y a un groupe d'outils homogènes sur la barre d'outils (raccourci U ). Ceux-ci incluent : rectangle, rectangle arrondi, ellipse, polygone, ligne et chiffre arbitraire.

Il y a une boîte sur le panneau des attributs où vous pouvez sélectionner une forme parmi celles standard. Pour cela, cliquez sur la petite flèche à droite de la vignette. Regardez les captures d'écran :

Qu'est-ce qu'un chiffre arbitraire ?

Elle se représente image vectorielle, et n'a donc aucune restriction de taille. Par conséquent, il peut être étiré autant que vous le souhaitez sans perte de qualité.

La forme n'a pas sa propre couleur (autre que celle que nous choisissons avant de créer), son volume, ses ombres, ses contours ou quoi que ce soit d'autre. En cela, cela ressemble à un pinceau, où vous définissez vous-même la couleur, tout le reste devra être fini par vous-même.

Comment utiliser?

Pour dessiner une forme personnalisée, sélectionnez-la dans la liste déroulante, puis cliquez avec le bouton gauche dans votre document ouvert et déplacez votre souris sur le côté. Vous verrez que le contour de la future figure est apparu. En déplaçant la souris dans différents angles et directions, vous ajustez sa taille et sa forme, c'est-à-dire il peut être large ou étroit. N'oubliez pas de choisir d'abord couleur désirée puis dessiner.

Maintenez la touche Maj enfoncée pour dessiner la forme parfaitement uniforme, sans distorsion dans aucune direction.

Comment mettre en place vos formes dans photoshop ?

Vous pouvez installer indépendamment un ensemble de chiffres dans votre programme. Les mêmes principes fonctionnent ici que, par exemple, avec ou. Pour les installer, téléchargez d'abord un ensemble de figurines sur votre ordinateur. Ces ensembles ont une extension csh.

Après cela, ouvrez le menu des formes. Vous verrez ces 4 commandes :

Sélection "Télécharger...", une boîte de dialogue s'ouvrira dans laquelle vous devrez spécifier le chemin d'accès au fichier avec l'extension csh, par exemple comme ceci :

Cet ensemble sera automatiquement ajouté à la fin de la liste de toutes les formes. Supposons que vous ayez un ensemble avec des animaux dans la liste et que vous ayez chargé des flèches. Le résultat est une liste composée d'animaux et de flèches.

Sélection "Remplacer...", tout sera pareil, sauf que les nouveaux chiffres n'apparaîtront pas en fin de liste, mais remplaceront complètement ceux qui existent déjà. Par exemple, vous aviez initialement des ensembles avec des animaux et des flèches chargés dans la liste, et vous a décidé d'ouvrir avec un remplaçant ensemble d'ornements. En conséquence, seuls les ornements seront sur la liste.

Et si vous avez téléchargé plusieurs ensembles, supprimez toutes les formes individuelles à l'aide de la commande "Effacer…", en général, vous avez fait un ensemble pour vous-même, puis vous pouvez l'enregistrer avec l'équipe "Sauver Arbitraire...". À l'avenir, il sera possible de le télécharger sous la même forme ou de le transférer à quelqu'un via Internet.

Dernière commande "Restaurer arbitraire..." permet de tout remettre par défaut.

Veuillez noter que dans le même menu, il y a une énorme liste : Animaux, Flèches, Nature, Objets, etc. Ce sont des ensembles standard que les développeurs de Photoshop nous ont aimablement fournis.

Deuxième méthode d'installation avec un avantage supplémentaire

Les formes arbitraires peuvent toujours être installées directement dans les fichiers système de Photoshop.

C'est un peu plus difficile à faire, mais le principal avantage de cette méthode est que votre ensemble apparaîtra dans la liste que j'ai décrite ci-dessus (Animaux, Flèches, Nature, Objets, etc.). Si vous avez l'intention d'utiliser souvent cet outil, cette méthode d'installation réduira le temps et vous pourrez choisir ensemble souhaité en deux clics.

Pour ce faire, vous devez copier le fichier avec l'extension csh dans le dossier système de Photoshop "Formes personnalisées", généralement son adresse est : C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Formes personnalisées.

Vous avez remarqué une erreur dans le texte - sélectionnez-le et appuyez sur Ctrl + Entrée . Merci!

Le programme Adobe Photoshop est largement utilisé pour travailler avec des images, offrant un très large éventail de possibilités. La plupart des utilisateurs utilisent Photoshop pour la retouche photo, mais, en plus, le programme vous permet de créer : dessins, peintures, graphiques - de différents degrés de complexité. Photoshop dispose de plusieurs outils pour créer des dessins. Tout d'abord, vous devez apprendre à dessiner les éléments les plus simples comme les triangles, les lignes, les ellipses et autres, car ils sont très souvent utilisés lors de la création de différents types de dessins. Dans cet article, nous examinerons de plus près comment dessiner les formes les plus simples dans Photoshop. Essayons de comprendre. Aller!

Apprendre les bases de l'infographie

Après avoir ouvert Adobe Photoshop, faites attention à la barre d'outils. Pour accéder aux formes, cliquez sur l'icône rectangle. Dans la fenêtre contextuelle, vous verrez les outils suivants :

• "Rectangle";
• "Rectangle aux coins arrondis" ;
• "Ellipse";
• "Polygone";
• "Ligne";
• "Chiffre arbitraire".

L'éditeur propose plusieurs formes classiques et de forme libre

Il existe trois modes de dessin au total :

1. Une nouvelle forme est créée, pour laquelle vous pouvez créer un calque de remplissage ou un masque vectoriel.
2. Le contour de la figure est créé et peint avec un peu de couleur.
3. Mode pixels. Dans ce cas, les images sont raster et non vectorielles.

Pour chaque figure sélectionnée, des paramètres géométriques sont définis, c'est-à-dire des proportions. Pour dessiner un rectangle, sélectionnez l'outil approprié, définissez les paramètres de contour souhaités et la couleur de remplissage. Et maintenant, placez simplement le curseur à l'endroit de la feuille à partir duquel vous voulez commencer à dessiner. En maintenant le bouton gauche de la souris enfoncé, étirez le rectangle selon vos besoins.

Il n'y a rien de plus facile que de tracer une ligne. Pour cela, un outil du même nom est utilisé.

Pour un cercle, utilisez la touche Maj ou le menu des paramètres avancés

Passons à la façon de dessiner un cercle dans Photoshop. Ici, tout se passe de manière similaire. Sélectionnez l'outil Ellipse, décidez de la couleur et de l'épaisseur du contour. Si vous souhaitez obtenir un cercle et non une ellipse, maintenez la touche "Shift" du clavier enfoncée ou définissez le "cercle" dans la section des paramètres géométriques.

Nous dessinons une belle composition avec des moyens standard

Voyons maintenant comment dessiner un triangle dans Photoshop. Dans ce cas, tout n'est pas si évident, mais ce n'est pas du tout plus compliqué. Tout ce que vous avez à faire est de sélectionner "Polygones" et dans la petite case "Côtés", définissez le nombre de coins. En conséquence, pour obtenir un triangle, entrez le chiffre "3". Ensuite, tout se fait exactement de la même manière que dans les cas précédents. À l'aide de l'outil Polygone, vous pouvez obtenir une forme avec n'importe quel nombre de coins. Si vous avez besoin d'obtenir un triangle rectangle, dessinez un carré, puis coupez-le en deux en diagonale.

Les flèches au début ou à la fin peuvent être définies dans les propriétés de l'outil

Voyons comment dessiner une flèche dans Photoshop. Ceci peut être fait de deux façons. La première est que vous devez sélectionner l'outil "Ligne", puis dans la fenêtre des options, marquez de quel côté de la ligne la flèche se trouvera (au début ou à la fin), puis vous devez définir l'épaisseur de la flèche en pixels. Placez le curseur à l'endroit souhaité et commencez à faire glisser la ligne avec la souris. La deuxième façon consiste à sélectionner "Forme personnalisée". Sur le panneau supérieur, il y a un tableau avec des modèles, parmi lesquels il y a aussi une flèche.

Modèles inclus dans la configuration standard de l'application

Vous savez maintenant comment ajouter des formes géométriques simples dans Photoshop. Comme vous pouvez le constater, rien de plus simple. Écrivez dans les commentaires si cet article vous a été utile et posez toutes vos questions sur le sujet abordé.

Bonjour chers lecteurs de mon blog. Plus la tâche est facile, plus elle est difficile à résoudre dans Photoshop. Il existe un millier d'articles sur ou créant l'effet des yeux noirs, mais comment dessiner un cercle, un carré ou un losange - allez comprendre ! Aujourd'hui, je vais m'attaquer à cette injustice.

Vous trouverez un article complet sur les formes géométriques pour Photoshop - comment les dessiner vous-même, quels outils supplémentaires vous pouvez télécharger pour un résultat plus spectaculaire, ainsi que de nombreux autres tout aussi intéressants et informations utiles.

Nous nous dessinons

Adobe Photoshop dispose de plusieurs outils qui vous permettent de dessiner des formes. Voici quelques-uns d'entre eux cachent quelques secrets. Maintenant, je vais vous en parler. Donc, je Si vous voulez apprendre à faire comme sur ma photo, alors je vous recommande l'article, il n'y a rien de plus facile que de faire la même chose.

Ainsi, dans la barre d'outils de gauche, vous pouvez trouver un rectangle, une ellipse, un polygone, une ligne ou une forme arbitraire. Vous ne verrez peut-être pas d'outils supplémentaires, mais vous en avez trouvé un, maintenez simplement le bouton gauche de la souris enfoncé pendant une fraction de seconde ou cliquez une fois sur le bouton droit de la souris. Un menu avec des formes supplémentaires apparaîtra immédiatement.

Tout d'abord, je vais sélectionner un rectangle. Dès que j'ai fini de dessiner, un menu supplémentaire apparaîtra sur la gauche. Ici, vous pouvez choisir la taille en largeur et en hauteur, si vous devez conserver les dimensions exactes. Un peu plus bas se trouve le menu avec le remplissage de la forme elle-même - vous pouvez choisir aucun remplissage, couleur unie, dégradé ou motif.

Un peu à droite se trouve le menu trait - vous devez déterminer sa largeur et s'il sera présent du tout, si vous le voulez et le rendez solide, remplissez-le avec un dégradé ou, encore une fois, avec un motif.

Pour transformer un rectangle en carré, vous devez maintenir la touche Maj enfoncée tout en dessinant la forme.

Une ellipse maintenue enfoncée par le bouton Maj se transforme en cercle.

La liste contient également une figure telle qu'un polygone. Vous déterminez vous-même le nombre de côtés. Vous pouvez entrer n'importe quelle valeur - 3 pour faire un triangle, 7, 10 et ainsi de suite.

Lignes que je ne dessinerai pas attention particulière, cette chose n'est pas difficile à comprendre par vous-même. La seule chose à savoir est que maintenir la touche Maj enfoncée rend la ligne strictement verticale ou horizontale.

Chiffre arbitraire

Nous avons un chiffre arbitraire. Ce que c'est?

Tout à droite du menu du haut, vous pouvez voir les formes finies. Une variété de flèches, carrés, éclairs et ainsi de suite.

Pour utiliser le raccourci clavier Ctrl+T.

Comment ajouter de nouveaux

Ajouter de nouveaux chiffres n'est pas difficile. De nombreuses figures gratuites peuvent être téléchargées sur le site photoshop-master.com . Il y a environ 400 ensembles avec des personnages - personnes, motifs, araignées, abstraction, voitures, chaises, feu, fleurs et bien plus encore.

Je vais vous montrer comment les installer en utilisant l'exemple de "Media", ils me seront utiles dans le futur. Je télécharge donc le fichier.

Attendez juste 15 secondes. Aucune préinscription n'est requise.

Ouvrez maintenant l'archive et déposez le fichier CSH quelque part où il peut être facilement trouvé.

Ouvrez maintenant les formes dans Photoshop et cliquez sur l'écrou sur le côté droit. Dans la liste qui s'ouvre, sélectionnez "Charger les formes".

Trouvez maintenant le fichier qui a été décompressé il n'y a pas si longtemps. Au fait, une fois que vous avez terminé, le fichier peut être supprimé de votre ordinateur. Vous n'en aurez plus besoin. Tout a été copié dans le bon dossier.

Vous pouvez utiliser des formes. N'oubliez pas le remplissage, grâce auquel vous pouvez changer la couleur des formes, ainsi que le trait.

En plus des formes, les pinceaux peuvent également être utiles. Ils peuvent également être téléchargés à partir du site Web. Maître Photoshop .

Vous pouvez télécharger l'ensemble requis de la même manière que lorsque vous travaillez avec des formes. Pinceaux ouverts.

Cliquez sur l'écrou et sélectionnez "Télécharger".

Travaillez avec eux vous-même. Il n'y a rien de compliqué ici. Ils sont légèrement différents des chiffres.

Google à la rescousse

Une autre façon de dessiner une figure est d'utiliser le travail d'autres personnes. Vous aurez besoin de Google et de sa section Images. Pourquoi exactement, vous le saurez très bientôt. Pour que la figure ait un fond transparent et s'intègre harmonieusement dans votre composition, c'est nécessaire. Voici à quoi vous devez ressembler : triangle png, cercle, ovale, etc.

Si vous travaillez pour vous-même, vous pouvez en principe utiliser Yandex, mais si le projet est créé à des fins commerciales, Google sera alors très utile. Ouvrez "Outils", puis "Droits d'utilisation" et sélectionnez type souhaité– utiliser ou utiliser et changer.

Ensuite, ouvrez l'image après avoir trouvé quelque chose de convenable. ce condition importante. Le dessin doit être situé sur un tel fond à carreaux carrés. Si c'est juste blanc, alors ce n'est pas un png. Vous comprendrez la différence lors du téléchargement. En principe, il n'y a rien de mal à apprendre de ses erreurs.

Voici à quoi ressemblera le PNG. Le vérificateur était rempli de mes antécédents.

Si vous voulez en savoir plus sur le programme, je peux vous recommander un cours « Photoshop à partir de zéro au format vidéo » . Il convient aux débutants complets. Il existe de nombreuses informations utiles sur les outils et dans quels cas chacun d'eux convient.

Internet regorge de leçons dont vous pouvez tirer des leçons, mais c'est une chose de répéter aveuglément après l'auteur et c'en est une autre d'atteindre un objectif de manière significative, en sachant ce que vous devez utiliser pour cela. C'est un tout autre niveau.