Creating A Svg In Photoshop In 2023


In 2023, Adobe Photoshop is still the go-to software for many digital artists. It is a powerful tool to create digital art, but it can also be used to create web assets such as Scalable Vector Graphics (SVGs). SVG is a type of vector graphics that is widely used on the web due to its flexibility and ability to scale without losing quality.

The process of creating a SVG in Photoshop is actually quite simple, and it only takes a few steps. In this tutorial, we will be covering the basics of creating a SVG in Photoshop in 2023.

Step 1: Setting Up the Document

The first step in creating a SVG in Photoshop is to set up your document. You can either create a new document or use an existing one. If you are creating a new document, you can set the size to whatever you need. Make sure to select the RGB color mode, as this is the preferred format for web images. Once this is done, you can begin creating your SVG.

Step 2: Creating Your Shapes

The next step is to create your shapes. You can use the tools in the Tools palette, such as the Rectangle tool, Ellipse tool, and Pen tool, to create your shapes. You can also use the Path Selection and Direct Selection tools to modify the shapes. When creating your shapes, make sure to use the Fill and Stroke options in the toolbar to apply colors and outlines to your shapes.

Step 3: Grouping and Aligning Shapes

Once you have created your shapes, you can start grouping and aligning them. You can use the Layers panel to group shapes together and the Align panel to align them. You can also use the Transform panel to change the size and position of your shapes. This is particularly useful when creating complex designs.

Step 4: Exporting Your SVG

The last step is to export your SVG. To do this, go to File > Export > Export As. In the Export dialog box, select the SVG format and click Export. You can also adjust the settings in the SVG Options dialog box to optimize your file. Once you click Export, your SVG will be ready to use.


Creating a SVG in Photoshop is a relatively simple process. With a few clicks, you can create complex designs that can be used on the web. Just remember to set up your document correctly, create your shapes, group and align them, and export your SVG. With these steps, you can create an amazing SVG in Photoshop in 2023.