FRFAM.COM >> Famille >> Technologie &Innovation >> Informatique

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Adobe Illustrator est l'application standard de l'industrie pour la conception graphique. C'est le meilleur outil pour travailler avec des fichiers vectoriels.

Malheureusement, tout le monde n'a pas Illustrator, mais beaucoup de gens ont Photoshop. Et Photoshop prend en charge les images vectorielles de base. Dans ce guide, nous verrons comment créer des illustrations vectorielles dans Photoshop en remplacement d'Illustrator.

Qu'est-ce qu'une image vectorielle ?

Photoshop est principalement conçu pour les images raster. Ce sont des images polygonales dessinées pixel par pixel. Ils prennent en charge d'énormes quantités de détails et sont utilisés pour les photos. Cependant, la taille des fichiers peut être importante et vous ne pouvez pas les agrandir sans perte de qualité.

Les images vectorielles sont des lignes et des courbes générées par des formules mathématiques. Cela signifie que vous pouvez les redimensionner à l'infini et que la taille des fichiers est souvent très petite. Les vecteurs sont parfaits pour le travail de conception graphique, y compris la conception de logos et d'icônes. Vous pouvez même convertir des images en graphiques vectoriels dans Adobe Illustrator.

Une œuvre d'art vectoriel se compose de plusieurs objets. Chaque objet est une ligne ou une forme dont le bord est défini par un chemin. Dans Photoshop, le chemin est représenté par une fine ligne bleue (bien qu'il soit techniquement invisible).

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Vous pouvez appliquer deux types de couleur à chaque objet :

  • Un AVC est une ligne qui suit le chemin.
  • Un remplissage ajoute une couleur unie ou un motif à l'espace entouré par le chemin.

Vous définissez les deux dans la barre d'options en haut de l'écran. Vous pouvez également définir l'un ou l'autre sur Aucune couleur si vous voulez qu'ils restent vides. Pour le contour, vous pouvez également définir l'épaisseur en pixels et le style. Une ligne pleine est la valeur par défaut.

Dans Photoshop, vous dessinez des images vectorielles avec des formes, des lignes et du texte.

Dessiner des formes et des lignes vectorielles

Photoshop est livré avec des outils pour dessiner plusieurs formes courantes. Par défaut, l'Outil Rectangle est mis en évidence. Cliquez et maintenez cette icône pour afficher l'ensemble complet d'outils :

  • Outil Rectangle
  • Outil Rectangle Arrondi
  • Outil Ellipse
  • Outil Polygone
  • Outil Ligne
  • Outil Forme personnalisée

Vous pouvez toujours sélectionner l'outil en surbrillance en appuyant sur U sur votre clavier. Vous pouvez également appuyer sur Maj + U pour faire défiler les outils jusqu'à ce que vous trouviez celui que vous voulez.

Pour travailler plus rapidement, il est conseillé d'en savoir plus sur les raccourcis clavier de Photoshop.

Dessiner des formes vectorielles de base

Sélectionnez l'outil pour la forme que vous souhaitez dessiner, puis ajoutez votre Remplissage et AVC couleurs.

Maintenant, cliquez et faites glisser dans votre canevas. La forme est dessinée à partir du coin dans la direction dans laquelle vous faites glisser. Pour créer une forme symétrique, telle qu'un cercle ou un carré, maintenez la touche Maj enfoncée. clé.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Pour dessiner un triangle, sélectionnez l'outil Polygone . Cliquez une fois sur votre canevas pour ouvrir le Créer un polygone boîte de paramètres. Définir le nombre de côtés à 3 .

Modifier et éditer des formes vectorielles

Vous n'êtes pas limité aux formes de base lors de la création de graphiques vectoriels dans Photoshop. Ils peuvent être modifiés très rapidement.

Tout d'abord, sélectionnez la forme. Cela mettra en évidence la forme et affichera les points d'ancrage le long de son chemin. Ce sont des points où la forme a des coins ou des courbes.

Choisissez l'outil de sélection directe à partir de la barre d'outils (cliquez et maintenez sur l'outil de sélection de chemin icône pour le trouver, ou appuyez sur Maj + A ). Cliquez maintenant sur l'un des points d'ancrage et faites-le glisser dans n'importe quelle direction pour déformer la forme.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Pour des modifications plus avancées, déplacez deux ou plusieurs points d'ancrage en même temps.

Cliquez sur l'un d'entre eux pour le mettre en surbrillance, puis Maj + clic une autre. Utilisez maintenant les touches du curseur sur votre clavier pour déplacer les deux points simultanément.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Fusionner et combiner des formes vectorielles

Pour des formes encore plus complexes, vous pouvez utiliser les opérations de chemin . Cela vous permet de combiner plusieurs formes en de nouvelles formes uniques.

Commencez par dessiner une forme sur votre toile. Ensuite, cliquez sur Opérations de chemin dans la barre d'options en haut de l'écran. Normalement, chaque nouveau chemin ou forme va sur son propre calque. Modifiez cela en cliquant sur Combiner les formes .

Dessinez maintenant une autre forme. Cela ira sur le même calque que votre première forme.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Lorsque vous devez déplacer les objets individuellement, utilisez l'outil de sélection de chemin .

Faites glisser la deuxième forme afin qu'elle chevauche la première. Les deux fusionnent en une seule forme, bien qu'ils restent des objets séparés. Cliquez sur Fusionner les composants de forme dans Opérations de chemin pour les combiner en un seul objet.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Utilisez l'outil de sélection de chemin pour sélectionner la deuxième forme que vous avez dessinée. Maintenant, dans Path Operations choisissez Soustraire la forme avant . La forme est supprimée, ainsi que la zone où elle chevauche la première forme.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Mettez en surbrillance les deux formes. Dans Opérations de chemin sélectionnez Intersecter les zones de forme . Cela supprime les deux formes, à l'exception des zones où elles se chevauchent. Nous utilisons cette option pour créer un demi-cercle.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Enfin, mettez en surbrillance les deux formes et sélectionnez Exclure les formes qui se chevauchent . Cela supprime la zone où les deux formes se chevauchent et laisse tout le reste intact.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Ces outils sont un moyen efficace de créer de nouvelles formes, ou de diviser ou de découper des morceaux de ceux existants. Ils fonctionnent avec l'outil stylo et Texte aussi.

Dessiner des lignes vectorielles

Il existe deux autres outils liés à la forme à connaître. Le premier est l'outil Ligne .

Sélectionnez l'outil et définissez la hauteur dans la barre d'options. Cela définit l'épaisseur de la ligne. Ensuite, cliquez et faites glisser dans votre document pour le dessiner. Maintenez la Maj enfoncée pour aligner la ligne à zéro ou 90 degrés.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Cet outil a quelques fonctionnalités cachées, mais la plupart du temps, vous l'utiliserez pour tracer une ligne droite.

Dessiner des formes vectorielles personnalisées

Enfin, l'outil de forme personnalisée . Définissez les couleurs de remplissage et de trait, puis cliquez sur Forme option dans la barre d'options. Ici, vous pouvez choisir l'une des innombrables formes personnalisées prédéfinies fournies par Photoshop.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Pour ajouter d'autres formes au-delà de la sélection initiale, cliquez sur Paramètres cog, et choisissez une catégorie à ajouter. Il existe des formes pour toutes les utilisations :icônes, bulles, flèches, textures, etc. Vous pouvez également charger des formes tierces.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Cliquez et faites glisser pour ajouter la forme à votre image. Vous pouvez également cliquer sur le canevas pour spécifier une largeur et une hauteur exactes.

Dessiner des vecteurs avec l'outil Plume

Si vous avez de l'expérience avec Illustrator, vous saurez que vous utilisez l'outil Pinceau pour le dessin à main levée. Photoshop a un outil Pinceau qui fait un travail similaire. Mais dans Photoshop, l'outil n'est pas vectoriel, vous ne devez donc pas l'utiliser pour dessiner. Vous devez utiliser l'outil stylo à la place.

L'outil Plume est l'une des fonctionnalités les plus puissantes de Photoshop. Vous l'utiliserez beaucoup lors de la retouche photo dans Photoshop, car il vous permet de créer des sélections très précises. Il est également idéal pour le dessin et l'art vectoriel.

Premiers pas avec l'outil Plume

L'outil Plume fonctionne en dessinant un chemin entre les points d'ancrage que vous créez lorsque vous cliquez sur le canevas. Ajoutez un trait au chemin et vous pouvez dessiner un contour; ajoutez un remplissage et vous pouvez dessiner un objet solide.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Voici une introduction rapide pour vous aider à démarrer :

  1. Sélectionnez l'outil Plume (P) . Cliquez sur le canevas de l'image pour déposer un point d'ancrage.
  2. Déplacez le curseur de quelques centimètres et cliquez à nouveau pour déposer un autre point d'ancrage. Un chemin sera créé pour relier les deux. Réglez le trait sur 5px, noir, pour vous aider à mieux le voir.
  3. Cliquez encore quelques fois pour développer le chemin. Cliquez et faites glisser pour créer un chemin incurvé. Cela ajoutera également des guidons au point d'ancrage. Faites-les glisser pour contrôler l'angle et la profondeur de la courbe.
  4. Cliquez sur Entrée pour créer un chemin ouvert (une ligne), ou cliquez sur le premier point d'ancrage pour créer un chemin fermé (une forme).
Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Ce qui rend l'outil Plume si utile, c'est que vous pouvez revenir en arrière et modifier votre forme à tout moment :

  • Obtenez l'outil de sélection directe (A) . Sélectionnez un point d'ancrage sur le chemin et faites-le glisser vers une nouvelle position. Utilisez cet outil avec les poignées d'un point d'ancrage pour modifier également une courbe.
  • Sélectionnez l'outil Ajouter un point d'ancrage en cliquant et en maintenant l'outil Plume. Cliquez quelque part sur le chemin pour ajouter manuellement un nouveau point d'ancrage, puis faites-le glisser en place. Cela vous permet d'affiner votre forme.

Outils à trois plumes

Photoshop propose trois stylets différents pour dessiner :

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop
  • L'outil Plume est l'option par défaut et la plus flexible. Pour les débutants, nous vous recommandons de l'utiliser principalement pour dessiner des lignes droites. Au fur et à mesure que vous avancez, vous pouvez vous retrouver à l'utiliser pour tout.
  • L'outil Plume de forme libre vous permet de dessiner à main levée, similaire à l'outil Pinceau. Il crée toujours un chemin que vous pouvez modifier et modifier ultérieurement. Les points d'ancrage sont générés automatiquement au fur et à mesure que vous dessinez. C'est un excellent outil si vous utilisez une tablette graphique.
  • L'outil Plume de courbure permet de dessiner facilement des courbes sans avoir à jouer avec le guidon comme vous le faites avec l'outil Plume principal.

Tracer une image en tant que vecteur dans Photoshop

Une fois que vous avez appris à utiliser les différents outils de stylet, vous pouvez les utiliser pour tracer des images. C'est ainsi que vous transformez un croquis que vous avez numérisé, ou un objet sur une photo, en une image vectorielle.

Ouvrez l'image dans Photoshop et effectuez un zoom avant. Sélectionnez maintenant l'outil plume et placez votre premier point d'ancrage sur le bord de l'objet que vous souhaitez tracer. Votre nouveau dessin ira automatiquement sur son propre calque. Continuez à cliquer sur les bords pour créer votre chemin.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Si l'objet que vous tracez se trouve sur un arrière-plan uni, essayez l'outil Plume libre avec le Magnétique option activée dans la barre d'options. Cela accroche votre chemin au bord de l'objet.

Travailler avec du texte vectoriel dans Photoshop

L'utilisation de texte dans Photoshop est assez explicite. Sélectionnez l'outil de texte horizontal (T) , cliquez sur le canevas de l'image pour créer une zone de texte, puis tapez. Vous pouvez ajuster la police, la taille, l'épaisseur et tout le reste, comme vous le feriez dans n'importe quelle autre application.

Pour le texte normal, définissez une couleur de remplissage mais pas de trait. N'appliquez un trait qu'au texte fortement stylisé.

Lorsque vous avez terminé, vous pouvez convertir le texte en objet vectoriel. Sélectionnez le texte et accédez à Type > Convertir en forme . Cela vous permet d'accéder aux points d'ancrage de chaque personnage, afin que vous puissiez les modifier individuellement. C'est bon pour changer la couleur d'une seule lettre ou peaufiner l'apparence de la police.

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Une fois converti, le texte n'est plus modifiable. C'est une bonne idée de dupliquer, puis de masquer le calque de texte d'origine, juste au cas où vous auriez besoin d'une sauvegarde.

Gérer les objets vectoriels

Afin de créer votre œuvre d'art, vous avez besoin que tous ces objets soient dans la bonne position et à la bonne taille. Voici comment procéder :

  • Déplacer des objets en les sélectionnant avec l'outil de sélection de chemin (A) et en les faisant glisser en place.
  • Redimensionner les objets en les sélectionnant avec l'outil de sélection de chemin puis en appuyant sur Ctrl + T sous Windows ou Cmd + T sur Mac. Cela montre une boîte autour de l'objet. Saisissez un guidon le long du bord et faites-le glisser vers l'intérieur ou vers l'extérieur pour redimensionner. Maintenez le Shift touche pour conserver le format d'image d'origine.
  • Faire pivoter un objet en tenant votre souris juste à l'extérieur de l'un des guidons jusqu'à ce que le curseur se transforme en icône de rotation. Maintenant, cliquez et faites glisser.
  • Réorganiser les objets en cliquant sur un calque et en le faisant glisser au-dessus ou en dessous d'un autre calque.
  • Aligner les objets en les sélectionnant tous avec l'outil de déplacement (V) (ou en maintenant Shift et en cliquant sur plusieurs calques), puis en utilisant les commandes d'alignement dans la barre d'options.

Graphiques vectoriels dans Photoshop :Rassembler le tout

Maintenant que vous savez utiliser tous les outils, vous pouvez les assembler pour créer vos propres illustrations vectorielles :

Créer et travailler avec des graphiques vectoriels dans Adobe Photoshop

Bien que Photoshop ne soit pas une véritable alternative à Illustrator pour la conception graphique professionnelle, il est étonnamment puissant. Pour des choses simples comme des logos, des icônes et de petites images que vous souhaitez utiliser dans d'autres documents, c'est plus que suffisant.


[]