Photoshop workflow and shortcuts for calligraphers

When I’m laying out hand lettered text in Photoshop, there are a few shortcuts I always use. If it’s been awhile since I did a digital paste-up, I have to look up the shortcuts online because I’ve forgotten them. So I’m posting this for my benefit as much as for anyone else’s use. I use a PC because that’s where my latest copy of Photoshop (CS5) is. If you’re on a Mac, make the following substitutions in the notes below: Cmd = Ctrl and Opt = Alt. Because your workspace is likely not to look just like mine, some of these steps may require a little Googling to adapt them to your setup. Most of this can be done using Photoshop Elements, I think, but the tools are organized a little differently from Photoshop.

I’ll use this common scenario:

Laying out raw copy to fill a circular area

Here’s an overview of what I do. I begin with two files — the scanned text stitched together digitally, and the master document with a circular mat which delineates the area that will hold the text. I drop a merged layer of the scanned, stitched text onto the master document, use the penciled guidelines to create digital guidelines. Then I cut up the lines to fit the matted circular area just the way it used to be done with blue-lined paste-up boards (my master document), wax (Photoshop) and printed copy (my scanned text file). It’s not a short process, but if you’re proficient in Photoshop it’s not a fiddly as this description might seem to indicate.

The advantages of digital paste-up over physical paste-up are that these files are available for future use and they can be reused, enlarged, reduced, and guidelines mixed and matched in a way that doesn’t work in physical paste-ups.

Scanning and setting up the lettering file

  1. Letter the copy in nice long lines on penciled guidelines. The fewer line breaks I have, the better. (Experience taught me this. When I used to set type blind on a Mergenthaler Linotron, the copy came out in a long line, the easier to paste up on layout boards.) Don’t erase the guidelines.
  2. Scan in the lettering at 300 pixels/inch. I usually have to scan the lettering in in chunks, making sure to have scans that overlap one another.
  3. Recreate the big block of layout text as a Photoshop file. Note: I always keep the Layers palette docked to the right of the image window. You’ll need to see the Layers palette a lot.
    1. Open the 1st scan file; I usually choose with one with the top left chunk of lettering in Photoshop.
    2. Estimate how much bigger the canvas will have to be to accommodate pasting all the other chunks to this one chunk. Enlarge the canvas:
      Ctrl(Cmd) + Alt(Opt) + C or
      Image > Canvas Size 

      Check to be sure that you’ve got the background color you want.
      Type in new canvas dimensions and set the anchor to top left.
    3. Open the 2nd scan file, one that overlaps the 1st file.
    4. Duplicate the layer and add it to the 1st file (which is still open).
      Drag the 2nd filename away from bar so that it floats and you can see both images.
      Click in the 2nd image window and drag from 2nd image window to 1st image window
      Now that you have both layers in the 1st scan file, close the 2nd scan file.
    5. Align the 1st and 2nd image:
      1. Select both layers – Shift+ Click/Click on the 2 layers in the Layers palette.
      2. Edit > Auto-Align Layers > choose the Auto radio button
      3. Because I can’t stand not to, I usually decrease the opacity of the top layer so I can see to erase the edges of the overlap. But it’s not necessary for a rough layout. Just remember to increase the opacity of the top layer again afterwards.
      4. Select both layers again (step E.i.) and merge the two layers: Ctrl+E
    6. Repeat steps C-E for each additional chunk of text you’ve scanned in.
      Now you’ve got a digital version of the raw text you lettered.
    7. Finally, when it’s all stitched together, duplicate and merge a copy of all the layers –
      Select the top layer to make it active, then Ctrl+Alt+Shift+E.*
      This is the layer that I will drag onto the master document, once I’ve set that up.
T file of scanned and stitched hand lettering,
T file of scanned and stitched hand lettering,

Here I’ve scanned some daily lettering I posted recently. The original is 12″ x 18″. It was scanned  in three parts because the whole thing won’t fit on the scanner. I’ve stitched these three parts together into one T file, and purposely let the edges of the pieces show here, so you can see the stitching. (Click thumbnail for a closer view.)

Setting up the master document

  1. Create a master document at least the size of your finished piece. Because I’m writing within a circle, my document will be square. My image is 3600 px by 3600 px; at 300 ppi, that’s 12 inch square. I chose this because my circle will be 10 inches square.
    1. Ctrl+N or
      File > New
      Type in the dimensions in pixels and choose a resolution of 300 pixel/inch to match the resolution of the text you scanned. That’s important. I choose a transparent background.
    2. Set up your Rulers to begin at zero/zero at the top left corner of your image –
      1. If your Rulers aren’t visible, Ctrl+R to reveal them.
      2. Find the top left box where the vertical and horizontal Rulers meet.
      3. Click and drag that box to the top left corner of your image.
    3. The master document with dimension and center guidelines, and circle mat
      The master document with dimension and center guidelines, and circle mat

      Create a “matted circle” the size of the circle in which you wish to position the text:

      1. Create a box the size of the circle with guidelines –
        Using the Move tool (V), click the Rulers and drag 4 guidelines to make a box the dimensions of the circle. I chose a 3,000 px circle (10 inches @ 300 ppi), so I dragged two horizontal guidelines down to 300 and 3300 px, and then I dragged two vertical guidelines across to 300 and 3300 px.
        If you have the Info palette visible, this task is easier and more accurate.
      2. Prepare the Circle tool –
        Select the Circle tool (U – under the rectangle tool – right-click to get to it) set it to Shape layers (not Paths or Fill pixels) in the secondary menu bar at the top.
        Choose foreground color white and background color black (or another color).
      3. Create the circle –
        Holding the Shift key down to keep the oval a perfect circle, click on the top left intersection of the guides — at 300 and 300 on the Rulers — and drag down to the bottom right intersection of the guides — at 3300 and 3300. Release to form the circle.
      4. Make the circle function as a mask or mat –
        1. Select the Magic Wand (W) and click on the white area of the circle to select all the white area. Press the Delete key to make that area transparent.
          De-select by pressing Ctrl+D.
        2. In the Layers palette, click the dropdown next to Opacity and click and slide the slider to 50% or so.
      5. I like to create a vertical center guideline: type V to choose the Move tool and then drag in from the vertical Ruler to the mathematical center of your image — 1800 for me.

Dragging and dropping the top layer of the T file into the M file

At this point, I have the two files, and they’re both open. I drag the top layer (only) of the T file onto the master document. This should be familiar process, as you’ve probably done step 3.D. of the first file at least twice by now. You can close the T now, so that only the master document is now open.

Creating the lettering paste-up guidelines

  1. Position the T layer so that guidelines are at the top of the circle –
    1. Click and drag the T layer below the circular mask layer so that you can see the mask.
    2. Using the Move tool (V) drag the layer so that the first guideline is vertically placed where you plan to write your first line of text within the circle.
  2. Trace your guidelines –
    1. Create a new layer (Ctrl+Shift+N). It should be below the mask layer and above the T layer. I named this layer “guidelines”.
    2. Select line tool (U – under the rectangle tool) set to Fill pixels (not Shape layers or Paths) in the secondary menu bar at the top. If need be, also choose Weight: 1px, Mode: Normal, and Opacity: 100%.
    3. Holding the Shift key down (to keep the line perfectly horizontal), click and drag from left to right along a scanned guideline to make a digital guideline.
    4. Repeat for each guideline. Some hints:
      1. If you run out of guidelines, select the T layer and V and drag the layer down and match up guidelines to provide more lines to trace.
      2. Remember to switch back to your guidelines layer to continue making more lines!
      3. Make your lines longer than the width of the circle each time, in case you have to enlarge your circle later because the text didn’t fit (aargh).
      4. Zoom in to whatever magnification works best for you.This process doesn’t take long because the exact lengths of the lines is not critical and the use of the Shift key means that you only have to get the first click accurate because dragging will be perfectly horizontal.
      5. If you lose track of what guidelines you’ve trace, turn off the visibility of the underlying text layer so you can see the digital guidelines more clearly.
      6. You can also make a new layer between the guidelines and the text, fill it with white so that you can see whether you missed any guidelines.
Master image as shown above but with the addition of paste-up guidelines and a white bottom layer for easier viewing.
Master image as shown above but with the addition of paste-up guidelines and a white bottom layer for easier viewing.

For this screenshot, I’ve turned off the visibility of the T layer. I’ll mention here that I’m using the master document from the “real” job I’m working on today, but I’m using the T file created from recent daily lettering. There are three sets of dimension guidelines because I had the devil’s own time getting the real lettering to fit properly, so there have been three sets of dimensions and three circle mats.  This screenshot shows the original lettering/paste-up guidelines, but you’ll see that on the next screenshot the guidelines are further apart. Between this screenshot and next I just lengthened the guidelines layer to match the guidelines on my daily lettering T file. In a non-digital environment I would have had to re-draw those lines.

I can print file with the T file not visible for use as a guide for my final lettering. Usually I’ll just fold it in half vertically, copy the lines as tick marks on my good paper and then pencil the guidelines on the good paper with a T-square. (Click thumbnail for a closer view.)

Now begins the copyfitting. It doesn’t hurt to add up all your line lengths to make sure this going to work before you start this step. The sum of all the line lengths of your trial lettering should be close to the sum of all the lines within the circle.

Pasting up your lettering within the circle mat

  1. Heads up: Each line of lettering will be in a layer, and these layers will be put in a Group. But you must have the first layer before you can have a Group, so the Group isn’t created until step F.
  2. Select the T layer. Using V, drag the layer so the first line is positioned where you want that line to go.
  3. Select, copy, paste, and position the first line of text onto a new layer –
    1. Use the Marquee tool (M), to drag a rectangle around the first line of text.
      Make sure that “Auto-Select” box at the top of the window in the submenu is NOT selected.
      I prefer to use the rectangular Marquee tool (the default one) and erase stray ascenders and descenders, but there are other tools below the Marquee tool of different shapes.
    2. Ctrl+C to copy the selection.
    3. Ctrl+V to paste the selection in place on a new layer.
    4. Rename the new layer “line 1” so you can keep track of it.
    5. Use V to move the new layer into place on the first line. If you are centering your text, you can set up to snap to your center guideline:  Ctrl+Shift+;
    6. First time through only:
      Your new line-1 layer should be selected at this point. Create a New Group: Ctrl+G and name it “lines”. Drag it above the guidelines layer.
      In successive iterations:
      Drag your new layer onto and into the Group “lines”.
    7. Select the T layer. Using V, drag the layer so the second line is positioned where you want that line to go.
    8. Do steps B-G for each succeeding line. When I combine two sections on one line, I wait until I have the two new layers created, then merge them (Ctrl+E) and then rename them before moving them into the Group.
Midway through pasting up raw copy (shown at the bottom) into lines within the matted circle.
Midway through pasting up raw copy (shown at the bottom) into lines within the matted circle.

This screenshot shows work in progress on pasting up (not that I’ll finish it.) Line 6 was a little long, so I compressed it just a bit. When a paste-up is finished, I can print it full-size, tiling the printing over several pages if necessary and tape it together. I can then use it as a guide when doing the final lettering. I can fold the printed piece to the current line I’m writing, and place it just below the line of writing where it can double as a guide and a hand guard. 

Whew! It’s a lot quicker to do than to explain, especially after you’ve done it a few times.

If I’m doing this for Hebrew lettering, I’m always in danger of skipping or repeating text, much like the illiterate medieval scribes writing out Latin texts. To minimize errors I will often make a copy of the T layer, lock and hide the original layer at the bottom of the layer stack, and instead of copying and pasting the lines of text I will cut and paste (step B Ctrl+X instead of Ctrl+C to cut and Ctrl+Shift+V to paste in place). Or copy and paste, but then erase each line from the T copy layer as I go. This helps me to keep track of what I’ve used and what I’ve got left to use.

*This is a shortcut I use a lot — it simultaneously duplicates and merges all visible layers. Turn off the visibility of anything you don’t want included. Select the top layer to make it active, then Ctrl+Alt+Shift+E.

Farmer’s Wife quilt – progress so far

2015-04-04 Farmer's-Wife-the-first-25I’ve been making a Farmer’s Wife quilt, a sampler quilt consisting of 111 unique blocks. Since the beginning of the year, my sister has been posting tutorials, templates, and settings on two or three Farmer’s Wife blocks each week on her blog, Handmade Karma, and I’ve been trying to keep up — with variable success. Upon finishing the last block of week 10 this morning, I now have 25 blocks completed to date. (Click on the image to see it full size.)

This image was a quick little exercise in Photoshop: Scripts > Image Processor > Resize to Fit all my scans to 120 px square, set up a 600 x 900 px image with vertical and horizontal guidelines at 120 px intervals, open all the small files and drop them onto the grid. Can a Photoshop document have 111 layers? A quick google answers that question: the maximum number of layers in Photoshop is … 8,000. Wow. Who would do that?

Shown here are the 25 blocks, in no particular order. I can see that at the end of the block-making part of this quilt, I will be spending a good deal of time figuring out block order. And what to do about sashing? Not to worry: those decisions are for the future.

Meanwhile, I’ve been examining optional settings on this Pinterest board, and my sister has been pinning our squares to her Pinterest board here.

Quotation – gratitude or pride

Our local calligraphy group here has been choosing a quotation a month from ten qualities that make up what Dr. Barbara L. Fredrickson calls a “joy portfolio,” helping to build resilience in the face of hardship:

  1. Joy
  2. Gratitude
  3. Serenity
  4. Interest
  5. Hope
  6. Pride
  7. Amusement
  8. Inspiration
  9. Awe
  10. Love

We’re at month 8 (or 9, I’ve confused myself as to whether the numbers represent work months or due dates), and I’ve only got a couple of completed. So this month I going to attempt to finish all the unfinished quotations.

I had thought to use the quotation below for “gratitude,” but I’m having trouble finding a quotation I like for “pride,” and this might work for that. I double that either of these is the final version, although they are the 3rd and 4th versions if you count the plain-white-background version as a 2nd version. The backgrounds are scans of watercolor studies (or, if not study, serendipity) that I’ve painted in the past. Maybe I’ll post the 1st version, which was as much finished thumbnail as a draft. So much for progress: I still don’t have a finished piece.

2015-02-09-gratitude-or-pride-quotation

2015-02-09-gratitude-or-pride-quotation-v2