Sunday, 11 January 2015

Create a Realistic Painted Effect in Photoshop



There’s some talented artists out there who can hand paint stunning hyper-realistic art, but those kinds of skills are something us mere mortals can only dream of. Thankfully with the help of Photoshop it’s possible to create cool effects to mimic the style of painted images. In today’s tutorial I show you a few steps that will transform a photograph into a digitally painted piece of art with detailed brush strokes and blotchy colours.



The effect we’ll be creating in this tutorial transforms a photograph with fine brush strokes to produce a realistic painted appearance. This technique is great for simulating illustrated artwork for retro movie posters or just to give your images a cool stylized look.



Open up your chosen image in Photoshop. I’m using a portrait photo I picked out from Shutterstock. Add a Curves adjustment layer and darken the blacks and brighten the whites to subtly increase the contrast.



Use the shortcut CMD+J to duplicate the background layer twice, then with the uppermost layer selected add a High Pass effect from the Filters menu.



Adjust the High Pass filter radius slider until the details of the photo begin to emerge from the grey background. A low amount of around 1-3px is all that’s required to avoid any haloing.



Change the blending mode of this High Pass layer to Linear Light to drastically sharpen the photograph. These sharp areas will help create detailed brush strokes, especially on the hairs.




Merge the High Pass layer with the background duplicate below it to make this effect permanent, then head to Filter > Stylize > Diffuse.



Change the Diffuse mode to Anisotropic. This is the key ingredient to give the image that cool brushed appearance.



If you look closely at your artwork, you may notice some ugly seaming where the diffusing repeats. I’ve come up with a little technique to fix this…



Go to Image > Image Rotation > 90° CW, then use the shortcut CMD+F to repeat the addition of a Diffuse filter.



Rotate the image by 90° again, then apply another Diffuse filter. Repeat this step for a third time then rotate the image for a final time to place it the right way up.



The Diffuse filter adds a cool brushed effect but it has blurred the image slightly. Go to Filter > Sharpen > Smart Sharpen to bring out some of the details. Use an amount of around 100% but a low Radius to avoid over processing the image.




This result looks pretty good as it is. The texturing from the Diffuse filter adds lots of swirly details on the skin which gives the image a traditionally painted effect. However, there’s one little step that further manipulates the image and results in more of a digitally painted look. Select Surface Blur from the Filter > Blur menu and adjust the values to around 50px Radius and 15 Threshold. Fine tune these values so only the large flat areas are affected.



The result is cool effect that mimics digital paintings. The smudged blending of colours and the appearance of fine brush strokes really help achieve a realistic painted look.



The effect really comes the life the closer you get. From afar the fine details can blend to look like a normal photograph, but up close you see what looks like hundreds of individual brush strokes.

CREATE YOUR OWN RETRO ANALOG EFFECT



In this Photoshop Effects tutorial, we’ll learn how to easily CREATE YOUR OWN RETRO ANALOG EFFECT.

Here’s the photo I’ll be using for this tutorial:



Here’s how it will look once we’ve added in our retro analog effect:



Let’s get started!

Add a Curves adjustment layer to begin altering the tones of the image. Using an adjustment layer as opposed to the menu command gives you the ability to go back and tweak the settings, or remove them altogether.



Change the drop down menu to the Red channel and begin manipulating the curves. Tweak the line into an S shaped bend.



Move onto the Green channel, this time increase the green midtones by creating a large flowing bend in the line.



In the Blue channel, add both a slight S shaped bend and move the start and end points above and below the original curves line.



Fill a new layer with magenta, then change the blending mode to Soft Light. Reduce the opacity of the layer to around 20% to tone down the effect.



Press CMD+A to Select All, then go to Edit > Copy Merged (CMD+Shift+A). Paste this duplicate on a new layer, then add a Gaussian Blur. Add a Layer Mask to the blur layer and erase the blurring from the main subjects, leaving spots of blurring creeping in from the edges and in the background.



Dab spots of red using a large soft brush on a new layer. Change the blending mode of this layer to Linear Dodge to create a series of light leaks. Reduce the opacity to around 70%.



Select All, then right click the document and select Stroke. Add a 100px black stroke to the inside of the canvas.



Blur the stroke with maximum settings using the Filter > Blur > Gaussian Blur option to form a vignette. Set this layer to Soft Light at 70%.



Dab a large spot of white in the centre of the canvas to highlight the main subjects. Change this to Soft Light at 100%.



Fill a new layer with black and add some noise (Filter > Noise > Add Noise). Give the noise layer a slight Gaussian Blur to take the edge off the noise particles, then change the blending mode to Screen at 15%.




Here’s my final result:




Make Your Photo Impressive



There are various basic techniques to make your photos look impressive. We're going to demonostrate two techniques today, one by using Color Balance to change a photo's mood and another by creating Gradient Map to create a nice colour contrast.

Open the photo you want to edit or choose this photo here:



Color Balance

With this Adjustment layer, you can change your photo's color variety. Go to menu Layer > New Adjustment Layer > Color Balance



Notice how this changes the mood of the photo and how they feel differently:

Using warm colors:





Result:



Using cool colors:







Result:




Using emerald colors:








Result:




Gradient Maps:

We can also use gradient maps to create a very nice colour contrast. To start, go to menu Layer > New Adjustment Layer > Gradient Map...





Choose any gradient. I'm using black and white to create a monotone effect:



Now to create the contrast, zoom into the parts you want the contrast created:



Pick the Eraser Tool , set the foreground color to #ffffff (white) and start erasing parts of the gradient map:



Note, setting foreground to #ffffff (white) will give you the color areas setting foreground to #000000 (black) will give black and white color

You can also press 'X' as a shortcut to switch between black and white brushes.

Keep brushing on your photo and you will have something like the following result.

Result:





Adding a Diffuse Glow to Your Photo



Giving your images a diffuse glow with Photoshop is a combination of blurs, layer blend modes, and blending techniques. Rather than blurring the entire image, we instead add a halo to a desired range of tones. We can add richness and shape the tones in an image in this way without sacrificing a lot of image details.


Figure 2. A macro view of a Black-Eye Susan
at Maclay Gardens SP, Tallahassee, Florida.

The Black-Eye Susan in Figure 2 is a good candidate for a diffuse blur. Softening the petals will add interest, but it is also important to hold some of the details in the “eye” of the flower.

Adding a diffuse glow begins by duplicating the image up to that point on a separate layer. The easiest way to do this is to use the keyboard shortcut alt-ctrl-shift-n-e on the PC (option-command-shift-n-e on the Mac). This will merge all of the visible layers into the new layer without flattening the image.

The next step is to duplicate this layer. Ctrl-j on the PC (Command-j on the Mac) will make a duplicate.

(If memory is cramped or you prefer to work with fewer layers, you could flatten the image. All you would need to do in that circumstance is make a copy of the Background layer with ctrl-j.)


Figure 3. Adding a diffused glow begins by adding a merged layer for applying a blurfilter effect.
The merged layer is then duplicated.

We need to soften the image on topmost layer. Filter | Blur | Gaussian Blur is a good choice. It applies a smooth blur to finer image details. Adjust the Radius setting to control how much softening is applied. For a diffuse glow, you want a setting large enough to soften the image but not so soft that it obliterates all of the image details. I selected a Gaussian Blur of 25 pixels for this image.


Figure 4. A Gaussian Blur of 25 pixels adds considerable softness to image details.

When you apply a Gaussian Blur, the details tend to spread out as they soften. This is the source of the halo. When the Gaussian Blur layer is blended with the underlying layer, details will soften and a halo will develop.

The next step involves a creative choice. You need to select a Blend Mode for the Gaussian Blur layer.

• Darken or Multiply blends will darken image details while also softening features and adding a halo. Ideal for soft, expressive shadows.

• Lighten or Screen blends will lighten the image instead. Perfect for adding high key or highlight glows.

• Soft Light and Overlay will add contrast and saturation. This is my preferred blend for landscapes and still life.

I decided that the image of the Black-Eyed Susan in Figure 2 would benefit from an additional boost in contrast and saturation, so I applied an Overlay blend.


Figure 5. The Layers palette after applying a 25 pixel Gaussian Blur
and setting the layer blend mode to Overlay.

The Overlay layer blend gave the petals a more dramatic personality. The yellow tips developed an almost-buttery appearance, both in color and texture. 100% opacity was a bit too much. So I backed off a bit and reduced Opacity to 80%.


Figure 6. The petals have taken on a creamy, soft appearance.
Unfortunately, shadow detail was also lost.

If all we wanted to do was soften the image generally, we could stop right here. The secret to adding a diffuse glow, however, is limiting the halo to specific tonal areas. A B&W image of a baby, for example, might benefit from a “high key” glow that is applied only to the highlights, perhaps reaching down into the brighter one-quarter tones.

I was pleased with the petals in Figure 6. There is a noticeable loss of sharpness in the “eye” of this Black-Eyed Susan, however. I went to a lot of trouble to capture a lot of detail there. I used a Canon 180mm “L” Macro lens at a narrow aperture (2 sec. at f/18) to get sharp details and lots of depth of field.

Some might prefer the more diffuse “eye.” I wanted more of the original detail to “punch through.” My solution was to adjust the Blend If sliders for the Gaussian Blur layer.

Using Blend If to Dampen Your Glow


There are four sliders on the Layer Style dialog that receive little attention in most books on Photoshop. They are the Blend If sliders. Some books do not even mention them at all.

To access them you need to open the Layer Style dialog. You can do that in one of three ways:

• Double-click a layer thumbnail. (For an adjustment layer, double-click on the layer to the right of the layer name.)

• Choose Layer | Layer Style | Blending Options on the main menu.

• Choose Add a Layer Style | Blending Options from the Layers palette menu.


Figure 7. The “Blend If” sliders.


The Blend If sliders let you control which pixels from the active layer and from the underlying visible layers will appear in the final image. You can also define a range of partially blended pixels to smooth the transitions between blended and unblended areas in your image.

You use the black and white “This Layer” sliders to specify the range of pixels from the active layer that will blend with the visible layers below. When you drag the white slider toward the center, pixel values from active layer to the right of the slider remain unblended. They are ignored. If you instead pull the black slider toward the center, pixel values from the active layer to the left of the slider are ignored. This lets you limit an effect of the active layer to the shadows, the midtones (by pulling both sliders towards the center), or the highlights.

If you alt-click on a slider (option-click on a Mac), the slider will split in two. By separating the two halves, you can define a range of partially blended pixels.

To help explain how the Blend If sliders work, I created a B&W wedge. Then I duplicated it and flipped it 180 degrees, copying the reversed wedge back into the original image as a new layer.


Figure 8. A B&W wedge for testing how the “Blend If” sliders work.


Figure 9. The complete test harness for comparing various “Blend If” settings.

With the “Blend If” sliders set at their default, every pixel in the active layer is subject to blending with pixels from the visible layers underneath.

“Underlying Layer” is misnamed. Its black and white sliders determine the range of pixels from all of the underlying visible layers that will blend with the active layer. Its effects are not just limited to the most immediate layer beneath the active layer.

Now, here’s the important point to remember about the “Underlying Layer” sliders! When you move the black slider toward the center, pixel values to left are excluded from blending. You might be tempted to believe this means they are ignored and only pixels from the active layer are used. Quite the opposite happens! Instead of being blended, pixels with those values “punch through” from the underlying visible layers and replace pixels on your active layer. Be careful with the “Underlying Layer” sliders.

Let’s look at a couple of examples. We’ll start with a look at both B&W wedges, where the wedge on top represents the active layer and the wedge underneath represents the visible underlying layers for the image.




Figures 10a – 10b. The B&W wedge on the top represents an active layer . The B&W
wedge beneath it represents the visible underlying layers.

If we pull the black slider for “This Layer” toward the center, from 0 to 50, pixels darker than 50 in he active layer will be ignored. Those pixels are at the right edge of the uppermost B&W wedge above. Since those black pixels go unblended and are ignored, the white pixels from the underlying image show through at the right side of Figure 11. The white pixels were underlying the dark pixels. The resulting B&W wedge has white pixels at both ends.


Figure 11. When the black slider for “This Layer” is set to 50, the shadows in the active
layer are ignored and we get white pixels at both ends.

This is another point where care is required. When you pull a slider and exclude pixels from blending or allow pixels to punch through, those pixels can be completely different from the pixels in the active layer. You are not necessarily replacing highlights with highlights or shadows with shadows, as the example above shows.

If we instead restore the black slider for “This Layer” to 0 and pull the black slider for “Underlying Layer” to 50, the shadows from the underlying layers will “punch through” the active layer and replace pixels in the active layer. We instead get dark pixels at both ends of the following Figure.


Figure 12. The black slider for “Underlying Layer” is instead pulled to 50, permitting the
shadows from the underlying layers to “punch through” the active layer.

By using different combinations of the Blend If sliders and splitting them with alt-clicks (option-clicks on the Mac), you can apply your diffuse glow with surgical precision and blend the effect smoothly.


Back to the Black-Eye Susan

I wanted to keep the diffuse glow away from the shadows, where the image would lose important detail. A quick adjustment to the black “This Layer” Blend If slider added some depth back to the shadows.

When you adjust the Blend If sliders, the result is interactive. You can see the image change in response to the sliders. I zoomed to 100% and watched the detail in the “eye” of the Black-Eye Susan as I adjusted the black “This Layer” Blend If slider. I found that a setting of 55 restored just enough shadow information from the underlying visible layers to add some interest to the photo without making the “eye” nearly so dominant a feature as in Figure 2.


Figure 13. The Blend If settings to restore shadow details in the “eye” of the Black-Eye Susan.


Figure 14. Careful adjustment of the black Blend If slider for “This Layer” restored
some shadow detail that would otherwise be lost when the petals were blurred.