banner



How To Create Your Own Svg Image

This post and the photos within it may contain Amazon or other affiliate links. If you purchase something through the link, I may receive a small commission at no extra charge to you.

Learn the basics for creating a simple SVG cut file in Illustrator that can then be cut using a Cricut Explore or Silhouette Cameo.

Learn the basics for creating a simple SVG cut file in Illustrator that can then be cut using a Cricut Explore or Silhouette Cameo.

create a simple SVG cut file in Illustrator that can then be cut using a Cricut Explore or Silhouette Cameo.

One of my goals recently is to tackle the reader questions I get a lot. One of those is how I design my own cut files for my Cricut Explore and Cricut Maker. While I sometimes design cut files using the Cricut Design Space, I prefer using Adobe Illustrator to design my own files.

Stop pulling your hair out and start creating confidently with your Cricut! Check out our helpful Cricut Resources—everything you need to know to learn and love your Cricut.

To start, we'll create a simple design to show the basics of creating a cut file in Illustrator. Illustrator is a highly powerful software and can be intimidating for beginners. So let's start with something easy—a quote: "Live Loved."

I am working on a Mac, but I will also give the PC commands. I am a HUGE proponent of keyboard shortcuts, so I am going to share those as well in teal . USE THEM. I am twice as fast at designing files now because my hands rarely leave the keyboard.

NOTE: the layout of your workspace might be different than mine—I have found the menus that work best for me. If you don't have a panel that I reference, go to Window and scroll down to find it, making sure to look in sub-menus if necessary.

Step 1: Create a New Document

Create a new document that is 12″ x 12″ — the size of a Cricut cutting mat.

File > New (cmd+N / ctrl+N)

You can specify both the dimensions and the unit here. I choose 12 x 12 and set the unit to inches.

screenshot of Adobe Illustrator

Step 2: Type Your Quote

Click the Type Tool (T) in the left-hand panel and type your words: live loved. I used separate text boxes for each word, because I prefer to be able to move each line individually. It's easier than dealing with line spacing and centering and all that.

Screenshot showing how to Create Text In Illustrator

Step 3: Change Your Font

I didn't love the default font (does anyone?) so I went to the menu Type > Font > Beloved. (Get the Beloved font here.) Once the new font was selected, I moved each line around until I was happy.

How to Change Fonts in Illustrator

Step 4: Outline Your Fonts

The next step is to outline your fonts. This basically turns them from fonts into shapes. You must outline your fonts or the Cricut Design Space and Silhouette Studio will not be able to read them. You'll get an error when you try to upload them.

Type > Create Outlines (shift+cmd+O / shift+ctrl+O)

Simple vs Complex Fonts in Illustrator

An important note about using fonts. The Cricut and Silhouette cut "simple" artwork the best. And by this I mean that the machine software prefers fewer "nodes." It can cut incredibly intricate designs, but the more mathematically simple they are, the better. The easiest way to see your font's nodes is looking at your fonts once you've outlined them. You'll see that Beloved is a fairly straightforward font—a reasonable number of "nodes" (those tiny squares) around the font.

Simple vs Complex Fonts in Illustrator

To illustrate a complicated font, I used one of my favorites, Midnight. Notice just how many more nodes there are in this font! For each of those nodes, the blade will change directions ever so—and there's a good chance that it will mess up your materials with so many different cuts.

Step 5: Unite

As our file is right now, the Cricut will still read each letter as an individual shape and cut them separately. You can see in the above screenshot that the blue outlines of the letter tails overlap each other. To make each word one single shape, you'll use the Unite tool under the Pathfinder Panel.

Window > Pathfinder (shift+cmd+F9 / shift+ctrl+F9)

The Unite tool is the first top left option under Shape Modes (if you hover over each button, it will tell you what they are). Make sure all of your text is selected and click the Unite option. You'll see that the tails of each letter are gone and you now have one continuous shape.

Pathfinder Tool in Adobe Illustrator to create a simple SVG cut file in Illustrator that can then be cut using a Cricut Explore or Silhouette Cameo.
Outline Fonts - Adobe Illustrator - Learn the basics for creating a simple SVG cut file in Illustrator that can then be cut using a Cricut Explore or Silhouette Cameo.

Step 6: Make a Compound Path

If you want, you can continue to saving as an SVG at this point. But I like to do one more quick step to save myself some time in the Cricut Design Space. Right now, this image we've made is actually three shapes — "live," "loved," and the dot over the "i" in lived (it's separate because it's not overlapping either of the other two shapes). If you bring this file into the Cricut Design Space as is, you'll have these three shapes and you'll need to attach them to cut them properly. Instead, I make everything a compound path in Illustrator and it imports it as one shape.

Object > Compound Path > Make (cmd+8 / ctrl+8)

Step 7: Save as an SVG

Illustrator files are natively ".ai" file extensions. Usually I will save an Illustrator version of my artwork, and then save a separate SVG for cutting.

File > Save As (shift+cmd+S / shift+ctrl+S)

In the dropdown Format menu, select SVG and save! Don't worry about any of the options in the pop-up—just hit OK and your file will save as an SVG that you can open in the Cricut Design Space or Silhouette Studio Designer Edition.

Save as SVG - Adobe Illustrator

Then you're ready to cut your file and use it however you'd like!

finished coffee mug with SVG made from Adobe Illustrator

I hope this tutorial helps you get your feet wet in using Illustrator to design cut files for the Cricut and Silhouette! Illustrator is such a wonderful program with so many capabilities—it's time to start exploring them!

Learn the basics for creating a simple SVG cut file in Illustrator pin image

More Illustrator Tutorials

  • Author
  • Recent Posts

Cori George

How To Create Your Own Svg Image

Source: https://heyletsmakestuff.com/svg-illustrator/

Posted by: diaztheridly.blogspot.com

0 Response to "How To Create Your Own Svg Image"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel