{"id":564,"date":"2021-09-21T09:22:12","date_gmt":"2021-09-21T09:22:12","guid":{"rendered":"https:\/\/bunnypic.com\/?p=564"},"modified":"2021-09-21T09:22:17","modified_gmt":"2021-09-21T09:22:17","slug":"convert-raster-to-vector-photoshop","status":"publish","type":"post","link":"https:\/\/bunnypic.com\/convert-raster-to-vector-photoshop\/","title":{"rendered":"How to Convert Raster Images into Vector Graphics in Photoshop"},"content":{"rendered":"\n

Vector graphics<\/a> are images that are made from points that connect together to make curves and strokes. Raster images on the other hand are made from pixels called a bitmap.<\/p>\n\n\n\n

Vector graphics have a unique advantage over raster images as they can be scaled up and down as they are high-resolution images that don\u2019t get pixelated regardless of scale.<\/p>\n\n\n\n

Photoshop is raster-based graphic design software that loads images using bitmaps. This might leave you worried as you cannot export your images as vector graphics to be scaled.<\/p>\n\n\n\n

This article will guide you through how to turn a raster image into a vector graphic using Photoshop.<\/p>\n\n\n\n

How to Turn a Raster Image into a Vector Graphic in Photoshop<\/h2>\n\n\n\n

Follow the instructions below to vectorize an image in Photoshop.<\/p>\n\n\n\n

  1. Open the image that you want to turn into a vector graphic. Make sure it is a one color image as this trick only works on images that don\u2019t have multiple colors.<\/strong><\/li><\/ol>\n\n\n\n
    \"opening<\/figure><\/div>\n\n\n\n
    1. With the layer selected click on Filter > Stylize > Diffuse<\/strong> and select Anisotropic Mode<\/strong> and click OK.<\/li><\/ol>\n\n\n\n
      \"Selecting<\/figure><\/div>\n\n\n\n
      1. Next, duplicate this layer by going to Layer > Duplicate Layer<\/strong> or pressing CTRL + J. Name the duplicated layer \u201chigh-pass\u201d for now.<\/li><\/ol>\n\n\n\n
        \"adding<\/figure><\/div>\n\n\n\n
        1. With the high-pass layer selected go to Filter > Other > High-Pass<\/strong>. Adjust the slider until it matches the strokes of your image and click OK.<\/li><\/ol>\n\n\n\n
          \"adding<\/figure><\/div>\n\n\n\n
          1. Under the layers panel select the high-pass layer and from the blending mode options select Vivid Light<\/strong>.<\/li><\/ol>\n\n\n\n
            \"high<\/figure><\/div>\n\n\n\n
            1. Now, go to Layer > New Adjustment Layer > Threshold<\/strong> and click OK. Adjust the threshold according to your image until it makes it fully black and white.<\/li><\/ol>\n\n\n\n
              \"adding<\/figure><\/div>\n\n\n\n
              1. Once you have set the threshold correctly navigate to Layer > Merge Visible<\/strong>. This will combine all the layers together into one layer.<\/li><\/ol>\n\n\n\n
                \"merging<\/figure><\/div>\n\n\n\n
                1. With the merged layer selected go to Filter > Blur > Gaussian Blur<\/strong> this will blur out the rough edges. Adjust the value until you see a smooth blur in this case 0.5 looks okay. After setting the blur click OK.<\/li><\/ol>\n\n\n\n
                  \"adding<\/figure><\/div>\n\n\n\n
                  1. Now, go to Select > Color Range<\/strong> and select Shadows<\/strong>.<\/li><\/ol>\n\n\n\n
                    \"selecting<\/figure><\/div>\n\n\n\n
                    1. With the selection active, navigate to the layers panel and click on \u201cPaths\u201d and click \u201ccreate work path.\u201d<\/li><\/ol>\n\n\n\n
                      \"creating<\/figure><\/div>\n\n\n\n
                      1. Under the layers panel click on Layers<\/strong> and create a new layer.<\/li><\/ol>\n\n\n\n
                        \"creating<\/figure><\/div>\n\n\n\n
                        1. With this new layer selected go to Layer > New Fill Layer > Solid Color<\/strong> and after naming the layer click OK.<\/li><\/ol>\n\n\n\n
                          \"adding<\/figure><\/div>\n\n\n\n
                          1. After clicking OK you will be able to choose the color you want to fill in. Choose the color you like and then click OK.<\/li><\/ol>\n\n\n\n
                            \"choosing<\/figure><\/div>\n\n\n\n
                            1. Finally, just hide or delete the base layer and keep the new layer active.<\/li><\/ol>\n\n\n\n
                              \"hiding<\/figure><\/div>\n\n\n\n

                              Congratulations! you just converted your raster image into a vector.<\/p>\n\n\n\n

                              Exporting Your Image as a Vector Graphic<\/h2>\n\n\n\n

                              You might notice that if you zoom into your image you will still see it get pixelated, this is because Photoshop is a raster-based software so the image will always show pixelated when scaled up or down.<\/p>\n\n\n\n

                              You need to export your image in a vector graphics format to be used. To do that go to File > Save As<\/strong> and choose any graphic format. Vector graphics are usually in the below formats:<\/strong><\/p>\n\n\n\n