: How to create vector graphics In Photoshop? I know people prefer using CorelDraw or Adobe Illustrator, but I want to know if there is a technique I can follow to use Adobe Photoshop to make

@BetL875

I think this thread needs a summary, otherwise readers may leave still confused. Most readers will not care if the results are "true eps" or "true vector files", they just want to get something done. However, they should be aware of the limits and constraints on certain techniques. Here are the key concepts given in the answers:


Photoshop is a pixel (raster) based image processing tool that has some vector capabilities. It was originally designed to manipulate and save pixel based images (for example, digital photographs), but it has matured into a much more flexible tool.
Illustrator is a vector based image processing tool that has some rasterization capabilities. Vector based images do not store pixel information, it stores the image as data that will be interpreted by a vector-based image drawing program.
Both types of image files require a computer program to prepare the file data for display or print, but ultimately the printer or computer requires the image to be in pixel format. As a result, vector based files require more processing. The main trade-off between vector format and pixel format is that vector formats can be scaled to look good in a wide range of resolutions. Pixel formats suffer when displayed in resolutions other than the resolution they were created in. Pixel formats capture small details and subtle changes in the image much better than vector formats. As a result, pixel formats are more appropriate for photographs or realistic paintings and vector formats are more appropriate for logo's and simple web and mobile based art.
Because the two formats have complementary strengths, it makes sense to use both. In these cases, you can choose to create and manipulate your images using both Photoshop and Illustrator (or CorelDraw--which does both), or you can use the vector tools in Photoshop or the rasterization tools in Illustrator. The best approach is dictated on a case by case basis. The obvious guideline is to select the primary tool based on the output format needed.
If you want to use vector tools on a pixel based image in Photoshop, it can be done using the Pen tool or using Photoshop Generate. You can then gain the advantages of developing with vector art either in Photoshop or by exporting the vector art into Illustrator. After using Illustrator, you can then bring the art back into Photoshop if you intend to ultimately save in a pixel based format.

Vote Up Vote Down

@Ravi4787994

Photoshop’s Generator can save SVGs (yes, proper, vector-only SVGs based on shape layers created in Photoshop). You will need Photoshop CC 2014.2 (or 2014.1) to do it though.

Help from Adobe: helpx.adobe.com/photoshop/using/generate-assets-layers.html
This Photoshop document:


Created this 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>

Vote Up Vote Down

@Voss6371140

Chippin' in, in case anyone still wants to create vector elements in Photoshop (to use with raster images, for example, or for any other situation).

The tool Photoshop has that allows you to work with vector graphics, is the Pen Tool. The basic operation of the Pen Tool involves clicking around the Photoshop canvas to make points appear. These points will be connected by lines and start to create a shape.

Compared to other programs (like Illustrator), it's the things you can do WITH the shapes once you have them drawn what is somehow lacking. Photoshop will let you draw, modify nodes and play with combining, intersecting or substracting them, but it won't let you do more complex operations.

The Adobe Forums have a very complete guide on how to get started with the Pen Tool.

Vote Up Vote Down

@Pierce403

You CAN export the paths you create to an Illustrator file, but the basic view is Photoshop was created for raster images and Illustrator was created for vector images. CorelDraw does both in one program, but the trade off is it does neither as good as Adobe, imo.

Vote Up Vote Down

@Turnbaugh909

TL;DR: Photoshop can not create true vector images. This is a very common misconception.

Think of it like a car. -- Can you go 4-wheeling with a Toyota Prius? Sure you can! Is it going to do all the things a Jeep Wrangler can do? Heck no. There's a reason you need to use a 4-wheel drive vehicle to go 4-wheeling, just as there's a reason you need to use a vector application to create vector files.



Regardless of how you create a file and save it, Photoshop always saves both vector and raster information. This is unlike any true vector application.

You can't create vector files with Photoshop. You can only create raster files with vector containers/edges. This means you may have a vector square and its edges will remain sharp and crisp, however if that square has a gradient fill. That gradient fill is raster entirely and it will suffer upon some scaling.

Applications such as Illustrator, Corel, Xara, actually can contain only 100% resolution independent vector data. It's not a matter of "people preferring" to use a vector application. It's required if you want a true vector format in the end.

This is not to say that the vector tools within Photoshop are overall inferior, they are not. Yes you can draw with the vector tools in Photoshop and create vector content. But in order to get the real benefit of that vector content in Photoshop, you have to use Photoshop for all future alterations. When you enlarge or transform a vector container within Photoshop, Photoshop interpolates the interior raster data to suit the transformation. That interpolation does not happen outside of Photoshop. So, after exporting/saving you can scale something like a Photoshop EPS, the vector edges will scale and remain crisp because they are vector, but the interpolation of the raster data does not happen outside of Photoshop. So "broken pixels" are entirely possible with a Photoshop EPS even though you used vector tools. This issue arises when you save the file or export it. In all vector-capable formats - PDF, EPS, PSD - Photoshop creates a raster file with embedded vector data. Photoshop does not create a vector file. This is entirely unlike actual vector-based applications.

For production purposes, this difference may be largely unimportant if you are already working at a high ppi in Photoshop. But a user should be aware that simply using Photoshop's vector tools and saving as an EPS/PDF does not create vector files using any currently available version of Photoshop (CC2017 is the most recent).

I realize some users desperately want Photoshop to create vector files because that means they don't need to learn a new application to generate a new file format. However, there's no way around it. If you want actual vector files, you must use an actual vector application. Photoshop is and always has been a raster application, hence "photo" in its name.

Vote Up Vote Down