Posts tagged ‘Inkscape’
I’ve found yet another way to take advantage of my beloved Paint Bucket Tool in Inkscape…this time as a shortcut for offsetting text or any solid shape. (Offset is used for many purposes, including making shadow or matte layers, thickening up thin or delicate fonts, and creating knockouts, etc.) This technique is very simple but I’ve made a video, as well as step by step instructions for those of you who might not already be familiar with this tool.
Open Inkscape, select the type tool and enter your text, change the font and size as desired. Select the Paint Bucket Tool.
Check that the Fill by setting is on Visible Colors, the Threshold is on 15 and that Fill Gaps is set to none. Change the units under Grow/Shrink to pts.
Set the numerical value to a starting value for the width of your margin. (72 pts = 1 inch; 36 pts = 1/2 inch; 18 pts = 1/4 inch; 9 pts = 1/8 inch)
Click on a solid portion of your text. Undo and adjust your pt value as desired.
Shift-click each additional section of text with the Paint Bucket to add to the offset.
Double click the offset to enter point edit mode and delete points of any unwanted inner pieces that may have resulted from the offset process.
Click the selection arrow to exit point edit mode, then click on a color swatch to fill your offset with a color and shift click the empty (X) swatch to set its stroke to none.
Click on the filled offset to add another layer.
Change the color and stroke of the new layer as for the first one. Click the Send to Back button.
Select the middle layer and click the Lower Selection One Step button.
Select your original text and Path>Union to change it from text to path (you might want to make a copy of it first because it will not be editable as text after this step).
Check your file in Outline View (View>Display Mode>Outline) to verify that your cut paths look correct (solid text indicates it has not been converted to a path). The status bar is another good way to check information about any object in your document.
Save your document. (Inkscape saves natively as SVG)
When you import your SVG into Cricut Design Space, each offset will have its own layer as shown below.
To download a free Inkscape template of ready made shapes, click here.
2. To install the extension, copy both the bezierenvelope.inx and the bezierenvelope.py file into the folder/directory indicated.
-In Windows: Copy the two files into: C:\Program Files\Inkscape\share\extensions\
( Assuming that your Inkscape is located at C:\Program Files\Inkscape)
-On MacOS for Inkscape .48 or earlier : “/Applications/Inkscape.app/Contents/Resources/extensions”
-In MacOS for Inkscape .91: “/Applications/Inkscape.app/Contents/Resources/share/Inkscape/extensions”
To get to either location on the Mac, you can use the Finder’s “go to folder” feature, in the Go menu and copy/paste the string inside the quotation marks
If you don’t can’t find the extensions folder using this path, you can open Inkscape and look under Preferences>System>Inkscape Extensions to find your specific path
3. Re-open Inkscape and verify that Bezier Envelope appears under Extensions menu > Modify Path submenu.
If you need more help installing the extension, here are some videos
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.
Ever wished you could sketch a photo with a pen in your diecutter? Well, I found a way, if you’ve got enough patience. The general steps are as follows: simplify photo, posterize photo, vectorize posterized photo, hatch fill each section with density corresponding to color, randomize the hatching, save as svg, send to cutter.
It’s a simple idea, but tedious to execute. I am surprised I wasn’t able to find software to do this automatically (that’s a big hint to you programmers out there). Anyway, here is my tutorial. It assumes you have at least an intermediate comfort level with Inkscape, and some basic photo editing skills as well.
To do this you will need:
- Eggbot extensions for Inkscape installed. Click here for download link and installation instructions.
- some sort of photo editing software that has a Posterize command or ability (I used Photoshop. You could use Photoshop Elements, Paint Shop Pro, Gimp, paint.net, fotoflexer.com, iPhone apps like ToonPaint, etc.)
- large clear photo with good contrast.
- diecutter and software that can read vector formats output by Inkscape. (Cricut users may be disappointed as its drawing capabilities are inferior to other consumer machines.)
- method to hold a pen in your cutter. I use the adjustable marker holder from Chomas Creations.
- suitable pen for drawing. I am using a Sharpie retractable pen.
Before you get started, it is a good idea to draw out the sample file I put together to help you see how the different fills will equate to the grays in an image. I have an SVG version and a .studio version for you to download. For best results, use the pen, settings, paper, any type of mat that you will be using for your final portrait.
It should look something like this when you are done:
Here’s the photo I started with
Using Photoshop, I:
-deleted the background
-changed the photo to black and white
-adjusted brightness and contrast
-posterized to 4 levels
The great thing about using Photoshop for this is that you can set up adjustment layers so that you can change the brightness and contrast and see the effect on the final posterization in real time.
-I also used the Dust and Speckles filter to smooth out the image
If you don’t have Photoshop, PSE or a similar program, the key here is to obtain a 3 or 4 tone image that is relatively smooth (this is for the sake of efficiency, it doesn’t have to be as smooth as for cutting) and at least medium resolution. You might even try some of the web apps that produce an “Obama Poster” as these produce a similar effect, albeit in fairly low resolution. Another possibility is to do this directly in Inkscape concurrent with the Trace Bitmap step (take advantage of the Options tab). My original photo was too dark and lacked contrast so I did not have good results with these alternate methods, but I think better photos would work fine this way. There are dozens of methods for and tutorials on posterizing. Find one that fits your software and skill level.
Another update: Make the Cut has added a feature for this under Pixel Trace>Color>Grayscale.
-Next bring the image into Inkscape using the Import command and with the image selected choose Path>Trace Bitmap.
-We will be autotracing using the following settings: Grays checked, Smooth checked, and Stacked unchecked. The number of scans will depend on the number of colors in your image, more or less. Start with the same number as your posterization levels and experiment up or down a notch if you aren’t satisfied with the results.
And here is my result, shown ungrouped and split into the light, medium and dark layers for reference. There was an additional lighter layer, which I deleted.
-Size your image to the approximate size you will want the final sketch to be. If you change the size later it will affect the shading and might not appear the way you want it to.
-Make a copy of the trace to use as reference and drag it off to the side. Ungroup the working copy one time. You will have 3 or 4 paths, each representing one brightness level of the image.
You will probably find it easier to work with the pieces separately, but it is important to be able to bring them back together in exactly the right orientation. You can either paste each piece in place onto a separate layer or use shift-arrow to move the pieces in large discreet increments that make it easier to backtrack later. I put each piece on its own layer, titled light, medium and dark, so that I could toggle them on and off as needed, but also make frequent use of the shift-arrow technique for interim moves.
-Start with the darkest section and apply a hatch fill by selecting Extensions>Eggbot Contributed>Hatch Fill
-Choose an angle you’d like the strokes to lean with 0 being horisontal and 90 being vertical. In my case, I chose the angle to match the tilt of the subject’s head. You can choose any angle you like.
-You’ll want to refer to your sample swatches to help you select a setting for the hatch spacing. Smaller numbers mean the lines will be closer together, and the effect will be darker. Looking at my swatches for reference, I used 1.5 for black because I wanted the pen strokes to still be visible, but barely.
-It may help to switch to outline view (control- 5 on numeric keyboard to toggle) so you can see the hatching take effect.
-When the Hatch extension finishes, you will have a group of 2 objects: the original path and the hatched version. Ungroup them and move the original out of the way. (I sent it back to another layer for safekeeping.)
-Choose the next darkest color and repeat the steps above, using a larger setting for the hatch steps. I chose 2.7 and 3.5 for the medium and lighter colors respectively.
-To get a better idea of what your sketch will look like, select the entire hatched version and set the fill to none and the stroke to a width of 1 px.
-If you are satisfied with the relative shades of your hatching, its time to add some randomness to give the sketch a more hand-drawn look. Select one section and choose Extensions>Modify Path>Jitter Nodes.
You will want to experiment with settings to see what you like as results will vary depending on the size and composition of the image. The settings I used for my sketch are shown in the screen capture below.
-Repeat the Jitter Nodes process for each shaded section. You can use different settings for each one if you like. Longer strokes lend themselves to more displacement without distorting your image.
-Save a copy of your working document for safekeeping. Select the completed hatched and jittered sketch portion of your drawing and copy it to a new document and save it as SVG. If you are using Make the Cut or Sure Cuts a Lot, this SVG should be ready to import and draw as is.
Silhouette Studio DE users may also use this SVG version, however, if you have the standard version of Silhouette Studio, save the sketch as DXF instead.
-If you use either version of Silhouette Studio, you will need to set all the line widths to 0.0. Do this by going to the Line Style pane and sliding the slider all the way to the left.
-You will also need to go to the Cut Styles pane and set everything to Cut Edge.
It’s also a good idea to zoom in closely to verify that the cut lines are single, open paths, as that is what we want for pen sketching.
-It’s time to sketch your masterpiece. Choose the appropriate settings and find something else to do for the 15-30 minutes or so it will take this complex of a file to draw.
Here’s a scan of my sketched result, drawn with a Sharpie pen in my Silhouette SD. I think maybe I would like the middle tone a little darker next time, but you get the idea. Up close you can see the marker strokes and it really has a hand drawn look to it. From a distance, it looks even more like the original photo.
Ever wonder how to autotrace those hard to handle .pngs with light colors against a transparent background. It’s quick and easy in Inkscape? Hint: It involves my favorite tool…the paint bucket. I’ll show you in less than 2 minutes.
IMPORTANT UPDATE: As of March 14, 2011, MTC no longer supports Cricut.
With new official releases of SureCutsALot and MakeTheCut finalized in the last few days, I have been busy updating my comparison chart. So click below for the latest on who does what, current for SCAL 2.038 and MTC 3.2. By the way, both MTC and the comparison chart are celebrating their first anniversary this week.
Here’s the video I should have done first, showing how to tame the Inkscape paint bucket tool. Also included in this video is an example of how to use this technique to convert graphics from Lettering Delights.
Paint Bucket Technique for layered color logos video is here