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:

Wacom at the 2023 International Society for Technology in Education Conference

Wacom at the 2023 International Society for Technology in Education Conference

Expired: Celebrate Gaming Week and save

Expired: Celebrate Gaming Week and save

Shop the Wacom eStore*

When you shop on the Wacom eStore you get access to discounts, financing, extended warranties, and our industry-leading customer support team.

Connect with Wacom on Social

With a mix of illustration and 3D, @kentushi shares with us his #WacomWorkspace, and even recreates how he was making it! ✨✍️⁣
⁣
Zoom in to see all the fun details! 🐕✏️⁣
⁣
#MadewithWacom #digitalart #art #deskspace #wfh #officegoals
1214 7
When our inner critic arises, it’s difficult not hear it 😭

Sometimes our internal voice criticizes, judges and makes us doubt of our work telling us that we are not good enough. It happens to all of us!

But it’s all in our heads, trust the progress you’ve made so far and don’t give up!

Have you ever felt this way? 👇

#Artistslife #Innercritic #MentalHealthAwarenessMonth
433 9
Who's your favorite Pokémon? 💦🍃🔥⚡⁣
⁣
Some nostalgic friends for #FridayFanart with amazing art by @philipsue_art. If beautiful landscapes, process videos, and art tips are your thing, Philip's page is the place to visit!⁣
⁣
#MadewithWacom #digitalart #animation #art #artprocess #fanart #pokemon #pikachu
6348 26
Digital kitchen time! 
Here's the last of @patrick_4d's digital burger tip series. We hope you tried making your own burger or at least went out and got one for sustenance 🍔🍔🍔
Thank you Patrick for making us the most delicious digital burger we could have wished for. 
#wacomwantsaburger
607 16
This is a reminder for you to embrace your geek side! 🚀

For those who spend hours designing a new skin for their character, creating 3D models of their favourite video game or programming special effects for movies.
Your art makes us proud!

How are you going to celebrate? 👇

#GeekPrideDay #Geek #ArtistsLife
857 5
Tag your other half. ✨💕⁣
⁣
We had to share the love with @yuyo.psd's heartwarming illustration. 🫶⁣
If you like the flow and colors of Yuyo's design, make sure you check out their page for more colorful artwork! 💜⁣
#MadewithWacom #digitalart #illustration #art #graphicdesign
700 8
From concept to reality, @pixebo’s home office is brought to life to create a cozy place to sit down with their Wacom Cintiq and get to work! ✨✍️

#WacomWorkspace #digitalart #homeoffice #deskgoals #wfh
1732 13
Discover the technology behind #CintiqPro24 🚀⁣
⁣
The #WacomProPen2 provides state-of-the-art creative pen technology, meaning every stroke, every move of your hand is followed with unerring accuracy. 💫⁣
⁣
Want to discover how it feels to draw with it? Check the link in bio!⁣
⁣
#Cintiqpro24 #CreativeProfessionals #CintiqPro
711 14
Colorful creative portrait by artist @valerie.loves.colors to start off your week. 🌈☀️🍃⁣
Valerie finds that people and colors give her the most inspiration. She points out that everyone is unique and vibrant in their own way, much like the color spectrum! 🎨⁣
⁣
#MadewithWacom #abstractart #digitalart #art #portrait #illustration
475 6