Category Archives: Photoshop

Photoshop is my main tool for working with both photography and graphic design. I often start my designs with hand calligraphy which is scanned and then colorized, modified, and laid out into a design in Photoshop.

Scanner art

Posted on by

OK, I have to admit that I’m not really sure why I’m posting this, other than growing feelings of blogligation as a result of not having made a post for about a week now. Maybe this is just a fragment of something that will come to fruition later, or maybe it’s a dead end.

Anyway, I was reading an article a couple of days ago discussing using your scanner as a “camera” to capture images of objects, and I just got the urge to play with it. It’s almost time now for our Japanese maple to start changing its colors. The green summer leaves are just beginning to take on some red hues, and over the next month, the entire tree will turn almost scarlet. I grabbed a leaf from the tree, and scanned it at 600 dots per inch (dpi) resolution, essentially capturing a 10 megapixel image of this single leaf, which is about the same resolution as my Nikon D300. However, with the scanner, I have much better control over the captured image, in that I can get almost perfect illumination, and I don’t need a tripod to avoid vibrations.  I then scanned a piece of Indian banana fiber handmade paper for a background, and created some lettering to go with the image. Here’s my first cut at this experiment:

The word “Maple” in the main title above is a fairly typical example of the Italic style I seem to do the most these days – a free interpretation heavily influenced by several workshops with Denis Brown. It ranges from almost uniform to what Denis calls “polyrhythmic” –  that is, the letters are not necessarily uniform in weight, width, or line texture. In this case, though the letters other than the cap “M” are almost uniform in width, notice the ragged texture on the bottom of the “l,” and the big swag on the foot of the “e,” as a couple of examples of how this is different from formal Italic. The ragged strokes are produced by riding up onto a corner of the pen in the middle of a fast stroke. I particularly like the curves in the “M.” The large title was written in black gouache with a size 3A Automatic pen, and the smaller lettering with a Brause nib. The lettering was scanned and colorized in Photoshop, and I added some Bevel and Emboss, Drop Shadow, and a bit of color and gradient overlay to the lettering, just to make it a little more interesting.

If you can think of anything I can use this fragment for, let me know. Maybe it’s a note card. Maybe it’s the upper left-hand corner of a bigger piece. Maybe it’s a T-shirt. I haven’t decided yet.

Postcards from Asbury Park (part 2)

Posted on by

I’ll wrap up my discussion of the Sickel lettering design for Asbury Park with a couple of additional examples that show how the broad strokes of this lettering style give us an advantage for photographic effects.

The Old Casino

Here I’ve taken one of my photos of the roofline of the old Casino complex and turned it into a line drawing using the Photoshop “Find Edges” filter. I then used the same lettering as in the first postcard (see Postcards from Asbury Park – part 1) as a mask to let some of the color from the original color photo come through.

This one, obviously, is two separate photos. The background shell image is from my personal stock library, and the second was a beach scene made during the July 24 Photo Walk. I used a wavy version of the Asbury Park lettering to mask that second photo and layered it over a faded version of the shells.

I could as easily have used a font, rather than designing my own letters for these cards, of course. A font like Arial Black would also give me nice heavy strokes, but it wouldn’t be as distinctive – someone else could easily produce the same look. The combination of my own lettering with my photos gives the cards a unique look that hopefully would distinguish them from others on the rack.

I’ll have to decide now whether to actually do a commercial print run of any of these – it’s probably too late in the summer vacation season to do it for this year – if you have a favorite, please use the comment button or the contact form to let me know.

Postcards from Asbury Park (part one)

Posted on by

Continuing with the previous post on lettering (More on Lettering and Calligraphy), I promised to give some examples of how the draft versions of the Sickel lettering might be used with some of my photos from the Asbury Park photo walk. I decided I would develop a series of postcards, and see which I liked best. Here’s the first example:

The reflection effect was mostly based on an article by Corey Barker in the March 2010 issue of Photoshop User magazine. It involves adding a gradient to the lettering, then duplicating and flippling the duplicate layer to get the reflection, and masking and blending the “reflection” to allow it to blend into the water and disappear as the reflection gets further from the main title. I added the trick of distorting the reflection so that the reflection widens as it gets closer to the viewer.

Doing a self-critique here, I think the Sickel design doesn’t work as well as I’d like for this effect, as the descenders in the “y” and “p” cause the main part of the reflection to be too far from the main title. I might want to change the lettering to an all-caps style, or modify my Sickel design to eliminate these descenders if I were really going to use this design.

More on lettering and calligraphy

Posted on by

To take the exploration of lettering and calligraphy a little further, here are a few examples I’ve been playing with today.

A few weeks ago, I participated in Scott Kelby’s Third Annual Worldwide Photo Walk, an event in which groups of 50 or fewer photographers get together at sites all around the world and take photos for a couple of hours. My local walk was held in Asbury Park, New Jersey (the town where Bruce Springsteen and Jon Bonjovi first made names for themselves as rock musicians). A few of my photos can be seen in my photostream here. Since that time, I’ve been thinking of making some kind of poster, T-shirt, or other graphic with one or more of the photos – but I need some lettering that says “Asbury Park.”

Here’s a sketch for a possible base design, just as it came off my drawing board:

This is a variation of a style of lettering known as “Sickel,” which has been recently discussed on cyberscribes. Note the pencil lines – the design is drawn based on geometric proportions, and then quickly inked in with a pen. After a little cleanup in photoshop, it comes out looking like this:

And if I want to clean it up further and make it easier to enlarge and distort the letters, I can import that drawing into Adobe Illustrator, and trace it with “bezier curves,” which will get rid of all the little bumps and rough spots in my hand drawing. I like this style of letters for this particular application, because 1) it has a “retro” feel that harkens back to the glory days of Asbury Park in the early 20th century, 2) the wide strokes give me lots of room for graphic effects, including using the letters as a mask that my photos will show through, and 3) it lends itself to manipulation and distortion. Here’s an example of that third point:

This Asbury Park letter design is an example of what I consider “lettering,” rather than “calligraphy.” It is drawn, rather than written, and will be extensively retouched and manipulated before I reach the final version. As a contrasting example of “calligraphy,” here’s a design based on something I discovered in my inspiration files last night:

This lettering was written with a brush, and I was deliberately playing with the brush characteristics, trying to see if by exaggerating the thicks and thins, and stacking the letters, I could get something that resembled an oriental script. In this case, I haven’t manipulated the original letters at all – I just layered them over a textile background in Photoshop, and added a “chop” in a typical orange-red. The text, in case you can’t read it, is from Micah 6:8: “And what does the Lord require of you, but to do justice, to love kindness, and to walk humbly with your God?”

Next, I’ll try to show an example of using the Asbury Park lettering with a photo.

Zen flow

Posted on by

After some private feedback from a fellow member of cyberscribes (see my blogroll for a link), I was prompted to play around with the idea of having some text in the water of the “Zen stones” piece. This required a little re-thinking about the layering and filtering of the image and text in Photoshop, but here’s the result of the first experiment:

There would be multiple challenges with this idea. First, there’s the danger of losing the character of the calligraphy if I distort it too much with the Photoshop “Ripple” filter. Then there’s a technical detail issue: the Ripple filter is 8-bits, whereas I try to do all my image processing in 16-bit mode until I’m ready to publish or post. For reduced-size web images like I’m doing here, it will probably never matter, but in a 12×18 or larger print, there may be some small impact on quality. And most importantly, there’s the design issue of dominance. My feeling in combining text with photos is usually that “less is more;” in other words, I probably don’t want text too many places in the photo, so if I decide to incorporate, say, a quotation in the water, I’d probably want to limit myself to only a few words among the stones. Photos and text always compete with each other for dominance of the viewer’s attention, so I need to decide what amount of text (and what placement) is right for the overall feel of the piece. More food for thought.

Hopefully, I’ll eventually post a completed product for the Zen Stones piece. For now, I’ll probably just respond to comments, if any, and go on to another topic in the next post.

Image seeking word

Posted on by

Sometimes I capture a photographic image that just seems to cry out for some words, but I don’t always know what words the image is seeking. Here’s an image I made at the reflecting pool in the courtyard of the North Carolina Museum of Art during a visit last April:

I loved the “Zen” feel of this photo, and have been thinking for several months now about how I could best use it with some text. One thought is to use some Photoshop trickery to paint or incise some words on the individual stones. With a little work with the Bevel and Emboss tools, it’s possible to make a pretty convincing fake. Here’s an example, just to give you an idea of what I’m talking about:

Maybe some of you might have ideas about a nice short quote or a set of words that would go well with this image. Please give me your comments!

By the way, if you’d like to make a quick virtual visit to the NCMoA, a set of my photos from my April visit is on my flickr stream here:

http://www.flickr.com/photos/21031876@N04/sets/72157624547570665/

Word and image

Posted on by

Classical calligraphy is frequently combined with some form of image or illustration. While I do some illustration, drawing, and painting, my most frequent form of imagery is digital photography, and I love to find ways to combine my words and photographic images into unified designs. Here’s an example:

This is a T-shirt design, based on a photograph I made at the Gateway National Recreational Area on Sandy Hook, New Jersey (for those in the know, the specific location is Gunnison Beach, the infamous “nude beach” – no nudes present when I made the photo in April, though). The text at the bottom is hand calligraphy, and was originally written in black ink on white paper. I scanned it into my Mac Pro, brought it into Photoshop, and changed the text color to match colors sampled from the photo. Finally, I added some “sand” texture to the words “Sandy Hook,” and layered the whole design up in Photoshop.

This design was published in the Annual Review issue of Letter Arts Review in the spring of 2010.