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 draw a bird, with Monika Zagrobelna

How to draw a bird, with Monika Zagrobelna

The complete guide to Adobe Photoshop brushes, Part 4: Making your own brushes

The complete guide to Adobe Photoshop brushes, Part 4: Making your own brushes

Introducing Wacom’s first ever OLED pen display: Wacom Movink

Introducing Wacom’s first ever OLED pen display: Wacom Movink

How to ensure your electronic signatures are legally binding and enforceable

How to ensure your electronic signatures are legally binding and enforceable

Connect with Wacom on social media

Mental health awareness month is upon us and we want to give a shout-out to anyone out there struggling, yet creating. ⁣
We see you and you're absolutely wonderful. 😍⁣
⁣
Art by @chibirdart πŸ€πŸ’“β£
#MentalHealthAwareness #webcomic #comic #webtoon
600 7
πŸ†• Alex WΓ€tzel @dgtlcraft_postproduction , High-end photo retoucher & video editor with more than 10 years of experience on the creative industry, tried the NEW Wacom Movink! 

Watch his first impressions of our new amazing pen display 🀩

Now’s your turn! Follow the link in our bio and discover all the amazing benefits of our new Wacom MovinkπŸ’₯

#WacomMovink #CreativeProfessionals #CreativesOnTheGo #MovinkMakers
160 10
Meet the NEW Wacom Movink πŸ†•πŸ’₯ first of its kind OLED pen display perfect for creative professionals on the go!

A professional device that you can easily pack and carry with you anywhere, everywhere.

If you  switch workstations, visit clients,  travel frequently or work in different locations and studios, this device is all you need.

Follow the link in our bio and discover all of the benefits of our NEWEST product: Wacom Movink

Now, get ready to Make your move! 😎

#WacomMovink #CreativeProfessionals #CreativesOnTheGo
2352 107
Introducing Wacom Movink: our first OLED pen display and our thinnest and lightest Wacom pen display ever. πŸš€

Unite the art of drawing and inking with mobility and portability with Movink’s brilliant 13.3”, full HD OLED display. This super slim, ultra-light, highly versatile, sturdy device is designed to meet the needs of creative professionals, digital artists and creative students. πŸ™ŒπŸ»

Are you ready to go? Learn more about Movink in our stories and through the link in bio! ✨

#WacomMovink #Movink #WacomNews
1748 78
Curious about which program is best for drawing vector graphics in 2024? Visual artist @studio_viv has you covered! πŸ™Œβ£
⁣
Head to the #WacomBlog to see how Vivienne designs a book cover in Adobe Illustrator vs. Affinity Designer using Wacom One M. ✍ ⁣
⁣
Link in bio!⁣
#wacom #design #designer #graphicdesign #vector #digitalart #artprocess⁣
243 9
WACOM HACK UNLOCKED πŸ”“

Learn how to customize your pen and change the brush size in just two  steps ✍️

Discover all the amazing features about your Pen in the link in bio!

#WacomOne #WacomPen
452 3
For a creative professional team like @parasolisland , efficiency and productivity is key to deliver the best results to their clients πŸš€

For years they were using pen tablets and pen displays in combination with high-end monitors, and today they can reduce all of that into one single device: the New Wacom Cintiq Pro.

Thanks to the excellent colour accuracy of the Cintiq Pro 27, this makes a big difference on their workflow.

Get in touch with our enterprise team in the link in bio.

#WacomCintiqPro #Animation
198 5
Exciting news for all creatives! πŸš€

πŸ’« Join Wacom at Playgrounds for a celebration of design, animation, and gaming craftsmanship! @tad.playgrounds @weareplaygrounds 

πŸ’‘ Dive into artist talks, demos, screenings, and live sketching sessions.

✍️ Swing by our booth to test out our cutting-edge pen-displays and tablets, meet Wacom experts, and pick up some pro tips!

Meet us in:
πŸ“… Eindhoven (April 18th-19th)
πŸ“…  Berlin, DE (May 25th-26th)

For more info visit @tad.playgrounds πŸ’«

#Wacom #Playgrounds #CreativeCommunity
174 2
πŸŒ€ City Doodling: Amsterdam edition 🚲

This time creativity strikes us directly from the Amsterdam canals in the hands of @fragileart πŸ’«

#Doodling #Creativeinspiration #MadeWitjwacom
509 0
Two ways of scrolling in the same display βœοΈπŸ‘€

Which one is your favourite move? πŸ‘‡

Customize your Wacom One and see where it takes you!

#WacomOne #WacomPen #CreativeInspiration
471 3