Category Archives: Tutorials

FINISHING OFF A HANGING SAMPLER

OK, I promised I’d write this up, and it has taken me a while, but here it is.

My thought here was to create a quick and easy way to finish off a hanging sampler, using a method that did no harm to the stitched piece, that was inexpensive to do, and required no special equipment or components that can’t be found in most crafts stores.

Why “no harm?”  Because many inexpensive framing solutions do exactly that.  They place fabric under stress, encase it in moisture-trapping glass, matt it or line it with acidic materials that over time discolor or eat away at the ground cloth, or place the fabric up against wood or metal that can corrode or mark the cloth.

This solution is far from ideal, but it manages tension to avoid stretch or strain in hanging, isolates the stitched piece from any wooden or metal framing elements, can be quickly picked out without harm to the original work, and is very inexpensive.

Here are several examples (the center one is mid-process):

wizard-sampler (2) triflesalmostdone permission-complete

In all cases, a larger piece of backing fabric has been used to encapsulate the stitched item.  The hanging bar (wood or metal) and bottom-weighting only touches the backing fabric.  All are totally sewn by hand – no machine stitching.

Note that you don’t need to have actually stitched a sampler to do this.  It would be useful to finish off a decorative tea-towel, heirloom doily, cloth map, or small pieced patchwork as a hanging, or (for my SCA pals) to mount a painted or printed banner for display. 

To do this you need:

  • Your display piece.
  • Backing fabric.  I used plain old quilting cotton.  Any fabric will do, although for the “no harm” bit, I suggest washed cotton or linen rather than polyester or other synthetic.  Size needed calcs below.
  • Plain old cotton sewing thread that matches the backing fabric.
  • A hand-sewing needle – a sharp with a small eye is recommended.
  • A metal bar or wooden dowel for a top support (fancy finials are optional, but can be handy for fixing hanging strings or chains in place so that the hanging mechanism doesn’t compress the top edge of the hanging).
  • The aforementioned hanging string or chain.
  • An iron and ironing surface.
  • A pair of scissors
  • Straight pins
  • A ruler and a tape measure
  • Standard office stapler
  • Optional weights for the bottom edge.  I have used a length of brass chain, threaded onto an old ribbon, and small zinc drapery weights (small bars of zinc enclosed in a synthetic fabric envelope).  These are sold in packs of two or six, in the curtain-notions department.  Avoid the lead ones just on principle – the world does not need more free-range lead.  In a pinch, coins sewn into little fabric pockets will do.  If you are using drapery weights or coins, you only need two.

I found the backing fabric, dowel, wooden finials, the drapery weights, and the chain all in my local JoAnne’s fabric/crafts store.

First, decide how you want to frame your piece.  A large area top and bottom, with narrower areas on the sides?  Equal frame all the way around? The general size will inform your fabric purchase, although one yard of most quilting fabrics will be MORE than enough for all but the very largest samplers.

For the Permissions sampler, I decided I wanted a blue frame about 3.5 inches all the way around, and to preserve about 1 inch of unworked ground between the stitching and the edging  I put pins in my sampler to mark that distance from my stitching, and measured the “to be shown” dimensions of my piece.  About a half inch of my sampler, all the way around, will be hidden inside the backing.

Let’s call my display width 20 inches, and my display height 16 inches (to be truthful, I didn’t write down the real numbers).  I know I want 3.5 inches of framing edge to show on all sides.  Plus I need a hem allowance, let’s call that 0.5 inch.  Here’s the logic:

  Hem

Edge

Display Area

Edge

Hem

Width

0.5”

3.5” x 2
(for fold)

20”

3.5” x 2
(for fold)

0.5”

Height

0.5”

3.5” x 2
(for fold)

16”

3.5” x 2
(for fold)

0.5”

So, by doing the addition, I need to cut my backing cloth to be 35” wide, and 31” high, which is what you see is half-way done here (I’ve cut the width but not the height yet):

backing-1

The next thing to do is iron in the 0.5” hem all the way around.  Note that the “right side” of the backing fabric (such as it is, is DOWN).  I chose to iron in mitered corners for tasty neatness, but that’s optional, and there are a ton of video tutorials on doing that.

backing-2 backing-3

Then I positioned my stitched piece on top of my backing fabric, making sure that it was correctly placed (the edge of my stitching was 8 inches from the now-folded edge of the backing – I should have left in my dimension measurement pins but I forgot, and took them out.)

Once the stitched piece was correctly positioned. I folded the left and right edges in, carefully aligning them (measuring the distance from my embroidery), and finger pressing them down and pinning.  Because I stitched on even weave, I was able to use the count of my ground fabric for **perfect** alignment without having to mark the fold-to line on my sampler.

backing-4

Those two little white tabs?  Those are the drapery weights – note that they have little tab ends that are handy for stitching.  That’s where they will go, encapsulated in the edging/backing, far away from the stitching.  Next I folded in the top and bottom and pinned them, too.  Once all edges were pinned, I lightly touched up the folds with my iron, to make them slightly crisper.  Then I slid those drapery weights in and pinned them into place. 

Here’s the thing, ready for hand stitching.

backing-5

You’ll notice that there are simple lapped corners – I didn’t miter them.  By doing this I can use the flap-over on the top as my hanging pocket.  I do not need to engineer a separate hanging method for attaching the bar or dowel. 

Now for the hand-sewing.  Yes, I could have done this by machine, but hand stitching is easier to pick out in the future, and easier for me anyway to keep neat and aligned.  There’s no real reason (other than speed) to do this by machine.  And yes – I probably should have basted, but hey, what’s the fun without a tiny bit of risk. 🙂

Starting at the lower corner where the bottom and side flaps meet, and working first completely around the stitched sampler part, ignoring the flapped areas at the corners, I worked a simple hand appliqué stitch, catching a tiny bit of the edging, passing through the ground cloth but not the ultimate backing – at a diagonal, ready to make my next stitch.  Here’s a tutorial on the appliqué stitch.

backing-6

Note that I used the even weave’s threads to keep my hem nice and straight.

After I had worked the appliqué stitch around the entire visible area of my sampler, I used the same stitch to affix the two lower corners – the places where the bottom folded edge lapped up and over the folded-in sides.  As I did each of these two corners, I worked from the visible sampler area back out to the edge.  When I got to the side, I turned the corner and used a tiny whip stitch to seam together the front and back edges.  When I got to the place where the weight was pinned, I wiggled it up so that I could just nip its flapped edge in as I was whip stitching:

backing-7

I worked the top two corners similarly, but instead of working all the way down to the tip of the corner as I whipped the front to the back, I stopped about 0.5” from the top on both the left and the right.  This left an opening through which I could pass my dowel.  A small bit of finesse was needed to thread it through (I used another scrap of dowel to nose the hem allowance out of the way on the inside).

To make the hanging stick, I used a 1/4 inch dowel.  I probably should have used a metal rod or a thicker dowel, but that’s what they had in the store.  I bought a little pack of finials, and ended up having to shave down the ends of my dowel just a tiny bit so that they fit into the holes on the finials.  I also bought a length of inexpensive craft chain, intended for chunky necklaces, with links large enough to fit around the dowel.

I cut the dowel to the width of my finished piece, plus about 0.5”.  Using a regular office stapler, I stapled the chain to my dowel, about a quarter of an inch from the end.  I dotted the inside of the first finial with wood glue and forced it onto the dowel and over a bit of the staple, so that the chain was butted up against it.  Then I threaded the dowel through the top of the hanging, squishing up the hanging a bit to keep it away from my working end, I stapled the other end of the chain to the dowel, then forced on the second finial. 

Taa daah! 

permission-complete

VISIO KNITTING SYMBOL STENCILS, YET AGAIN

I’ve written about how I use Visio to graph my knitting charts before.  Back in 2009 I reposted my original symbol set for what was then the latest version of Microsoft Visio.  My original note about using Visio for graphing knitting dates back to 2005, although I was doing it for a quite a while before I wrote about it.

Microsoft Visio has evolved over the years.  MS would tell us that this has been for our own good, and they’ve closed some pretty severe security holes in their Visio document formats that allowed entry of malicious code.  That surgery has been so severe that the latest version of the program – part of the Microsoft Office 2013 suite – no longer accepts older file format stencils.  But my graphing system, used to produce all of the knitting charts on this site was stuck in this older file format.

So.  How to use the older stencils with the latest version of the program?

If you Google something like “Visio won’t open older file formats” you’ll find all sorts of advice.  Some of it includes the intimidating step of editing your registry to bypass the security override.

I’ve done the work for you.  Here is a ZIP file containing brand new stencils manufactured for Visio, MS Office 2013. It will work with the latest version, but not with older ones. The old-post links above will take you to pages where you can download the now-obsolete, earlier formats.

If you are lucky enough to have access to MS Visio (which is unconscionably expensive, but often available if you are a student, or have use of it via work) – you can now use my “tinkertoy” block building system to make charts like this:

visio-knit-screen

For those of you who have other trusted stencils they need to resurrect and re-use with the latest version of the program, here’s what I did to rescue mine.

I found my original *.vss format files.  I knew they were safe, containing no malicious macros. 

Under the File tab, I clicked on “Options” in the blue bar at the left.  On the pop-up Options menu, I clicked on “Trust Center” in the left hand menu bar. This opened a window with various privacy and security statements.  In the main text area of that window, I clicked on the button “Trust Center Settings.”

This brought up  yet another menu screen.  I selected “Trusted Locations” and clicked on the “Add New Location” button at the bottom of that screen.  I noted the default location Microsoft specified as the place where it first stores templates, and used that.  I clicked “OK” to set trusted-status for that location, then kept clicking OK on the nested options windows to close them until I was back out at my main Visio window.

I copied my ancient *.vss stencils into the now trusted location that I had written down.

Visio could now open them, and I could use them, but I could not edit them, and saving the document could prompt dialog boxes keyed to the ancient stencil’s status.  So I re-saved all of the stencil contents to the new *.vssx files you will find contained in the *.zip file above.

To do that, I used a drag-selection box to select all of the symbols in the available shapes sidebar, then right-clicked and chose “Add to My Shapes” from the pop-up action window.  That pulled up yet another action dialog that gave me the option to save the selected shapes to a new stencil.

Yes, this is a long and overly technical post, but I do know there are a few folks who used my old Visio-based knitting notation system, who may have faced this problem.  Now they have a work-around.

GIMP CHARTING TUTORIAL 108 – THE TEMPLATES

Inspired  in part by Hastings Sanderson over at Is That an Apres?, who is thinking of embarking on an extensive graphed needlework project, I went out web-walking to see if others were using GIMP for needlework graphs.

In addition to my own set of tutorials on using it for line unit patterns (backstitch, double running, punto scritto, Holbein stitch, etc.) I note this tutorial on using GIMP to transform photos into cross stitch graphs, and a GIMP plug in for that purpose.  I’ve also adapted my method for use with square unit graphs (cross stitch, needlepoint, lacis, burato, knitting), but it’s not as elegant as the commercial programs designed in specific for needlepoint or cross stitch.

However, in all cases, I find very few folk have successfully used GIMP for needlework charting. The most prominent feedback on my method is that few people have the time or patience to establish the base templates.  So, to give others a leg up on creating their own charts, I offer up my base pages.  These are 8.5 x 11 (US letter size) pages, each set up with the layers needed for graphing.  They are intended to be used with the grid spacings and brush sizes specified in my tutorial.  They are based on the ones I’m using right now for T2CM, the sequel to my New Carolingian Modelbook.

Because of WordPress limitations I can’t post the GIMP *.XCF files, so I’ve bundled both the line unit and square unit templates into one standard Windows *.ZIP:

GIMP-TEMPLATES

Remember – after opening these templates go back and change your grid spacing and brush sizes to those specified in the GIMP series here.  Then have fun!

PATTERNS PLATE 25, GIMP HINT 107

Taaa Daah! The last page of my pattern collection – page 25:

Collection-v2_Page_25.jpg

All are new for this collection. #146 was inspired by an original pomegranate border I published in TNCM. #148 was similarly inspired by the beaded border from TNCM that I have previously shared here (repeated below, click on image to get it larger):

bead-border.jpg

#149 was inspired by an edging in Schonsperger’s 1526 Ein New Modelbuch. His was a strip. Mine takes the main motif from his strip and inserts it into a lozenge. #147 builds on the interlace construction principles in pattern #67 of my first booklet, although this one is rendered as a line unit design instead of in block like square units.

So there you have it. 150 different blackwork filling patterns; some simple, some complex. And I could easily come up with another 150. But it would be more fun to see what others devise. I hope to have the PDF format booklet, with cover and intro essay out by the end of the holiday season. It will be available for free download here.

GIMP 107 – PRINT HINT

Printing or Saving: If you print out the pages constructed by the method in my tutorial you will probably find that the designs are rendered too small for easy use unless you use an enlargement factor via your printer driver dialog (the print settings dialog invoked when you issue a print command). BUT if crop your pattern, removing any unused page area, then you save your piece as a *.jpg or *.gif, like I did for the individual squares, the pattern won’t shrink down to teenytiny, and will be as readable as mine.

IN SUMMARY

Please let me know if you’ve found these pages or the GIMP tutorial to be useful. I’d especially enjoy seeing works done using one of my 150.

However, I do request that all users abide by the restrictions noted in my kick-off post. If you are using these patterns for your own personal enjoyment or as a gift, have fun!

If you are intending on selling works derived from them – including stitched finished pieces, or issuing kits or publishing your own patterns using any of these designs – either for profit or charitable sale or donation for eventual sale – please do me the courtesy of sending me a note prior to doing so. In all probability I’ll be delighted and ask nothing more than a bibliographic source statement in your pattern’s literature or hang tag noting the source of some of your fillings, and providing link back here. As soon as the book is up and the link is stable, I will be happy to provide the bibliographic citation’s format. But asking permission first would be a positive, noble and honorable act, for which I thank you in advance.


Technorati : , , ,

PATTERNS PLATE 19 – GIMP CHARTING TUTORIAL 106

And page 19:

Collection-v1_Page_19.jpg

More doodles from my notebooks, both old and recent, but I have not published any of these before.

The interlace in #112 reminds me a lot of some of the more famous portraits of Henry VIII, but there’s nothing on any of them that is a direct parallel, and nothing about it that would limit its use to Henry’s lifetime. It would be killer done either infilled in gold, or on a voided background, perhaps on a book cover, pouch or sweet bag. Sweet bags were sort of like Elizabethan/Stuart gift wrapping. They were little decorative purses used to convey small presents. Similar small stitched bags were sometimes used as needlework tool kits (occasionally they come with a matching pincushion), or to hold mirrors or other grooming aids.

On the charting tutorial, other than a couple of install queries and a nastygram noting that I’m an idiot for giving away the pattern pages, I’ve had almost no feedback, so I am unsure of what problems folk are facing. I can’t say I can answer every question and I certainly am no computer expert, but I’ll try. And I do have evidence that people are finding these posts useful, so nastywriter – take a hike.

In fact, if anyone is or has done stitching based on these patterns, please feel free to send me a picture or a link. With your permission, I’ll repost the image or the link here in the gallery of works done based on my patterns.

GIMP Charting Tutorial 106 – More Drawing Hints

By now everyone playing along should be able to draw. Here are some more methods and hints:

A way to erase: Select the Pencil tool from the Toolbox. In its settings window, choose

Mode: Color Erase

Now draw a new line on top of the segment you want to disappear. This is very useful for small touch-ups rather than wholesale deletions.

Another way to erase: Select the Eraser tool from the Toolbox (looks like a little piece of pink bubblegum). Set the brush size to something larger than the Circle(01) setting we use for drawing. Make sure the Hard Edge box is checked. Drag the eraser over the part that needs to go. Not quite as fine-tuned as the method above, but effective.

Yet another way to erase: Use one of the selection tools (the square, circle, lasso, wand or color select icons at the top of the Toolbox) to highlight the offending bit. Hit your delete key.

To flip (aka mirroring):

Select the bit you want to flip. <ctrl>C to copy and <ctrl>V to paste. The area selected will look all twinkly, and you’ll note the creation of a new temporary layer in your layer toolbox:

layer.jpg

Now with the area to be flipped all twinkly, click on the Flip icon in the Toolbox:

flip.jpg

Note that I’ve got the first option under Affect selected – that flips the entire (temporary) layer where the bit I just pasted lives. That flips my image over. Now comes a tricky bit. One would think that once the bit has been flipped, it can be easily dragged into place. Not reliably so. I’m not sure why, but switching to the Move icon (the four-way arrow) and trying to drag the bit around doesn’t work. What I usually do is after flipping the image so that it’s in the orientation I want, and while it’s still twinkly, I use <ctrl>X to cut it into the paste buffer, then paste it back into the drawing with <ctrl>V. NOW I can mouse over it until I get the movement icon (looks like a four-way arrow) to drag it into position.

Here’s the result of copying, pasting, flipping, then re-cutting, pasting and finally nudging into place a simple heart:

hearts.jpg

It sounds complex, but since most of the work is control-key or arrow presses (see tweaking, below), it’s really quite quick and easy.

To tweak alignment:

Sometimes when a pasted, rotated, or moved bit is inserted into the drawing it ends up being out of alignment on the grid. This is because the selection box is constrained in size so that even if its origin is on the grid, its termination is one pixel shy. However, fixing minor alignment problems is easy. Select your offending bit (the lower heart in the sample below), and use your keyboard arrow keys to nudge it into place. Again, like in Flip, I have the best success doing this by selecting, <ctrl>X to cut, <ctrl>Y to paste, then using the arrow keys to nudge the pasted bit into place. Please don’t ask me why the Move command doesn’t seem to work reliably for this. I haven’t a clue.

Rotating:

Again similar to Flip. Select the bit to be rotated and copy/paste it to create a temporary layer. Click on the rotate tool, then on the twinkly selected pasted area. The rotate dialog box will appear:

rotate.jpg

Rather than drive myself nuts trying to freehand rotate, I type my desired angle into the Angle box in the rotate dialog. In our case that’s an easy 90, 45 or 180 degrees. Usually 90. Then I click on the “Rotate” button in the Rotate dialog box.

The selected bit will appear in its new orientation. For whatever reason, moving the image post rotation is better behaved than moving it post-Flip. I can usually click immediately on the rectangular selection tool (first in the Toolbox), then mouse around to get the move indicator, and arrow the still twinkly rotated selection into place. Here’s the just rotated image, prior to final tweaking:

pre-tweak.jpg

And here’s the same image, after I’ve nudged the two new petals (at 9:00 and 3:00) into final position using my arrow keys.

post-tweak.jpg

Anchoring temporary or floating windows: Sometimes I end up with a floating or temporary window that I want to merge into my main pattern area. Easy. <ctrl>H nails it down.

Deselecting all selection boxes: Sometimes I want to pencil in a line, but click as I might, no line appears. What’s usually happened is that I’ve got a selection box active somewhere. <Shift><ctrl>A will turn off any that might be in use.

So ends this basic GIMP charting tutorial. We’ve only touched on some of the simplest options and commands available in GIMP, but covered most of the tools needed for this type of charting. I will leave color selection to you, but I’ll report back when I’ve figured out cloning via the Stamp tool. Please let me know if you have found this to be useful.


Technorati : , , ,

PATTERNS PLATE 18 – GIMP CHARTING TUTORIAL 105

Here’s page 18:

Collection-v2_Page_18.jpg

#103 and #108 are fillings I’ve stitched before on my underskirt, coif and other projects. The rest are new. To be immodest, I’m quite fond of my acorns (#105). I think that will have to end up on my current work in progress. Yes, I do have another work in progress, and no – you haven’t missed it. I haven’t previewed here yet.

GIMP Charting Tutorial 105 – Finally! Drawing The Design.

If you’ve been following along, you should now have a GIMP document with four layers in it, a background, a dots layer, one called PATTERN HERE, and one entitled Donuts.

We’re now ready to draw.

Using the Layer Navigation window, click on the PATTERN HERE layer. Obviously, all drawing will happen here. If you’ve saved, quit then re-opened your work you’ve probably noticed that Snap to Grid has turned itself off. Double check and make sure that it’s selected: VIEW-Snap to Grid.

NOTE:  THE FOLLOWING INSTRUCTION STEP HAS BEEN EDITED TO WORK BETTER WITH EDITIONS OF GIMP AVAILABLE IN MARCH 2015:

 I prefer a thicker rather than thinner line when I draw my pattern. I think it’s easier to see and count. To get it, I select the Pencil tool in my Toolbox and use the following pencil settings:

Mode: Normal

Opacity: 100.0

Brush: Circle (02, Hardness 100)

Scale: 1.30

Dynamics:  Basic Simple

(None of the other settings should be checked off)

Making sure that my Color Specification boxes are set up so that the color I wish to draw with is in the top (overlapping) box, I can now draw.

With the pencil selected, I click on a dot, then holding down the shift key to constrain my line to be straight, I click on the dot marking the end of my run of stitches. What I end up with is one straight line, divided up into individual stitch units. In the example below I’ve drawn a four-unit stair step by making six clicks:

line.jpg

So we’re now off and running. Some things to remember as you draw your designs:

1. If you’ve got the pencil tool selected and you think you’re drawing but no line appears, check to make sure that you don’t have an active selection window. To close any that might be open, use A.

2. To cut, you can use the selection box in the upper left corner of the Toolbox window or any of the other selection tools. The box is easiest to use because you can constrain it to snip out pieces even with the grid, making pasting on the grid easier.

3. It’s a bit easier to copy an area, then paste it immediately (using V) and then drag the result to its final resting place than it is to copy an area, reselect the original and THEN paste. If you do this, the new bit will end up in the middle of the active screen and grabbing it can be difficult.

4. If you paste something and wish to move it, mouse around until your cursor turns into a four-way arrow. If you don’t see the four way arrow and try to click and drag the newly pasted bit, you’ll excise and paste a small area of it in the current location instead. If this happens, remember that Undo Z is your friend.

5. OH NO! My drawing disappeared! No problem. You probably killed the entire PATTERN HERE layer by hitting X instead of Z. Undo with a real Z.

6. Moving using the Move tool (the little four-way arrow in the Toolbox) is manipulating the layer rather than the bit I just pasted. If this happens, check the options box for the Move tool. There’s a row of icons across its top. One is labeled layer, one is labeled selection (mouse over to show labels). Make sure selection is highlighted, not layer.

Tomorrow we’ll cover image manipulation – flipping, mirroring and rotating. At that point we’ll have pretty much covered all I know about using GIMP for charting these patterns. If you have any questions on the material in this series, please feel free to post them here.


Technorati : , , ,

PATTERNS PLATE 17 – GIMP CHARTING TUTORIAL 104

First, page 17:

Collection-v1_Page_17.jpg

#97, #101, and #102 are recharted off previous embroidery projects. The others are new, more doodles devised while I was preparing this collection. Most of the coming pages feature at least one fill as elaborate as #100. They’d be good for using in large, outlined areas, or as stand-alone fields on a sampler like those in the lower half of the famous Jane Bostocke sampler.

GIMP Chart Inga Tutorial 104 – Building the Design and Mask (aka Donut) Layers.

In the last post we learned how to start a new layer. We need two more. First use LAYER-New Layer to create another new one. Name this one “PATTERN HERE”.

Now it gets interesting. You’ll see three layers in the Layers navigation window. Background, Dots and PATTERN HERE. PATTERN HERE is shaded. Click on the layer named “Dots.” It should now be shaded. We want to create a new layer, cloned from this one. So, making sure that the Dots layer is shaded in the navigation window, use LAYER-Duplicate Layer. You’ll notice a new one named “Dots Copy” added to the navigation window. In that window, click on Dots Copy and drag it to the top of the stack. Your Layer navigation window should now look like this:

dots-copy.jpg

For the sake of our sanity, let’s rename “Dots Copy.” In the navigation window, right click on Dots Copy and choose “Edit Layer Attributes. This will open a window that will allow you to give the layer a new name. I suggest “Donuts.”

You now have four layers: Donuts, PATTERN HERE, Dots and Background.

Let’s create our donuts. Make sure that Donuts is highlighted in the Layer navigation window. Then choose the Select by Color Tool from the Toolbox window. This is the one that looks like little stack of blue, red and green blocks, with a finger pointing to the red one. With that tool highlighted, click on any dot. ALL of the dots will begin flickering. (That’s good). You’ve now selected all of them.

To draw the donuts, we’re going to use a couple of special command. With your dots select use SELECT-Grow to get the Grow Selection dialog box. Type 1 in the “Grow Selection by” fill-in:

grow.jpg

Now let’s exclude the dot at the center by using SELECT-Border to get the Border Selection dialog box. Type 1 in the “Border selection by” dialog box:

border.jpg

Now I suggest you zoom in more: VIEW-Zoom-8:1 (800%). This is what you’ll see:

dots-border.jpg

We need to fill the newly constructed borders with white. Up in the Toolbox in the lower left corner of the top panel, you’ll see two overlapping Color Specification boxes, with a little 90-degree two-headed arrow next to them. Click on the little two-headed arrow. This will swap your previous background color (white) with your old foreground color (black). You are now ready to use the color white to fill the donuts. Choose the Flood Fill Tool (it looks like a spilling paint bucket) and place the tip of its arrow cursor inside one of the highlighted donuts. Click, and ALL of the donuts will be filled with the color white.

toolbox-2.gif
Now we need to get rid of the black dot in the center of each donut. Go back to the Select by Color tool (the stacked blue/red/green block and hand in the Toolbox), and click on one of the black dots. The outline around your donuts will disappear, and the dots will be highlighted again. With the dots highlighted, hit <ctrl>X. You will still see dots (they’re on the Dots layer), but the ones on the Donuts layer will now be gone. You can test this by clicking on the little eye next to the Dots layer in the Layer navigation window. Click the eye next to Dots, and the dots on your screen should disappear. Click it again and they’ll return. Remember to save your work.

We now have our base grid structure and mask all set up, and we are now ready to draw a design. But more on that tomorrow.


Technorati : , , ,

PATTERNS PLATE 16 – GIMP CHARTING TUTORIAL 103

On to Page 16:

Collection-v1_Page_16.jpg

We’ve got ribbons (#91, use ganged like this or as a single border); another twirly (#93), and a bunch of wildly obvious tiny spot patterns (#94, six in one plate). I’ve used all of these teenies in my old projects, they’re very handy for filling in spaces too small to use other, larger patterns to any good effect. And they’re also very useful for background fields in voided work. It’s interesting that #96 at a distance reads like a basket weave. You can see that in the thumbnail.

GIMP Charting Tutorial 103 – Building the Dot Layer

O.k. Yesterday we opened the program, opened the Layers window and set our grid spacing constraints. Today we get to use those things to add a layer called “Dots”:

LAYER-New Layer

You should see this dialog box:

12-7-2010 9-01-32 PM.jpg

Type in “Dots” for the layer name. Width and height should both be 320 pixels. The fill type should be “Transparency.” Except for the dots we’re going to draw, this layer should be see-through. Once you confirm that the settings are correct, press “OK.”

You’ll see that the new layer has been added to the layer management window:

dot-layer.jpg

The shaded area on the layer management window shows you which layer is currently active – the one on which all changes you are making will be stored. You can hop among layers by clicking on them in this window

Now we can add our dots. To make the dots I’m adding easier to see, I’ve taken the highly optional step of making my original grid indicators appear in red (this is back on the EDIT-Preferences-Default Grid dialog. Foreground color = red).

To add dots, I select the pencil tool on the Toolbox window. Tool-specific options will appear below the cluster of tool icons every time you activate a tool.

To make our dots, we want to use the following pencil settings:

Mode = Normal

Opacity = 100.0

Brush = Circle (01) – that’s chosen by clicking on the little square and picking the SMALLEST available dot.

Scale = 1.00

dot-pencil.jpg

Now we can begin adding dots. Again to make life easier, zoom in on the active image:

VIEW-Zoom-2:1 (200%)

You can also increase the size of your drawing window so that the entire editable area is visible.

Now using the pencil tool, click on EVERY ONE of the background grid dots. “Oh no! This is tedious”, you say. You’re right. We’re going to cheat.

Click on a bunch of them, drawing about 3 or 4 rows of 6-10 dots. Now we’re going to copy and paste them. Because we’ve got our grid set we will be able to see exactly where to paste them.

Select the square selection tool (the dotted line box in the upper left corner of the toolbox. Center the cross hair cursor it provides on your upper/leftmost dot, and drag the purple selection box to encompass all of the dots you wish to copy. (Make sure that the upper left corner is exactly centered on one of your drawn dots.) Hit <ctrl>C to copy.

dot-select.jpg

Now hit <ctrl>V to paste. The new dots will appear exactly on top of the old dots, making everything look “twinkly.”

Move your cursor back over the area that’s twinkling until it turns into a little four-way compass arrow, now click and drag the twinkly dots on top of your grid dot indicators, taking care that they align exactly. If for any reason this goes wrong, do not despair. GIMP offers (near) unlimited <ctrl>Z undo.

I repeat this process, grabbing ever larger areas of dots and pasting them until my entire field is filled. Needless to say, for a whole page this can get tiresome, but once that page is set up and saved it’s there for infinite re-use. Speaking of which – make sure you save your work before going on.

In the interests of making these posts manageable, I’ll end here. Tomorrow we build the drawing and donut mask layers.


Technorati : , , ,

PATTERNS PLATE 15 – GIMP CHARTING TUTORIAL 102

Here’s 15!

Collection-v1_Page_15.jpg

All of the patterns on this page are new, doodled up as I was transcribing the older ones from previous booklets and previous projects. I’m a sucker for interlaces. Try #87 with other small spot motifs (or nothing) in the centers of the intertwined wreathes. #88 is fun. It’s all 90-degree and 45-degree angles, but it gives the impression of close packed globes. #89 is not quite as mind bending as some of the other eccentric repeats. Younger Daughter sees two different design shiruken in it, but I think she’s been reading too many manga.

GIMP Charting Tutorial 102 – Getting Started

To start, obviously you’re going to need to download the software. As I mentioned before, it’s free, and its available here. You’re on your own installing it on your particular machine. I don’t have access to a Mac or Linux machine here at home, but I’m assuming that look/feel are very similar across all platforms. Also, I’ll be covering this pretty slowly, aiming at folk who are totally unfamiliar with this style of program. I know lots of you are further along the learning curve, and will be tempted to skip ahead. “Go right ahead! Get messy! Make mistakes!” That’s the fun of learning.

Upon opening the software you’ll see something like this (the red/orange is my desktop background, not part of the program):

12-7-2010 8-54-30 PM.jpg

The small, empty window is the program’s main work area. The long narrow window contains the toolbox of available commands. It may be smaller than this to start – I happen to have the detail control for the pencil tool displayed. You’ll note that unlike many programs GIMP’s various subcomponents can be opened or closed, or put anywhere that you find convenient. My first step is always to open the Layers subwindow. You’ll find it under the “Windows” command in the main window, under the menu entry “Dockable Dialogs.” I’m going to abbreviate the command tree like this:

WINDOWS-Dockable Dialogs-Layers

All caps will always refer to a menu item in the top line toolbar of the main GIMP window, with the items after that being in order of selection from that command’s sub-menus.

Now we have three little windows open. The main GIMP window, the Command Toolbox, and the Layers window (shown on the left of the Command Toolbox for now, but you can put it anywhere):

12-7-2010 8-56-07 PM.jpg

Next is to establish the settings and preferences we need to make drawing on a constrained grid quick and easy. I tried out many grid spacings before settling on these recommendations. Feel free to experiment, but start with this combo for the same look/feel I was using:

Open a new drawing: FILE-New

This will open a dialog box in which you can specify your new file’s size, and the measurement units used in it. I suggest something small to start. My little filling pattern swatches were squares of 320 pixels. And yes – I do advocate you use pixels as the measurement unit for now.

Specify the grid spacing: EDIT-Preferences

This opens up a large universe of settings to play with. We’re only concerned with grid spacing. Look for the Default Grid icon in the Preferences pop-up box. Click on that.

12-7-2010 8-58-17 PM.jpg

Under Appearance, select Intersections (dots) – this will render the reference grid in dot form so you can see where to draw your own later. For Spacing, enter 10 pixels width and 10 pixels wide. Under Offset, make sure both values are zero. Click OK. We’ve now got our grid, now we need to show it and constrain drawing so that we (mostly) end up creating dots and lines aligned with it.

To show the grid: VIEW-Show Grid

To constrain most drawing to the grid: VIEW-Snap to Grid

Your drawing canvas should now look like this:

12-7-2010 9-00-15 PM.jpg

Save it. Good job. In the interests of keeping these posts manageable we end here. Tomorrow we’ll explore creating layers, configuring the pencil tool for making dots, and making the dot layer.


Technorati : , , ,

PATTERNS PLATE 14 – GIMP CHARTING TUTORIAL 101

We forge on to Page 14:

Collection-v1_Page_14.jpg

Of these, #79, #80 and #84 appear on my skirt. The others are new, doodled up as I was working on this collection. And here’s the start of the promised tutorial on using GIMP to do exactly that. Please note that Elder Daughter noodled out this method, which we then confirmed that others were using as well. (There are few things as useful as a home-bred brain trust.)

How to Use GIMP for Line Unit Charting – Drawing Metaphors

For starters, let’s talk about drawing metaphors. Piece of paper and a crayon. Nice opaque paper. Nice (mostly) opaque crayon. That’s what many drawing programs feature, and what almost all of the stitch painting programs use. You draw something on the page, it’s there in one spot. It can be erased, rotated or moved, but it’s embedded on the page once it lands. Draw a cow next to a barn with an open door, and the cow stays there. It can’t be peeled off, razored out or slid over to stand in, on, or behind the barn without leaving a cow-shaped hole where it used to be (or taking a bit of the barn behind the cow along if you select and move the cow).

MS Powerpoint and other lower-end drawing packs go one better, by adding a cut-paper collage type element to the crayon metaphor, with things that can be placed on top of other things. But even these “pieces of paper” ride not as independent layers but as daughter elements on a single page. And the stitch charting programs mostly stick to the crayon or collage models, although they do enable selection by a discriminating feature – in their case usually stitch type or color. There’s always room for quibbling, but by and large, these programs all reside in a very flat world.

GIMP does not work like this.

GIMP like many other higher end graphics programs offers multiple opaque, semi-opaque or transparent layers. Sounds confusing, but it isn’t. Think of it like an old-fashioned animator working on a cartoon. Animators worked in layers, painted on multiple sheets of a transparent plastic like material. When finished, those layers were stacked up, and the viewer looked down through the entire stack, seeing through the transparent bits to the drawings on the layers below.

For an animator the lowest level would have been the background. In our farm scene, perhaps the green of the grass, darker green of the trees in the distance, and blue of the sky. Nice and solid. Then the animator would layer one or more transparent cells on top of the background. The next layer might be see through except for a painting of one big open-doored barn on it, and only the barn. There might be a third see through layer on top of that with a fence that sits in between the viewer and the barn. Now for a top layer, also transparent, and again with just one design element drawn on it. That one may have nothing on it except the cow.

The animator could move these cells around. She could slide the one with the cow over so that the cow could graze on either side of the barn. She could change the order of the layers. If the cow layer was on top, it looked like the cow was outside the fence (between the viewer and the fence). If the cow layer was between the barn and the fence, Bossie was safe in her paddock. And if the cow layer was behind the barn and the cell was positioned just right, our pet could peek out of the open barn door.

This is how GIMP works. It allows you to use multiple layers to isolate individual design elements, and to mask the layers below. Layers can be totally independent, or they can be ganged so that if one is moved, its pals move too, preserving the spatial relationship among them. They can be moved, reordered, rotated, flipped, hidden, or rendered more or less opaque. Instead of thinking flat, crayon and paper style, to use GIMP you need to think in onion-like layers.

To draft my patterns I used four layers:

  1. A plain white background
  2. A layer of evenly spaced dots (the background dot grid)
  3. A layer containing the line drawings that make up the designs
  4. A layer containing little white “donuts” – very small white halos aligned to the dot grid in layer 2.

The dot grid in Layer 2 established my layout – the grid spacing for my stitches. Layer 3 contained UNBROKEN lines, constrained to the established grid. Donut-bearing Layer 4 “eclipsed” the black lines, making them look like they were drawn as dashes. The hollow center of each donut let just one little dot of the underlying black line (or naked dot from way underneath in layer 2) show through.

Once my basic four layer “page” had been constructed, the only place I did actual drawing on was Layer #3. I never touched the background, the dots or the donuts again.

For the record, I suppose I could have condensed this into three layers, with the dot grid appearing ON my background, but it’s much easier to delete and replace a non-background layer, so I went with four. I never underestimate my potential to make a dumb mistake, so I always try to leave myself a graceful way to recover, just in case it becomes necessary.

That’s the basic logic. The why of what I did. More on how to use GIMP to set up a four layer grid-constrained pattern page, starting in the next post.


Technorati : , ,