- By Design Bundles
- 8 Mins
- Photoshop Tutorials
Two Ways to Convert Complex Images to SVG in Photoshop and Illustrator
You will learn how to convert a complex image to a SVG using Photoshop and Illustrator.
For this tutorial, you will need an image or portrait to work with Its better if your image is Black & White or will be easily converted into. We will cover two ways of achieving it, one only in Photoshop, and the other with “Image Trace” in Illustrator.
1 - In Photoshop, open the image you chose. Fix the “Contrast” if necessary by going to Image > Auto Contrast.
2 - Duplicate your Layer (Command/Control + J), then, click on the small Black & White icon at the bottom of the Layers Panel to create a “New Solid Color Adjustment Layer” between your two Layers and fill it with White (#ffffff).
3 - Create a “New Black & White Adjustment Layer” on top of everything.
4 - Then, create a “New Exposure Adjustment Layer” on top again and play around with the values until you achieve a dramatic contrast.
5 - Select your Duplicate Layer, go to Filter > Stylize > Diffuse… and choose “Anisotropic”. Then, go to Filter > Sharpen > Smart Sharpen… and move the levers around until you get a good contrast but more detail.
6 - Duplicate your Layer (Command/Control + J), go to Filter > Other > High Pass… and use a “Radius” of 20 Pixels. Change the “Blending Mode” to “Soft Light” and lower the “Opacity” to 80%.
7 - Select both Layers and make a “Group” by clicking on the small “Folder” icon at the bottom of the “Layers” Panel. With the “Group” Folder selected, click on the “Add Group Mask” button at the bottom of the Panel.
8 - Make sure you are working on the “Mask” and that your “Foreground” color is White, then, select the “Eraser Tool” (E) and with a medium brush, erase the unwanted portions of the subject.
9 - Use Shift + Command/Control + Alt/Option + E to Merge all visible Layers and create a “Snapshot”, go to Select > Color Range… and Select “Shadows”. Tweak the “Fuzziness” and “Range” values until you are happy with the selection.
10 - Then, go to the “Paths Panel” and click the “Make Work Path” button to create a “Path” with your selection. Use the “Direct Selection Tool” (A) to select the parts you don’t want and hit “Delete”.
11 - Back in the “Layers Panel” create a “New Color Fill Layer” and choose Black as “Fill” color (#000000). The fill will be applied to your “Work Path” just make sure it is still selected. “Turn Off” the visibility in all your Layers except for the one with the “Work Path” (and maybe the “White Fill” one too) by clicking on the small eye icon to the left of the layers thumbnails.
12 - Go to File > Export > Export As… and choose “SVG” as Format. Click on “Export All”, name your file and save it to the location of your choice.
13 - For the second method, go to File > Save As… (Shift + Command/Control + S), give it a name and choose “JPEG” as Format. Choose “Maximum Quality” and click “OK”.
14 - Open Illustrator, drag your “JPEG” file onto it and re-size the file if needed.
15 - Go to Object > Image Trace > Make or click on the button on the Top Menu (don’t forget to select the imported “Path”). Click “OK” if you get a Pop Up Window.
16 - Open the “Image Trace Panel” and use “Black and White” Mode and check the “Ignore White” box (If the “Preview” box is checked you won’t be able to click the “Trace” button). When you are done, click the “Expand” button on the Top Menu to create your “Path”.
17 - Now, you can save your “Document” by going to File > Save As… (Shift + Command/Control + S) and choosing “SVG” as “Format”.
18 - You can also “Open” the other “SVG” file you created in “Photoshop”.
19 - Check both results and remember that you can achieve more or less detail with both methods by playing around with the different settings.
There you go. You have just created an SVG out of an image. Now give it a try as a cut file with your Silhouette or Cricut.
6 Related Photoshop Tutorials
Sometimes you will need to use portions of images and merge them with others to create your artwork. In this tutorial, we will learn how to blend images together using Blending Modes and Layer Masks.The blending modes technique works better with grayscale images that have a very neutral background. ...
For this tutorial, you will need two images to combine. We used a desert background and one of some Children playing with water.1 - In Photoshop, open the Image you chose as “Background”.2 - Go to Image > Adjustments > Levels (Command/Control + L) and click the “Auto” button.3 - ...
Convert a JPG to SVG in Inkscape following these easy steps. For crafters, a SVG format is their go to for crafting. It allows you to separate elements and edit as needed. But what if you only have a JPG file? In Inkscape, there is a tracing feature that allows ...
Unfortunately there isn’t a tracing option to convert a JPEG to SVG in Affinity Designer. You may want to trace a sketch, or create an SVG cut file for your Cricut or Silhouette cutting machine. In today’s tutorial, we will show you a method for doing this.We ...
1- Open scan and cut canvas. Click on the text icon.2-Type your text.3-Select your font. I am using Pumpinko font from Font Bundles.4- Adjust the character spacing so each letter is just overlapping.5- With the text selected, click on the weld process overlap. this will join ...
For this tutorial you may want to get a Color Palette as reference.1 - In Photoshop create a “New Document”, make it 15 Centimeters in “Width” and “Height” @300 Pixels/Inch and with a “Transparent” Background.2 - Go to Filter > Render > Clouds...3 - Then, go to Adjustments > Threshold… and ...