Comment créer des graphiques vectoriels dans Photoshop?

Je sais que les gens préfèrent utiliser CorelDraw ou Adobe Illustrator, mais je veux savoir s'il existe une technique que je peux suivre pour utiliser Adobe Photoshop pour créer des images vectorielles .

TL; DR: Photoshop ne peut pas créer de vraies images vectorielles. Il s'agit d'une idée fausse très courante.

Pensez-y comme une voiture. - Pouvez-vous faire du 4 roues avec une Toyota Prius? Bien sûr que vous le pouvez ! Est-ce que ça va faire tout ce qu'un Jeep Wrangler peut faire? Heck non. Il y a une raison pour laquelle vous devez utiliser un véhicule à 4 roues motrices pour faire du 4 roues, tout comme il y a une raison pour laquelle vous devez utiliser une application vectorielle pour créer des fichiers vectoriels.

Quelle que soit la façon dont vous créez et enregistrez un fichier, Photoshop enregistre toujours les informations vectorielles et matricielles . Cela ne ressemble à aucune vraie application vectorielle.

Vous ne pouvez pas créer de fichiers vectoriels avec Photoshop. Vous ne pouvez créer des fichiers raster qu'avec des données vectorielles intégrées. Cela signifie qu'il peut y avoir un carré vectoriel et que ses bords resteront nets et nets, cependant si ce carré a un remplissage dégradé. Ce remplissage dégradé est entièrement trame et il sera souffrir sur une certaine échelle.

Des applications telles qu'Illustrator, Inkscape, CorelDraw, Xara, Sketch, etc. ne peuvent en réalité contenir que des données vectorielles indépendantes à 100% de résolution. Il ne s'agit pas de "personnes préférant" utiliser une application vectorielle. C'est obligatoire si vous voulez un vrai fichier vectoriel à la fin.

Cela ne veut pas dire que les outils vectoriels de Photoshop sont globalement inférieurs, ils ne le sont pas . Oui, vous pouvez dessiner avec les outils vectoriels de Photoshop et créer du contenu vectoriel. Mais pour tirer le meilleur parti de ce contenu vectoriel dans Photoshop, vous devez toujours utiliser Photoshop pour toutes les modifications futures. Lorsque vous agrandissez ou transformez un conteneur vectoriel dans Photoshop, Photoshop interpole les données raster intérieures en fonction de la transformation. Cette interpolation nese produire en dehors de Photoshop. Ainsi, après l'exportation / l'enregistrement, vous pouvez mettre à l'échelle quelque chose comme un EPS Photoshop, les bords du vecteur seront mis à l'échelle et rester nets car ils sont vectoriels, mais l'interpolation des données raster ne se produit pas en dehors de Photoshop. Les "pixels cassés" sont donc tout à fait possibles avec un EPS Photoshop même si vous avez utilisé des outils vectoriels. Ce problème se produit lorsque vous enregistrez le fichier ou l' exportez . Dans tous les formats vectoriels (PDF, EPS, PSD), Photoshop crée un fichier raster avec des données vectorielles intégrées. Photoshop ne crée pas de fichier vectoriel. Ceci est totalement différent des applications vectorielles réelles.

À des fins de production, cette différence peut être largement sans importance si vous travaillez déjà à un ppp élevé dans Photoshop. Mais un utilisateur doit savoir que le simple fait d'utiliser les outils vectoriels de Photoshop et d'enregistrer au format EPS / PDF ne crée pas de fichiers vectoriels à l' aide d' une version actuellement disponible de Photoshop (CC2017 est la plus récente).

Je me rends compte que certains utilisateurs veulent que Photoshop crée des fichiers vectoriels, car cela signifie qu'ils n'ont pas besoin d'apprendre une nouvelle application pour générer un nouveau format de fichier. Cependant, il n'y a aucun moyen de contourner cela. Si vous voulez des fichiers vectoriels réels , vous devez utiliser une application vectorielle réelle. Photoshop est et a toujours été une application matricielle , d'où «photo» dans son nom.

Chippin 'in, au cas où quelqu'un voudrait toujours créer des éléments vectoriels dans Photoshop (à utiliser avec des images raster, par exemple, ou pour toute autre situation).

L'outil Photoshop qui vous permet de travailler avec des graphiques vectoriels est l' outil Pen . L'opération de base de l'outil Plume consiste à cliquer sur le canevas Photoshop pour faire apparaître des points. Ces points seront reliés par des lignes et commenceront à créer une forme.

Par rapport à d'autres programmes (comme Illustrator), ce sont les choses que vous pouvez faire AVEC les formes une fois que vous les avez dessinées qui font défaut. Photoshop vous permettra de dessiner, de modifier des nœuds et de jouer avec leur combinaison, leur intersection ou leur soustraction, mais il ne vous permettra pas d'effectuer des opérations plus complexes.

Les forums Adobe ont un guide très complet sur la façon de démarrer avec l'outil Pen .

Vous POUVEZ exporter les chemins que vous créez vers un fichier Illustrator, mais la vue de base est que Photoshop a été créé pour les images raster et Illustrator a été créé pour les images vectorielles. CorelDraw fait les deux dans un seul programme, mais le compromis est qu'il n'est pas aussi bon qu'Adobe, imo.

Je pense que ce fil a besoin d'un résumé, sinon les lecteurs peuvent rester confus. La plupart des lecteurs ne se soucieront pas si les résultats sont des "vrais eps" ou des "vrais fichiers vectoriels", ils veulent juste faire quelque chose. Cependant, ils doivent être conscients des limites et des contraintes de certaines techniques. Voici les concepts clés donnés dans les réponses:

1. Photoshop est un outil de traitement d'image basé sur des pixels (raster) qui possède certaines capacités vectorielles. Il a été initialement conçu pour manipuler et enregistrer des images basées sur des pixels (par exemple, des photographies numériques), mais il est devenu un outil beaucoup plus flexible.

2. Illustrator est un outil de traitement d'images basé sur des vecteurs qui possède des capacités de tramage. Les images vectorielles ne stockent pas d'informations sur les pixels, elles stockent l'image en tant que données qui seront interprétées par un programme de dessin d'images vectorielles.

3. Les deux types de fichiers d'image nécessitent un programme informatique pour préparer les données du fichier pour l'affichage ou l'impression, mais en fin de compte l'imprimante ou l'ordinateur nécessite que l'image soit au format pixel. Par conséquent, les fichiers vectoriels nécessitent plus de traitement. Le principal compromis entre le format vectoriel et le format pixel est que les formats vectoriels peuvent être mis à l'échelle pour bien paraître dans une large gamme de résolutions. Les formats de pixels souffrent lorsqu'ils sont affichés dans des résolutions autres que la résolution dans laquelle ils ont été créés. Les formats de pixels capturent les petits détails et les changements subtils de l'image bien mieux que les formats vectoriels. En conséquence, les formats de pixels sont plus appropriés pour les photographies ou les peintures réalistes et les formats vectoriels sont plus appropriés pour les logos et les arts Web et mobiles simples.

4. Parce que les deux formats ont des atouts complémentaires, il est logique d'utiliser les deux. Dans ces cas, vous pouvez choisir de créer et de manipuler vos images à l'aide de Photoshop et d'Illustrator (ou CorelDraw - qui fait les deux), ou vous pouvez utiliser les outils vectoriels dans Photoshop ou les outils de pixellisation dans Illustrator. La meilleure approche est dictée au cas par cas. La ligne directrice évidente consiste à sélectionner l'outil principal en fonction du format de sortie requis.

5. Si vous souhaitez utiliser des outils vectoriels sur une image basée sur des pixels dans Photoshop, cela peut être fait à l'aide de l'outil Plume ou à l'aide de Photoshop Generate. Vous pouvez ensuite bénéficier des avantages du développement avec des images vectorielles dans Photoshop ou en exportant ces images vectorielles dans Illustrator. Après avoir utilisé Illustrator, vous pouvez ensuite ramener les illustrations dans Photoshop si vous avez l'intention de les enregistrer au format pixel.

Le générateur de Photoshop peut enregistrer des SVG (oui, des SVG appropriés, uniquement vectoriels, basés sur des calques de forme créés dans Photoshop). Vous aurez cependant besoin de Photoshop CC 2014.2 (ou 2014.1).

Aide d'Adobe: https://helpx.adobe.com/photoshop/using/generate-assets-layers.html

Ce document Photoshop:

Créé ce SVG:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" width="272" height="245" viewBox="0 0 272 245">
  <defs>
    <style>
      .cls-3 {
        fill: #fc6665;
      }
    </style>
  </defs>
  <g id="vectorsvg">
    <circle id="circle-1" class="cls-3" cx="50" cy="50" r="50"/>
    <rect id="rect-1" class="cls-3" x="72" y="145" width="200" height="100"/>
  </g>
</svg>