Heather Cash tutorial 2 Feature Image

How to create a multi-color SVG for Cricut Design Space with Wacom

April 19, 2023

Michaels and WacomWhether you’re planning some DIY, crafting, or decorating, Michael’s is your go-to. Now, level up your design skills as you prep for your next project by using a Wacom tablet! Whether you’re ideating a pattern for sewing, designing a card for an upcoming holiday, or creating assets for other crafters to utilize, Wacom is a great partner — and Wacom products are now available at Michaels.com.

In the video below, crafter and creator Heather Cash continues her Wacom + Cricut series by showing you how you can extend the lesson in the previous video by creating a multi-color SVG for use with a Cricut cutting machine or to share or sell to others in Cricut Design Space! Check out the video below, or read on for a text-based explanation.


 

In this series, I’ll be showing you how to create digital assets for the Cricut cutting machine using your Wacom tablet. These are great to use for your own personal projects, or to sell online! We’ll be using Affinity Designer, since every purchase of a Wacom One pen display comes with a free 90-day trial of Affinity software. In this video, I’ll be showing you how to take the single-color SVG that we made in the first lesson, and add color to it!

Note: One way to create a color SVG is to implement the outline as an outline, with empty space for the colored pieces. Some people do it this way, but I don’t recommend it because things don’t always line up properly, and it may result in gaps between the colored pieces and the outline — especially when doing iron-on, where there may be shrinkage. The way I recommend, and how we are going to do it in this video, is to create a black silhouette of the shape as the bottom layer, and then all of the colored pieces will be placed on top of that shape. This way, the placement doesn’t have to be perfect, and there won’t be any gaps. For a more detailed explanation, see my video “How to Get Perfect Outlines with Cricut Iron-On.”

Getting started

First, open up the file that you created in the previous tutorial, the single-color SVG.

1. Create the silhouette

First, grab the layer containing the drawing, and drag & drop it onto the new layer icon at the bottom of the layers panel. Hide the top layer (Layer → Hide) — this will end up being our outline layer containing our colored pieces. Select the bottom layer, grab everything, and go to Layer → Geometry → Fill Holes. You can look at the nodes using the node select tool, and looking at the nodes that go around the shape. This will be our silhouette layer. Lock this bottom layer — we are done with it!

Cash-tutorial-screenshot1

2. Create colored pieces

We’re going to use the outline layer essentially as a cookie cutter — putting a color behind each outline section and then punching the shape out of the color.

Show the top layer by selecting it and going to Layer → Show. Hide the bottom layer by selecting it and going to Layer → Hide. Now, we’re going to use the outline layer as a cookie cutter. Grab the rectangle tool, select a color for the fill, draw a rectangle that fully covers the entire outline, then click the Send to Back button at the top. Grab your select tool, select everything, and click the Subtract Front button at the top in the Operations panel.

Cash Screenshot 2

Next, you’ll need to separate the pieces by going to Layer → Geometry → Divide. Click the background and delete it by clicking the delete button at the bottom of the Layers panel. You might find other weird little pieces; you can delete anything you don’t want.

Cash-tutorial-screenshot3

3. Time to Color!

Show the bottom layer now (Layer → Show), so we can see what it will look like in the end. Select the top layer, then select each piece and set it to your desired color using the color swatch in the bottom left, or the swatches panel in the upper right.

Cash-tutorial-screenshot4

4. Combine same-colored shapes

To ensure that each shape is placed on the vinyl in the correct position relative to each other, all shapes of the same color need to be combined so that they are classified as the same object. For example, all red pieces are one object, all orange pieces are another object, etc.

To do this, select a single piece, and then to select all other pieces of that same color, go to Select → Select Same → Fill Color. In the Operations menu in the upper right, click Combine. Then repeat this for each color.

Check for any pieces that were missed by looking at the layers panel, and find any single pieces. Either add them to the object of the same color, if you missed them the first time, or if they’re extra, you can delete them.

Cash-tutorial-screenshot4

5. Export

To export, go to File → Save As and then name your file — a good idea could be the same title as the previous one, just adding “color.” Then go to File → Export, select SVG, and click Export.

6. Check your work

Make sure that everything worked correctly and the SVG uploads correctly. Open Cricut Design Space, create a new project, click Upload, then Upload Image, then Browse for your file, and then click Add to Canvas. When it loads, look at layers panel to make sure everything came through OK. There should be layers for each color and then a bottom layer with the silhouette.

Cash-tutorial-screenshot6

That’s it! Now you can create single-color or multi-color SVGs for your own Cricut projects or to sell to other Cricut users for them to use.

Related posts:

How to create stunning 8-bit pixel art masterpieces, with Killer Rabbit Media

How to create stunning 8-bit pixel art masterpieces, with Killer Rabbit Media

Making the most of your Wacom, with Pablo Muñoz Gómez

Making the most of your Wacom, with Pablo Muñoz Gómez

Igniting the creativity of professional artists! The pride of Wacom – Wacom Pro Pen 3

Igniting the creativity of professional artists! The pride of Wacom – Wacom Pro Pen 3

How to Optimize Your Artistic Workflow with Rebelle and Wacom

How to Optimize Your Artistic Workflow with Rebelle and Wacom

Connect with Wacom on social media

Get lost in the details like @danidiamondphotography 📷☕🔍

Experience color like never before with the Wacom Cintiq Pro 27! 

With 99% Adobe RGB, 98% DCI-P3, and over 1 billion colors, your photos will pop with incredible accuracy. 🎨

Plus, with HDR Gamma support, stunning 4K resolution, and a smooth 120Hz refresh rate, your photo editing sessions will feel more immersive than ever. 😍 And with its ergonomic design, it’s the most comfortable way to edit for long hours without any strain.
#wacomworkspace #CintiqPro27 #wacomcintiqpro #photoediting #retouching #photography
211 1
Today we celebrate the 𝐍𝐚𝐭𝐢𝐨𝐧𝐚𝐥 𝐇𝐚𝐧𝐝𝐰𝐫𝐢𝐭𝐢𝐧𝐠 𝐃𝐚𝐲 🤩!

Ever wished you could learn calligraphy? We asked @afinkandink to teach us some basics to get you started. ✏️✒️🖊️✍️🖋️
Doesn't she make it look so easy? 

#nationalhandwritingday #Handwriting #DigitalInk #DigitalPen #WacomPen #calligraphy #creativelettering #lettering #moderncalligraphy #madewithwacom
100 6
Calling all newbies! 📣📣📣

Try these three exercises to help you master your digital pen ✍️

#Wacom #WacomTips #wacomtablet #drawingtips #drawingtablet #digitalart #wacompen #wacomintuos #wacomintuospro
497 13
Today, we lift our heads high and draw one another in even tighter. 🤲🥹⁣
⁣
We extend our deepest sympathies to all those enduring the aftermath of the distressing fires in Los Angeles. The sorrow wrought by this tragedy is close to our hearts, and in this time of trial, we embrace our community with unwavering support.⁣
⁣
Art by the wonderful @yingshiart ⁣
⁣
803 6
Change is scary sometimes. It also requires time. 🫠
For @adam_theillustrator, it took some time to switch the mouse over a stylus, but he never looked back. 💪
Do you remember what it was like for you? How many tries did it take you to master drawing with a tablet? What advice do you have for new users? 
#wacomtablet #wacomintuospro #digitalartist #digitalart #wacom #wacompen
1946 61
Time flies when you're absorbed in the details, hyper focusing on every stroke and thinking about every line. 👀🤓🧐🔍🐲
Love seeing @andrezgalviz_art taking advantage of his beautiful Cintiq Pro 24 canvas to sculpt for hours. 
#madewithwacom #Wacomworkspace #wacomcintiq #CintiqPro #3dmodeling #3dsculpting #3dart
1052 10
Don't mind us, we're out here mesmerized watching @andreaalice.nz make petals 🌺🌸💜🖌️
What beautiful things are you making today? Tag us #MadeWithWacom
Now go feast your eyes and check out Andrea's stunning botanical prints. 
#creativeprofessionals #digitalart #artistsoninstagram
385 8
How many strokes to draw Rengoku? 🗡️💥❤️‍🔥
@caleo_real did this challenge and the results were..... Interesting 🤯😂
Do you count your strokes? An artist may choose to paint with as few brush strokes as possible for many reasons, including aesthetic effect, style, technique or emotional impact. 

#madewithwacom #digitalartist #digitalart #demonslayer #rengoku #fanart #artchallenge
1070 11
One of the most important steps in animation is BLOCKING! 
We asked @fabgioffre to walk us through his process to show you how easy it can be, especially if you're using the right tools like @toonboomanimation and a Wacom tablet (Fabio is using the Movink on this video). 
Head to Fabio's YouTube channel for the full tutorial or head to our stories to get there. 
#toonboom #wacommovink #madewithwacom #animation
209 8
A seamless blend of design, engineering, technology. 
The Cintiq Pro 27 is designed to let professionals work and move in complete harmony. 
Ready for an upgrade? 
#wacomcintiqpro #CintiqPro
778 36