Posts tagged ‘svg’

Class of 2014 free SVG

I’ve got 2 daughters graduating this year, God willing, so in their honor I’m posting the 2014 edition of my “class of” SVG and .studio files. Hope you enjoy the file and congrats to all your graduates!

Screen Shot 2014-02-04 at 3.55.38 PM

Click here to download in SVG format

Click here to download in .studio format

Terms: Free for personal and commercial use. Just don’t sell the file in digital form. Please share the link to this post, rather than the file itself. Thank you!

2011 is here

2012 is here

2013 is here

February 22, 2014 at 2:13 pm 30 comments

Canvas sketch project and a share

Sketch on Fabric with a SIlhouette machine

I’ve been playing around with drawing on fabric for a while, but haven’t been able to pull it together into a project until now. Pretty excited about how this turned out and about the potential here. The rough texture of the canvas really makes this piece work.

IMG_4070

Here’s how it’s done (measurements are for an 11 x 14 canvas):

- Cut and iron a piece of canvas fabric (cotton duck) at least 13 x 16 inches.

- Cut a slightly larger piece of freezer paper and iron it wax side to wrong side of canvas.

IMG_4077

-Trim neatly to 13 x 16 inches (rotary cutter preferred). The leading edge should be especially clean and straight, other edges not as critical.

IMG_4078

- Load fabric pen into pen holder. I am using the Marvy Ball and Brush pen with the ball end. I used the new style Silhouette pen holder because this particular pen fits at the proper depth. You can also use the Chomas marker holder.

IMG_4081

- Set rollers at 12 inches apart. This is the slot second from the right.

- Load 13 inch edge of prepared fabric into Cameo centered on rollers (1/2 inch fabric extending outboard of each roller)

IMG_4080

- Load pen holder into Cameo.

- Open sketch file in Silhouette Studio.

- From the Cut Setting Panel choose settings for Sketch Pen.

cut settings

- Press Cut.

(You can see in the photo below that I used 12 inch wide fabric in my sample. It worked but was too nerve-racking so that’s why I specify 13 inch wide.)

Sketch on Fabric with a Silhouette machine!

The most complicated part of this project is finding a suitable sketch file. At small sizes you can get away with a standard trace of a line art, but at 11 x 14 a true sketch file with open path strokes is going to be needed.

Here’s a comparison of what a normal trace versus a proper sketch file looks like in Silhouette Studio to show you what I mean. Click to enlarge.

trace compare-1

Here’s how I went about creating the file (not for the faint-hearted … Adobe Illustrator, intermediate graphic design skills and lot of patience required):

- I selected a vintage image of an anchor. I have zero artistic ability so I needed something with just enough detail that I could handle.

anchor

- I printed it out at full page size.

IMG_4074

- I taped a piece of tracing paper on top and hand traced it  with an ultra fine pen. The idea here is to recreate the drawing with pen strokes that do not touch each other.

IMG_4076

IMG_4075

- I scanned my hand trace into Adobe Illustrator.

anchorScan

- In AI, I performed a center line trace (unlike the normal trace that finds both edges of a line, this attempts to find the center of the line and returns it as an open path.)

livetrace

centerclose

- I then point edited to clean up messy areas like this where the strokes overlap and can’t be traced as intended. This was the most tedious part.

cleanup close

- Saved as SVG. (You can export to DXF if you don’t have DE.)

- Merged the SVG into a blank 12 x 16, no mat page in Silhouette Studio Designer Edition.

- Applied sketch effects to the anchor SVG to give it a little more natural look. This step was optional, and the effect was subtle, but I recommend it if you have DE.

sketch effects

- Added text (I used Always Here font and added 1 internal offset at 0.010 as fill)

textclose

- Arranged layout and centered in 11 x 14 rectangle. (In my original I did not draw the rectangle, but in the future I will as it would help for final trimming of the canvas to fit the frame).

file preview

I found creating the sketch file to be a long and tedious process and I don’t recommend it unless you are very determined. No worries, though, because I’m sharing my file with you. Personal use only, and please share the link to this post, not the file itself, and whatever you do don’t try to cut this file with a blade, it’s for sketching only. Click here for the .studio file and here for the SVG. Thank you.

Now in case you are wondering why the sudden inspiration to complete a project, I am participating in a challenge. If you’d like to see more great fabric-related (our theme this month) projects, take a look below.

Silhouettechallengecollage

  1. No-Sew Valentine’s Day Pillows by A Tossed Salad Life
  2. No-Sew Interchangeable Fabric Bunting by unOriginal Mom
  3. Monogrammed Burlap Garden Flag by The Turquoise Home
  4. Crawl, Walk, Bike by It’s Always Craft Time
  5. Freezer Paper Stenciled Tote Bags by Weekend Craft
  6. DIY Bleach Spray Shirt by Practically Functional
  7. Stenciling Sherlock by Please Excuse My Craftermath…
  8. Felt Star Wands by Cutesy Crafts
  9. Yoda Kid’s T-Shirt by Architecture of a Mom
  10. Mark Your Territory- Dog Flags by Black and White Obsession
  11. Nautical Pillows by Lil’ Mrs. Tori
  12. Big Sister Gift & Silhouette Cut File by Creative Ramblings
  13. Nerdy Baby Onesies + Free Cut File by Essentially Eclectic
  14. Easy Easter Bunny Onesie – Silhouette Cameo Craft by Adventures in All Things Food & Family
  15. Fabric Envelopes for LEARNING LETTERS! (& cut file) by From Wine to Whine
  16. “Good Morning, Sunshine!” Memo Board by Tried & True
  17. Hearts-A-Lot Burlap Pillow Cover by My Paper Craze
  18. Baby Quilt by Dragonfly & Lily Pads
  19. Surprise Holiday Banner by Whats Next Ma
  20. “Team Betty” Tote Bag by The Thinking Closet
  21. DIY Sock Minion by Create it. Go!
  22. Pretty Up Some Organza Bags by Getsilvered
  23. Easy Heart Appliqued Onsies by Create & Babble
  24. Bleach Pen Gel & Freezer Paper Stencils Made with the Silhouette Machine by Bringing Creativity 2 Life
  25. Valentines Baby Onesie & Boy’s Shirt + Free Cut Files by The Frill of Life
  26. Valentine’s OWL Always Love You T-shirt by My Favorite Finds
  27. DIY Screen Printed Curtains by Chicken Scratch NY
  28. Fabric Painted Quilted Wall Hanging by Terri Johnson Creates
  29. Glitter Iron-On Top by Simply Kelly Designs
  30. DIY Monogrammed T-shirts with Silhouette Heat Transfer Material by Pitter and Glink
  31. Birthday Challenge by Fadville
  32. Machine Applique with SIlhouette Cameo by The Sensory Emporium
  33. Fabric Applique Valentine’s Day T-Shirt by DailyDwelling
  34. “Cute as Cupid” shirt by crafts, cakes, and cats
  35. Sew Cute Applique by Life After Laundry
  36. Rhino Onesie by It Happens in a Blink
  37. Upcycled Birchbox Cameo Accesory Organizer by Cupcakes&Crowbars
  38. Customizing textiles with Heat Transfer Vinyl (working title) by feto soap
  39. Easy Fabric Art by McCall Manor
  40. Lady Bug Tote Bag with Silhouette Rhinestones by Ginger Snap Crafts
  41. Mommy and Em’s Coordinated Aprons by TitiCrafty
  42. Canvas sketch project and a share by Clever Someday
  43. Foxy Lady Pajamas by Mabey She Made It
  44. Teddy Bear by Work in Progress

February 10, 2014 at 10:00 am 23 comments

How to make custom templates in SVG format with Ideogram

Ideogram has had a big upgrade and now generates SVG templates. Also added to the tuck boxes and envelopes are pillow boxes, shadow boxes, stars, milk cartons, boxes with polygonal cross sections, gift bags and more, all to your exact specifications! If you’ve ever tried to trace a template or design one from scratch I know you’ll be excited about these new free online tools. Let me show you how easy it is to generate custom templates for Silhouette Studio Designer Edition as well as  Make the Cut ,  Sure Cuts A Lot or Cricut Design Space with it.

- Go to http://www.ideogram.nl/boxmaker

Custom templates in SVG format!

- Scroll down the page to find the shape you want. Lets try the new truncated cone shape and make a wrap for a votive holder as an example. (You MTC folks can indulge the rest on this choice and even though you don’t need a conical shape generator and don’t need a scale factor, the other steps may be helpful for the other templates)

- Click More Options

cone2

- Enter your units, the two diameters of your object and the height (to the “table”). The order of the 2 diameters doesn’t matter.

votivemeas

- Leave the others measurements as is. They don’t seem to be working yet.

- Click the SVG button

cone2

- You will see the wrap shape on the next page. It may say “pdf” but this is actually the SVG.

Screen Shot 2014-02-05 at 2.17.19 PM

- Right click and Save or Select File >Save Page As (may vary depending on your browser)

cone3

- Select a location and click Save.

Screen Shot 2014-02-05 at 2.19.10 PM

- We need to check/change a couple of things in Silhouette Studio preferences to be sure this works as expected. Click on Import Options on the left and at the bottom under “When Importing SVG” click As-is and check both boxes.

Screen Shot 2014-02-05 at 3.41.51 PM

- From a blank document in Silhouette Studio Designer Edition select File>Merge and navigate to the location where you just saved the template, (if you are using Windows, choose SVG or All Files from the File Type pull down at the bottom of the window), select your file and click OK.

Screen Shot 2014-02-05 at 2.20.08 PM

- You will see the shape on your mat, but it is obviously not the right size. File>Select All and Object>Group before doing anything else.

Screen Shot 2014-02-05 at 2.20.44 PM

- Through experimentation, I have determined that the scale factor needed is either 125% or 250% so we will try 125% first. Click the Scale button and enter 125% in the first box and click Apply.

Screen Shot 2014-02-05 at 2.21.48 PM

- Turn on the grid and eyeball the size to see if it looks realistic to you. Since my votive holder is 2.6 inches high, I know that the straight side should be about that dimension. Clearly this is still too small. With boxes and envelopes there will be at least one side you know the dimension of so this is an easy process once you get used to it.

Screen Shot 2014-02-05 at 2.23.15 PM

- Click 200% in the Scale window (to bring us to a total scale of 250%)

Screen Shot 2014-02-05 at 2.23.51 PM

- That looks like the right size so now I can, remove the text and work with just the template. I want to set the line widths to zero. Select all, then slide the slider to the right and then back hard left. (It may erroneously show zero with multiple objects selected but this will make sure they all zero out.)

Screen Shot 2014-02-05 at 3.44.08 PM

- in the Cut Style window set the shape to Cut. I can also use this shape to crop a pattern, or to wrap text, add cutouts, etc.

Screen Shot 2014-02-05 at 2.24.52 PM

- If I want to remove or change the score line, I simply select the line, remove it, or change to solid or a different dash style.

Screen Shot 2014-02-05 at 3.02.09 PM

I am hoping there will soon be an option to generate the template without the tab, but until then, if you do not want the tab,

- Draw a rectangle on top of the shape as shown, select both shapes and Object>Modify>Subtract.

Screen Shot 2014-02-05 at 3.46.05 PM

Screen Shot 2014-02-05 at 3.46.19 PM

Hope this helps you make the most of ideogram and your cutter. So now geometry shall no longer stand between you and a fabulous project!

February 5, 2014 at 4:14 pm 11 comments

Class of 2013 free SVG

In honor of my niece, and by request, I’m posting the 2013 version of my “class of” SVG. Hope you enjoy the file and congrats to all your graduates!

Screen Shot 2013-04-21 at 3.16.26 PM

Click here to download in SVG format

Click here to download in .studio format

Terms: Free for personal and commercial use. Just don’t sell the file in digital form. Please share the link to this post, rather than the file itself. Thank you!

2011 is here

2012 is here

April 27, 2013 at 4:23 pm 32 comments

CAS spinner card and template

planespinner

In January, I took the Clean and Simple Cards 2 class at onlinecardclasses.com. I really enjoyed it, and am just now getting around to doing some of my homework cards. On of the big plusses of the class was getting to see what others in the class were making, and that’s how I found this great spinner card design from Stephanie at Pink Star Creations.

Stephanie’s card (shown above) uses the spinner card dies from Paper Trey Ink, but I created mine (top of page) with Silhouette Studio. (If you don’t have a Silhouette, you can still use the template with your PTI die and the free version of Silhouette Studio.)

As you can see, I lifted Stephanie’s design pretty much completely, except that I used a “real” paper airplane where she used a stamp, (which was our class assignment that day.) My template also includes a paper airplane digistamp if you’d rather use that. It will probably hold up better in an envelope, for instance.

If you aren’t familiar with spinner cards, they use a simple sandwich of some foam and 2 disks (often pennies) to travel through a slot and create a spinning element that really makes for a fun card.

spinner2

What I love about this idea, and turning it into a Silh Studio template, is that you can so quickly change it up for a different theme. Bring in a new image, drag and drop a pattern, customize the sentiment and a new card is born.

My advice is to keep this template on your hard drive instead of in your SS library. When you want to use it, open it, immediately do a “Save As…” and rename it. That way the original is preserved, as well as all the placement on the mat, which you lose when you use the library. I’ve also included instructions in the margins of the files as shown in the screen capture below.

spinnercardinstrux

Download the Silhouette Studio template here.

Download the SVG template here.

Here are a couple more cards I made with the same template and artwork from Lettering Delights. The first one uses a bee from the Bugaboo set and a honeycomb image, from the Reindeer Games paper pack, oddly enough. (I did have to change the colors from reds to golden yellows.) For the monkey card I used an image and pattern from the Monkey Around collection.

beespinner monkeyspinner

All of my cards, and a few extra sentiments I included on the template, feature LD Cotton Candy font.

Special thanks to Stephanie for the great card and for giving me permission to share the template based on it!

March 24, 2013 at 9:08 pm 35 comments

Exporting vector content to SSDE with a Mac

Silhouette Studio Designer Edition is limited in terms of the vector file formats it can read, but by making use of an online converter, we can change popular formats such as EPS and PDF to SVG. We can also use this in conjunction with the Mac’s built in PDF generation to extract vector content from many online sources. Here’s a video to demonstrate the process.

Update: The Ideogram site now generates SVGs (just click the More Options button) so you do not need this technique for that site, but these steps are still applicable for other sites with vector PDF content.

Here are the written steps for starting with a vector PDF (this also works on a Windows machine as an alternate to “print to SVG”):

-Open or generate your printable *vector* content. (see list of suggested sources in this post)

We used Ideogram’s free online template maker for the video

-Enter your dimensions and click the Create button

-Press the Save button (disk icon). The PDF will save to your Downloads folder with the name “template”

-Go to the Misc2SVG file converter site.

-Click the Choose File button and select the PDF you just saved and click Open.

-Press the Senden button.

-Click the Download link.

-Control-click (or right click) the resultant SVG and select Save As or Save Page As.

-Enter a name and location for your file and click Save.

-From Silhouette Studio, open the SVG file you just saved.

-Click to select the SVG and then on the Cut Styles Pane click Cut. If no lines turn red, click the ungroup button one or more times and try again.

-Click the Scale button and enter 80% in the custom window. Click Apply. This will return templates from Ideogram to their exact size for cutting.

Here are the written steps for vector content that can be printed, such as from Wordle.net:

-Create your Wordle and press the Print button at the bottom of the page.

-Click the PDF button, it will pull down and then you can click Save as PDF.

-Name the file, give it a location and click the Save button.

-Go to the Misc2SVG file converter site.

-Click the Choose File button and select the PDF you just saved and click Open.

-Press the Senden button.

-Click the Download link.

-Command-click (or rightclick) the resultant SVG and select Save Page As.

-Enter a name and location for your file and click Save.

-From Silhouette Studio, open the SVG file you just saved .

-Select the SVG and on the Cut Styles Pane click Cut Edge. If no lines turn red, click the ungroup button one or more times and try again.

-Remove the background and make other edits as desired. Additional ungrouping may be necessary before you can do this.

In the video, we also drag the Wordle PDF to the mat to use for extracting colors. Select all the letters you want a certain color, then click the eye dropper and the color sample. Repeat for each color.

March 10, 2013 at 3:49 pm 4 comments

Exporting custom templates to SSDE (Win only)

While working on my tracing series, I was reminded just how hard it is to autotrace templates. Wouldn’t it be nice to not have to trace them? I thought, and then it hit me. I went back to a 3 year old post here and found my answer. Here’s a video that shows the process for Windows (Mac solution and alternate Windows process here).

Update: The Ideogram site now generates SVGs (just click the More Options button) so you do not need this technique for that site, but these steps are still applicable for other sites with vector PDF content.

and here are the written steps:

-Install PDF creator (free) if you have not already. Download link here Be sure to decline any optional toolbars, etc.

-Open or generate your printable *vector* content. (see list of suggested sources in this post)

We used Ideogram’s free online template maker for the video

-Press the print button or select print from the file menu

-Choose PDF Creator from the dropdown list of printers and click Print. (don’t worry, it isn’t really going to print)

-Name the file in the top box and click the Save button at the bottom right.

-Choose a location for your for file, choose SVG from the pull down list of file types at the bottom of the window, and click Save.

-Open a new document in SSDE and choose File>Merge, set files of type to SVG or All files then navigate to the SVG file you just saved and click OK.

-If nothing is visible on the mat, click control-A to select all and look for a bounding box. Set the line color to black.

-Select all and set line width to zero (any line widths greater than zero in an SVG will double cut)

-On the Cut Styles Pane click Cut Edge. If no lines turn red, click the ungroup button one or more times and try again.

-In order to dash or separate score lines, ungroup the file and change the lines styles as desired.

This process maintains the proper size for ideogram’s templates (in PC Creator, your default ppi under Options>SVG should be set to 72) but it’s a good idea to verify size for anything that needs to be exact before you cut.
Tip:If the file is too big, try a reduction of 80% as this is another common standard.

February 14, 2013 at 3:39 pm 12 comments

Stencilizer: a shortcut for diecutters

My latest web app crush is squarely on Stencilizer, a cool online tool for automatically posterizing, smoothing, vectorizing and color separating photo input. Upload an optimized (clear, close up, cropped, background removed, high contrast) image and Stencilizer first presents you with 9 choices in various brightness levels and number of colors.

Choose your favorite and then Stencilizer yields up to 5 SVG files ready to download, cut and layer.

In addition to its intended purpose of making layered stencils, I see at least 3 more ways the digital diecutting community can put this tool to use. First off, if you are familiar with the stunning Paper Portraits by Greg over at Paper Kutz Studios you may have wished for a lazy crafter’s version. Stencilizer gives you that.

The Stencilizer output is not nearly as detailed as what you would get through the meticulous methods Greg generously shares in his tutorials, of course, but should work fine for smaller projects, greeting cards, etc. Though I haven’t tried it yet, I can foresee combining the Stencilizer output with Greg’s advice on paper colors to create some nice pieces.

Secondly, rendering photos in vinyl for tiles and for etching on vases, etc is very popular. File creation has been a challenging proposition, though, as most crafters lack the image editing savvy to translate a photo into a single color cut file that is recognizable, much less flattering. While the SVG files from Stencilizer are not suitable for vinyl work, the enlarged previews it generates are adequate for tracing.

I’ve put together a video tutorial on how you can use Stencilizer to make cut files for vinyl. In it I use Silhouette Studio for the tracing, but any cutting program or Inkscape would do the job just as well if not better.

Though not diecutter related, I will mention (since it happens to be October) that you could use Stencilizer in this same manner for custom pumpkin carving designs. Assuming the black will be cut out, be sure you add “bridges” so that you don’t have any white completely surrounded by black.

Thirdly, Stencilizer works well for the posterization needed for the hatched sketch technique I recently posted and for other projects such as glitter/sand painting where areas of discreet color need to be delineated. The SVG files Stencilizer generates are meant to be stacked, so they will not work for this, as we can not have hatching layers overlap, but once again, the previews can be traced with good results.

I’ve made a video on using Stencilizer as part of the sketching process, too.

Finally, let me mention that Stencilizer’s revenue stream comes from sales of custom cut paper stencils. Since those of us with our own diecutters will not need to buy stencils, I encourage you to take advantage of Stencilizer’s donate button if you find the web app useful.

October 19, 2012 at 8:51 am 11 comments

Cool online tool for diecutters and other font lovers

If you follow this blog you know I love web apps and I am always on the lookout for new and cool ones. Mariairie left me a comment a couple of days ago with a link to IcoMoon, an icon font generator for web developers. At first I didn’t understand it or see any application for us diecutters, but the more I played the more excited I got. Here are some things you can do with IcoMoon:

Easily export all or selected glyphs in a font to individual SVG files.

  1. Go to Free Font Converter, browse for your font and set the “…format to convert to” to SVG and click the big blue Convert button. An SVG font with the same name as your TTF will be downloaded to your computer (SVG fonts carry the .svg extension, just like a single SVG image)
  2. Click the Import Icons button in IcoMoon and select the SVG font that you just generated. You will see all the glyphs from that font appear under “Your Custom Icons”
  3. Click on the glyphs you would like to export to SVG. Selected glyphs will be outlined in yellow. To select multiples at once, click on the first and then hold down the shift key while clicking on the last one you want to select
  4. Click the Images button. A zipped folder containing SVG versions of each glyph you selected will be downloaded to your computer. How cool is that?! Perfect for creating a specialized alphabet or for sorting images from a mixed theme dingbat font, among other uses we haven’t imagined yet.

Create a personal favorites dingbats font.

  1. Go to Free Font Converter and convert each of the source fonts to SVG as shown in step 1 above.
  2. Import your first font into IcoMoon as shown in step 2 above, select the glyphs you definitely do NOT want and press the trash can icon to delete them

  3. Repeat this process with successive fonts until all your favorite glyphs appear under “Your Custom Icons”
  4. Select the glyphs that make the final cut for your favorites font
  5. Click the Font button
  6. Type a character in the top box above each glyph and/or drag and drop glyphs to set their encoding (which key you will type to access each glyph)
  7. Click the gear/flower icon and type a name for your font in the box and click the X to save it. (choose carefully as internal font names are not easily changed)

  8. Click the Save button. A zipped folder containing TTF and SVG versions of the compilation font will be downloaded to your computer

    Note: The key word here is personal. Use these “mix” fonts on your own computer only. Please don’t use this technique to redistribute copyrighted fonts/glyphs/images.

Make your own dingbat font.

  1. In Inkscape, Adobe Illustrator or other vector editor, create a set of SVGs you would like to compile into a font. (I am still experimenting with the format but starting using a 512 x 512 pixel high document seems to work.)
  2. In IcoMoon, click the Import Icons button and navigate to your SVGs and import them.
  3. Click and/or shift-click to highlight all of the SVGs which are now showing under “Your Custom Icons”
  4. Click the Font button
  5. Type a character in the top box above each glyph and/or drag and drop glyphs to set their encoding (which key you will type to access each glyph)
  6. Click the gear/flower icon and type a name for your font in the box and click the x to save it. (choose carefully as internal font names are not easily changed)
  7. Click the Save button. A zipped folder containing TTF and SVG versions of the compilation font will be downloaded to your computer

Caveat: So far I have only been able to get IcoMoon to work using Chrome as a browser.

July 18, 2012 at 9:23 pm 18 comments

Class of 2012 free SVG

We have no grads this year, but last year’s file was so popular I decided to update. Hope you enjoy the file and congrats to all your graduates.

Click here to download in SVG format

Click here to download in .studio format

April 23, 2012 at 8:27 am 11 comments

Older Posts


Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 3,072 other followers

Follow me on Twitter

Cricut and Sure Cuts A Lot Top 40
Silhouette Top 40
Sure Cuts A Lot Top 40
Make The Cut Top 40

Follow

Get every new post delivered to your Inbox.

Join 3,072 other followers