This blog has moved

The blog can now be found here, including all the archives and tutorials. Subscribe to the RSS feed here.

Main

tutorial Archives

September 30, 2006

Pre-drafting stubborn fibers

I miss El Matchador but I'm rekindling my love for my beautiful little spindles while I'm here in India.

I've noticed that there is a wave of knitters taking up spinning lately and so I have a couple of simple tutorials I plan to post while I'm here, to help the newbie. I'm sure these are "well duh!" items for most people but they have been useful for me so perhaps they will be useful to others.

Today's tutorial will be on pre-drafting fibers that are being a bit stubborn. If you don't know how to pre-draft yet, there are a couple videos here. The process involves separating your roving into strips then gently tugging the fibers, lengthwise, to loosen them up.

I'm spinning some pygora right now, on my 0.9 ounce Golding spindle. The pygora is prepared as a pencil roving, meaning you do not need to separate the roving into separate strips as it's already thin enough.

Pygora spins up beautifully when properly pre-drafted

However, this particular batch has some areas that are a wee bit hard to pre-draft. I think areas have matted ever so slightly in transport, making them impossible to pre-draft the normal way. The solution is as follows.

Break off a length of roving to your liking. I prefer a couple feet of roving, many other people prefer a shorter, more manageable length. Do what you like best.

Attempt to pre-draft as you normally would.

Excuse the awkward photo, I only have 2 hands and no tripod. Imagine I was trying to do that with both hands.

To loosen the fibers, begin stretching the roving side to sides. Gently part the fibers, starting at one end and working up the length of the roving.

When you hit the matted area, spend extra time carefully releasing the fibers. Remember, you don't want to break any of the fibers, just loosen them up.

When you have worked the entire length of the roving, you have something that looks a little like this.

I then like to tug the roving, very gently, lengthwise. This not only makes it a little easier to handle, but it allows you to pre-draft it a little more.

Again, this should really show me doing this with two hands.

When you are all done, you can wind it around your distaff (if you have one) or, as I prefer to do, make a little bracelet out of the fiber, by winding it around your hand.

The finished roving looks like this:

Now just spin spin spin.

Next tutorial will be on achieving a balanced two ply on your spindle.

October 3, 2006

Achieving a balanced plied yarn on a spindle

I've been spinning a little bit here in India and it got me thinking about creating a balanced ply. I've had pretty good success doing this on a spindle and I thought I'd share the method I like to use.

I like to think that my spindle has seen more sights than most.

Once you've spun your singles, you are ready to ply. I like to use the andean plying method but this works just as well from two center pull balls or from two ends of the same center pull ball.

Begin to ply your singles until you are ready to wind them onto the spindle.

Here's a two ply, but how do I know if it's balanced?

Holding both ends of the plied section in place, bring your two hands together and watch the way the yarn reacts. Pay close attention, you need to note which way the yarn twists, if it twist at all.

The yarn may twist around itself clockwise

Or it may twist counter-clockwise

If the yarn twists back on itself, you will need to drop your spindle and twist it in the SAME DIRECTION as the yarn twisted around itself.

This is the key. Note how many times it twisted back on itself and use that as a gauge for how much you will need to correct it. After attempting to correct the twist, do the same test again. Your goal is to have the yarn hang straight down, no matter how close you bring your hands together. The results should look like this.

It may take a little while, but with patience you will achieve this result.

After a couple of sections, you will begin to get a feel for just how long you need to let the spindle spin to get a balanced yarn. At that point, you will not need to check each section before winding on to the spindle. Instead, you can do spot checks occasionally as you ply the remaining yarn.

That little extra effort yields beautifully balanced yarn.

66 yards of perfectly plied A Type Pygora lace weight yarn.

I hope this tutorial is helpful to those of you who haven't been happy with your spindle plied yarn. And for those of you who are advanced spinners out there, feel free to leave your recommendations in the comments.

January 3, 2007

Tutorial - Speeding up your long tail cast-on

This is more of a mini-tutorial, as it assumes you are already well acquainted with the long tail cast on. Many of you may already know this little tip but I'm posting it for those who may not.

Because I know that not everyone has QuickTime, I'm loading two different versions, one is a video, which is more complete and the other is an animated GIF which should be viewable in almost all browsers and is better for people with slow connections.

For the QuickTime movie, click the image below

What I'd give to have someone do my voice overs for me :oP

If you prefer an animated GIF, click here.

Each frame should display for about 3 seconds and the whole movie should loop if you need to watch it more than once.

February 22, 2007

Tutorial - Using Excel to design colorwork

This entry has also been posted at the Create Along

Today, my intrepid reader, I hope to offer you some tips on using Microsoft Excel for designing colorwork. This will be a long and picture heavy post, so I hope you'll bear with me. Later, I will do a tutorial on designing stitch pattern charts in Excel. I am currently using Excel X for the Mac. I will do my best to provide instructions that can be used cross-platform and with older versions of the software, but your results may still vary. I've enlarged the cursors throughout, to make the actions more obvious and most of the images can be enlarged by clicking on them. Still, if you hit a snag, just drop me a comment or email and I'll try to help you out.

Many moons ago I bought a cute fair isle sweater. It was inexpensive but very cute, fit well was exceedingly warm. Unfortunately, she found her way into the wash and was never the same.

Sweater I bought and subsequently sent through the wash

Having escaped the drier, the sweater still fits but the fair isle portion pulls in and causes a weird a-line shape to the piece that is no longer flattering. I've been thinking I would like to reknit it, someday, using the same pattern, but perhaps some different colors. Excel can be a fun way to play with this idea.

Continue reading "Tutorial - Using Excel to design colorwork" »

June 28, 2007

Using Excel to aid in writing multi-sized patterns

This entry also posted at the Create Along.

Download the spreadsheet and play along at home.

It's been a while since I've done a tutorial and seeing as I use this technique all the time, it's about time I shared it with all of you. This also makes me feel better about the fact that I do not have any updates on my CAL project to post, as my deadline pieces are all keeping me busy.

NOTE: The attached spreadsheet is just a sample and contains measurements that may be useful but which may not meet the standards for some publications. You are welcome to use what I have for your own design purposes but it'll be you who has to ultimately support any patterns written from it, so do your research first.

The goal

Excel can be used to help you organize and plot your final pattern. Unfortunately, it can't do all the dirty work, but you can find yourself being a bit more consistent, if you let the program do your calculating. If you plan to submit your patterns for publication, providing a spreadsheet with all your work can be of great help to the tech editor. Doing so, may make logic errors more obvious and allow for faster editing.


A rough schematic of what we are shooting for

Continue reading "Using Excel to aid in writing multi-sized patterns" »

July 10, 2007

Switching horses mid-stream

While I'm really excited about my current project for Stitch Diva, this particular stretch of the piece has dogged me. I originally calculated and cast on for this section on Saturday, while watching The Queen and enjoying a glass of wine. After more than 25 years of knitting, you'd think I'd know that I needed a little more focus than that, to calculate a pattern. I'm obviously a slow learner. I cast on 250 stitches, using the long tail cast-on, (my personal favorite for it's speed,) only, BAH, not enough tail.

So I ripped, and cast on again and made it. I knit my 250 (give or take) stitches for 20 rows, during the movie, and a bit the following day, before realizing that my calculations were off. Oh, yes, there was ripping.

lotsofstitches.jpg

I focused myself on my calculations. I checked my work, and cast on again. After three tries, to get the cast on tail the right length, I nearly chucked my work out a window. Less stubborn knitters than I might have tried a couple of alternatives, such as:


  • A knitted on or cabled cast on, which requires no tail.
    Vetoed because I find it so dreadfully slow to do, I'd rather rip the long tail out forever and redo, like Sisyphus rolling his boulder up the mountain.

  • Long tail cast on worked from both ends of a center pull ball.
    Vetoed because it means another end to weave in. Also vetoed because of the aforementioned stubbornness.

  • Actually note the length of the tail for the failed cast on and extrapolate the needed additional length from there.
    Vetoed because I'm stupid.

But, all stubbornness and stupidity aside, I nearly did admit defeat and put the item in temporary time-out, until I realized that the cast on will be completely concealed with crochet. There is no way anyone is going to be able to see it. This gave me an option, when I realized I was about 50 stitches short of my goal. When I was left with a sufficient tail to weave in the end, but not enough to complete the cast on, I switched to a knitted on cast on.

switch_castons.jpg

This puts a little tail in the middle of the cast on. To the right of the tail, in the image, is the long tail cast on, to the left is the knitted on cast on.

Here she is, really close up

caston_cu.jpg

Personally, I would never do this if the cast on would be visible. There's a pretty noticeable difference and it would irk me even if no one else ever noticed. But since this baby will be obscured by crochet, there's no harm, no foul and my sanity is preserved.

August 3, 2007

Using Excel to create simple lace charts

Cross posted at the Create Along

People run pretty hot and cold, when it comes to the topic of charts. Personally, I'm a big fan of them, and when it comes to lace, I find it nearly impossible to work without a chart. If you saw my knitting notebooks, you'd see that, no matter how simple or complex, I always chart my lace patterns out. If you enjoy working from charts or if you ever need to create a chart for a pattern, you can produce good clean results with spreadsheet software like Excel. I've created several tutorials in the past, which you can access here. This tutorial will use some of the same techniques I've covered in Using Excel to design colorwork and Using Excel to aid in writing multi-sized patterns. If you haven't seen those tutorials and you aren't comfortable using a program like Excel, I suggest you browse them to get the basic concepts of working in Excel.

The lace

I've chosen a very simple lace stitch pattern, designed by Dorothy Reade, which I'm using in Donna Druchunas' upcoming book.

key.gif

Here are the verbose instructions.

Multiple of 6+7
Foundation row: k1, *kbl, yo, ddc, yo, kbl, k1* repeat to end of row
Even numbered rows: Purl
Row 1: ssk, *yo, kbl, k, kbl, yo, ddc* to last 6 stitches, then, yo, kbl, k, kbl, yo, k2tog
Rows 3, 5, and 7: ssk, *yo, k3, yo, ddc* to last 6 stitches, then, yo, k3, yo, k2tog
Row 9 and 13: k1 *kbl, yo, ddc, yo, kbl, k1* repeat to end of row
Row 11: ssk, *yo, kbl, k, kbl, yo, ddc* to last 6 stitches, then, yo, kbl, k, kbl, yo, k2tog

These instructions could be compressed even further, as the foundation row, 9, and 13 are all identical and 1 and 11 are identical. Even so, I find it hard to use these instructions to visualize what I'm doing. I also find that it takes me longer to memorize a lace pattern if I can't see it charted out.

Set up your workspace

Select all the rows and cells in your Excel sheet and adjust the size of the cells to mimic the shape of a knit stitch. If need be, refer to the colorwork tutorial for more information on how to do this.

Based on the verbose instructions, I see that the +7 is made up of one stitch at the beginning of the row and 6 at the end and that there is a foundation row and 7 public side rows. Because I know this, I can number my rows and add grid lines.

If you can't determine this from reading the instructions, just begin charting your lace, and go back add the row and stitch counts and your grid lines, later.

Inserting the first row of symbols

Foundation row: k1, *kbl, yo, ddc, yo, kbl, k1* repeat to end of row

There is no need to download fancy schmancy knitting fonts. You can communicate with your standard set of characters. See the key above, to see how I've translated the stitches to letters. Use characters that will make sense to you. I like a blank stitch for knit, "t" for "twist," "o" for "yo," and slashes and a carrot for the decreases. Don't like that? Do something different. I won't hate.

The first row with a modified last repeat

Row 1: ssk, *yo, kbl, k, kbl, yo, ddc* to last 6 stitches, then, yo, kbl, k, kbl, yo, k2tog

The first row in which we have a reason for those extra 6 stitches at the end. While the main pattern repeat requires a double decrease, the first and last decreases of the row will be single decreases. You will be able to see this more clearly when we get to the end.

Convert remaining rows to chart format

Complete the pattern as indicated in the verbose instructions. Whenever I can, I like to copy and paste, duplicate stitches and rows. Do whatever works best for you.

Double check your work, going stitch by stitch from text to chart.

The end results are neat and clean, but would probably cause confusion. It's not clear where the pattern repeats begins and ends.

Outline the repeat

Select the stitches that make up the repeat. In some patterns, this is very intuitive based on how the pattern is written, but some patterns are harder to distill down to a repeat, especially those where the location of the repeat shifts for one area to another. Lucky for us, this pattern is expressly written to make the repeat obvious, it's everything between the two asterisks [*]

Just select the stitches you want to outline, and choose a thick border to outline it. You can choose a custom border by going to the FORMAT menu and choosing CELL.

Shading for clarity

Finally, to make the repeat really obvious, shade everything that only gets worked once per row. This makes the repeat really clear and visually indicates the secondary elements.

I think that you'll find that many lace and knit/purl stitch patterns can be worked up this way. Have fun with it.

In the next tutorial, I'll cover doing more complex lace charts and discuss the ever-confounding "no stitch."

August 7, 2007

Using Excel for Complex Lace Charts

Cross posted at the Create Along

This tutorial is the 4th in my set of Excel tutorials. You can see the others here:

And, if you happen to have any tutorials of your own, please let me know.

In my last tutorial, I cover creating simple lace charts in Excel. Today, we'll approach a more complex lace pattern and introduce the no stitch. The lace pattern, I'll be covering, is most of the Peri's Parasol pattern I used in Chapeau Marnier.

What is a "no stitch"

More than any other single question, I get this most of all and I think it boils down to a lot of over thinking from the knitting community. Often, people ask if it means a stitch should be slipped. A no stitch, in fact, simply means there is no stitch in that spot. Some lace and cable patterns, change stitch count from row to row. The chart can be made a little more intuitive by distributing the stitches in a logical manner and spacing them with "no stitch" blocks. Generally, when using a "no stitch," one should format it in such a way that it can easily recede from focus. I usually shade mine in gray or black.

Format your spreadsheet

I begin, as always, by adjusting my cells so that they are approximately stitch like in proportion. See the tutorial on colorwork for more information about this step.

 


 

Select all the cells, go to the FORMAT menu and choose CELL


 

Set the alignment to be centered both horizontally and vertically. This will ensure your symbols are centered. Set your font size and add borders to all your cells.


Continue reading "Using Excel for Complex Lace Charts" »

September 14, 2007

Photoshop Tips I - Contrast and Color with Curves

Most images can be clicked for a closer view

A little caveat before we begin. I'm not a color correction expert, though I do need to know the basics for the work I do. Most of what I've studied has been for print, not for web, though many of the concepts remain largely the same.

Furthermore, images look really different on a Mac than they do on a PC. Most people are on PCs and I'm on a Mac, so while may think a picture looks good on my screen, you might not.

And that brings me to the last point. A lot of color correction is subjective. There are some things that are fairly universal. For instance, a light color cast to an image is usually apparent to most people. but the perfect amount of contrast and brightness may be different depending on personal preference, age and monitor. Did you know that many people's vision yellows slightly with time? Older monitors will often display color much differently than newer models, as well, so there are a great many factors that can impact how you view an image.

Some basic stuff that makes me sound like I know what I'm talking about

While there are quite a few different color spaces, the two you are most likely to deal with and work in are RGB [red, green, blue] and CMYK [cyan, magenta, yellow, black]. RGB colors are those that display on monitors. It's the means by which light produces color. CMYK space is what your home printer generally uses (though some contain additional colors to produce a wider range of shades). If you are familiar with the old color wheel, containing primary, secondary, and tertiary colors, you understand the basics of how CMYK colors work. While the primaries are a little different (not red yellow and blue, but cyan, magenta and yellow,) the way in which colors combine remains largely the same. Add the right amount of yellow the right amount of cyan and you will get shades of green. RGB works in the opposite manner. In RGB, when you have 100% of each color, you get white. Do the same in CMYK you get black. Most of us find this counter intuitive, but when you are making your edits you should not switch to CMYK and back to RGB. You must learn to modify your colors in RGB if you wish to maintain the detail of your image.

I've made this little graphic to help you understand how the RGB colors relate to the CMY colors (don't worry about black)

There are 6 color swatches below. every other swatch is an RGB shade and the alternate are CMY colors. Colors located across from each other are related. When working in RGB, reducing the amount of the RGB shade will increase the CMY shade. For instance, let's say your image has a red cast to it. In some images, this might be interesting, but if you are photographing a lush summer landscape in the day, the red cast will make your gorgeous greens look muddy. Reducing the amount of red in the image will make those greens pop.

So how do you apply this novel bit of trivia? Well, I'm glad you asked. (You asked, right?) I apply this, most frequently in the CURVES dialog box.

Continue reading "Photoshop Tips I - Contrast and Color with Curves" »

September 17, 2007

Photoshop Tips II - Levels and Histograms

Most images can be clicked for a closer view

In our last tutorial, we discussed Curves. Today we'll be talking about Levels. Levels can be used in the exact same way as Curves, though the interface is a little different. The cool thing about Levels is that you can actually see a visual map of your image and the colors displayed within.

As with the last tutorial, all the caveats still apply. Your mileage may vary. I'm no expert, blah blah blah, color correction is subjective, etc.

I've chosen a photo and opened the Levels dialog box by going to the IMAGE menu, to ADJUST and choosing LEVELS. You can also access this option by pressing [CTRL+L] or [CMND+L], depending on your computer platform.

 

This picture of Thea seems a little dark in the three-quarter tones (those between the middle and shadow tones). Her face, next to the couch, seems a bit muddled and lacking in detail. When I pull up the Levels palette, I see my impression confirmed. Let's take a closer look.

Click image to see the tonal ranges

Here we see a graph of the distribution of pixels. On the left, indicated by a black slider, is the shadow area of the image. This image has a large majority of its pixels between the midtones and shadows. At the far right, the highlight point shows absolutely no pixels. We don't have any pure white in this image.

From the Layers palette, I can move those sliders, under the graph, to adjust the tones in the image. We have two sets of sliders we can move. The top set of sliders consists of three tonal ranges. On the left, shadows, in the middle, midtones, and on the right, highlights.

The bottom set of sliders has just a shadow and highlight slider.

Continue reading "Photoshop Tips II - Levels and Histograms" »

November 17, 2007

A ripable offense

Life here on d'nile is certainly lovely, don't you think?

Uhgh, so I thought I was in the home stretch on my garment for Donna's book. I was just picking up the stitches around the neck and front, and counting to make sure the piece had the same number of stitches on both sides.

The signs were there all along. It should have seemed odd that I had trouble picking up the same number of stitches on both armscyes. And it probably should have piqued my interest that I was having a little trouble blocking the fronts evenly. But apparently, I can be pretty resistant to the signs of reality.

01-Identify issue

You see those two stitch markers? They should both be the same distance from their respective shoulder seams.

The piece is knit seamlessly, which means that the sleeves are picked up and knit down from the armscyes. So in order to rip out the extra rows on the front section, I first thought I'd have to rip the entire *sob* sleeve out.

But I gave myself a few minutes to think, and realized there is another option.


O2-assess options

I decided to cut the sleeve off, just under the sleeve cap, and rip only the sleeve cap out. Once the front is fixed and a new sleeve cap knit, I'll graft the two parts together again.


03-safety net

I'm using a yarn with a fairly high wool content, and it tends to felt, every so slightly, to itself. I knew that unraveling would require some tussling and I didn't want to drop stitches on the sleeve, so I inserted a smaller gauge needle into the row of stitches that would remain live on the sleeve.


04-OMG cut

I made a small noodly prayer to the Flying Spaghetti Monster, and snipped.


05-no turning back

No turning back now.


06-unravel

Now it's just a matter of unraveling along the sleeve cap side.


07-catch mistakes

If you missed a stitch, just grab one of those locking stitch markers, and clip it on. In my case, didn't pick up stitches on the spare needle, in a straight line. I was offset by a row for a few inches. Once I realized, I secured the loose stitch, eased out the needle and re-thread it through the correct stitches.


08-pieces separate

The sleeve will be secured on the needle, when you are done, and you can unravel the remaining sleeve cap and reuse the yarn.

Oooh, I'm halfway there.

I'll let you know how the reknitting and grafting go.


And on that note, I need a pup fix.

panda in front of thea.jpg

November 20, 2007

Hey everybody, you're invited to a grafting party.

With puppy chaser at the end.

I recently posted the shameful state of a piece I was working on, for a book. When last we saw this project, I had detached the sleeve, from below the cap, held it on a spare needle and ripped back the sleeve cap, so that I could remove the extra rows from one of the front sections of the garment.

After fixing the front, I picked up and reknit the sleeve cap.

09-Sleeve Cap Reknit


I moved the live stitches to circulars so I wouldn't have to deal with so many needles. This picture was taken en route to the ocean. The picture quality goes WAAAAY downhill from here. I apologize, but frankly, as much as I love you all, I'm not going to wait for a sunny day to get this issue fixed up.


I cut a tail long enough to go around the sleeve about 4 times. Aligning the sleeve with sleeve cap, I started grafting.

10-Begin grafting


There's a great tutorial here, if you've never tried grafting before.


Every few inches, I took a look at the row of grafting to assess the tension.

11-Check tension as you go


It can be ugly, no?


To fix, I just use my tapestry needle to ease the yarn out towards the unworked stitches.

11-Adjust tension


Sometimes I'd go back and adjust a couple times in the same spot, but I never lost my mind over it. The wool content of the yarn should allow me to ease out minor inconsistencies in the blocking stage.


The work went pretty quickly. Here, I'm nearly done.

12- nearly done


What can I say, I rather like grafting.


Once all was done, the work looked pretty much good as new.

13-Fin


Let's close this out with that puppy chaser I promised.

IMG_0084.jpg IMG_0079.jpg

See all the pics from our trip to the beach on Sunday, here.

February 13, 2008

Excel for Charting Simple Cables

While on Ravelry, the other day, the topic of charting cables came up and it occurred to me that I've covered using Excel for; colorwork, pattern writing, simple lace charts, and complex lace charts. But what's this? No cables? Have I been smokin' the wacky tobacky?

Now, cables can get pretty complicated, and there will be times when your design, just can't be visualized with the tools built into a spreadsheet program, but for pretty standard cables, I think I can cover what you need here.

As always, I start by formatting my page.

I've covered this in previous episodes, so browse those, if you aren't sure how to change the size of cells to be more knit stitch shaped.


Our first cable is going to look like this.

This chart would read, if written out:

  • Row 1: P2, *k4, p2* repeat from * to * to end of row
  • Row 2: Knit the knits and purl the purls
  • Row 3: P2, *slip next 2 stitches on cable needle and hold in front, k2, k2 from cable needle, p2* repeat from * to * to end of row
  • Rows 4&5: Repeat row 2
  • Row 6: P2, *slip next 2 stitches on cable needle and hold in back, k2, k2 from cable needle, p2* repeat from * to * to end of row

So those diagonal lines simply represent the stitches being crossed. They may not look exactly like other charted cables, but they convey the intention and the approximate look of the cable.

Continue reading "Excel for Charting Simple Cables" »

May 1, 2008

Creating Schematics in Illustrator

Most images can be clicked for a larger view.

I get a surprisingly large number of questions about schematics so I thought it was time to cover that topic here.

This tutorial is meant to give you some basic skills for creating schematics in Adobe Illustrator or a similar vector based application. There are countless ways to create schematics, this is just how I like to do it. Hopefully, even if you don't have Illustrator, some of my suggestions will be useful for you if you've struggled with making your own schematics. These instructions are written by a Mac user and I am using Illustrator CS2 and CS3. I will try to provide appropriate alternatives for PC in brackets [], but no promises that they will be 100% accurate. Refer to your Help menu, if need be, for PC or older versions of Illustrator.

The first step, of course, is to open a blank document. (Once you've made a few schematics you like, you can start using the ones you've made as a template, which will save oodles of time.) I like to build the schematic to the approximate scale of the sample I am or will be knitting.

Once you have a blank document, go to the Illustrator Preferences [Options] and choose Guides and Grids.

You can use whatever you like for measurements, but I find it useful to start with a centimeter per inch relationship. I set up grid lines every centimeter with 4 subdivisions each, which allow me to get quarter inch increments in my scaled down schematic.

To make your grid visible, type CMND+' [CTRL+']


Continue reading "Creating Schematics in Illustrator" »

May 22, 2008

Excel for Pattern Writing - Part II

Most pictures may be clicked to enlarge.

Since the last tutorial on using Excel for pattern writing, I've refined a lot of how I manage my spreadsheets. I've been playing around with different formulas in Excel to find ways to make pattern writing easier. You know what that means, another tutorial.

Download the spreadsheet and play along at home. I'll be making references to various parts of the spreadsheet so go ahead and open this baby up.

NOTE: The attached spreadsheet is just a sample and contains measurements that may be useful but which may not meet the standards for some publications. You are welcome to use what I have for your own design purposes but it'll be you who has to ultimately support any patterns written from it, so do your research first.

Special notes:
I've used Ysolda's measurement chart as a reference for many of the basic sloper measurements.
I'm using Amy O'Neill Houck's tutorial on estimating yardage to create my yardage estimation formulas.

The goal

So, like last time, I'm just giving you instructions for a basic shell. All the same formulas can be used to build sleeves. Just use this as a starting point.


A rough schematic of what we are shooting for

Continue reading "Excel for Pattern Writing - Part II" »

May 29, 2008

Excel for Pattern Writing - Part III

Most pictures may be clicked to enlarge.

This tutorial picks up where the last tutorial left off and uses the formulas found in this spreadsheet. This tutorial can stand alone but may reference Excel skills covered more fully in previous Excel tutorials. If you haven't used the program much, you may want to review these other tutorials.

NOTE: The attached spreadsheet is just a sample and contains measurements that may be useful but which may not meet the standards for some publications. You are welcome to use what I have for your own design purposes but it'll be you who has to ultimately support any patterns written from it, so do your research first.

Special notes:
I've used Ysolda's measurement chart as a reference for many of the basic sloper measurements.
I'm using Amy O'Neill Houck's tutorial on estimating yardage to create my yardage estimation formulas.

The goal

In the last tutorial, we learned about

  • Rounding
    • Round to a whole number
    • Round to the nearest Even or Odd number or Round, Round Up or Round Down
    • Round to a multiple
    • Round to a multiple plus

In this tutorial, we'll cover

In the final tutorial, we'll cover

  • Calculating finished garment measurements
  • Calculating yardage based on a sample
  • Putting your numbers into MS Word

Continue reading "Excel for Pattern Writing - Part III" »

June 4, 2008

Making a travel case for your spindle

Or how to keep your spindle in good spirits

I love to spindle and love it even more for its portability, but with an unsupported top whorl spindle, even a little abuse to the hook can turn your spindle from a delightful tool into an instrument of frustration.

Before heading out to visit some friends, this weekend, it hit me that I could make a great protective case for my spindle and store enough fiber for hours worth of entertainment.

02-spindleinside.JPG

For as long as I've know Leo, he's been a big fan of scotch. Over the past 7 or so years, we've acquired a few of those sleeves in which some of the bottles are sold. These sleeves are made to protect the glass bottles during shipping, as well as make them easier to stack, and they come in a variety of sizes to suit the different shaped bottles, contained within.

If you happen to know of some non-alcoholic resources for these sleeves, please leave a comment. The basic structure is a firm cardboard tube with a metal base and removable metal lid.

These tubes are generally big enough to store a single spindle as well as some fiber for spinning. Frankly, if you didn't feel like doing anything else, there's no reason you couldn't use the tube, as is, with just the fiber for added cushioning, but you can step it up a notch by adding a loop from which to suspend the spindle.

It's easy and I'll show you how.

Obligatory common sense safety note: Please be careful when working with bangy, pokey, pointy, stabby, drilly, or otherwise ouchie producing implements. Children and inebriated adults should be supervised or distracted with something shiny. Wear eye protection or at least be willing to don full pirate regalia, if things don't work out according to plan.

Continue reading "Making a travel case for your spindle" »

June 7, 2008

Excel for Pattern Writing - Part IV

Most pictures may be clicked to enlarge.

This is the last in a 3-part tutorial covering this spreadsheet, and one of several tutorials on using Excel for designing. There are two previous tutorials in this particular series that combined, give you all the info you need to understand the various fields in the spreadsheet. And that spreadsheet? It's got the raw numbers needed to make this little shell.

NOTE: The attached spreadsheet is just a sample and contains measurements that may be useful but which may not meet the standards for some publications. You are welcome to use what I have for your own design purposes but it'll be you who has to ultimately support any patterns written from it, so do your research first.

Special notes:
I've used Ysolda's measurement chart as a reference for many of the basic sloper measurements.
I'm using Amy O'Neill Houck's tutorial on estimating yardage to create my yardage estimation formulas.

The goal

In the two previous tutorials, we learned about

  • Rounding
    • Round to a whole number
    • Round to the nearest Even or Odd number or Round, Round Up or Round Down
    • Round to a multiple
    • Round to a multiple plus
  • Intro to IF statements
  • Evenly spacing shaping
    • Every X rows Y times
    • Next and every X rows Y times

In this tutorial, we'll cover

Continue reading "Excel for Pattern Writing - Part IV" »

November 26, 2008

Using Photoshop to color your sketches

Most images can be clicked to zoom.

Perhaps you need to submit sketches of a pattern for consideration in a publication, or maybe you are just designing for yourself and want to play with color combinations, regardless of your reasons, you don't need a full set of pencils and markers to colorize your drawings and if you use Photoshop, you change the colors over and over again, without having to do a new drawing. I'm going to cover some very simple techniques, that you can build upon to create your own style.

As with all my tutorials I want to make it clear that I'm not an expert, these are just some suggestions. I don't supply support for these methods and cannot offer instructions for older versions or open source alternatives to the program indicated. I am using Photoshop CS3 on a Mac, but will try to provide PC equivalents when I know them.

And, of course, if you have any suggestions, leave them in the comments. I love learning new tips.

Start your sketch

You may download my original, unretouched sketch here, and play along at home. The final document is available here.

I generally do my sketches on paper. I'm not a fine artists, so I often use catalogs as reference for the way clothing drapes and the correct proportions for the human form. I don't like to actually trace images, because I think this looks too stiff. I prefer to just use the image as a visual reference and draw the images by hand. You should do what produces the best results for you.

In this case, I want to draw a skirt. I looked around online and found this cute number over at the Gap. I lightly drew my sketch with pencil then outlined only the most important features with a thick dark marker.

If you have a scanner, great, scan it. I have one but I generally just take a picture with my digital camera, like I have here. The lighting was atrocious that day, so the paper is pretty dark, but that's totally fine.

Now, open the image in Photoshop.

Continue reading "Using Photoshop to color your sketches" »

May 20, 2009

Creating Colorwork Charts in Illustrator

In a previous tutorial, I have covered making colorwork charts in Excel. Excel is a wonderful option for simple charts because most people have access to and a comfort level with it or to a similar opensource alternative. However, for the persnickety designer, Excel lacks a certain level of precision and flexibility. Illustrator has a steeper learning curve but gives you unlimited freedom in designing your charts and many more options for file formats.

For this tutorial, I'm experimenting with doing videos instead of my usual written out method. I would love your feedback on which you prefer. You'll have to excuse my crummy editing, I'm still finding my way around iMovie.

I'm embedding the tutorials below, but I think you'll find them easier to view in High Quality [HQ] and in full screen, so you may want to watch the videos over in YouTube by clicking these links: Part I, Part II, Part III. If there's a good response to these video tutorials, I'll continue to create them, otherwise, I can go back to my old method.

As always, my standard caveats:

  • There are oodles of ways to create charts. This is one way, not necessarily the right or best way. Play around with the tools you have and adjust as you see fit.
  • I work on a mac and am using Adobe Illustrator CS3. Other versions of Illustrator, on other platforms may work differently. Consult your users manual if needed
  • I love hearing your ideas. If you have suggestions, leave them in the comments.

Download the Illustrator file here. Note: I've converted this file to be compatible with Illustrator 10 and higher.

 

November 27, 2009

Little things make me thankful

After weeks of mostly rain, we have a gorgeous sunshiney day, two antsy dogs and a tank full of gas. We're off to the ocean (can't say "beach" or the dogs will go crazy pants.) Before I go, I wanted to give you a sneak peek of my most recent finished object. I'll have better pictures in the near future, over in ravelry.

SimpleThingswithPups

This project is Mary-Heather Cogar's Simple Things Shawlette. It was exactly what I needed to work on while I wait for yarn to arrive for my next deadline project. I followed the pattern, almost to the letter, except that I omitted one repeat of the garter ridge. I used this bind off to get a good loose edge and it worked a charm.

As a side note, for no real reason whatsoever, except that I have a slightly geeky side, I created a little spreadsheet that can be used to plan out yardage for any triangular shawl that increases 4 sts every other row. You would have to expand the number of rows for longer shawls (like my La Cumparsita) or delete rows for shorter shawls.

Why would you use this? Well, let's say the pattern called for 400 yards of yarn and you have 350. You could use this to determine approximately how many rows you could actually work, without running out of yarn mid-row. Alternately, you might simply like to know when you are actually at the halfway point, or how far through the project you've gotten. Anyway, if you want to play around with it, you can download the file here.

Note: this does not have any information about the shawlette or any other pattern in it, it's simply a tool for calculating stitch counts and yardage in triangular shawl pattern. I am offering this for free for your own use, personal or commercial, but I cannot offer you technical support for this file. It is yours to play with but you will need to understand excel or open office to edit it and I cannot train you to use those programs. If you wish to modify it to be more functional, I would love it if you'd share it with others, and pass along your expertise.

January 12, 2010

Creating Standard Stitch Pattern Charts in Illustrator

It's been a long time, but I've finally added another installment to my Illustrator for Charts series.

Standard caveats: This tutorial is shown on a Mac using Adobe Illustrator CS3. If you are on a different platform or a different version of Illustrator, some steps may be different. I do not offer Illustrator support. If you have any questions beyond what is shown in this tutorial, you will need to refer to your user guide. But, if you have any tips, suggestions, or corrections, feel free to leave them in the comments.

For those who haven't had a chance to view them, there are three very detailed introductory tutorials for colorwork charts. These will give you a strong foundation for building charts in Illustrator and the skills learned there will be applied to this and any subsequent tutorials I do. You can view Parts 1, 2, and 3 if you haven't already.

This next tutorial expands on those skills to create your standard, non-cable stitch patterns charts, including knit and purl, and lace patterns. We'll learn how to make some commonly used stitch symbols using shapes, and the pen tool.

If you would like to download the file I created in the tutorial, I have saved it to be compatible with versions of Illustrator as old as version 10. Download it here. You are welcome to use this file for any commercial or non-commercial purpose.

At some point, I want to conclude this series with a tutorial on cable charts. They are not hard but have a few additional considerations we haven't had in these previous tutorials. If you have any other requests, don't hesitate to let me know, in the comments.

February 2, 2010

Illustrator for Cablework Charts

My final installment of the Illustrator for knitting charts series, is now completed. I think that those of you who feel comfortable with the first two tutorials will find this one pretty straightforward, with just a couple new skills to apply.

For those of you who haven't seen the other tutorials, I highly recommend you watch them before trying this tutorial.

Illustrator for colorwork charts, has all sorts of introductory information on using Illustrator which will be applied through all the subsequent tutorials.
Part 1
Part 2
Part 3

Illustrator for stitch pattern charts, builds off those basic skills and adds custom made shapes.
Watch it here.

Lastly, here is Illustrator for cablework charts where we expand on making custom shapes and build a more complex chart. I've created this last tutorial in High Def so you can enlarge these and really get a good look at what I'm doing.

Part I

Part II

Download the chart I built here and play along at home.

Next up, I'd like to do a tutorial or two on InDesign and features that may be useful to designers. If you have any questions or requests, please don't hesitate to leave me a comment. And of course, any hints or tips you want to share would be great.

July 22, 2010

Creating Schematics in Microsoft Word

A couple years ago, I did a tutorial for creating schematics in Illustrator, which is my preferred method. But I realize Adobe products are expensive and not necessarily easy to learn, while almost everyone has Microsoft Office, or a less expensive or free alternative. This tutorial will walk you through creating simple schematics in Microsoft Word. You may also download the file I created so you can play around with it and use it as a jumping off point for your own schematics. Links at the end of this post.

This tutorial is a two part video tutorial. I strongly recommend you enlarge these to full screen and watch them in high definition, if your computer will allow it.

There are usually a dozen different ways to get the same or better results so play around with the program and feel free to experiment. If you have any tips, tricks, suggestions or questions, leave them in the comments below, I love to hear what you think.

Download a copy of the sample file for MS Office 2008 here
Download a copy of the sample file for older versions of Office here

Check out all my design related tutorials here.

January 17, 2011

PDF Patterns: Files Formats and Sizes

Today's post is going to be a little technical but I hope it will help people choose the best file formats for their graphics, charts and other visual elements in their patterns. As always, this is based on my own experience and the software that I have available to me, on the operating system that I use. Don't be afraid to question any of this and run your own tests. If you are printing your patterns through a professional printer, be sure to ask them what settings and file formats they recommend.

A little background. Skip this if you are in a rush.

In the mid 90s I was working at the Boston Globe in the Advertising Production department and, despite the fact that newspapers may be one of the slowest industries to embrace new technology (ask me about Atex sometime) we had begun to accept PDFs from customers sending in their ads. In the time after x-acto knives and real dark rooms, but before the invention and wide acceptance of PDF technology, departments, like the one in which I worked, kept Macs and PCs running PageMaker, Quark, Illustrator, Freehand and often a few more obscure layout programs, in various versions to accomodate the vast variety of files that might come in from customers. Even if we had the software to open someone's file, we still had to contend with the fonts. Oh the fonts. PC fonts wouldn't run on Macs and vice versa (still the case for most older fonts, but OpenType fonts are now cross-platform), the fonts from Company A might conflict with the version from Company B, already running on that machine, and all of this was before the ad ever hit the RIPs. These were the hurdles we faced in ensuring that the advertiser's ad looked the same when it left their computer as it did when it printed out on that dingy newsprint, a few days later. Even if the advertiser had the forethought to send an EPS file, there was still a strong likelihood that some percentage of the files would have font problems, and worse, once in EPS format, there was little we could do to resuscitate the ad if there were a problem.

I realize to the younger amongst you, that all this sounds a bit old fashioned and silly. One might wonder if I also had to walk six miles, uphill, both ways, in the driving snow, in my bare feet, just to get to work. To you I say, "pull up your pants, get a haircut and get off my lawn."

But in all seriousness, the PDF file format was a huge boon to publishers like newspapers. Finally, an entire ad, built in any program, on any operating system, using any fonts, could be delivered to a printer anywhere and the printed file would look just like it did back at its birthplace. Even the company using Ventura Publisher and their own custom made fonts, was able to get great results from anyone printing their files.

Knit and crochet designers have benefited from this technology too. Not only can we provide customers with a file format that can be opened on just about any computer using, a free application, but we can be sure that the text will look and flow the same way wherever the pattern is viewed or printed. I don't think it's hyperbole to state that, second to the internet itself, the PDF file format is one of the primary reasons it is so easy for independent designers to self publish.

Continue reading "PDF Patterns: Files Formats and Sizes" »

November 26, 2011

Cathedral Windows Hot Pad

Cathedral Windows Tutorial_099

In the short time that I've been quilting I've learned enough to know that I have a lot to learn. I'm still really bad at it but I've been obsessively scouring the internet to bolster my skills.

While I've stuck with simple quilts so far, there's one slightly more advanced quilt that always catches my eye, the Cathedral Windows pattern. The first one I ever saw was here (youtube video). Amazing, right? But jeeze o pete, that's a lot of handwork.

Then I found this tutorial on the Moda Bakeshop site and a whole bunch of the handwork was taken out without losing a lot of what makes the pattern appealing to me. I tried the technique and ended up making this and while I liked it, there were a couple of things about the pattern I didn't love (and I really needed to work on my top stitching).

So based on the techniques I saw online and a few things I wanted to change slightly, I came up with this variation. The one I'm demoing, (shown above) doesn't cut off the edges of the windows around the edge and can be adapted to any size you like. It also has batting behind it, for a little more dimensionality. This could be easily adapted to a table runner, lap quilt or wall hanging. For bags and pillows, you could leave the backing off, if you wanted to.

Supplies

Cathedral Windows Tutorial_001

Fabric

  • 1 - 14" x 14" backing piece (shown in white)
  • 1 - 14" x 14" piece of batting. If you plan to use this as a hot pad, use 100% cotton
  • 1 - 14" x 14" piece of border fabric (shown in Moda Cotton Blossoms 55005)
  • 4 - 9.5" x 9.5" for windows (shown in white)
  • 1 - 5" x 5" or 4 - 2.5" x 2.5" square(s) for window panes (shown in Moda Terrain by Kate Spain in 27092-13)
  • Binding fabric (Shown in...heck if I know)

Other supplies

  • Sewing machine
  • Thread
  • Rotary cutter/ruler/mat
  • Marking tools
  • Pins
  • Hand sewing needle
  • Point turner
  • Iron and ironing surface
  • Hand sewing needle

Optional

  • Basting glue
  • Water spray bottle
  • Spray starch
  • Scotch Guard

All images may be clicked to view them full size.

Continue reading "Cathedral Windows Hot Pad" »

May 24, 2012

Signing Digital Contracts: Creating a Signature

As a freelance designer, I sign a lot of contracts. It's just part of working with businesses on a project by project basis, and about 99% of the time, those contracts come to me as digital files.

I have a fax machine at home, and I could print out my contract, sign it, fax it to the person who needs it, who probably gets their faxes printed out on more paper and then I could wait to get a copy of the version they signed, and file that away, but honestly, that seems wasteful and unnecessarily labor intensive. I'm also partial to storing files digitally so the paper workflow is not ideal. I have enough unsorted clutter in my house.

As a side note, while I'm posting this as a knitwear design tutorial, it really is just a useful thing to know in general. This skill was invaluable when we were buying a house, and again when we refinanced. If you are applying for jobs, filling out contracts, or signing any file you receive digitally, you can use the methods I'll be covering.

In this post, we'll be covering the creation of a reusable image of your signature. Because I'm not completely out of my gourd, I am going to be using a signature of my nom de rien, Lady Awesome Pants, as opposed to my actual real signature, which someone might want to use for nefarious reasons.

In the following posts, we'll discussing using the image to sign your contract.

If you want to play along with the home game, you can download the signature, a sample Microsoft Word contract and a sample PDF contract by clicking the links. You can also download the unretouched scan of the signatures, here.

For this step, you'll need:

  • pen
  • paper
  • scanner or digital camera
  • Adobe Photoshop or photo editing software of choice*

*I'm using Adobe Photoshop CS5 on a Mac. If you are using a different photo editing software, you may need to refer to your user's manual.

Find yourself a good, medium point, dark (preferably black) ink pen and a clean piece of paper (no lines, no show-through from anything printed on the other side) and write your name and/or initials a bunch of times. Try to do this on a surface that's not too hard, a catalogue under your piece of paper works nicely. Press firmly as you sign. You don't want a light whispy signature, you want something clear and legible.

signature samples
Signature Samples

Once you know you have at least a few examples that you like, get ready to scan your page. I usually scan the whole page. Sometimes, it's not until after you've cleaned up the scan, that you can tell which signature will work best. I like to scan at a high resolution, in grayscale, to ensure I get all the detail I need with no unnecessary noise.


Scanning settings

If you don't have a scanner, you can photograph your signatures with a digital camera, just make sure you do so in good, natural light, on a background that won't show through your paper and that the signatures are in focus.

Depending on your scanner, your digital camera, the lighting, and whether or not you fed your Mogwai after midnight, your digital file may be too dark or too light or otherwise somewhere short of perfection.

Note: If you scanned or photographed your signature in color, convert your file to Grayscale by going to IMAGE | MODE | GRAYSCALE before proceeding.

Scan
This raw scan is not living up to its full potential

In Photoshop, go to IMAGE | ADJUST | LEVELS

This will bring up a set of sliders that will allow you to clean up your scan. Bring the black triangle as close to the white triangle as possible. That will make everything on the page either pure white or pure black and remove all shades of gray. Play around with moving them more to the left and more to the right. One direction will make your lines appear thicker, the other will make them thinner.

adjust levels
Adjust Levels

Next we'll convert the mode to Bitmap. Your image must already be grayscale for this option to be available. If it's not grayscale, convert it now. Bitmap files are made up of only black and white pixels, no shades of gray, no color. This is a good format for pixel based logos and line art. Additionally, many programs, like InDesign, Quark and other desktop publishing applications, will view the white pixels in bitmap images as transparent, which can be useful with signatures that are supposed to sit on a line. You'll see how this works in the InDesign portion of this tutorial, to come at a later date.

Go to IMAGE | MODE | BITMAP

 

Convert image to Bitmap
Change Mode to Bitmap

Choose 50% Threshold from the Method drop-down. I like a resolution of about 1200 dpi. I would avoid going below 1000 dpi.

bitmap settings
Settings for conversion to Bitmap

If you adjusted your Levels properly, you won't notice much change in your file. If your signature looks too washed out or too blobby (technical term) after conversation, that means you didn't adjust your Levels slider to be close enough together. Simply undo and adjust your Levels further.

If you are happy with the results, you can crop your image so that you only have your favorite signature visible.

cropped signature
Cropped

Save your file as a TIFF.

Save as tiff

You might be thinking, "But Marnie, what is this TIFF madness of which you speak? Why can't I save it as a JPEG?"

JPEGs do not support the BITMAP format because JPEGs are always, RGB (color) images. So all that work converting to a bitmap, to make a good quality piece of line art, will be lost. It will still work well enough, but if your image software supports Bitmap and TIFF format, that's the way to go.

That's all there is to it. You now have a lovely file of your own signature, that you can use to sign digital files.

In the next tutorial, we'll talk about using the file to sign Microsoft Word documents and in the third and final installment, we'll use this file in InDesign and talk about adding typed text to PDF forms.

May 25, 2012

Signing Digital Contracts: Adding your signature to a MS Word File

This is part two of a three part series on adding your signature to digital files. In the first part, we discussed making a TIFF of your signature. In this part, we'll discuss adding your signature to a contract, if it's sent to you as an editable Microsoft Word file.

If you want to play along with the home game, you can download the signature, a sample Microsoft Word contract and a sample PDF contract by clicking the links.

For this step, you'll need:

*I'm using Microsoft Office 2008 on a Mac. This should work in programs like Open Office, Pages, or other word processing programs, but the individual steps my vary. You can refer to your help menu or user manual for more guidance.

Before we get started, let me just say that word processors are called, "word processors" because they are meant to, um, process words. I know, obvious. But the point is that word processors are not layout design tools. They support including images and spreadsheets and flow charts and various and sundry other bells and whistles, but just as you'd want to track your businesses expenses in Excel, not Word, you need to accept that Word manages layout design duty the way Carrot Top manages his face (it ain't pretty.) All this is to say that while Word does an acceptable job of allow you to plop your signature into a document, it's not an ideal solution. Personally, if it's an option, I'd rather save the document as a PDF and use the method I'll be outlining in the third and final portion of this tutorial. But it's good to know these skills, regardless, so I'm covering them here.

Begin by opening your contract in Microsoft Word.

Place your cursor where you'd like to place your signature and go to INSERT | PICTURE | FROM FILE

import image
Insert picture

Navigate to your signature and double click it.

Note: If the image is grayed out, it means the signature is a file format your word processor doesn't support. Word is pretty accommodating, open source alternatives may be more restrictive. If your image file format is not supported in your word processing program, open your signature in your photo editing software and save it as another file format. JPEG should work fine for this purpose.

Your image will now appear somewhere near where your cursor was. It has probably caused portions of the page to reflow, move or shift in some aesthetically unpleasing way. Depending on how the page is formatted, it may look acceptable or it may look more like the example below.

signature on the paeg
Image imported

Double click the signature to pull up the Format Picture dialog box. Your dialog box may look different than the image below. Look along the left side and choose the LAYOUT option from the list.

format picture - layout
Format Picture Layout options

From the Wrap Style icons, choose IN FRONT OF TEXT. When you make edits, in the dialog box, you'll see changes happening on the page. Do not be alarmed if your picture jumps around even if it's not in you view at that moment. Click OK to continue.

Find your signature on the page. Mine jumped down to the bottom. Remember what I said about Word being a not-good tool for layout? This is a good example. Why changing the wrap should send the image hurtling to the bottom of the page is beyond me, but there it is.

free range signature
Signature on the loose

Move your cursor over the signature, click it and drag it into position. In Word, I place it just above the signature line so that it doesn't overlap. You can drag the corner of the signature, holding down your SHIFT key so it doesn't distort, to adjust its size on the page.

moved and resized
Signature in the right place, at the right size

Depending on how your contract is formatted, the underlines may be created by applying an underline style, adding an underline to a tab stop or by typing an underscore repeatedly. I find the last used most often so that's what's in our sample contract, but in any of those cases, you'll probably need to include the date and your name somewhere. Unless someone has made an interactive form, there's really no pretty way to handle this short of reformatting someone else's file so I usually just settle for the"good enough" solution that follows.

Select enough underscore characters to accommodate the date. If you are using a MM/DD/YY type format, you won't need to select many characters. If you are using the FULLMONTH DAY, YEAR format, you may need to select the whole line.

select the line where the date goes
Selected underscores

Type in the date. If you removed too many underscores, you can simply type additional ones in. If you didn't select enough underscores and some have jumped to the next line, just delete them.

Repeat this process for your name.

do the same for your name
Add your name

And that's it!

You can email your contract back as is, or save it as a PDF if you prefer. Personally, I'd rather send a PDF which can be locked so that the signature file cannot be reused. It's not a foolproof plan but handing a high quality picture of your signature off to someone you barely know, just seems a little unwise.

May 26, 2012

Signing Digital Contracts: Adding your signature to a PDF in InDesign

This is part three of a three part series on adding your signature to digital files. In the first part, we discussed making a TIFF of your signature, in the second part, we added that signature to Microsoft Word. In this part, we'll use InDesign to add our signature to a PDF. We'll also learn about filling out forms in InDesign.

If you want to play along with the home game, you can download the signature, a sample Microsoft Word contract and a sample PDF contract by clicking the links.

For this step, you'll need:

  • the digital version of your signature that we made in the first tutorial
  • sample PDF contract
  • InDesign*
  • A rudimentary understanding of InDesign and it's most basic selection and text tools

*I'm using InDesign CS5 on a Mac. This should work in other desktop publishing programs, including Scribus, a free open source alternative, but the individual steps my vary. You can refer to your help menu or user manual for more guidance.

For the sake of simplicity, I'm going to opt for the least technical explanations, I can. Most steps have a keyboard shortcut equivelent, but I'll tell you where the option is in the menus, and I will describe tools by how they appear, not necessarily by their technical name.

Open InDesign and create a new document. You will want to have the same number of pages as there are in your contract. Set your margins to 0 and make sure your pages are the same size as your contract. Contracts from Europe will likely be on A4 sized pages. Contracts from North America will likely be on Letter sized pages. That's pretty much the extent of my default paper size knowledge. Since you don't need to print anything out, it doesn't matter, your digital file can support either or both sizes, if you like.

New document dialog box
New document dialog box

 

The next step is to place your PDF. Go to FILE | PLACE and navigate to the PDF of your contract.

place
File | Place

 

IMPORTANT: click the SHOW IMPORT OPTIONS check box before proceeding.

Show import options
Show Import Options

 

This will bring up a set of import settings. Choose to import ALL the pages and set the "Crop to" drop-down to "Media".

import settings
Import settings

 

Your cursor will change, giving you a tiny thumbnail of the first page of the contract. Click in the upper left corner of your page to place the first page of the contract. If you have multiple pages to your contract, the next page will now be loaded into your cursor and you can place it on the next page of your InDesign document. Continue this process until all pages have been added.

place contract pages
Contract is now placed in InDesign

 

Note: The default setting in InDesign is to show a low resolution preview of the PDF in InDesign. This is not reflective of the actual quality of the file. The quality is determined by the original PDF and whatever export settings you use when you make the signed version of the PDF.

 

Navigate to the point in the document where your signature should appear. Go to FILE | PLACE, as we did above.

Select your signature file but turn off all the check boxes that were turned on before. We do not want import options and we do not want the signature to replace any selected images.

select signature file
Find your signature and turn off import options

 

Your cursor will now be loaded with the new image. If you just click, anywhere on the page, the image will appear, or you can click and drag a box that matches the size you want your image to be. Either method will work but the latter will save you the step of having to resize your signature.

place signature
Place your signature

 

With the black arrow tool selected from your toolbar click the signature.

select signature
Select signature

 

And drag it into place or nudge it with the arrow keys on your keyboard. Even though the black signature is on a white background, if you created a bitmap TIFF file, InDesign will treat any white pixels as transparent, so your descenders can dip below the signature line.

signature in place
The signature in its place

 

That's pretty much it for adding an image. If that's all you need to do, you can skip ahead to the end, where we make a PDF to send.

If you have text to add to the page, you'll need to select your standard text tool from the toolbar. Use this to draw a box over first space requiring text.

create a box for the date
Use the text tool to create a text frame

 

Type in the relevant text. If, after typing in the text, the frame is blank or the text cut off and you see a little red plus sign, that means your frame is too small to hold the text. Use your black arrow to resize the frame.

With your text frame still selected, go to OBJECT | TEXT FRAME OPTIONS to modify your text frame.

Text frame options
Modify the options for your text frame

 

The default vertical alignment is TOP. From the drop-down, choose BOTTOM. This step is totally optional but it makes it easier to align items to a visual baseline.

Change the vertical alignment
Set vertical alignment

 

If you were about to fill out a bajillionty page contract or job application, and you wanted to save yourself a few moments, you could use this opportunity to define the current text frame settings as your default text frame settings. That's a bit out of the scope of this tutorial, but the options for defining object styles are in the Object Styles Palette, which look a little like this.

The vertical alignment change will push your text to the bottom of the text frame. It will look something like this.

vertical align bottom
The date is aligned to the bottom of the text box

 

You can nudge the text frame so that it is as far above of the line as you find visually acceptable.

nudge text frame
Nudge text frame into place

 

To quickly create a second text frame with the same attributes, hold down Option (Mac) or Alt (PC) button and click and drag on the text frame. This will create a copy of the text frame, leaving the original one where it was. Drag or nudge it into its final position.

Option/Alt drag the text frame to make a copy.
Create a second text box

 

Double click on the frame to edit the text or switch to your text tool, and then modify the text.

change the text
Update the new text box

 

Continue in this manner until you've filled out all the applicable information and signed in all the indicated spots.

The only step remaining is to create a PDF. Go to FILE | EXPORT. A dialog box will appear. Choose Adobe PDF (Print) from the Format drop-down list.

Choose PDF
Choose PDF from the drop-down

 

Name your PDF and click Save to complete the process.

give your pdf a name
Save your PDF

 

That's it! Your contract is ready to email back and you have a signed digital copy for your records.

I may actually add a part 4 to this 3 part series. Microsoft Word does allow the placement of PDFs and you could do a hybrid of the two methods to sign a PDF in MS Word. This would work well for people who do not wish to invest in buying and/or learning a desktop publishing application.

January 10, 2013

Can we grep about Photoshop

This is sort of a strange blog post as it's not really knitting related, has no puppies and addresses an obscure problem that most people will never have, but I'm of the mind that if I know how to fix a problem I've had, there's bound to be someone else out there with the same problem so I might as well share.

Our website's online ordering application accesses files stored in a series of folders. Within the folders, all the naming conventions are the same. The folders themselves are all numbered, though not sequentially. We had 1000 folders and within each folder is an image called, "sample.jpg" and each of those images is a preview of the product being sold, so they are all different. We wanted to open all those files and use Photoshop's Save for Web function to optimize them. However, Save For Web doesn't remember the image's source folder. It remembers the last place Save For Web saved to, which means if you were to batch process the images, each would overwrite the last in some common folder. Even if we numbered the images, sequentially, they wouldn't match up with their folder number since the numbers all jump around. Any solution I could think of ended up being pretty labor intensive with plenty of chance for error.

I posted on the Adobe Forums and got bupkis.

I figured I had nothing to lose and posted on Facebook. A few hours later, a friend in Australia had a solution for me.

I decided to do up more detailed instructions, suitable for someone who has never worked with unix, grep, or scripting before. You can download the instructions and sample files from this page. Please note that these are Mac specific instructions. Pretty much everything should translate to some sort of PC equivalent, but I'm not the person to help you sort that out.

I could see this being handy for anyone who has a lot of image files on their site that they might want to resize or optimize, quickly.

If you think any of this would be useful, feel free to download the files and don't hesitate to let me know if you have any tips, corrections or suggestions.

October 3, 2006

Achieving a balanced plied yarn on a spindle

I've been spinning a little bit here in India and it got me thinking about creating a balanced ply. I've had pretty good success doing this on a spindle and I thought I'd share the method I like to use.

I like to think that my spindle has seen more sights than most.

Once you've spun your singles, you are ready to ply. I like to use the andean plying method but this works just as well from two center pull balls or from two ends of the same center pull ball.

Begin to ply your singles until you are ready to wind them onto the spindle.

Here's a two ply, but how do I know if it's balanced?

Holding both ends of the plied section in place, bring your two hands together and watch the way the yarn reacts. Pay close attention, you need to note which way the yarn twists, if it twist at all.

The yarn may twist around itself clockwise

Or it may twist counter-clockwise

If the yarn twists back on itself, you will need to drop your spindle and twist it in the SAME DIRECTION as the yarn twisted around itself.

This is the key. Note how many times it twisted back on itself and use that as a gauge for how much you will need to correct it. After attempting to correct the twist, do the same test again. Your goal is to have the yarn hang straight down, no matter how close you bring your hands together. The results should look like this.

It may take a little while, but with patience you will achieve this result.

After a couple of sections, you will begin to get a feel for just how long you need to let the spindle spin to get a balanced yarn. At that point, you will not need to check each section before winding on to the spindle. Instead, you can do spot checks occasionally as you ply the remaining yarn.

That little extra effort yields beautifully balanced yarn.

66 yards of perfectly plied A Type Pygora lace weight yarn.

I hope this tutorial is helpful to those of you who haven't been happy with your spindle plied yarn. And for those of you who are advanced spinners out there, feel free to leave your recommendations in the comments.

September 30, 2006

Pre-drafting stubborn fibers

I miss El Matchador but I'm rekindling my love for my beautiful little spindles while I'm here in India.

I've noticed that there is a wave of knitters taking up spinning lately and so I have a couple of simple tutorials I plan to post while I'm here, to help the newbie. I'm sure these are "well duh!" items for most people but they have been useful for me so perhaps they will be useful to others.

Today's tutorial will be on pre-drafting fibers that are being a bit stubborn. If you don't know how to pre-draft yet, there are a couple videos here. The process involves separating your roving into strips then gently tugging the fibers, lengthwise, to loosen them up.

I'm spinning some pygora right now, on my 0.9 ounce Golding spindle. The pygora is prepared as a pencil roving, meaning you do not need to separate the roving into separate strips as it's already thin enough.

Pygora spins up beautifully when properly pre-drafted

However, this particular batch has some areas that are a wee bit hard to pre-draft. I think areas have matted ever so slightly in transport, making them impossible to pre-draft the normal way. The solution is as follows.

Break off a length of roving to your liking. I prefer a couple feet of roving, many other people prefer a shorter, more manageable length. Do what you like best.

Attempt to pre-draft as you normally would.

Excuse the awkward photo, I only have 2 hands and no tripod. Imagine I was trying to do that with both hands.

To loosen the fibers, begin stretching the roving side to sides. Gently part the fibers, starting at one end and working up the length of the roving.

When you hit the matted area, spend extra time carefully releasing the fibers. Remember, you don't want to break any of the fibers, just loosen them up.

When you have worked the entire length of the roving, you have something that looks a little like this.

I then like to tug the roving, very gently, lengthwise. This not only makes it a little easier to handle, but it allows you to pre-draft it a little more.

Again, this should really show me doing this with two hands.

When you are all done, you can wind it around your distaff (if you have one) or, as I prefer to do, make a little bracelet out of the fiber, by winding it around your hand.

The finished roving looks like this:

Now just spin spin spin.

Next tutorial will be on achieving a balanced two ply on your spindle.

January 3, 2007

Tutorial - Speeding up your long tail cast-on

This is more of a mini-tutorial, as it assumes you are already well acquainted with the long tail cast on. Many of you may already know this little tip but I'm posting it for those who may not.

Because I know that not everyone has QuickTime, I'm loading two different versions, one is a video, which is more complete and the other is an animated GIF which should be viewable in almost all browsers and is better for people with slow connections.

For the QuickTime movie, click the image below

What I'd give to have someone do my voice overs for me :oP

If you prefer an animated GIF, click here.

Each frame should display for about 3 seconds and the whole movie should loop if you need to watch it more than once.

February 22, 2007

Tutorial - Using Excel to design colorwork

This entry has also been posted at the Create Along

Today, my intrepid reader, I hope to offer you some tips on using Microsoft Excel for designing colorwork. This will be a long and picture heavy post, so I hope you'll bear with me. Later, I will do a tutorial on designing stitch pattern charts in Excel. I am currently using Excel X for the Mac. I will do my best to provide instructions that can be used cross-platform and with older versions of the software, but your results may still vary. I've enlarged the cursors throughout, to make the actions more obvious and most of the images can be enlarged by clicking on them. Still, if you hit a snag, just drop me a comment or email and I'll try to help you out.

Many moons ago I bought a cute fair isle sweater. It was inexpensive but very cute, fit well was exceedingly warm. Unfortunately, she found her way into the wash and was never the same.

Sweater I bought and subsequently sent through the wash

Having escaped the drier, the sweater still fits but the fair isle portion pulls in and causes a weird a-line shape to the piece that is no longer flattering. I've been thinking I would like to reknit it, someday, using the same pattern, but perhaps some different colors. Excel can be a fun way to play with this idea.

Continue reading "Tutorial - Using Excel to design colorwork" »

June 28, 2007

Using Excel to aid in writing multi-sized patterns

This entry also posted at the Create Along.

Download the spreadsheet and play along at home.

It's been a while since I've done a tutorial and seeing as I use this technique all the time, it's about time I shared it with all of you. This also makes me feel better about the fact that I do not have any updates on my CAL project to post, as my deadline pieces are all keeping me busy.

NOTE: The attached spreadsheet is just a sample and contains measurements that may be useful but which may not meet the standards for some publications. You are welcome to use what I have for your own design purposes but it'll be you who has to ultimately support any patterns written from it, so do your research first.

The goal

Excel can be used to help you organize and plot your final pattern. Unfortunately, it can't do all the dirty work, but you can find yourself being a bit more consistent, if you let the program do your calculating. If you plan to submit your patterns for publication, providing a spreadsheet with all your work can be of great help to the tech editor. Doing so, may make logic errors more obvious and allow for faster editing.


A rough schematic of what we are shooting for

Continue reading "Using Excel to aid in writing multi-sized patterns" »

July 10, 2007

Switching horses mid-stream

While I'm really excited about my current project for Stitch Diva, this particular stretch of the piece has dogged me. I originally calculated and cast on for this section on Saturday, while watching The Queen and enjoying a glass of wine. After more than 25 years of knitting, you'd think I'd know that I needed a little more focus than that, to calculate a pattern. I'm obviously a slow learner. I cast on 250 stitches, using the long tail cast-on, (my personal favorite for it's speed,) only, BAH, not enough tail.

So I ripped, and cast on again and made it. I knit my 250 (give or take) stitches for 20 rows, during the movie, and a bit the following day, before realizing that my calculations were off. Oh, yes, there was ripping.

lotsofstitches.jpg

I focused myself on my calculations. I checked my work, and cast on again. After three tries, to get the cast on tail the right length, I nearly chucked my work out a window. Less stubborn knitters than I might have tried a couple of alternatives, such as:


  • A knitted on or cabled cast on, which requires no tail.
    Vetoed because I find it so dreadfully slow to do, I'd rather rip the long tail out forever and redo, like Sisyphus rolling his boulder up the mountain.

  • Long tail cast on worked from both ends of a center pull ball.
    Vetoed because it means another end to weave in. Also vetoed because of the aforementioned stubbornness.

  • Actually note the length of the tail for the failed cast on and extrapolate the needed additional length from there.
    Vetoed because I'm stupid.

But, all stubbornness and stupidity aside, I nearly did admit defeat and put the item in temporary time-out, until I realized that the cast on will be completely concealed with crochet. There is no way anyone is going to be able to see it. This gave me an option, when I realized I was about 50 stitches short of my goal. When I was left with a sufficient tail to weave in the end, but not enough to complete the cast on, I switched to a knitted on cast on.

switch_castons.jpg

This puts a little tail in the middle of the cast on. To the right of the tail, in the image, is the long tail cast on, to the left is the knitted on cast on.

Here she is, really close up

caston_cu.jpg

Personally, I would never do this if the cast on would be visible. There's a pretty noticeable difference and it would irk me even if no one else ever noticed. But since this baby will be obscured by crochet, there's no harm, no foul and my sanity is preserved.

August 3, 2007

Using Excel to create simple lace charts

Cross posted at the Create Along

People run pretty hot and cold, when it comes to the topic of charts. Personally, I'm a big fan of them, and when it comes to lace, I find it nearly impossible to work without a chart. If you saw my knitting notebooks, you'd see that, no matter how simple or complex, I always chart my lace patterns out. If you enjoy working from charts or if you ever need to create a chart for a pattern, you can produce good clean results with spreadsheet software like Excel. I've created several tutorials in the past, which you can access here. This tutorial will use some of the same techniques I've covered in Using Excel to design colorwork and Using Excel to aid in writing multi-sized patterns. If you haven't seen those tutorials and you aren't comfortable using a program like Excel, I suggest you browse them to get the basic concepts of working in Excel.

The lace

I've chosen a very simple lace stitch pattern, designed by Dorothy Reade, which I'm using in Donna Druchunas' upcoming book.

key.gif

Here are the verbose instructions.

Multiple of 6+7
Foundation row: k1, *kbl, yo, ddc, yo, kbl, k1* repeat to end of row
Even numbered rows: Purl
Row 1: ssk, *yo, kbl, k, kbl, yo, ddc* to last 6 stitches, then, yo, kbl, k, kbl, yo, k2tog
Rows 3, 5, and 7: ssk, *yo, k3, yo, ddc* to last 6 stitches, then, yo, k3, yo, k2tog
Row 9 and 13: k1 *kbl, yo, ddc, yo, kbl, k1* repeat to end of row
Row 11: ssk, *yo, kbl, k, kbl, yo, ddc* to last 6 stitches, then, yo, kbl, k, kbl, yo, k2tog

These instructions could be compressed even further, as the foundation row, 9, and 13 are all identical and 1 and 11 are identical. Even so, I find it hard to use these instructions to visualize what I'm doing. I also find that it takes me longer to memorize a lace pattern if I can't see it charted out.

Set up your workspace

Select all the rows and cells in your Excel sheet and adjust the size of the cells to mimic the shape of a knit stitch. If need be, refer to the colorwork tutorial for more information on how to do this.

Based on the verbose instructions, I see that the +7 is made up of one stitch at the beginning of the row and 6 at the end and that there is a foundation row and 7 public side rows. Because I know this, I can number my rows and add grid lines.

If you can't determine this from reading the instructions, just begin charting your lace, and go back add the row and stitch counts and your grid lines, later.

Inserting the first row of symbols

Foundation row: k1, *kbl, yo, ddc, yo, kbl, k1* repeat to end of row

There is no need to download fancy schmancy knitting fonts. You can communicate with your standard set of characters. See the key above, to see how I've translated the stitches to letters. Use characters that will make sense to you. I like a blank stitch for knit, "t" for "twist," "o" for "yo," and slashes and a carrot for the decreases. Don't like that? Do something different. I won't hate.

The first row with a modified last repeat

Row 1: ssk, *yo, kbl, k, kbl, yo, ddc* to last 6 stitches, then, yo, kbl, k, kbl, yo, k2tog

The first row in which we have a reason for those extra 6 stitches at the end. While the main pattern repeat requires a double decrease, the first and last decreases of the row will be single decreases. You will be able to see this more clearly when we get to the end.

Convert remaining rows to chart format

Complete the pattern as indicated in the verbose instructions. Whenever I can, I like to copy and paste, duplicate stitches and rows. Do whatever works best for you.

Double check your work, going stitch by stitch from text to chart.

The end results are neat and clean, but would probably cause confusion. It's not clear where the pattern repeats begins and ends.

Outline the repeat

Select the stitches that make up the repeat. In some patterns, this is very intuitive based on how the pattern is written, but some patterns are harder to distill down to a repeat, especially those where the location of the repeat shifts for one area to another. Lucky for us, this pattern is expressly written to make the repeat obvious, it's everything between the two asterisks [*]

Just select the stitches you want to outline, and choose a thick border to outline it. You can choose a custom border by going to the FORMAT menu and choosing CELL.

Shading for clarity

Finally, to make the repeat really obvious, shade everything that only gets worked once per row. This makes the repeat really clear and visually indicates the secondary elements.

I think that you'll find that many lace and knit/purl stitch patterns can be worked up this way. Have fun with it.

In the next tutorial, I'll cover doing more complex lace charts and discuss the ever-confounding "no stitch."

August 7, 2007

Using Excel for Complex Lace Charts

Cross posted at the Create Along

This tutorial is the 4th in my set of Excel tutorials. You can see the others here:

And, if you happen to have any tutorials of your own, please let me know.

In my last tutorial, I cover creating simple lace charts in Excel. Today, we'll approach a more complex lace pattern and introduce the no stitch. The lace pattern, I'll be covering, is most of the Peri's Parasol pattern I used in Chapeau Marnier.

What is a "no stitch"

More than any other single question, I get this most of all and I think it boils down to a lot of over thinking from the knitting community. Often, people ask if it means a stitch should be slipped. A no stitch, in fact, simply means there is no stitch in that spot. Some lace and cable patterns, change stitch count from row to row. The chart can be made a little more intuitive by distributing the stitches in a logical manner and spacing them with "no stitch" blocks. Generally, when using a "no stitch," one should format it in such a way that it can easily recede from focus. I usually shade mine in gray or black.

Format your spreadsheet

I begin, as always, by adjusting my cells so that they are approximately stitch like in proportion. See the tutorial on colorwork for more information about this step.

 


 

Select all the cells, go to the FORMAT menu and choose CELL


 

Set the alignment to be centered both horizontally and vertically. This will ensure your symbols are centered. Set your font size and add borders to all your cells.


Continue reading "Using Excel for Complex Lace Charts" »

September 14, 2007

Photoshop Tips I - Contrast and Color with Curves

Most images can be clicked for a closer view

A little caveat before we begin. I'm not a color correction expert, though I do need to know the basics for the work I do. Most of what I've studied has been for print, not for web, though many of the concepts remain largely the same.

Furthermore, images look really different on a Mac than they do on a PC. Most people are on PCs and I'm on a Mac, so while may think a picture looks good on my screen, you might not.

And that brings me to the last point. A lot of color correction is subjective. There are some things that are fairly universal. For instance, a light color cast to an image is usually apparent to most people. but the perfect amount of contrast and brightness may be different depending on personal preference, age and monitor. Did you know that many people's vision yellows slightly with time? Older monitors will often display color much differently than newer models, as well, so there are a great many factors that can impact how you view an image.

Some basic stuff that makes me sound like I know what I'm talking about

While there are quite a few different color spaces, the two you are most likely to deal with and work in are RGB [red, green, blue] and CMYK [cyan, magenta, yellow, black]. RGB colors are those that display on monitors. It's the means by which light produces color. CMYK space is what your home printer generally uses (though some contain additional colors to produce a wider range of shades). If you are familiar with the old color wheel, containing primary, secondary, and tertiary colors, you understand the basics of how CMYK colors work. While the primaries are a little different (not red yellow and blue, but cyan, magenta and yellow,) the way in which colors combine remains largely the same. Add the right amount of yellow the right amount of cyan and you will get shades of green. RGB works in the opposite manner. In RGB, when you have 100% of each color, you get white. Do the same in CMYK you get black. Most of us find this counter intuitive, but when you are making your edits you should not switch to CMYK and back to RGB. You must learn to modify your colors in RGB if you wish to maintain the detail of your image.

I've made this little graphic to help you understand how the RGB colors relate to the CMY colors (don't worry about black)

There are 6 color swatches below. every other swatch is an RGB shade and the alternate are CMY colors. Colors located across from each other are related. When working in RGB, reducing the amount of the RGB shade will increase the CMY shade. For instance, let's say your image has a red cast to it. In some images, this might be interesting, but if you are photographing a lush summer landscape in the day, the red cast will make your gorgeous greens look muddy. Reducing the amount of red in the image will make those greens pop.

So how do you apply this novel bit of trivia? Well, I'm glad you asked. (You asked, right?) I apply this, most frequently in the CURVES dialog box.

Continue reading "Photoshop Tips I - Contrast and Color with Curves" »

September 17, 2007

Photoshop Tips II - Levels and Histograms

Most images can be clicked for a closer view

In our last tutorial, we discussed Curves. Today we'll be talking about Levels. Levels can be used in the exact same way as Curves, though the interface is a little different. The cool thing about Levels is that you can actually see a visual map of your image and the colors displayed within.

As with the last tutorial, all the caveats still apply. Your mileage may vary. I'm no expert, blah blah blah, color correction is subjective, etc.

I've chosen a photo and opened the Levels dialog box by going to the IMAGE menu, to ADJUST and choosing LEVELS. You can also access this option by pressing [CTRL+L] or [CMND+L], depending on your computer platform.

 

This picture of Thea seems a little dark in the three-quarter tones (those between the middle and shadow tones). Her face, next to the couch, seems a bit muddled and lacking in detail. When I pull up the Levels palette, I see my impression confirmed. Let's take a closer look.

Click image to see the tonal ranges

Here we see a graph of the distribution of pixels. On the left, indicated by a black slider, is the shadow area of the image. This image has a large majority of its pixels between the midtones and shadows. At the far right, the highlight point shows absolutely no pixels. We don't have any pure white in this image.

From the Layers palette, I can move those sliders, under the graph, to adjust the tones in the image. We have two sets of sliders we can move. The top set of sliders consists of three tonal ranges. On the left, shadows, in the middle, midtones, and on the right, highlights.

The bottom set of sliders has just a shadow and highlight slider.

Continue reading "Photoshop Tips II - Levels and Histograms" »

November 17, 2007

A ripable offense

Life here on d'nile is certainly lovely, don't you think?

Uhgh, so I thought I was in the home stretch on my garment for Donna's book. I was just picking up the stitches around the neck and front, and counting to make sure the piece had the same number of stitches on both sides.

The signs were there all along. It should have seemed odd that I had trouble picking up the same number of stitches on both armscyes. And it probably should have piqued my interest that I was having a little trouble blocking the fronts evenly. But apparently, I can be pretty resistant to the signs of reality.

01-Identify issue

You see those two stitch markers? They should both be the same distance from their respective shoulder seams.

The piece is knit seamlessly, which means that the sleeves are picked up and knit down from the armscyes. So in order to rip out the extra rows on the front section, I first thought I'd have to rip the entire *sob* sleeve out.

But I gave myself a few minutes to think, and realized there is another option.


O2-assess options

I decided to cut the sleeve off, just under the sleeve cap, and rip only the sleeve cap out. Once the front is fixed and a new sleeve cap knit, I'll graft the two parts together again.


03-safety net

I'm using a yarn with a fairly high wool content, and it tends to felt, every so slightly, to itself. I knew that unraveling would require some tussling and I didn't want to drop stitches on the sleeve, so I inserted a smaller gauge needle into the row of stitches that would remain live on the sleeve.


04-OMG cut

I made a small noodly prayer to the Flying Spaghetti Monster, and snipped.


05-no turning back

No turning back now.


06-unravel

Now it's just a matter of unraveling along the sleeve cap side.


07-catch mistakes

If you missed a stitch, just grab one of those locking stitch markers, and clip it on. In my case, didn't pick up stitches on the spare needle, in a straight line. I was offset by a row for a few inches. Once I realized, I secured the loose stitch, eased out the needle and re-thread it through the correct stitches.


08-pieces separate

The sleeve will be secured on the needle, when you are done, and you can unravel the remaining sleeve cap and reuse the yarn.

Oooh, I'm halfway there.

I'll let you know how the reknitting and grafting go.


And on that note, I need a pup fix.

panda in front of thea.jpg

November 20, 2007

Hey everybody, you're invited to a grafting party.

With puppy chaser at the end.

I recently posted the shameful state of a piece I was working on, for a book. When last we saw this project, I had detached the sleeve, from below the cap, held it on a spare needle and ripped back the sleeve cap, so that I could remove the extra rows from one of the front sections of the garment.

After fixing the front, I picked up and reknit the sleeve cap.

09-Sleeve Cap Reknit


I moved the live stitches to circulars so I wouldn't have to deal with so many needles. This picture was taken en route to the ocean. The picture quality goes WAAAAY downhill from here. I apologize, but frankly, as much as I love you all, I'm not going to wait for a sunny day to get this issue fixed up.


I cut a tail long enough to go around the sleeve about 4 times. Aligning the sleeve with sleeve cap, I started grafting.

10-Begin grafting


There's a great tutorial here, if you've never tried grafting before.


Every few inches, I took a look at the row of grafting to assess the tension.

11-Check tension as you go


It can be ugly, no?


To fix, I just use my tapestry needle to ease the yarn out towards the unworked stitches.

11-Adjust tension


Sometimes I'd go back and adjust a couple times in the same spot, but I never lost my mind over it. The wool content of the yarn should allow me to ease out minor inconsistencies in the blocking stage.


The work went pretty quickly. Here, I'm nearly done.

12- nearly done


What can I say, I rather like grafting.


Once all was done, the work looked pretty much good as new.

13-Fin


Let's close this out with that puppy chaser I promised.

IMG_0084.jpg IMG_0079.jpg

See all the pics from our trip to the beach on Sunday, here.

February 13, 2008

Excel for Charting Simple Cables

While on Ravelry, the other day, the topic of charting cables came up and it occurred to me that I've covered using Excel for; colorwork, pattern writing, simple lace charts, and complex lace charts. But what's this? No cables? Have I been smokin' the wacky tobacky?

Now, cables can get pretty complicated, and there will be times when your design, just can't be visualized with the tools built into a spreadsheet program, but for pretty standard cables, I think I can cover what you need here.

As always, I start by formatting my page.

I've covered this in previous episodes, so browse those, if you aren't sure how to change the size of cells to be more knit stitch shaped.


Our first cable is going to look like this.

This chart would read, if written out:

  • Row 1: P2, *k4, p2* repeat from * to * to end of row
  • Row 2: Knit the knits and purl the purls
  • Row 3: P2, *slip next 2 stitches on cable needle and hold in front, k2, k2 from cable needle, p2* repeat from * to * to end of row
  • Rows 4&5: Repeat row 2
  • Row 6: P2, *slip next 2 stitches on cable needle and hold in back, k2, k2 from cable needle, p2* repeat from * to * to end of row

So those diagonal lines simply represent the stitches being crossed. They may not look exactly like other charted cables, but they convey the intention and the approximate look of the cable.

Continue reading "Excel for Charting Simple Cables" »

May 1, 2008

Creating Schematics in Illustrator

Most images can be clicked for a larger view.

I get a surprisingly large number of questions about schematics so I thought it was time to cover that topic here.

This tutorial is meant to give you some basic skills for creating schematics in Adobe Illustrator or a similar vector based application. There are countless ways to create schematics, this is just how I like to do it. Hopefully, even if you don't have Illustrator, some of my suggestions will be useful for you if you've struggled with making your own schematics. These instructions are written by a Mac user and I am using Illustrator CS2 and CS3. I will try to provide appropriate alternatives for PC in brackets [], but no promises that they will be 100% accurate. Refer to your Help menu, if need be, for PC or older versions of Illustrator.

The first step, of course, is to open a blank document. (Once you've made a few schematics you like, you can start using the ones you've made as a template, which will save oodles of time.) I like to build the schematic to the approximate scale of the sample I am or will be knitting.

Once you have a blank document, go to the Illustrator Preferences [Options] and choose Guides and Grids.

You can use whatever you like for measurements, but I find it useful to start with a centimeter per inch relationship. I set up grid lines every centimeter with 4 subdivisions each, which allow me to get quarter inch increments in my scaled down schematic.

To make your grid visible, type CMND+' [CTRL+']


Continue reading "Creating Schematics in Illustrator" »

May 22, 2008

Excel for Pattern Writing - Part II

Most pictures may be clicked to enlarge.

Since the last tutorial on using Excel for pattern writing, I've refined a lot of how I manage my spreadsheets. I've been playing around with different formulas in Excel to find ways to make pattern writing easier. You know what that means, another tutorial.

Download the spreadsheet and play along at home. I'll be making references to various parts of the spreadsheet so go ahead and open this baby up.

NOTE: The attached spreadsheet is just a sample and contains measurements that may be useful but which may not meet the standards for some publications. You are welcome to use what I have for your own design purposes but it'll be you who has to ultimately support any patterns written from it, so do your research first.

Special notes:
I've used Ysolda's measurement chart as a reference for many of the basic sloper measurements.
I'm using Amy O'Neill Houck's tutorial on estimating yardage to create my yardage estimation formulas.

The goal

So, like last time, I'm just giving you instructions for a basic shell. All the same formulas can be used to build sleeves. Just use this as a starting point.


A rough schematic of what we are shooting for

Continue reading "Excel for Pattern Writing - Part II" »

May 29, 2008

Excel for Pattern Writing - Part III

Most pictures may be clicked to enlarge.

This tutorial picks up where the last tutorial left off and uses the formulas found in this spreadsheet. This tutorial can stand alone but may reference Excel skills covered more fully in previous Excel tutorials. If you haven't used the program much, you may want to review these other tutorials.

NOTE: The attached spreadsheet is just a sample and contains measurements that may be useful but which may not meet the standards for some publications. You are welcome to use what I have for your own design purposes but it'll be you who has to ultimately support any patterns written from it, so do your research first.

Special notes:
I've used Ysolda's measurement chart as a reference for many of the basic sloper measurements.
I'm using Amy O'Neill Houck's tutorial on estimating yardage to create my yardage estimation formulas.

The goal

In the last tutorial, we learned about

  • Rounding
    • Round to a whole number
    • Round to the nearest Even or Odd number or Round, Round Up or Round Down
    • Round to a multiple
    • Round to a multiple plus

In this tutorial, we'll cover

In the final tutorial, we'll cover

  • Calculating finished garment measurements
  • Calculating yardage based on a sample
  • Putting your numbers into MS Word

Continue reading "Excel for Pattern Writing - Part III" »

June 7, 2008

Excel for Pattern Writing - Part IV

Most pictures may be clicked to enlarge.

This is the last in a 3-part tutorial covering this spreadsheet, and one of several tutorials on using Excel for designing. There are two previous tutorials in this particular series that combined, give you all the info you need to understand the various fields in the spreadsheet. And that spreadsheet? It's got the raw numbers needed to make this little shell.

NOTE: The attached spreadsheet is just a sample and contains measurements that may be useful but which may not meet the standards for some publications. You are welcome to use what I have for your own design purposes but it'll be you who has to ultimately support any patterns written from it, so do your research first.

Special notes:
I've used Ysolda's measurement chart as a reference for many of the basic sloper measurements.
I'm using Amy O'Neill Houck's tutorial on estimating yardage to create my yardage estimation formulas.

The goal

In the two previous tutorials, we learned about

  • Rounding
    • Round to a whole number
    • Round to the nearest Even or Odd number or Round, Round Up or Round Down
    • Round to a multiple
    • Round to a multiple plus
  • Intro to IF statements
  • Evenly spacing shaping
    • Every X rows Y times
    • Next and every X rows Y times

In this tutorial, we'll cover

Continue reading "Excel for Pattern Writing - Part IV" »

June 4, 2008

Making a travel case for your spindle

Or how to keep your spindle in good spirits

I love to spindle and love it even more for its portability, but with an unsupported top whorl spindle, even a little abuse to the hook can turn your spindle from a delightful tool into an instrument of frustration.

Before heading out to visit some friends, this weekend, it hit me that I could make a great protective case for my spindle and store enough fiber for hours worth of entertainment.

02-spindleinside.JPG

For as long as I've know Leo, he's been a big fan of scotch. Over the past 7 or so years, we've acquired a few of those sleeves in which some of the bottles are sold. These sleeves are made to protect the glass bottles during shipping, as well as make them easier to stack, and they come in a variety of sizes to suit the different shaped bottles, contained within.

If you happen to know of some non-alcoholic resources for these sleeves, please leave a comment. The basic structure is a firm cardboard tube with a metal base and removable metal lid.

These tubes are generally big enough to store a single spindle as well as some fiber for spinning. Frankly, if you didn't feel like doing anything else, there's no reason you couldn't use the tube, as is, with just the fiber for added cushioning, but you can step it up a notch by adding a loop from which to suspend the spindle.

It's easy and I'll show you how.

Obligatory common sense safety note: Please be careful when working with bangy, pokey, pointy, stabby, drilly, or otherwise ouchie producing implements. Children and inebriated adults should be supervised or distracted with something shiny. Wear eye protection or at least be willing to don full pirate regalia, if things don't work out according to plan.

Continue reading "Making a travel case for your spindle" »

November 26, 2008

Using Photoshop to color your sketches

Most images can be clicked to zoom.

Perhaps you need to submit sketches of a pattern for consideration in a publication, or maybe you are just designing for yourself and want to play with color combinations, regardless of your reasons, you don't need a full set of pencils and markers to colorize your drawings and if you use Photoshop, you change the colors over and over again, without having to do a new drawing. I'm going to cover some very simple techniques, that you can build upon to create your own style.

As with all my tutorials I want to make it clear that I'm not an expert, these are just some suggestions. I don't supply support for these methods and cannot offer instructions for older versions or open source alternatives to the program indicated. I am using Photoshop CS3 on a Mac, but will try to provide PC equivalents when I know them.

And, of course, if you have any suggestions, leave them in the comments. I love learning new tips.

Start your sketch

You may download my original, unretouched sketch here, and play along at home. The final document is available here.

I generally do my sketches on paper. I'm not a fine artists, so I often use catalogs as reference for the way clothing drapes and the correct proportions for the human form. I don't like to actually trace images, because I think this looks too stiff. I prefer to just use the image as a visual reference and draw the images by hand. You should do what produces the best results for you.

In this case, I want to draw a skirt. I looked around online and found this cute number over at the Gap. I lightly drew my sketch with pencil then outlined only the most important features with a thick dark marker.

If you have a scanner, great, scan it. I have one but I generally just take a picture with my digital camera, like I have here. The lighting was atrocious that day, so the paper is pretty dark, but that's totally fine.

Now, open the image in Photoshop.

Continue reading "Using Photoshop to color your sketches" »

May 20, 2009

Creating Colorwork Charts in Illustrator

In a previous tutorial, I have covered making colorwork charts in Excel. Excel is a wonderful option for simple charts because most people have access to and a comfort level with it or to a similar opensource alternative. However, for the persnickety designer, Excel lacks a certain level of precision and flexibility. Illustrator has a steeper learning curve but gives you unlimited freedom in designing your charts and many more options for file formats.

For this tutorial, I'm experimenting with doing videos instead of my usual written out method. I would love your feedback on which you prefer. You'll have to excuse my crummy editing, I'm still finding my way around iMovie.

I'm embedding the tutorials below, but I think you'll find them easier to view in High Quality [HQ] and in full screen, so you may want to watch the videos over in YouTube by clicking these links: Part I, Part II, Part III. If there's a good response to these video tutorials, I'll continue to create them, otherwise, I can go back to my old method.

As always, my standard caveats:

  • There are oodles of ways to create charts. This is one way, not necessarily the right or best way. Play around with the tools you have and adjust as you see fit.
  • I work on a mac and am using Adobe Illustrator CS3. Other versions of Illustrator, on other platforms may work differently. Consult your users manual if needed
  • I love hearing your ideas. If you have suggestions, leave them in the comments.

Download the Illustrator file here. Note: I've converted this file to be compatible with Illustrator 10 and higher.

 

November 27, 2009

Little things make me thankful

After weeks of mostly rain, we have a gorgeous sunshiney day, two antsy dogs and a tank full of gas. We're off to the ocean (can't say "beach" or the dogs will go crazy pants.) Before I go, I wanted to give you a sneak peek of my most recent finished object. I'll have better pictures in the near future, over in ravelry.

SimpleThingswithPups

This project is Mary-Heather Cogar's Simple Things Shawlette. It was exactly what I needed to work on while I wait for yarn to arrive for my next deadline project. I followed the pattern, almost to the letter, except that I omitted one repeat of the garter ridge. I used this bind off to get a good loose edge and it worked a charm.

As a side note, for no real reason whatsoever, except that I have a slightly geeky side, I created a little spreadsheet that can be used to plan out yardage for any triangular shawl that increases 4 sts every other row. You would have to expand the number of rows for longer shawls (like my La Cumparsita) or delete rows for shorter shawls.

Why would you use this? Well, let's say the pattern called for 400 yards of yarn and you have 350. You could use this to determine approximately how many rows you could actually work, without running out of yarn mid-row. Alternately, you might simply like to know when you are actually at the halfway point, or how far through the project you've gotten. Anyway, if you want to play around with it, you can download the file here.

Note: this does not have any information about the shawlette or any other pattern in it, it's simply a tool for calculating stitch counts and yardage in triangular shawl pattern. I am offering this for free for your own use, personal or commercial, but I cannot offer you technical support for this file. It is yours to play with but you will need to understand excel or open office to edit it and I cannot train you to use those programs. If you wish to modify it to be more functional, I would love it if you'd share it with others, and pass along your expertise.

January 12, 2010

Creating Standard Stitch Pattern Charts in Illustrator

It's been a long time, but I've finally added another installment to my Illustrator for Charts series.

Standard caveats: This tutorial is shown on a Mac using Adobe Illustrator CS3. If you are on a different platform or a different version of Illustrator, some steps may be different. I do not offer Illustrator support. If you have any questions beyond what is shown in this tutorial, you will need to refer to your user guide. But, if you have any tips, suggestions, or corrections, feel free to leave them in the comments.

For those who haven't had a chance to view them, there are three very detailed introductory tutorials for colorwork charts. These will give you a strong foundation for building charts in Illustrator and the skills learned there will be applied to this and any subsequent tutorials I do. You can view Parts 1, 2, and 3 if you haven't already.

This next tutorial expands on those skills to create your standard, non-cable stitch patterns charts, including knit and purl, and lace patterns. We'll learn how to make some commonly used stitch symbols using shapes, and the pen tool.

If you would like to download the file I created in the tutorial, I have saved it to be compatible with versions of Illustrator as old as version 10. Download it here. You are welcome to use this file for any commercial or non-commercial purpose.

At some point, I want to conclude this series with a tutorial on cable charts. They are not hard but have a few additional considerations we haven't had in these previous tutorials. If you have any other requests, don't hesitate to let me know, in the comments.

February 2, 2010

Illustrator for Cablework Charts

My final installment of the Illustrator for knitting charts series, is now completed. I think that those of you who feel comfortable with the first two tutorials will find this one pretty straightforward, with just a couple new skills to apply.

For those of you who haven't seen the other tutorials, I highly recommend you watch them before trying this tutorial.

Illustrator for colorwork charts, has all sorts of introductory information on using Illustrator which will be applied through all the subsequent tutorials.
Part 1
Part 2
Part 3

Illustrator for stitch pattern charts, builds off those basic skills and adds custom made shapes.
Watch it here.

Lastly, here is Illustrator for cablework charts where we expand on making custom shapes and build a more complex chart. I've created this last tutorial in High Def so you can enlarge these and really get a good look at what I'm doing.

Part I

Part II

Download the chart I built here and play along at home.

Next up, I'd like to do a tutorial or two on InDesign and features that may be useful to designers. If you have any questions or requests, please don't hesitate to leave me a comment. And of course, any hints or tips you want to share would be great.

July 22, 2010

Creating Schematics in Microsoft Word

A couple years ago, I did a tutorial for creating schematics in Illustrator, which is my preferred method. But I realize Adobe products are expensive and not necessarily easy to learn, while almost everyone has Microsoft Office, or a less expensive or free alternative. This tutorial will walk you through creating simple schematics in Microsoft Word. You may also download the file I created so you can play around with it and use it as a jumping off point for your own schematics. Links at the end of this post.

This tutorial is a two part video tutorial. I strongly recommend you enlarge these to full screen and watch them in high definition, if your computer will allow it.

There are usually a dozen different ways to get the same or better results so play around with the program and feel free to experiment. If you have any tips, tricks, suggestions or questions, leave them in the comments below, I love to hear what you think.

Download a copy of the sample file for MS Office 2008 here
Download a copy of the sample file for older versions of Office here

Check out all my design related tutorials here.

January 17, 2011

PDF Patterns: Files Formats and Sizes

Today's post is going to be a little technical but I hope it will help people choose the best file formats for their graphics, charts and other visual elements in their patterns. As always, this is based on my own experience and the software that I have available to me, on the operating system that I use. Don't be afraid to question any of this and run your own tests. If you are printing your patterns through a professional printer, be sure to ask them what settings and file formats they recommend.

A little background. Skip this if you are in a rush.

In the mid 90s I was working at the Boston Globe in the Advertising Production department and, despite the fact that newspapers may be one of the slowest industries to embrace new technology (ask me about Atex sometime) we had begun to accept PDFs from customers sending in their ads. In the time after x-acto knives and real dark rooms, but before the invention and wide acceptance of PDF technology, departments, like the one in which I worked, kept Macs and PCs running PageMaker, Quark, Illustrator, Freehand and often a few more obscure layout programs, in various versions to accomodate the vast variety of files that might come in from customers. Even if we had the software to open someone's file, we still had to contend with the fonts. Oh the fonts. PC fonts wouldn't run on Macs and vice versa (still the case for most older fonts, but OpenType fonts are now cross-platform), the fonts from Company A might conflict with the version from Company B, already running on that machine, and all of this was before the ad ever hit the RIPs. These were the hurdles we faced in ensuring that the advertiser's ad looked the same when it left their computer as it did when it printed out on that dingy newsprint, a few days later. Even if the advertiser had the forethought to send an EPS file, there was still a strong likelihood that some percentage of the files would have font problems, and worse, once in EPS format, there was little we could do to resuscitate the ad if there were a problem.

I realize to the younger amongst you, that all this sounds a bit old fashioned and silly. One might wonder if I also had to walk six miles, uphill, both ways, in the driving snow, in my bare feet, just to get to work. To you I say, "pull up your pants, get a haircut and get off my lawn."

But in all seriousness, the PDF file format was a huge boon to publishers like newspapers. Finally, an entire ad, built in any program, on any operating system, using any fonts, could be delivered to a printer anywhere and the printed file would look just like it did back at its birthplace. Even the company using Ventura Publisher and their own custom made fonts, was able to get great results from anyone printing their files.

Knit and crochet designers have benefited from this technology too. Not only can we provide customers with a file format that can be opened on just about any computer using, a free application, but we can be sure that the text will look and flow the same way wherever the pattern is viewed or printed. I don't think it's hyperbole to state that, second to the internet itself, the PDF file format is one of the primary reasons it is so easy for independent designers to self publish.

Continue reading "PDF Patterns: Files Formats and Sizes" »

November 26, 2011

Cathedral Windows Hot Pad

Cathedral Windows Tutorial_099

In the short time that I've been quilting I've learned enough to know that I have a lot to learn. I'm still really bad at it but I've been obsessively scouring the internet to bolster my skills.

While I've stuck with simple quilts so far, there's one slightly more advanced quilt that always catches my eye, the Cathedral Windows pattern. The first one I ever saw was here (youtube video). Amazing, right? But jeeze o pete, that's a lot of handwork.

Then I found this tutorial on the Moda Bakeshop site and a whole bunch of the handwork was taken out without losing a lot of what makes the pattern appealing to me. I tried the technique and ended up making this and while I liked it, there were a couple of things about the pattern I didn't love (and I really needed to work on my top stitching).

So based on the techniques I saw online and a few things I wanted to change slightly, I came up with this variation. The one I'm demoing, (shown above) doesn't cut off the edges of the windows around the edge and can be adapted to any size you like. It also has batting behind it, for a little more dimensionality. This could be easily adapted to a table runner, lap quilt or wall hanging. For bags and pillows, you could leave the backing off, if you wanted to.

Supplies

Cathedral Windows Tutorial_001

Fabric

  • 1 - 14" x 14" backing piece (shown in white)
  • 1 - 14" x 14" piece of batting. If you plan to use this as a hot pad, use 100% cotton
  • 1 - 14" x 14" piece of border fabric (shown in Moda Cotton Blossoms 55005)
  • 4 - 9.5" x 9.5" for windows (shown in white)
  • 1 - 5" x 5" or 4 - 2.5" x 2.5" square(s) for window panes (shown in Moda Terrain by Kate Spain in 27092-13)
  • Binding fabric (Shown in...heck if I know)

Other supplies

  • Sewing machine
  • Thread
  • Rotary cutter/ruler/mat
  • Marking tools
  • Pins
  • Hand sewing needle
  • Point turner
  • Iron and ironing surface
  • Hand sewing needle

Optional

  • Basting glue
  • Water spray bottle
  • Spray starch
  • Scotch Guard

All images may be clicked to view them full size.

Continue reading "Cathedral Windows Hot Pad" »

January 10, 2013

Can we grep about Photoshop

This is sort of a strange blog post as it's not really knitting related, has no puppies and addresses an obscure problem that most people will never have, but I'm of the mind that if I know how to fix a problem I've had, there's bound to be someone else out there with the same problem so I might as well share.

Our website's online ordering application accesses files stored in a series of folders. Within the folders, all the naming conventions are the same. The folders themselves are all numbered, though not sequentially. We had 1000 folders and within each folder is an image called, "sample.jpg" and each of those images is a preview of the product being sold, so they are all different. We wanted to open all those files and use Photoshop's Save for Web function to optimize them. However, Save For Web doesn't remember the image's source folder. It remembers the last place Save For Web saved to, which means if you were to batch process the images, each would overwrite the last in some common folder. Even if we numbered the images, sequentially, they wouldn't match up with their folder number since the numbers all jump around. Any solution I could think of ended up being pretty labor intensive with plenty of chance for error.

I posted on the Adobe Forums and got bupkis.

I figured I had nothing to lose and posted on Facebook. A few hours later, a friend in Australia had a solution for me.

I decided to do up more detailed instructions, suitable for someone who has never worked with unix, grep, or scripting before. You can download the instructions and sample files from this page. Please note that these are Mac specific instructions. Pretty much everything should translate to some sort of PC equivalent, but I'm not the person to help you sort that out.

I could see this being handy for anyone who has a lot of image files on their site that they might want to resize or optimize, quickly.

If you think any of this would be useful, feel free to download the files and don't hesitate to let me know if you have any tips, corrections or suggestions.

May 26, 2012

Signing Digital Contracts: Adding your signature to a PDF in InDesign

This is part three of a three part series on adding your signature to digital files. In the first part, we discussed making a TIFF of your signature, in the second part, we added that signature to Microsoft Word. In this part, we'll use InDesign to add our signature to a PDF. We'll also learn about filling out forms in InDesign.

If you want to play along with the home game, you can download the signature, a sample Microsoft Word contract and a sample PDF contract by clicking the links.

For this step, you'll need:

  • the digital version of your signature that we made in the first tutorial
  • sample PDF contract
  • InDesign*
  • A rudimentary understanding of InDesign and it's most basic selection and text tools

*I'm using InDesign CS5 on a Mac. This should work in other desktop publishing programs, including Scribus, a free open source alternative, but the individual steps my vary. You can refer to your help menu or user manual for more guidance.

For the sake of simplicity, I'm going to opt for the least technical explanations, I can. Most steps have a keyboard shortcut equivelent, but I'll tell you where the option is in the menus, and I will describe tools by how they appear, not necessarily by their technical name.

Open InDesign and create a new document. You will want to have the same number of pages as there are in your contract. Set your margins to 0 and make sure your pages are the same size as your contract. Contracts from Europe will likely be on A4 sized pages. Contracts from North America will likely be on Letter sized pages. That's pretty much the extent of my default paper size knowledge. Since you don't need to print anything out, it doesn't matter, your digital file can support either or both sizes, if you like.

New document dialog box
New document dialog box

 

The next step is to place your PDF. Go to FILE | PLACE and navigate to the PDF of your contract.

place
File | Place

 

IMPORTANT: click the SHOW IMPORT OPTIONS check box before proceeding.

Show import options
Show Import Options

 

This will bring up a set of import settings. Choose to import ALL the pages and set the "Crop to" drop-down to "Media".

import settings
Import settings

 

Your cursor will change, giving you a tiny thumbnail of the first page of the contract. Click in the upper left corner of your page to place the first page of the contract. If you have multiple pages to your contract, the next page will now be loaded into your cursor and you can place it on the next page of your InDesign document. Continue this process until all pages have been added.

place contract pages
Contract is now placed in InDesign

 

Note: The default setting in InDesign is to show a low resolution preview of the PDF in InDesign. This is not reflective of the actual quality of the file. The quality is determined by the original PDF and whatever export settings you use when you make the signed version of the PDF.

 

Navigate to the point in the document where your signature should appear. Go to FILE | PLACE, as we did above.

Select your signature file but turn off all the check boxes that were turned on before. We do not want import options and we do not want the signature to replace any selected images.

select signature file
Find your signature and turn off import options

 

Your cursor will now be loaded with the new image. If you just click, anywhere on the page, the image will appear, or you can click and drag a box that matches the size you want your image to be. Either method will work but the latter will save you the step of having to resize your signature.

place signature
Place your signature

 

With the black arrow tool selected from your toolbar click the signature.

select signature
Select signature

 

And drag it into place or nudge it with the arrow keys on your keyboard. Even though the black signature is on a white background, if you created a bitmap TIFF file, InDesign will treat any white pixels as transparent, so your descenders can dip below the signature line.

signature in place
The signature in its place

 

That's pretty much it for adding an image. If that's all you need to do, you can skip ahead to the end, where we make a PDF to send.

If you have text to add to the page, you'll need to select your standard text tool from the toolbar. Use this to draw a box over first space requiring text.

create a box for the date
Use the text tool to create a text frame

 

Type in the relevant text. If, after typing in the text, the frame is blank or the text cut off and you see a little red plus sign, that means your frame is too small to hold the text. Use your black arrow to resize the frame.

With your text frame still selected, go to OBJECT | TEXT FRAME OPTIONS to modify your text frame.

Text frame options
Modify the options for your text frame

 

The default vertical alignment is TOP. From the drop-down, choose BOTTOM. This step is totally optional but it makes it easier to align items to a visual baseline.

Change the vertical alignment
Set vertical alignment

 

If you were about to fill out a bajillionty page contract or job application, and you wanted to save yourself a few moments, you could use this opportunity to define the current text frame settings as your default text frame settings. That's a bit out of the scope of this tutorial, but the options for defining object styles are in the Object Styles Palette, which look a little like this.

The vertical alignment change will push your text to the bottom of the text frame. It will look something like this.

vertical align bottom
The date is aligned to the bottom of the text box

 

You can nudge the text frame so that it is as far above of the line as you find visually acceptable.

nudge text frame
Nudge text frame into place

 

To quickly create a second text frame with the same attributes, hold down Option (Mac) or Alt (PC) button and click and drag on the text frame. This will create a copy of the text frame, leaving the original one where it was. Drag or nudge it into its final position.

Option/Alt drag the text frame to make a copy.
Create a second text box

 

Double click on the frame to edit the text or switch to your text tool, and then modify the text.

change the text
Update the new text box

 

Continue in this manner until you've filled out all the applicable information and signed in all the indicated spots.

The only step remaining is to create a PDF. Go to FILE | EXPORT. A dialog box will appear. Choose Adobe PDF (Print) from the Format drop-down list.

Choose PDF
Choose PDF from the drop-down

 

Name your PDF and click Save to complete the process.

give your pdf a name
Save your PDF

 

That's it! Your contract is ready to email back and you have a signed digital copy for your records.

I may actually add a part 4 to this 3 part series. Microsoft Word does allow the placement of PDFs and you could do a hybrid of the two methods to sign a PDF in MS Word. This would work well for people who do not wish to invest in buying and/or learning a desktop publishing application.

May 25, 2012

Signing Digital Contracts: Adding your signature to a MS Word File

This is part two of a three part series on adding your signature to digital files. In the first part, we discussed making a TIFF of your signature. In this part, we'll discuss adding your signature to a contract, if it's sent to you as an editable Microsoft Word file.

If you want to play along with the home game, you can download the signature, a sample Microsoft Word contract and a sample PDF contract by clicking the links.

For this step, you'll need:

*I'm using Microsoft Office 2008 on a Mac. This should work in programs like Open Office, Pages, or other word processing programs, but the individual steps my vary. You can refer to your help menu or user manual for more guidance.

Before we get started, let me just say that word processors are called, "word processors" because they are meant to, um, process words. I know, obvious. But the point is that word processors are not layout design tools. They support including images and spreadsheets and flow charts and various and sundry other bells and whistles, but just as you'd want to track your businesses expenses in Excel, not Word, you need to accept that Word manages layout design duty the way Carrot Top manages his face (it ain't pretty.) All this is to say that while Word does an acceptable job of allow you to plop your signature into a document, it's not an ideal solution. Personally, if it's an option, I'd rather save the document as a PDF and use the method I'll be outlining in the third and final portion of this tutorial. But it's good to know these skills, regardless, so I'm covering them here.

Begin by opening your contract in Microsoft Word.

Place your cursor where you'd like to place your signature and go to INSERT | PICTURE | FROM FILE

import image
Insert picture

Navigate to your signature and double click it.

Note: If the image is grayed out, it means the signature is a file format your word processor doesn't support. Word is pretty accommodating, open source alternatives may be more restrictive. If your image file format is not supported in your word processing program, open your signature in your photo editing software and save it as another file format. JPEG should work fine for this purpose.

Your image will now appear somewhere near where your cursor was. It has probably caused portions of the page to reflow, move or shift in some aesthetically unpleasing way. Depending on how the page is formatted, it may look acceptable or it may look more like the example below.

signature on the paeg
Image imported

Double click the signature to pull up the Format Picture dialog box. Your dialog box may look different than the image below. Look along the left side and choose the LAYOUT option from the list.

format picture - layout
Format Picture Layout options

From the Wrap Style icons, choose IN FRONT OF TEXT. When you make edits, in the dialog box, you'll see changes happening on the page. Do not be alarmed if your picture jumps around even if it's not in you view at that moment. Click OK to continue.

Find your signature on the page. Mine jumped down to the bottom. Remember what I said about Word being a not-good tool for layout? This is a good example. Why changing the wrap should send the image hurtling to the bottom of the page is beyond me, but there it is.

free range signature
Signature on the loose

Move your cursor over the signature, click it and drag it into position. In Word, I place it just above the signature line so that it doesn't overlap. You can drag the corner of the signature, holding down your SHIFT key so it doesn't distort, to adjust its size on the page.

moved and resized
Signature in the right place, at the right size

Depending on how your contract is formatted, the underlines may be created by applying an underline style, adding an underline to a tab stop or by typing an underscore repeatedly. I find the last used most often so that's what's in our sample contract, but in any of those cases, you'll probably need to include the date and your name somewhere. Unless someone has made an interactive form, there's really no pretty way to handle this short of reformatting someone else's file so I usually just settle for the"good enough" solution that follows.

Select enough underscore characters to accommodate the date. If you are using a MM/DD/YY type format, you won't need to select many characters. If you are using the FULLMONTH DAY, YEAR format, you may need to select the whole line.

select the line where the date goes
Selected underscores

Type in the date. If you removed too many underscores, you can simply type additional ones in. If you didn't select enough underscores and some have jumped to the next line, just delete them.

Repeat this process for your name.

do the same for your name
Add your name

And that's it!

You can email your contract back as is, or save it as a PDF if you prefer. Personally, I'd rather send a PDF which can be locked so that the signature file cannot be reused. It's not a foolproof plan but handing a high quality picture of your signature off to someone you barely know, just seems a little unwise.

May 24, 2012

Signing Digital Contracts: Creating a Signature

As a freelance designer, I sign a lot of contracts. It's just part of working with businesses on a project by project basis, and about 99% of the time, those contracts come to me as digital files.

I have a fax machine at home, and I could print out my contract, sign it, fax it to the person who needs it, who probably gets their faxes printed out on more paper and then I could wait to get a copy of the version they signed, and file that away, but honestly, that seems wasteful and unnecessarily labor intensive. I'm also partial to storing files digitally so the paper workflow is not ideal. I have enough unsorted clutter in my house.

As a side note, while I'm posting this as a knitwear design tutorial, it really is just a useful thing to know in general. This skill was invaluable when we were buying a house, and again when we refinanced. If you are applying for jobs, filling out contracts, or signing any file you receive digitally, you can use the methods I'll be covering.

In this post, we'll be covering the creation of a reusable image of your signature. Because I'm not completely out of my gourd, I am going to be using a signature of my nom de rien, Lady Awesome Pants, as opposed to my actual real signature, which someone might want to use for nefarious reasons.

In the following posts, we'll discussing using the image to sign your contract.

If you want to play along with the home game, you can download the signature, a sample Microsoft Word contract and a sample PDF contract by clicking the links. You can also download the unretouched scan of the signatures, here.

For this step, you'll need:

  • pen
  • paper
  • scanner or digital camera
  • Adobe Photoshop or photo editing software of choice*

*I'm using Adobe Photoshop CS5 on a Mac. If you are using a different photo editing software, you may need to refer to your user's manual.

Find yourself a good, medium point, dark (preferably black) ink pen and a clean piece of paper (no lines, no show-through from anything printed on the other side) and write your name and/or initials a bunch of times. Try to do this on a surface that's not too hard, a catalogue under your piece of paper works nicely. Press firmly as you sign. You don't want a light whispy signature, you want something clear and legible.

signature samples
Signature Samples

Once you know you have at least a few examples that you like, get ready to scan your page. I usually scan the whole page. Sometimes, it's not until after you've cleaned up the scan, that you can tell which signature will work best. I like to scan at a high resolution, in grayscale, to ensure I get all the detail I need with no unnecessary noise.


Scanning settings

If you don't have a scanner, you can photograph your signatures with a digital camera, just make sure you do so in good, natural light, on a background that won't show through your paper and that the signatures are in focus.

Depending on your scanner, your digital camera, the lighting, and whether or not you fed your Mogwai after midnight, your digital file may be too dark or too light or otherwise somewhere short of perfection.

Note: If you scanned or photographed your signature in color, convert your file to Grayscale by going to IMAGE | MODE | GRAYSCALE before proceeding.

Scan
This raw scan is not living up to its full potential

In Photoshop, go to IMAGE | ADJUST | LEVELS

This will bring up a set of sliders that will allow you to clean up your scan. Bring the black triangle as close to the white triangle as possible. That will make everything on the page either pure white or pure black and remove all shades of gray. Play around with moving them more to the left and more to the right. One direction will make your lines appear thicker, the other will make them thinner.

adjust levels
Adjust Levels

Next we'll convert the mode to Bitmap. Your image must already be grayscale for this option to be available. If it's not grayscale, convert it now. Bitmap files are made up of only black and white pixels, no shades of gray, no color. This is a good format for pixel based logos and line art. Additionally, many programs, like InDesign, Quark and other desktop publishing applications, will view the white pixels in bitmap images as transparent, which can be useful with signatures that are supposed to sit on a line. You'll see how this works in the InDesign portion of this tutorial, to come at a later date.

Go to IMAGE | MODE | BITMAP

 

Convert image to Bitmap
Change Mode to Bitmap

Choose 50% Threshold from the Method drop-down. I like a resolution of about 1200 dpi. I would avoid going below 1000 dpi.

bitmap settings
Settings for conversion to Bitmap

If you adjusted your Levels properly, you won't notice much change in your file. If your signature looks too washed out or too blobby (technical term) after conversation, that means you didn't adjust your Levels slider to be close enough together. Simply undo and adjust your Levels further.

If you are happy with the results, you can crop your image so that you only have your favorite signature visible.

cropped signature
Cropped

Save your file as a TIFF.

Save as tiff

You might be thinking, "But Marnie, what is this TIFF madness of which you speak? Why can't I save it as a JPEG?"

JPEGs do not support the BITMAP format because JPEGs are always, RGB (color) images. So all that work converting to a bitmap, to make a good quality piece of line art, will be lost. It will still work well enough, but if your image software supports Bitmap and TIFF format, that's the way to go.

That's all there is to it. You now have a lovely file of your own signature, that you can use to sign digital files.

In the next tutorial, we'll talk about using the file to sign Microsoft Word documents and in the third and final installment, we'll use this file in InDesign and talk about adding typed text to PDF forms.

About tutorial

This page contains an archive of all entries posted to Marnie, speak! Good girl. in the tutorial category. They are listed from oldest to newest.

theano is the previous category.

twist collective is the next category.

Many more can be found on the main index page or by looking through the archives.

Site Info

Powered by
Movable Type Pro 5.14-en