Comment Dessiner des Formes Personnalisées Dans Photoshop
la Sélection de L’Outil Forme Personnalisée
L’Outil Forme Personnalisée est imbriquée avec Photoshop d’autres outils de forme dans le panneau Outils. Pour le sélectionner, cliquez et maintenez sur l’icône de l’outil de forme actuellement visible (qui sera soit L’outil Rectangle (par défaut), soit l’outil de forme que vous avez utilisé en dernier). Lorsque vous cliquez et maintenez sur l’icône, un menu contextuel apparaît avec les autres outils de forme qui sont disponibles., Sélectionnez l’Outil Forme Personnalisée à partir du bas de la liste:
dessiner des formes vectorielles
avec l’outil de forme personnalisée sélectionné, la prochaine chose que nous voulons faire est de nous assurer que nous dessinons des formes vectorielles, pas des chemins ou des formes basées sur des pixels., Nous avons appris la différence importante entre les formes vectorielles et les formes de pixels dans le tutoriel dessin vectoriel vs formes de pixels, mais en bref, les formes vectorielles sont flexibles, modifiables et indépendantes de la résolution, ce qui signifie que nous pouvons les modifier et les mettre à l’échelle autant que nous le voulons, et même les imprimer n’importe quelle taille
pour vous assurer que vous travaillez avec des formes vectorielles, définissez L’option Mode outil dans la barre D’Options en haut de l’écran sur Forme (abréviation de « forme vectorielle »):
choisir une forme personnalisée
ensuite, nous devons dire à Photoshop quelle forme personnalisée nous voulons dessiner, et nous le faisons en cliquant sur la vignette de forme dans la barre D’Options. La vignette nous montre la forme actuellement sélectionnée:
cliquer sur la vignette ouvre le sélecteur de forme personnalisé, avec des aperçus de vignettes de chaque forme que nous pouvons choisir. Utilisez la barre de défilement sur la droite pour faire défiler les vignettes.,
Loading More Shapes
Comme je l’ai mentionné au début du tutoriel, seulement une poignée de formes sont disponibles initialement, mais il y a beaucoup plus que nous pouvons choisir. Tout ce que nous devons faire est de les charger. Pour ce faire, cliquez sur l’icône d’engrenage dans le coin en haut à droite:
dans la moitié inférieure du menu qui apparaît, vous verrez une liste de tous les ensembles de formes personnalisés qu’Adobe inclut avec Photoshop., Les formes qui sont affichées initialement sont l’ensemble par défaut, mais en regardant à travers la liste, nous voyons que nous avons beaucoup d’autres ensembles intéressants, comme les animaux, la musique, la Nature, etc. Pour charger l’un de ces ensembles, choisissez-le simplement dans la liste.
le seul problème est que, sauf si vous utilisez Photoshop depuis un certain temps (et avez passé une grande partie de ce temps à travailler avec des formes personnalisées), il est difficile de savoir quelles formes vous trouverez dans chaque ensemble., Donc, plutôt que de choisir les ensembles individuellement, ce que je recommanderais est de sélectionner tous en haut de la liste, ce qui chargera les formes de chaque ensemble en même temps:
Photoshop vous demandera si vous voulez remplacer les formes actuelles par les nouvelles. Si vous cliquez sur le bouton Ajouter, plutôt que de remplacer les formes actuelles par les nouvelles formes, il indique à Photoshop de conserver les formes existantes et d’ajouter simplement les nouvelles en dessous., Cela peut être un bon choix si vous sélectionniez un ensemble de formes individuel dans la liste et que vous vouliez simplement l’Ajouter aux formes par défaut.
dans ce cas, parce que je choisis tout (qui inclut les formes par défaut dans le cadre de la collection), je vais cliquer sur OK. À la fin du tutoriel, nous allons apprendre à réinitialiser les formes aux valeurs par défaut:
redimensionner le sélecteur de Forme Personnalisé
avec toutes les formes maintenant chargées, nous avons beaucoup plus à choisir., Vous pouvez redimensionner le sélecteur de Forme Personnalisé pour voir plus de formes à la fois en cliquant et en faisant glisser son coin inférieur droit. En fait, vous pouvez rendre le sélecteur de Forme Personnalisé suffisamment grand pour voir chaque forme à la fois:
personnellement, je trouve cela un peu trop grand, donc je vais Une fois de plus cliquer et faire glisser le coin inférieur droit du sélecteur de Forme Personnalisé, cette fois pour le rendre plus petit. Ensuite, je vais utiliser la barre de défilement le long de la droite des vignettes pour faire défiler les formes., Choisir une forme, double-cliquez sur sa vignette. Cela sélectionnera la forme et fermera le sélecteur de Forme Personnalisé. Je vais choisir la forme du coeur en double-cliquant dessus:
choisissez Une Couleur Pour La Forme
une Fois que vous avez sélectionné une forme personnalisée, choisissez une couleur en cliquant sur la couleur de Remplissage swatch dans la Barre d’Options:
cela ouvre une boîte qui nous permet de choisir parmi quatre façons différentes de remplir la forme personnalisée, chacune représentée par l’une des quatre icônes en haut. À partir de la gauche, nous avons L’icône sans couleur, l’icône de couleur unie, L’icône de dégradé et l’icône de motif. Nous avons couvert les options de couleur de remplissage (et de trait) en détail dans le tutoriel précédent (Comment dessiner des formes vectorielles dans Photoshop CS6) mais je les couvrirai à nouveau ici comme un rappel:
sélectionner L’option Pas de couleur à gauche laissera votre forme personnalisée vide, ce qui peut être ce que vous voulez si vous avez besoin que votre forme ne contienne qu’un contour de trait. Nous verrons comment ajouter un trait dans un instant.
l’option Couleur unie (deuxième à partir de la gauche) nous permet de remplir la forme personnalisée avec une seule couleur. Choisissez une couleur en cliquant sur l’un des échantillons de couleur. Les couleurs que vous avez utilisées récemment apparaissent dans la ligne Couleurs récemment utilisées au-dessus des échantillons principaux:
Si la couleur dont vous avez besoin ne se trouve dans aucun des échantillons, cliquez sur l’icône du sélecteur de couleur en haut à droite:
ensuite, choisissez votre couleur manuellement dans le sélecteur de couleurs. Cliquez sur OK lorsque vous avez terminé pour fermer le sélecteur de couleurs:
L’option Dégradé nous permet de remplir la forme avec un dégradé., Vous pouvez choisir l’un des dégradés prédéfinis en cliquant sur sa vignette (utilisez la barre de défilement sur la droite pour faire défiler les vignettes) ou utilisez les options ci-dessous les vignettes pour créer ou modifier votre propre dégradé. Nous allons couvrir les dégradés dans un tutoriel séparé:
Enfin, choisissez l’option Motif si vous voulez remplir votre forme personnalisée avec un motif., Photoshop ne nous donne pas beaucoup de modèles à choisir seul, mais si vous avez créé ou téléchargé d’autres modèles, vous pouvez les charger en cliquant sur la petite icône d’engrenage (directement sous l’icône de forme personnalisée) et en choisissant Load Patterns dans le menu:
comme j’ai choisi une forme de coeur, je vais sélectionner L’option Couleur unie et choisir le rouge pour ma couleur de remplissage en cliquant sur l’échantillon rouge., Pour fermer la boîte options de couleur lorsque vous avez terminé, appuyez sur Entrée (Win)/retour (Mac) sur votre clavier, ou cliquez simplement sur une zone vide de la barre D’Options:
Plugin Shortcodes, Actions et filtres: erreur dans le shortcode
Plugin Shortcodes, Actions et filtres: erreur dans le shortcode
dessin de votre forme personnalisée
pour dessiner la forme, cliquez à l’intérieur de votre document pour définir un point de départ. Ensuite, maintenez le bouton de la souris enfoncé et éloignez-vous du point de départ., Lorsque vous faites glisser, vous ne verrez qu’un contour (connu sous le nom de chemin) de ce à quoi ressemblera la forme:
lorsque vous relâchez le bouton de la souris, Photoshop complète la forme et la remplit de la couleur que vous avez choisie:
dessiner une forme avec les Proportions correctes
notez cependant que la forme de mon cœur semble un peu déformée. C’est plus large et plus court que ce à quoi je m’attendais., C’est parce que, par défaut, Photoshop nous permet de dessiner librement des formes personnalisées à n’importe quelle taille ou proportions que nous aimons. Je vais annuler ma forme en allant dans le menu Édition de la barre de menus en haut de l’écran et en choisissant annuler L’outil de forme personnalisée. Je pourrais aussi simplement appuyer sur Ctrl + Z (Win) / Command+Z (Mac) sur mon clavier. Cela supprime la forme du document:
pour dessiner une forme personnalisée avec les proportions correctes, commencez de la même manière que précédemment en cliquant à l’intérieur du document pour définir votre point de départ, puis en maintenant le bouton de la souris enfoncé et en le faisant glisser loin du point. Pendant que vous faites glisser, Appuyez et maintenez la touche Maj enfoncée sur votre clavier. Cela accrochera la forme à ses proportions correctes et les verrouillera en place:
lorsque vous êtes satisfait de la taille de la forme, relâchez le bouton de votre souris, puis relâchez votre touche Maj., Il est très important que vous relâchiez la touche Maj uniquement après avoir relâché le bouton de votre souris, sinon cela ne fonctionnera pas. Assurez-vous également d’attendre après avoir commencé à faire glisser avant d’appuyer et de maintenir la touche Maj enfoncée, sinon vous risquez d’obtenir des résultats inattendus.
je vais relâcher mon bouton de la souris, puis ma touche Maj, à quel point Photoshop remplit la forme avec ma couleur rouge choisie. Cette fois, le cœur semble beaucoup mieux:
autres raccourcis clavier pratiques
en plus d’appuyer et de maintenir Shift tout en faisant glisser pour dessiner la forme avec les proportions correctes, vous pouvez appuyer et maintenir votre touche Alt (Win) / Option (Mac) tout en faisant glisser pour dessiner la forme à partir de son centre plutôt que d’un coin. Appuyer et maintenir Maj+Alt (Win) / Maj+Option (Mac) tout en faisant glisser le dessinera avec les proportions correctes et le tirera du centre. N’oubliez pas de toujours relâcher les touches après avoir relâché le bouton de votre souris.,
redimensionnement de la forme
Une fois que vous avez dessiné votre forme, vous verrez sa largeur et sa hauteur actuelles dans les zones largeur (W) et hauteur (H) de la barre D’Options. Ici, nous voyons que ma forme a été dessinée 354 px de large et 308 px de haut:
Si vous avez besoin de redimensionner la forme, mettez simplement en surbrillance les valeurs actuelles avec votre souris et entrez de nouvelles valeurs (appuyez sur Entrée (Win) / retour (Mac) sur votre clavier pour les accepter)., Pour redimensionner la forme et la garder verrouillée aux proportions correctes, cliquez d’abord sur la petite icône de lien entre les champs Largeur et hauteur, puis entrez une nouvelle largeur ou hauteur. Avec L’icône de lien sélectionnée, Photoshop changera automatiquement l’autre valeur pour vous:
Laisser Photoshop Dessiner La Forme Pour Vous
Si vous n’avez pas encore établi de votre forme et vous connaissez la taille exacte dont vous avez besoin, vous pouvez gagner du temps en laissant Photoshop dessiner pour vous., Cliquez simplement une fois dans votre document. Photoshop ouvrira la boîte de dialogue Créer une forme personnalisée dans laquelle vous pourrez entrer vos valeurs de largeur et de hauteur. Cliquez sur OK pour fermer et Photoshop dessinera votre forme avec les dimensions que vous avez choisies:
ajout d’un trait
pour ajouter un trait autour de la forme, cliquez sur l’échantillon de couleur du trait dans la barre D’Options., Vous pouvez choisir votre couleur de trait (et d’autres options de trait que nous examinerons dans un instant) avant ou après avoir dessiné la forme:
Les options pour choisir une couleur de trait sont exactement les mêmes que les options de couleur de remplissage. En haut, nous avons les mêmes quatre icônes nous donnant le choix entre Aucune Couleur, Couleur unie, dégradé et motif:
L’option Pas de couleur est sélectionnée par défaut (c’est pourquoi le trait n’est pas visible). Je vais sélectionner L’option Couleur unie, puis je vais définir la couleur de mon trait sur noir en cliquant sur l’échantillon. Tout comme pour la couleur de remplissage, si la couleur dont vous avez besoin ne se trouve dans aucun des échantillons, cliquez sur l’icône du sélecteur de couleurs pour la choisir manuellement:
comme ça, Photoshop ajoute le trait noir autour de la forme:
La Largeur du Contour
On peut modifier la largeur de la course, dans la Barre d’Options. Vous trouverez la largeur actuelle affichée à droite de L’échantillon de couleur de trait. La largeur par défaut est de 3 pt. Si vous connaissez la largeur exacte dont vous avez besoin, vous pouvez la saisir directement dans le champ Largeur (appuyez sur Entrée (Win) / retour (Mac) lorsque vous avez terminé de l’accepter) ou simplement cliquer sur la petite flèche à droite de la valeur et faire glisser le curseur:
aligner les arêtes
Si vous regardez plus à droite dans la barre D’Options, vous verrez une option appelée aligner les arêtes. Par défaut, cette option est activée (cochée) et vous voudrez généralement la laisser activée car elle indique à Photoshop d’aligner les bords de votre forme avec la grille de pixels, ce qui les garde nets et nets:
Cependant, pour que L’option Aligner les arêtes fonctionne, non seulement elle doit être sélectionnée, mais vous devez également spécifier la largeur de votre trait en pixels (px), pas en points (pt)., Étant donné que le type de mesure par défaut pour la largeur de trait est points, je vais revenir en arrière et entrer une nouvelle largeur de 10 px:
Photoshop met à jour instantanément la forme avec la nouvelle largeur de trait:
plus D’Options de course
Il existe d’autres options de course que nous pouvons également modifier en cliquant sur le bouton Options de course dans la barre D’Options:
cela ouvre la boîte Options de course. En haut, nous pouvons basculer entre avoir le trait affiché comme une ligne continue (la valeur par défaut), une ligne pointillée ou une ligne pointillée. L’option Aligner nous permet de choisir si le trait doit apparaître le long des bords intérieurs de la forme, des bords extérieurs ou centré le long des bords., Nous pouvons définir L’option Caps sur Butt, Round ou Square, et changer les coins en Mitre, Round ou biseau. Cliquez sur plus D’Options en bas pour ouvrir une boîte de dialogue plus détaillée avec des options supplémentaires pour personnaliser l’apparence de votre trait et pour enregistrer vos paramètres personnalisés en tant que préréglage:
Modification du remplissage et du trait des formes existantes
tout comme avec les outils de forme géométrique (outil Rectangle, outil Ellipse, etc.,), Photoshop place chaque forme vectorielle que nous dessinons avec L’outil Forme personnalisée sur son propre calque de forme. Si nous regardons dans mon panneau Calques, nous voyons ma forme de coeur assise sur un calque de forme nommé « Shape 1 »:
je vais ajouter une deuxième forme à mon document. Pour ce faire, je vais rouvrir le sélecteur de forme personnalisée dans la barre D’Options, et cette fois, je vais choisir la forme de papillon en double-cliquant sur sa vignette:
avec la forme de papillon sélectionnée, je vais rapidement la dessiner en cliquant à l’intérieur du document pour définir un point de départ, puis en cliquant et en faisant glisser à partir de ce point. Pour dessiner le papillon avec les proportions correctes, je vais attendre d’avoir commencé à faire glisser, puis je vais appuyer et maintenir ma touche Maj enfoncée et continuer à faire glisser:
pour compléter la forme, je vais relâcher mon bouton de la souris, puis relâcher ma touche Maj., Photoshop remplit la forme avec de la couleur, mais regardez ce qui s’est passé; il a utilisé la même couleur de remplissage (rouge) que j’ai choisie pour ma forme précédente. Il a également utilisé les mêmes options de trait que la forme précédente, y compris la couleur (Noir) et la largeur (10 px):
heureusement, parce que les calques de forme dans Photoshop restent entièrement modifiables, il n’est pas nécessaire pour moi d’annuler et de redessiner la forme si j’avais besoin d’une couleur différente., Tant que j’ai le calque de forme sélectionné dans le panneau Calques (et l’outil de forme toujours sélectionné dans le panneau Outils), je peux facilement revenir en arrière et changer les couleurs.
Si nous regardons à nouveau dans mon panneau Calques, nous voyons que la forme papillon a été placée sur son propre calque de forme nommé « Shape 2 » au-dessus de la forme de coeur:
avec le calque papillon sélectionné, je vais cliquer sur L’échantillon de couleur de remplissage dans la barre D’Options et choisir une couleur différente des échantillons, peut-être un joli magenta:
je vais également abaisser la largeur du trait dans la barre D’Options, car 10 px semble trop épais. Je vais l’abaisser à 4 px:
Photoshop met à jour instantanément la forme du papillon avec la nouvelle couleur de remplissage et la largeur du trait., La forme du cœur d’origine reste intacte:
je pense que je veux également réduire la largeur du trait pour la forme du cœur, donc je vais cliquer sur le calque de forme du cœur (« forme 1 ») dans le panneau Calques pour le sélectionner:
je vais laisser la couleur de remplissage définie sur rouge, mais je vais abaisser la largeur du trait dans la barre D’Options à la même valeur (4 px) que la forme de papillon:
et maintenant, les deux formes partagent la même largeur de trait. Vous pouvez modifier les autres options de trait (Couleur, Type de ligne, alignement, etc. ainsi si nécessaire., Tant que vous avez sélectionné le calque de forme correct dans le panneau Calques et que l’outil forme est toujours actif, vous pouvez apporter les modifications dont vous avez besoin:
Réinitialiser les formes personnalisées aux valeurs par défaut
plus tôt, nous avons appris à charger d’autres ensembles de formes dans le sélecteur de formes personnalisé., Si vous avez besoin d’éliminer ces formes supplémentaires et revenir à l’affichage seulement le défaut de formes, cliquez de nouveau sur l’icône d’engrenage dans la Forme Personnalisée Sélecteur:
choisissez ensuite Réinitialiser les formes dans le menu:
Photoshop vous demandera si vous voulez vraiment remplacer les formes actuelles par les valeurs par défaut., Cliquez sur OK pour dire oui, et vous ne verrez plus que les formes par défaut d’origine:
