Twin-Pixels.com » Photoshop http://www.twin-pixels.com Design & Photography Tutorials and Resources Wed, 12 May 2010 19:11:56 +0000 en hourly 1 http://wordpress.org/?v=3.1-alpha Photoshop CS5 Digital Painting Tutorialhttp://www.twin-pixels.com/photoshop-cs5-digital-painting-tutorial/ http://www.twin-pixels.com/photoshop-cs5-digital-painting-tutorial/#comments Mon, 10 May 2010 13:23:59 +0000 Armand Niculescu http://www.twin-pixels.com/?p=586 Mixing BrushOne of the exciting new features in Photoshop CS5 is the more natural way of painting, opening new ways to express your creativity – even if (like me) you’re not a true painter. In this tutorial I will show you the techniques and the tricks to convert a photo into a great-looking painting.

I must start by stating that if you’re really serious about digital painting, you should consider Corel Painter 11, which is a dedicated natural-media painting program that allows you to use anything from a HB pencil to chalk, charcoal and watercolors and also simulates the canvas properties in addition to the brushes. Nevertheless, Photoshop’s new offering is a solid one and more than enough for many artists.

For best results, a Wacom tablet like the new Intuos 4 is also recommended, although not required. In addition to pressure sensitivity, the new Wacom also senses the angle of the stylus, allowing for even more realistic results.

Theory

There are two new features used for painting in Photoshop CS5. The first one is the new Brush Tip options.

New options in the Brushes Panel

New options in the Brushes Panel

With the new brushes, you can control the number of bristles, length, thickness and stiffness and not only can you see the result in the brush panel, you also get an overlay window that shows you the 3D virtual brush and its bristles.

Paint Preview

Paint Preview

I am not really a big fan of the brush preview window but thankfully you can turn it off if you find it distracting.

The second ingredient in the digital paint toolbox is the Mixer Brush. The Mixer Brush is like a combination of the normal brush and the smudge tool. As you paint, it smudges and mixes the color, as if you were using wet paints.

Regular brush (left) and Mixing brush (right)

Regular brush (left) and Mixing brush (right)

The way the brush color is mixed with the canvas is controlled by three parameters – the wetness of the paint, the load of the brush and the mix amount between the paint color and the canvas color.

Mixing Brush Parameters

Mixing Brush Parameters

To illustrate these parameters, I brushed quickly over an image with different settings:

Different Mixing Brush options

Different Mixing Brush options

So, a heavy load will carry more paint over a stroke than a light load; wetness smudges and mixes the canvas color with the paint color; a high mix rate will use more of the canvas color than the paint color.

Practice

The real magic with the Mixing Brush is that you can paint using the colors from a picture, effectively helping to you turn a photo into a painting with little effort.

To demonstrate this, I will start with a nice photo I took 10 years ago on film.

The original photo

The original photo

Create a new transparent layer. Select the Mixing Bush and from the top bar choose the preset Very Wet, Heavy Mix; choose the brush that you want from the Brushes panel and make it a big size.

To paint on the new layer using the colors from the background, with the Mixing Brush tool selected, make sure that the option Sample All Layers at the top is selected. Deselect the icon (Load the brush after each stroke) then Alt-click on the image to load the brush and start painting on the new layer.

To paint effectively, you need to think in terms of layers, from background to foreground and from broad to detail. Therefore we’ll start painting the background, using broad strokes with a large brush tip, ignoring the shack/cabin completely. Your strokes should more or less follow the contours of the terrain and clouds.

Hide the background layer temporarily to see the effect so far:

Background (landscape) layer - work in progress

Background (landscape) layer - work in progress

As you can see, I smudged the colors over the shack as if it did not exist. Also, notice how my strokes follow the hills and the shapes of the clouds. Keep working until you fill the layer and are happy with the result.

Background Landscape layer - complete

Background Landscape layer - complete

Next, we need to paint the cabin. It’s better to paint it on its own layer so that if you decide to change anything, it doesn’t mess with the background.

To do that, you need to hide the landscape layer, create a new one and paint on it. This time you’ll ignore the landscape and do just the cabin. You also need to make the brush tip smaller. Make sure the background photo is visible so it can pick the colors from it.

Foreground / Shack

Cabin / Shack - complete

If you look at the roof, you’ll see that I erased from it some parts I did not like – this is why it’s a good practice to work on separate layer.

Now that we have the broad strokes, it’s time to bring in the details. Repeat the process – hide the shack layer, make sure the background photo is visible, make the brush tip even smaller, create a new layer and start painting on it. This time you no longer need to fill all the stuff, just short, fine strokes in the areas you want detail.

Details - distant, grass and shack

Details - distant, grass and shack

If you show all layers, this is what we get:

Background, foreground and detail layers

Background, foreground and detail layers

Not bad. We still want to add some more details like shadows. Create a new layer and set its mode to Multiply and opacity to around 60%. Choose a Dry Mixing Brush – now we don’t need to mix with the background – and black for color. Paint the shaded areas.

Shadows added in

Shadows added in

At this point you can leave it as it is, or you can add a final touch. One of the nice things about oil paint is that it has thinkness. To give this kind of tridimensional effect, you need to create a merged copy of the layers. The easy way is to duplicate all layers and then merge the copy (quickest route: select the layers and press Shift+CTRL+ALT+E or Shift+CMD+OPT+E on Mac). Now you should have a new merged layer in addition to the original ones.

An even better method would be to select the layers, choose Layer –> Smart Objects –> Convert to Smart Object and then duplicate this smart object via Layer –> Duplicate Layer or CTRL+J (CMD+J on Mac). This method is better because it leaves the contents of the smart object editable as well as the Emboss effect.

Whichever method you chose, with this new layer selected, choose Filters –> Stylize –> Emboss and in the dialog enter some values like below:

Emboss Dialog

Emboss Dialog

Make sure Height is relatively small – this depends on how large your canvas is, and make sure you crank the Amount all the way to the max. You can always tone the effect down later with opacity. With this emboss layer, set the mode to Overlay.

Here’s the end result, including all the layers for reference:

Final painting

Final painting

And there you have it!

]]>
http://www.twin-pixels.com/photoshop-cs5-digital-painting-tutorial/feed/ 2
Photoshop and the Rule of Thirdshttp://www.twin-pixels.com/photoshop-and-the-rule-of-thirds/ http://www.twin-pixels.com/photoshop-and-the-rule-of-thirds/#comments Sat, 09 Jan 2010 08:30:35 +0000 Armand Niculescu http://www.twin-pixels.com/?p=457 If you are a photographer and want to use the so-called Rule of Thirds in your compositions, here’s a neat trick to show it in Photoshop:

Setting it up

  1. Open Edit –> Preferences –> Guides, Grid and Slices
  2. Edit Gridline every100 percent
  3. Subdivisions3
  4. Click OK

That’s it!

Now to show or hide the grid, just press CTRL+’ or select View –> Show –> Grid

Rule of thirds

Image with visible grid

What is this Rule of Thirds anyway?

Just in case you never heard of this “rule”, let me give you some points:

Beginners in photography tend to frame everything dead in the center. Sometimes it works, sometimes it doesn’t. There are many rules that can be used to achieve a more pleasing composition and this is one of them.

The Rule of Thirds states that you can achieve better composition balance if you place the interesting features of your photos along horizontal and/or vertical lines that divide your picture in thirds, or at the intersection points.

To illustrate my point, have a look at the pictures below:

The Rule of Thirds

Horizon and tower aligned to the lines

The Rule of Thirds

Eye at the intersection

As with any photography “rule”, you shouldn’t get obsessed with it. Not everything has to be framed according to it. Understand it, learn it, try it – then break it!

]]>
http://www.twin-pixels.com/photoshop-and-the-rule-of-thirds/feed/ 2
What’s cooking for Photoshop in Adobe Labs?http://www.twin-pixels.com/photoshop-in-adobe-labs/ http://www.twin-pixels.com/photoshop-in-adobe-labs/#comments Fri, 02 Oct 2009 07:44:38 +0000 Armand Niculescu http://www.twin-pixels.com/?p=375 Photoshop_256Adobe presented at Photoshop World two pretty cool experiments that might be included in a future version of Photoshop.
The first one is a new painting method that seems aimed at replicating the functionality of Corel Painter’s “natural media” brushes. It’s not new, but if they can pull it off and integrate it seamlessly in Photoshop, it could be a real blow to Painter.
The second demonstration was a new warping method that seems to be lifted from Flash and After Effects.
Nothing truly revolutionary, but nice nevertheless. See it demoed by Russell Brown.

]]>
http://www.twin-pixels.com/photoshop-in-adobe-labs/feed/ 0