Posts Tagged ‘Adobe Photoshop’

Deke’s Techniques: How to make a hand turkey in Photoshop

Published by | Tuesday, November 20th, 2012

Here in America we have a long-standing tradition of giving thanks every November by tracing around our hands and decorating the drawing like a turkey. In this free video, Deke shows you how to release your inner artistic child by creating a hand turkey in Adobe Photoshop.

Although many of us learn this technique in kindergarten, the Internet provides galleries of evidence that the practice is not limited to youngsters. In fact, since many of us learned this skill when we were fearless children, the act of decorating a hand tracing for Thanksgiving can be quite liberating!

The first step is to trace your hand. Since this will be a Photoshop project, it’s preferable that your tracing yields a result that looks like an electronic outline. There are as many options for accomplishing this as there are recipes for Thanksgiving turkey. Deke traces around his hand on a Wacom tablet. I shot a picture of my hand with Photo Booth, opened it in Photoshop, and used the Pen tool to trace a path around it. Because wiggly lines add to the nostalgia of the project, my ineptitude with the Pen tool has a benefit for once! Regardless of which method you choose, you’ll need to end up with the outline on an otherwise transparent layer and a white background layer:

An outline of a hand

 

Deke notes that you should be sure to trace your wrist as well, since those lines are great for establishing the feet. (They didn’t teach me that in kindergarten!) On separate layers, he adds some feathers, a handsome face with beak and waddle, and feet:

The hand outline with turkey-like features

After setting up a layer-based barrier to ensure the colors stay within their respective coloring book–style lines, it’s safe to fill in the feathers, beak, and waddle with the Paint Bucket tool. To ensure that the colors fill their entire areas, Deke uses the Minimize filter to expand the colors just past the inner edge of the outline. (The Minimize filter reduces transparent areas, so the colored areas actually grow.)

Different color fills in Adobe Photoshop

After coloring the body a decidedly human flesh color, Deke adds an Inner Shadow effect to the hand area to give it some volume. He duplicates and adjusts the Inner Shadow for each area of the hand:

The colored turkey drawing with an inner shadow effect

After inexplicably deciding his turkey needed underwear (except that it’s a chance to show you how to paint carefully, erase judiciously, and tweak the inner shadow to the appropriate color so that it looks correct against white), it’s time to give the “flesh” some texture. By applying several filters to a smart Smart Object layer filled with nothing but black, Deke sets that layer blend mode to Overlay and clips it to the Body layer below.

Drawing with texture added

 

Aside from letting you recall the joys of one of your earliest art projects, much of the whimsy of this technique comes from the fact that there is a lot of room for personal expression. I mean, you’re beginning with your own distinct handprint, and then you can modify the colors, embellishments, and textures as you wish. Here are my observations from creating my own hand turkey (as seen on the left below):

1. Unlike Deke, I’m right-handed, which of course means my turkey is facing the other way. While this may seem trivial, it actually means I had to flip my Inner Shadow effect to the mirror image of Deke’s. So Deke used an angle of -125 degrees, and I had to change mine to -55 degrees to give volume to the analogous areas of my turkey.

2. Tracing an image of your hand with the Pen tool is great practice for learning how it works since there are lots of subtle curves required to create a hand outline. Plus, if you mess up it just adds to the homespun nature of your turkey.

3. I made different decisions on colors, textures (I actually used the Stained Glass filter instead of Grain), wrinkles, and of course wardrobe.

Two final Turkey hand drawings made using Adobe Photoshop

But clearly, Jenny and Jake—as I’ve affectionately named our turkey friends—are personal expressions of the same general approach. It’s a great way to have nostalgic fun while learning useful features of Photoshop.

Meanwhile, lynda.com members can give thanks for an exclusive movie this week called Creating a depth-of-field cast shadow, in which Deke gives his turkey a realistic shadow.

Deke will be back with another technique next week. Happy Hand Turkey Day!




• The entire Deke’s Techniques weekly series on lynda.com
• Courses by Deke McClelland on lynda.com
• All Photoshop courses on lynda.com

Suggested courses to watch next:
• Photoshop CS6 One-on-One: Fundamentals
• Photoshop CS6 One-on-One: Intermediate
 Ed Emberly, Children’s Book Illustrator

 

Deke’s Techniques: How to create a Halloween-worthy headless stranger

Published by | Tuesday, October 30th, 2012

If last week’s Deke’s Techniques episodes on various ways to carve a pumpkin in Adobe Photoshop weren’t enough spooky spirit for you, then you’ll be pleased to discover that this week’s episode shows you how to create a headless stranger who haunts this eerie forest:

background photo of a misty forest

Deke begins with this unsuspecting gentleman whose head is still decidedly intact:

Photo of a person

Using the Calculations command (twice), he isolates his hapless subject in an alpha channel. Then, some devious hand painting and a cruel inversion of the channel result in this mask:

A layer mask of the figure outline

Deke then lops of his model’s head with a clever selection applied to the mask, and methodically reconstructs the stump by cloning the victim’s collar and scarf on a new layer:

The composite photo of the figure without a head

Next, he places his now headless stranger into the misty woods, tormenting his subject further by stretching him vertically with the Transform command:

A headless man in a misty forest scene

Deke then drains his victim of all color with an adjustment layer and dissolves away the legs with a gradient mask:

The stranger in the misty scene and the Layers panel

In his final act of imaginary Photoshop treachery, Deke uses the Save for Web command with the quality set to Low to degrade the picture (since you wouldn’t have a tack-sharp shot if your hand was trembling as you were ran running from a headless man stalking you in the woods!).

The final photo composite of a headless man in the woods

Don’t worry. The good-natured, benevolent Photoshop master Deke will be back with a less spooky technique next week. Happy Halloween!

Interested in more?

• The entire Deke’s Techniques weekly series on lynda.com
• Courses by Deke McClelland on lynda.com
• All Photoshop courses on lynda.com

Suggested courses to watch next:
• Photoshop CS6 One-on-One: Fundamentals
• Photoshop CS6 One-on-One: Intermediate
 Photoshop CS6 One-on-One: Advanced

Deke’s Techniques: Carving a pumpkin in Photoshop

Published by | Tuesday, October 23rd, 2012

In this week’s free Deke’s Techniques video, Deke celebrates his favorite holiday by showing you how to carve a ghoulish but gorgeous graphic into the face of a pumpkin using Adobe Photoshop.

First, start with an image of an otherwise unsuspecting pumpkin:

Original photo of a girl holding a pumpkin

Next, draw the face you want carved into your pumpkin on a transparent background. For this evil grin, Deke used a Wacom tablet and his own vivid imagination:

A scary face in Photoshop, drawn with a Wacom tablet

With the face drawn, Deke adds the face to the original photo using the Transform command to get it to the size and angle he’s looking for:

The scary face positioned onto the pumpkin in the original photo

A mask, created with the Color Range command and some hand-crafted detail, removes parts of the face that have spilled off the pumpkin onto the girl’s arm:

The composited photo modified with a mask

A variety of layer effects—a drop shadow, color overlay, and outer glow—along with an application of the Median filter, digitally carve the face into the pumpkin flesh.

The composited photo with a variety of layer effects in the Layer Panel

The final touches are added by duplicating the mouth of the face, coloring the teeth white, and giving the teeth some transparency by changing the blend mode in the Layer Style dialog box.

The final composite of a girl holding the now-carved pumpkin

For lynda.com members, Deke also has another exclusive Halloween video this week called Simulating a glowing jack-o’-lantern, in which he shows you how to create a classic glowing-eyed jack-o’-lantern effect, starting with the a fresh, faceless pumpkin image.

 

Interested in more?
• The entire Deke’s Techniques weekly series on lynda.com
• Courses by Deke McClelland on lynda.com
• All Photoshop courses on lynda.com

Suggested courses to watch next:
• Photoshop CS6 One-on-One: Fundamentals
• Photoshop CS6 One-on-One: Intermediate
 Photoshop CS6 One-on-One: Advanced


Deke’s Techniques: Turning a pencil drawing into ink-style art in Photoshop

Published by | Tuesday, October 2nd, 2012

In this week’s free Deke’s Techniques episode, Deke McClelland shows you step-by-step how to use Adobe Photoshop to turn a scanned pencil sketch into a digital ink-style drawing.

For his sample file, Deke uses a scanned pencil-sketched comic strip reminiscent of art he drew in his youth:

Scan of a pencil sketch

The first step is to get rid of some color effects that were created during the scanning process. Because this unwanted color is living in the Blue channel, Deke uses the Photoshop Channel Mixer to reduce the effects by mixing in greater values of the Red and Green channels. This process also creates an opportunity for Deke to darken the outlines of his characters.

Pencil sketch darkened in Photoshop

Next, he strengthens the black outlines with a Levels adjustment:

Pencil sketch after a Levels adjustment in Photoshop

Then Deke applies the Despeckle filter to help reduce the noisy edges around the drawing caused by the JPEG compression, and creates a white rectangle to cover the edge of the drawing paper that reveals where the scanned paper ends and the scanner itself starts.

Pencil sketch with noise reduced using the Despeckle filter in Photoshop

One advantage of drawing digitally is the ability to reconsider details. Before taking the time to redraw the cartoon with pencil, Deke brushes white around the eyes of his square character, who he’s affectionately named Jello, so he can redraw the eyes digitally.

 

Pencil drawing with hand-drawn digital adjustments

After switching his brush color to black, Deke redraws a more refined expression of gelatinous rage and reconstructs the side of Jello’s face that got cut off by the scan:

The final ink-style drawing of the pencil sketch

In the end, you get all the benefits of drawing in the real world, and refining in the digital one. To see every nuance and detail of the process, check out the movie Turning a pencil sketch into digital ink at the top of this post, or on lynda.com.

For members of lynda.com, Deke also has a member-exclusive movie this week called Adding a graph-paper background, where he shows you how to give your digitally inked characters a unique background.

 

Interested in more?
• The entire Deke’s Techniques weekly series on lynda.com
• Courses by Deke McClelland on lynda.com
• All Photoshop courses on lynda.com

Suggested courses to watch next:
• Photoshop CS6 One-on-One: Fundamentals
Photoshop CS6 One-on-One: Intermediate
 Photoshop CS6 One-on-One: Advanced

 

Deke’s Techniques: Creating a hand-carved wood effect in Photoshop

Published by | Tuesday, September 11th, 2012

In this week’s free Deke’s Techniques, Deke uses Adobe Photoshop to create the effect of hand-carved letters in a wooden sign. I don’t mean embossing typed-out text into a wood background, but rather, making hand-drawn letters look like they were manually carved into an old wooden sign many years ago and weathered over time. To create this effect, Deke uses the fairly uncommon Dissolve blend mode. While Dissolve is seldom used, for this particular effect it provides the gritty, worn edges we’re looking for. If you want to watch the video right now, here’s the episode:

If you prefer a step-by-step visual walk-through of this technique, here’s how it’s done:

Starting with an old wooden sign masked against an appropriately desolate background, Deke begins his technique by hand-drawing some white letters on to their own layer using a Wacom tablet.

Adobe Photoshop Layers panel with background, sign, and "go away" lettering as layers.

The next step is to make the letters soft and more or less invisible. Deke starts by setting the fill Opacity to 0% in the Layers panel so that the writing disappears. Next, he brings back the edges of the now invisible letters by applying a white drop shadow. To do this, click the fx icon at the bottom of the Layers panel to bring up the Layer Style dialog box. Within the dialog box, set the color of your drop shadow to white, the Opacity to 100%, and the blend mode to Normal. In order to ensure the original characters don’t cut holes in the drop shadow (which will become the basis for the letters from this point on), Deke unchecks the Layer Knocks Out Drop Shadow check box in order to see the shadow all by itself (minus the actual letters that informed it).

Layer Style dialog box with Drop Shadow option highlighted

In order to get the dithered-edge effect that will simulate carved, weathered wood, Deke applies the seldom-used (and, in truth, seldom-useful) Dissolve blend mode to the drop shadow. Although Dissolve is problematic in most situations, for this technique it works well. Setting a Distance value of 0 and Size value of 10 creates noisy, ratty edges.

Layer Style dialog box with Dissolve blend mode selected

The next step is to turn the letters into a layer mask, so that you can ultimately make a selection that includes both the shape of the letters and the effects you’ve applied. Deke starts by creating an adjustment layer beneath the Go Away character layer that’s filled with black. To do this, click the layer with your sign image to make it active, and then click the black-and-white circle icon to bring up the  fill/adjustment layer pop-up menu at the bottom of the Layers panel. Choose Solid Color from the pop-up menu, and set the color to black. Next, go to the Channels panel and grab the white letters off the black background by Command-clicking (or Ctrl-clicking on a PC) the RGB channel option to automatically select the white characters, and deselect the black background.

Channels panel with options to create noise in the "Go Away" layer

Once Deke has the selection he wants with all its great noise-infused edges, he turns off the original Go Away character layer and black background layer and duplicates the sign image layer to serve as a base for where he’ll create the carved letters. Since, in its original incarnation, the sign layer once served to mask the sign against the background, you’ll see the duplicate you made of the sign layer also has a layer mask that is no longer needed (or wanted). Right-clicking on the layer mask and choosing Delete Layer Mask from the contextual menu gets rid of your layer mask and puts you in a position to add a Go Away–shaped layer mask to the new sign layer. Clicking the Add Layer Mask icon at the bottom of the Layers panel will create that mask based on the currently loaded selection.

Layer panel with the noise-infused "Go Away" layer mask added

Because the letters are filled with the sign and they are set against the very same sign, they’re invisible ghostly placeholders until Deke applies some layer effects. First, the carving gets burned into the sign by applying an Inner Shadow effect. After clicking the fx icon at the bottom of the Layers panel and choosing Inner Shadow, he sets the color to a dark brown (Hue: 30, Saturation: 100, Brightness: 25), sets the blend mode to Linear Burn, sets the Opacity to 50%, the Distance to 15 pixels, and the Size to 25 pixels.

Layer Style dialog box with the Inner Shadow option highlighted

To add some differentiation around the outline of the letters, Deke next adds an Outer Glow layer style. Since the Layer Style dialog box is already open, he can just click Outer Glow from the left-hand list. After setting the color to the same dark brown used for the inner shadow (Hue: 30, Saturation: 100, Brightness: 25), he changes the blend mode to Linear Burn again, sets the Opacity at 55%, and the sets the Size to 2 pixels.

Layer Style dialog box with the Outer Glow layer style option highlighted

Finally, Deke applies color to the inside of the carving by clicking Color Overlay from the left-hand list within the still-open Layer Style dialog box. Using a color of Hue: 30, Saturation: 75, Brightness: 35; a blend mode of Hard Light; and an Opacity of 40%, he fills the Go Away letter area with a rich dark brown. Clicking OK at this point applies all three layer effects.

Setting the Color Overlay opacity in the Layer Style dialog box

In order to give the carved area an appropriate sense of depth, Deke moves the wood grain inside the letters down by unlinking the image from its mask (click on the chain-link icon between the sign image and Go Away layer-mask thumbnails) and nudging the sign image down five pixels. You can do this by clicking on the thumbnail with the sign image to make it active; then, holding down the Command key (or Ctrl key on a PC), press the down arrow button five times.

Moving the wood grain inside the lettering with the Layers panel

Finally, to turn the stray pixels around the outlines of the letters into little bits of Photoshop-simulated wood grain, Deke applies a bit of motion blur. Clicking the Go Away layer-mask thumbnail to ensure he’s only applying the blur to the mask, Deke chooses Filter > Blur > Motion Blur, sets the Angle to -3 (to match the direction of the wood grain), and a sets a Distance of 5 pixels.

Photoshop Motion blur dialog box

To compensate for the softness created by the blur, Deke lastly applies a bit of sharpening by selecting Filter > Sharpen > Smart Sharpen, then setting the Amount to 100, the Radius to 1, and the Remove setting to Lens Blur.

Photoshop Smart Sharpen dialog box

And here is the final effect:

The final project

You can see this entire technique in detailed action, including on-the-fly tips and insights from Deke, in the video above, or by navigating to video number 160 on the lynda.com Deke’s Techniques series page. Please let me know in the comments if you like this expanded combination of text instruction alongside video, and if you find it helpful.

And, of course, since we don’t want you to really go away, Deke will be back with another technique next week.

 

Interested in more?
• The entire Deke’s Techniques weekly series on lynda.com
• Courses by Deke McClelland on lynda.com
• All Photoshop courses on lynda.com

Suggested courses to watch next:
• Photoshop CS6 One-on-One: Fundamentals
• Photoshop Masking & Compositing: Fundamentals
 Photoshop Blend Mode Magic

 

Deke’s Techniques: Compositing clones of yourself in Photoshop

Published by | Tuesday, September 4th, 2012

In this week’s free Deke’s Techniques episode, Deke shows how to clone yourself with Photoshop, so that you’ll never be lonely again and always have someone else to do the laundry. Well actually, he creates a composite image featuring clones of his friend and lynda.com director Jacob Cunningham. But you could use the advice Deke shares here to have a full on party, concert, or company meeting with yourself.

Despite the name of this episode, there is not a single pass of the clone stamp tool in sight. Rather, working with a dozen separate images in different poses that Jacob shot of himself, Deke shows you how to mask all the Jacobs into one realistic scene (well, as realistic as one guy having a fight with himself, breaking up the fight with himself, and having nine other himselves looking on can be).

Each additional version of Jacob needs to be carefully masked into place. Deke uses an entire arsenal of Photoshop tools, from a simple rectangular marquee, to a deftly placed gradient mask, to meticulous hand painting. In the video, he considers each new addition to the composite, then troubleshoots the new challenges that each shot presents. Adding all these images together, he eventually arrives at this wonderful festival of Jacobs:

A progression of images, starting with three images of different "clones" and then a final image of them composited together into one realistic scene in Adobe Photoshop

For members of lynda.com, Deke has an exclusive movie this week in which he shows how to light this scene consistently and have the characters cast shadows on one another.

Deke will be back next week with another free technique.

Interested in more?
• The entire Deke’s Techniques weekly series on lynda.com
• Courses by Deke McClelland on lynda.com
• All Photoshop courses on lynda.com

Suggested courses to watch next:
• Photoshop CS6 One-on-One: Fundamentals
• Photoshop Masking & Compositing: Fundamentals
 Photoshop for Photographers: Compositing

Deke’s Techniques: Creating an optimal Facebook cover image in Photoshop

Published by | Tuesday, August 28th, 2012

In this week’s free Deke’s Techniques, Deke McClelland shows you how to create a perfectly spaced, sized, and positioned Facebook cover photo. Sure, you could take your chances and upload a carefully selected photo for your cover image, then hope limited repositioning controls in Facebook let you adequately present your creative vision. Or you could watch this week’s movie and find out how to craft your cover in Photoshop ahead of time, to present a vision that’s exactly what you want for your Facebook page.

The key to getting things positioned precisely is creating a template that allows you to plan your composition exactly. Specifically, here are the dimensions that you want:

Template of a standard Facebook cover with dimensions marked

Although the 851 x 315 dimensions of the standard Facebook cover is fairly common knowledge, the key to ultimately having your cover and the smaller inset profile picture work together with technical accuracy is to anticipate in Photoshop how the two will visually interact. In this project, Deke’s goal is to have text that spans across the cover photo actually look as though it begins inside the smaller profile photo. (His kooky brush tiki man also spans across both images.) This requires some deft use of smart objects, layer masks, duplication, trimming, and of course, the Save for Web command. Here is the result of Deke’s project:

Final Facebook cover art with text spanning seamlessly from inset into banner

Of course, you can extrapolate from this technique to create your own professionally crafted cover photo for your own personal or business page. And members of lynda.com can watch this week’s exclusive video, in which Deke continues the project by showing you how he got his inset profile image to work as part of the larger cover photo, replete with letter D and the handle of the brush character positioned so that they flow from one image to the next.

Deke will be back next week with another free technique.

Interested in more?
• Start your 7-day free trial to lynda.com today
• The entire Deke’s Techniques weekly series on lynda.com
• Courses by Deke McClelland on lynda.com
• All Photoshop courses on lynda.com

Deke’s Techniques: Creating filter effects with Camera Raw

Published by | Tuesday, October 4th, 2011

The first time you try them out, Photoshop filters can be sort of fun, turning your images into a pastel drawing or giving them a chrome effect. But as Deke points out in this week’s free technique, you’ll soon realize that many of these built-in filters are nothing you’d actually want to use. So instead, Deke has used a familiar tool to a surprising purpose this week, by using Adobe Camera Raw to create some filter-like recipes that result in usable effects. And you don’t need to use raw-format photos to make it work, either.

He begins with this image (shot by lynda.com‘s own Jacob Cunningham), which does happen to be a raw image to which Deke applies conventional Camera Raw processing in order to set his starting point:

For his first effect, Deke uses a negative Clarity value to reduce the edge contrast and a negative Vibrance setting to leach out the most vivid colors in the image. He then adds back some saturation to return the glow of the model’s skin tone.

Next, Deke takes the same image, and applies a bleached effect that’s centered around the application of a drastic temperature reduction. Who needs Instagram when you have ACR?

The third effect emulates old school cross-processing (as if you were developing one kind of film with a process designed for another) by adjusting the temperature and tone, then setting vibrance and saturation at odds. The result is this interesting effect:

The next recipe applies an etched effect, which gives our good-natured model an almost other-worldly look. This part of the technique involves tweaking the Recovery, Fill, Blacks, Contrast, and Clarity values.

Finally, because you’ve undoubtedly come to expect extremes from Deke, he’ll show you how he used the Tone Curve to set the different levels inside the image at extremes with one another, resulting in this stark treatment:

Five photo-processing filters in under nine minutes. And all along, you’re applying your effect to duplicates of an original smart object, so everything is non-destructive and you can riff off of Deke’s ideas without harming your original image.

And if that’s not enough, members of the lynda.com Online Training Library® can view another new movie in which Deke shares his sixth and most outrageous filter effect inside Adobe Camera Raw. It’s Deke—you can occasionally question his taste but never his talent. And you never know what the inspirational effects of going over the edge might be.

Every week, there’s a free techniques from Deke!

Interested in more?
• The entire Deke’s Techniques collection
• courses on Photoshop in the Online Training Library®
• courses by Deke McClelland in the Online Training Library®