101 lines
5.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title> Create SVG for Cricut cutter for free</title>
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" />
<!--<link rel="stylesheet" href="https://www.photopea.com/tuts/wp-content/themes/simplex/style.css" type="text/css" media="screen" />-->
<link rel="stylesheet" href="https://blog.photopea.com/wp-content/themes/simplex/style.css" type="text/css" media="screen" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i" rel="stylesheet">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-4249565-46"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date()); gtag('config', 'UA-4249565-46');
</script>
</head>
<body>
<div id="page">
<div id="header">
<a href="https://www.photopea.com/tuts/" class="title">Photopea Tutorials</a>
<!--<p>Web-based image editor.</p>-->
<a href="//blog.photopea.com">Blog</a> |
<a href="//www.photopea.com/learn">Learn</a> |
<a class="curr" href="//www.photopea.com/tuts">Tutorials</a> |
<a href="//www.photopea.com/templates">Templates</a> |
<a href="//www.photopea.com/api">API</a> |
<a href="//www.facebook.com/photopea"><img src="//photopea.com/img/facebook.svg" /></a> |
<a href="//www.twitter.com/photopeacom"><img src="//photopea.com/img/twitter.svg" /></a>
</div> <div id="main">
<div id="content">
<div class="post" id="post-312">
<span class="date">October 1, 2019</span>
<h1>Create SVG for Cricut cutter for free</h1>
<div class="entry">
<p>Prepare an SVG file for a Cricut cutting machine. Do it for free in an online editor <a href="//www.Photopea.com">Photopea</a>.</p>
<span id="more-312"></span>
<h2>Create a new document</h2>
<p>Once you open <a href="//www.Photopea.com">Photopea</a>, press File - New. Enter the Width: 1000, Height: 1000, Background: Transparent, and press Create.</p>
<img src="//i.imgur.com/ujILjui.png" style="width:50%" />
<h2>Type your text</h2>
<p>Choose a Type tool from a toolbar on the left side (or press T on your keyboard). Now, click into the document area and start typing. You can start over it by pressing Escape and clicking into the document again.</p>
<p>Once you finish typing, select your text with a mouse and change its look in the menu at the top. You can choose the font, text size, text color, alignment, etc. Many more parameters can be found in a <a href="//www.photopea.com/learn/text-style" target="_blank">Character window</a>. I used the font Pacifico, and the size 250 px. You can confirm it with a Checkmark in the top menu.</p>
<img src="//i.imgur.com/5QpFE9S.png" style="width:70%" />
<h2>Turn it into a shape</h2>
<p>Now, look at the Layers panel (at the bottom right part of the screen). Right-click the text layer (that has an icon with a "T") and choose "Convert to Shape".</p>
<p>Choose a Path Select tool in a toolbar (or press A) and click at one of the letters. You will see tiny "nodes" around it, which define the vector shape. Look at the top: there is a drop-down menu containing "Unite". Click it and choose "Merge". This will convert all overlapping shapes (characters in our case) into one shape with a solid contour.</p>
<img src="//i.imgur.com/SOuhSyR.png" style="width:70%" />
<h2>Export as SVG</h2>
<p>Your text is ready now! Press File - Export as - SVG, and hit Save. You can open that SVG in Cricut Design Space or Silhouette Studio Designer Edition.</p>
</div>
</div>
</div><!--content-->
<div style="width:110px; margin: 0px auto;">
<a href="#" title="Share on Facebook" onclick="smallWindow('http://www.facebook.com/share.php?u=');"><img src="//www.photopea.com/promo/fb.png" /></a>
<a href="#" title="Share on Google Plus" onclick="smallWindow('https://plus.google.com/share?url=');"><img src="//www.photopea.com/promo/gp.png" /></a>
<a href="#" title="Share on Twitter" onclick="smallWindow('http://twitter.com/share?url=');"><img src="//www.photopea.com/promo/tw.png" /></a>
<script type="text/javascript">
function smallWindow(url)
{
var w = 640, h = 300;
window.open(url+"<? echo get_permalink($post); ?>", "Share", "width="+w+",height="+h+",left="+Math.floor((window.innerWidth-w)/2)+",top="+Math.floor((window.innerHeight-h)/2));
}
</script>
</div>
</div>
<div style="max-width:770px; margin: 0px auto;">
<h2 style="margin-top: 3em">Comments</h2>
<p>Do you need help? Ask us at <a href="//www.reddit.com/r/photopea/" target="_blank">our Reddit</a>!</p>
</div>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_shortname = 'photopeablog'; // required: replace example with your forum shortname
(function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })();
</script>
<!--main-->
<?//php get_sidebar(); ?>
<div id="footer">&copy; 2013-2021 support@photopea.com</div>
</div> <!--page-->
</body>
</html>