Reflections

Once again, Glee has outed me! She saw my finished layout in the Gallery and just knew today’s tutorial would relate to how I created my title. I used a pretty but fairly simple script font called Black Olives. It’s an upright font so I chose the Italic Text tool option. The colour was pulled from the sky in my photo.

After I had my text the size I wanted it and in the spot I wanted it, I simplified then duplicated the text layer. CTRL/CMD>J, remember. Then I “grabbed” the handle at the top centre of my bounding box – make sure yours is on! – and pulled it straight down. The Move tool options include a spot to Constrain Proportions; if you select that, it will automatically size your image. If you look at the numbers in the boxes, one will say 100% (for example) and the other will say -100%. But for this technique you don’t have to constrain proportions if you don’t want to. You can make it whatever height you want. When you’re happy, hit the check-mark.

The next step I took was to Skew the image. Image>Transform>Skew takes you there. Then I pulled the lower corner handles a bit to the right. You can eye-ball for this step, or you can turn on the grid (CTRL/CMD>’) to help you do it evenly. But only if you’re really… umm… particular.

And I am. I turned on the grid so I could move those handles about the same distance. I also nudged the skewed layer down a little, as you’ll see in the next screenshot.

If you’re a faithful reader you’ll know that I’m rarely satisfied with basic. I went on to jazz things up a little by applying some special effects. I made a copy of the skewed layer then added some panache. The fx button at the bottom of your layers panel includes some basic styles, such as Drop Shadows, Glows and Bevels. By selecting any one of those you’ll have access to all of the default settings as shown below. I used a commercially available style set, but the settings below will give you the same effects. Check the Glow and Inner boxes, with black (000000) for the Colour. Set the Size to about 18 and the Opacity to about 13. Then go down and check the Bevel box, Direction up and Size at 24. You can see that the topmost skewed layer looks a little shiny with some dimension to it.

Then I went down to the original skewed layer and decreased its Opacity down to 28%. I wanted some of the blue to remain, but the shiny dimensional stuff to be most visible.

Then I merged the two skewed layers.

I chose another font, this time a simple sans serif one called Caviar Dreams. I pulled a pink from one of the papers I used then added some special effects to it too. The Glow and Inner boxes are checked again, Size is at 70 and Opacity at 50. The Bevel is set at 24 and Up again.

I decided a little drop shadow on the two fancy layers was needed because of their dimension and the end result looks like this.

You know what’s the best part? You can do this to almost anything! You can create a mirror image of a photo, an element, a brush (on its own layer, of course!), make an object look like it’s casting a really long shadow… so many ways you can make this work for you! Give it a whirl. I know you’ll find some really creative ways to use it and to combine it with other cool techniques. See you in a week.

Dodge and Burn… NOT an Action Movie

Awhile back, Ellen (gmae) asked me to think about a tutorial on dodging and burning. I couldn’t think of how to introduce it at the time, but I’ve come up with a way!

Dodging and burning are old-school photography techniques for selectively adjusting exposure of photos to bring out details that weren’t all that evident. In the darkroom, it was done with a piece of cardboard (at least that’s how I did it back in the day).  [I cut a round hole in a solid piece of mat board (for burning) and taped the cut-out circular piece to a thin piece of very stiff wire (for dodging).] First the photographer would print the desired negative on photo paper and examine the exposure. Then another print would be made with some fancy footwork to correct areas of over-or-underexposure. Dodging involved holding the end of the thin stiff wire with the cardboard over the area of the photo that was overexposed and then exposing the paper while keeping the wire-and-cardboard dodger moving. This decreased the amount of light that hit that section of the paper, so those blown details could be seen. Burning was done similarly but was concentrated on the under-exposed areas by moving the hole in the cardboard over the dark spots, allowing MORE light to hit that area of the paper. The cardboard in both methods had to be kept moving at a reasonably constant rate so as to prevent the obvious demarcation lines the enlarger would leave on the image. It was time-consuming, wasted a lot of expensive photo paper and was definitely a skill not everyone excelled at. To be honest, I totally failed at it! So it’s a WONDERFUL thing that dodging and burning can be done digitally and done well without a lot of fuss.

My first demonstration will show you how to make things like tags look like they’re stickers and washi tape look realistic, complete with that appearance of something thicker underneath it. I’m using CathyK‘s July Daily Download Back to Nature here. (If you missed it you can still get it, it’s in the store!)

I want this tag to look like it’s a sticker and it needs a little ridge where it overlaps the photo.

To make this technique easier on yourself the first couple of times you try it (until you get the hang of it) I suggest you position your item so that you can see the edge of the object underneath at both ends, as I’ve shown. But don’t worry about having it horizontally arranged because this will work no matter what the angle.

Now select the Sponge tool. It’s actually 3 tools in one… the Sponge, Dodge and Burn are all accessed through there. The keyboard shortcut is simply hitting the letter “O“. You can use that to toggle between the three tools. Neat, eh?

The Dodge tool is the one we’re going to start with. The icon looks like that little paddle the optician uses to check your vision.

One of the important controls for this tool is hidden behind the Brush menu. It’s the one that lets you choose between Highlights, Midtones and Shadows. It defaults to Midtones, and that’s where you want it. Select a soft round brush of about 45 pixels in diameter and set the exposure (there’s that word again!) to no more than 30%. You’re going for a REALLY subtle effect, so start off light and build if you need to.

I learned something new while I was preparing this tutorial. Set your brush at the edge of the item UNDER your tag/sticker/tape and click once. You want it to overlap onto the layer underneath it a little so fix a reference point in your mind to help you later. Then move your brush cursor over to the other side of your tag/sticker/tape, hold down the Shift key and click again. Bingo! You’ve got a straight line of brush on your image!!

It’s really hard to see the change, but trust me, it’s there. Now decrease the size of your brush by about a third. Repeat the click-shift-click manoeuver again.

Once more with feeling… again decrease the size of your brush by a third (that’s why I chose 45 pixels… makes the math easy). Then click-shift-click one last time.

If you look really closely at my example, you can see the faint but definite lightening along the edge of my photo.

It’s actually easier to see from farther out.

Now we’re going to Burn the part that overlies the photo. The Burn tool looks like someone making an “OK” sign with their hand. I left the size of the brush at 15 pixels with the exposure at 30% and used the very same click-shift-click to lay down a darker line.

Then I followed that up with a HUGE brush that covered the whole part of the tag that sat on top of the photo. The first pass set the edge, the second pass created a bit of a shadow that makes it look so much more real.

Here’s a zoomed-in view…

and a zoomed-out view. What do you think?

On my finished layout, I dropped another tag on top of this one and did the same technique with it. You can see the effect below.

Okay… let’s pretend we’re in the darkroom and we have this photo on our workspace. How can we use the Dodge and Burn tools to make it look better?

I darkened his eyes, his nasolabial folds (those grooves from his nose to the corners of his mouth), his dimple and the folds in his ear using the Burn tool with a small brush size and a light touch. The photo looks a little sharper, at least to my eyes.

Then I used the Dodge tool to bring the highlights back. Wherever more light would hit his face was dodged a smidge – the tip and bridge of his nose, the top of his ear, the apples of his cheekbones and a small section of his forehead. I also hit the catchlights in his eyes and brightened the whites a bit too. You could use these tips to make the eyes in your portraits sparkle: Burn the irises a bit, then Dodge the white and catchlights for some real drama. Just remember, if you’re not happy with how your images look, you can always Undo! CTRL/CMD>Z is the most useful tool in your arsenal! (Wanna know another way to use the Dodge tool? To soften crowsfeet!)

Now let’s look at what we can do with colour photos.

I went over the throat of this daylily with the Burn tool to deepen the fuchsia areas a bit.

Then I went over the areas where the light hits and Dodged up the highlights. I worked on a copy of my photo so I could move from the original to the edited one and see how the changes looked.

And boom! The throat’s fuchsia is darker, so there’s more contrast, and the stamens and ruffled edges are lighter and stand out more. I LOVE being able to selectively enhance my images!

I’m not sure if this is what Ellen was looking for when she asked about dodging and burning. If it isn’t, I’m sure she’ll let me know. Have fun y’all, see you next week!

More Fun with FONTS

I’ve confessed it before – I’m a fontaholic. I LOVE fonts and the options they provide. But have you ever downloaded a font because the example the email or website shows makes it look like it’s been hand-painted – cool, right? – only to find out it’s just… a font? And it looks sort of like the screenshot below. That makes me so cranky! So I’m going to show you how those cheaters do it.

Pick a colour. It doesn’t matter what you choose because it’s going to disappear later, but you want to be able to see it clearly.

Then pick a font, one with some weight to it. I like this one called Cedar. It’s one of the ones I was enticed to buy because of its lovely watercolour paint look in the samples. Umm. Yeah.

This step is optional, but I’m going to use this as a title so I filled in those gaps and made the letters all solid shapes. Tip: When using the paint bucket Fill tool, if you only click inside the space once, there will be a faint outline of the gap left when you’re done. Solution: click TWICE.

And in case you haven’t been paying attention, Simplify your font layer.

Now you’re going to choose a watercolour brush. Or one with some kind of texture. You want to make the font look fabulous, but you also want it to be grounded to the paper below it. Letting a little of that background colour show through does that nicely. Because this text will mimic a painted-on title, it won’t be shadowed later, so ground it now. Choose your paint colour at this step as well.

Create a new layer for your brush. Always. ALWAYS! If you hover your brush over your text, you can see where the edges should be, but this isn’t always so with this type of brush. It does, however, give you some idea of whether your brush will cover your text and whether it needs any adjustments. I tipped my brush a little to get a more uniform coverage by using the Brush tool Settings menu as shown below.

Then just click your brush over your text. If you want more oomph, click more than once, but be careful not to lose the tonal variations you’re trying to create.

Stay on your brush layer and Select your text by clicking on your text layer’s thumbnail. Behold, marching ants!

To Invert your Selection, you can Select>Inverse as shown, or you can CTRL/CMD>Shift>I, which shifts the active area to everything OUTSIDE the text.

This next step Deletes the paint outside the edges of the text. There are 3 ways this can be done: Edit>Delete or CTRL/CMD>X or simply hit the Delete key.

So now the paint only covers the area over the text! CTRL/CMD>D makes the marching ants disappear.

Once I eliminated the marching ants, I wasn’t totally happy with the look so I just added a Stroke to the edges… still on the brush layer.

I used the same colour for my stroke. But I could have pulled one of the other shades of teal from the background paper. I think that would have ruined the effect though. Centering the stroke on the edge eliminates those raggedy jaggedy pixels some fonts have when they’re enlarged.

The change made by the stroke isn’t obvious but I think it just defines the text a little better.

You could leave the original text layer and colour show through your brush layer, or you can turn the visibility off to see how you like the look. I found that some of the tonal variation was lost when I did that. But if you’re happy with the visibility turned off you can go ahead and delete the text layer.

Okay, so let’s try something a little different, but using the same basic steps. We’re going to reverse the look.

Back up all the way to where we Selected the text. We’ll use the same brush and colour.

But this time, don’t Invert your selection, just Delete it. Edit>Delete, or Ctrl/CMD>X or just hit Delete.

Now the Text layer is fully visible and the brush is smooshed all around it.

Turning the visibility of the Text layer off looks like this. Decision time. Happy? Not happy? What should be changed, if anything?

Let’s make some small changes.

Would a Stroke make it look better?

Same settings, same everything else.

It’s better, but not really what I want.

So I just Undid – CTRL/CMD>Z – my way back to the Select text step and changed my brush to a dirty spray.

I know I reminded you to put your brush(es) on its own layer – here’s why. You can adjust it to your heart’s content without affecting anything else. You can make the brush bigger or smaller, change the angle of it, decrease the opacity of it, change the Blend Mode, duplicate just the brush… a schwack of things can be done to it that can’t be done if it’s on the same layer as something else.

This time I clicked my brush several times, moving it around to cover the text more but still letting some of the background colour show through.

Et voilà! Turn off the text layer and it looks like a reverse stencil.

If you’ve seen the layout I used this technique for, you’ll know I went with a different colour and the very first method. Despite the appearance of a great deal of time consumed, this actually only takes a matter of minutes to do. Give it a whirl!