Welcome to EarlK Design!

The EarlK Design blog consists mainly of entries that show how to do things using Adobe Photoshop that I hope you will find helpful and give your creative mind more tools to work with.

I use Adobe Photoshop CS6, and sometimes Adobe Illustrator CS5, Lightroom 5, and Corel Painter X. However, I believe that much of what I show can be done using Photoshop Elements.

Friday, May 25, 2012

Fun with type and textures including watercolors

If you are looking for the links to download my free watercolor papers, scroll down to the bottom of this page. The links are shown there.

In Kim Klassen's class Beyond Layers, Kim showed us how to put a photo in text and to use a texture on the photo. Since I have just been making some watercolor papers to use as backgrounds and textures, I thought it would be a chance to do something for this class combining all this. This is what I did.

Layer 1.  I opened up a new document that was 11 x 8.5-inch, landscape, 300 ppi, RGB, white background. I won't sholw it since it is just a white layer.

Layer 2.  For Layer 2, I brought in one of my watercolor papers. Actually, the paper was created using three different of my watercolor papers in a stack in the Layers Panel. Then I changed the Layer Blending Modes of two of upper layers and finally ended up with this blended watercolor paper. I actually do not remember which papers I started with and what modes I used. But, this is the final result of that blending. I kept the mode of this layer Normal and Opacity 100%. Here it is.

Layer 3.  I used the Horizontal Type Tool and used Impact font to type the word "WATERCOLOR." I used the Free Transform, Command / Control - T, to size the word to the size I wanted. In the Character Panel, I increased the Horizontal Scale of the letters to 150% to make them all a little wider. Then I kerned between some of the letters in the word to give a better appearance to the letter spacing. I did my kerning from the key board. With the word selected, I placed the cursor between the letters I wanted to adjust spacing. Then, if I wanted the letters closer together, I would hold down the Option / Alt key and hit the left arrow. If I wanted them still closer, I would repeat it. For farther apart, use Option / Alt and the right arrow key. It does not matter what color you use for the text. I used black.

Layer 4.  For this layer I used another of my watercolor papers. I used the same three watercolor papers as for Layer 2. However, I turned off the visibility of one of the layers and changed the blending modes of the others until I got this. Unfortunately, I can't remember which papers I used and what blending modes. Here is what the watercolor paper looks like at Normal Mode and 100% Opacity.

I then clipped the watercolor paper to the type layer beneath it by holding down the Option / Alt key, putting the cursor on the line between the two layers until you get the two little circles for the cursor and then clicking. Now the watercolor paper only shows through the letters.

Back to Layer 3.  The text needs some effects applied to it. I went back and made Layer 3, the text layer, the active layer. I clicked on the ƒx button at the bottom of the Layers Panel to open the Layer Style panel. I added in Stroke. I sampled a purple color from within the text, made it darker, and used that for the color of the stroke. I also added a Bevel and Emboss and a Drop Shadow.

Layer 5.  Since Kim was showing us how to put an image into the text, I selected an image for this. Now, being a somewhat unconventional person, I selected one of my out of focus photos. Most people would have deleted this photo shortly after taking it. But, I never know when something like this will be useful, so I seldom eliminate any of my photos. And, I have some that really should be deleted. But, you never know. I am using the image more for a texture than a photo. These are chrysanthemums.

Then I clipped this layer to the one below it, which made it clipped to the text. Now the flowers show only through the letters. And I reduced the Opacity to 60% so you see some of the watercolor paper also. I left Mode at Normal. The image really is acting as texture. But that is what a good out of focus image is good for.

Layer 6.  Now I brought in Kim's texture kk_abstract for this layer. I thought that was an appropriate name for the layer for this layout. Here is kk_abstract at Normal Mode and 100% Opacity.

I then changed the Blend Mode for this layer to Divide and left the Opacity 100%. And look at what this did! Since this layer is at the top of the layer stack, it applies to all the layers below it, so it even shows up in the letters. It really converted the layout into something fantastic. And, this is my final result.

This is what the Layers Panel looks like at the end.

In JessicaSprague.com, a fun 7 Days in May is going on this week, I offered some of my watercolor papers as a free download to those who wanted them. If you would like to have them, go to my blog entry that has the download links by CLICKING HERE.

I hope that you enjoy my tour of how I did this layout.

Enjoy life!