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:

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 6: Creating Advanced Radial Menus

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 5: How to use ‘Precision Mode’

Making the most of your Wacom, with Pablo Munoz Gomez – Tip 5: How to use ‘Precision Mode’

Comparing Affinity vs. Adobe for designing a bookmark, with Vivienne Le

Comparing Affinity vs. Adobe for designing a bookmark, with Vivienne Le

Connected Ink 2024: A Day in the Life of Independent Jewelry Designer Quincy Vadan

Connected Ink 2024: A Day in the Life of Independent Jewelry Designer Quincy Vadan

Finance with Klarma

Shop now pay later with Klarma

Only on the US eStore

Shop now>

Connect with Wacom on social media

Black Friday Deals are here ๐Ÿ–ค๐ŸŽ๐Ÿ›’โฃ
Head to our Amazon store to discover our exclusive #BlackFriday deals. โฃ
Whether you're a beginner artist or a pro, we have something for you!โฃ
Head to the link in our bio or our stories to save! โฃ
Also check out Wacom accounts in your region to find what Black Friday exclusives we have in your area. โฃ
#christmasgifts #holiday #deals #shopping #amazon #wacomsale
54 0
Hey ๐Ÿ‘‹ Artists of Europe!

Weโ€™ve got some exciting news for you! ๐ŸŽ‰ Wacom Europe now has its very own INSTAGRAM ACCOUNT โ€” created just for YOU!

Follow @wacomeurope and get ready for:
โœจ Creative tips & tricks
๐ŸŽจ Get inspired by incredible artists
๐Ÿ“… Stay updated on local events
๐Ÿ’ก Enjoy exclusive promotions

Letโ€™s celebrate creativity together and join the Wacom community ๐Ÿš€

Follow us here ๐Ÿ‘‰ @wacomeurope 

#CreativeCommunity #WacomArtists #WacomCommunity
152 19
When the brain won't quit playing tricks ๐Ÿง ๐Ÿ‘ฏโ€โ™‚๏ธ๐Ÿ–Œ๏ธ
Switching to digital can be hard but not impossible, right @lplucas? 
What are some of the things you struggle with as you transition from analog to digital? Tell us in the comments ๐Ÿ‘‡๐Ÿผ
#madewithwacom #digitalartist #digitalart #artistsoninstagram #artistlife #wacomtablet #wacomtips
1599 15
Have you ever considered becoming a jewelry designer?ย 

As part of #CareerDevelopmentMonth, we're excited to share a handful of diverse careers among Wacom users. โœ๏ธโฃ
โฃ
Meet Quincy Vadan (@champagne_corpse), an independent jewelry designer and the artist-owner of Vadan Jewelry. Quincy shares his entire process for creating a three-piece capsule collection. His setup, including the Wacom #CintiqPro, makes it possible for him to remain completely independent and to take charge of the vast majority of his creative process.โฃ
โฃ
Head to the link in bio to watch the full video!โฃ
โฃ
#Wacom #MadeWithWacom #WacomForEducation #Jewelry #JewelryDesigner #SilverJewelry #ConnectedInk #ConnectedInk2024
147 21
Register for an amazing FREE webinar TOMORROW at 1pm PST with the amazing @aaronblaiseart! โ„๏ธ๐Ÿปโ€โ„๏ธ๐Ÿค

Learn from one of our favorite animation mentors as he walks us through the process of creating amazing animal characters like the main character of his animated short, Snowbear.ย 

Sign up through the link in our bio โ˜๐Ÿผ
#wacomwebinar #wacomconnectedink #digitalart #artwebinar
567 10
Want to learn how to create licenses for your artwork? @zeythehuman walks you through how to easily set up licenses* in Wacom Yuify, ensuring your work is protected. From using templates to customizing your own agreements, it has never been easierย  to manage your creative rights.

Ready to protect your art?๐Ÿ”‘
Register for free at Yuify.com
โ€Œ
*Yuify Licensing is only available in selected regions and may require additional agreements for specific cases not covered by the License Builder.

#WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
110 1
Let's dive in with @alexferreiraa to learn how to improve our poses using the #WacomMovink and the 2D workflow to push them to the next level. Check out the full video through the link in our bio or head to @animationflow.academy YouTube channel.ย 
#animationflow #madewithwacom #characteranimation
306 4
Looking for a gift that will thrill a 7-year-old, a dad, or a co-worker? ๐ŸŽโฃ
Get them a #WacomIntuos!โฃ
โฃ
Perfect for sketching, animation, comics, photo retouching, and note-taking, it's a gift that will keep on giving. โฃ
โฃ
Now on sale on the Wacom US estore ๐Ÿท๏ธโฃ
#WacomSale
186 1
When author and @verabee had a fast deadline approaching, she was away from home and away from her usual work setup ๐Ÿ˜ฑ

Enter Wacom Movink, a truly portable and powerful pen display she could use anywhere.

Watch the full video on our YouTube to hear her full #WacomMovink review, and to see her spot illustration process. And make sure to look out for Return to Sender, publishing in 2025!
#movink #creativeprofessionals #madewithwacom
#creativesonthego #digitalart
157 0
@zeythehuman reminds us that sharing your art with the world is essential, but so is protecting it. Yuify helps artists safeguard their work and identity, so you can showcase your creativity without worry.

๐Ÿ”’ Want to know how to protect your art? Visit Yuify.com for more info. Now available for @clipstudioofficial 

#WacomYuify #Yuify #CreativeRights #DigitalRightsManagement
131 6