Photoshop tutorials

Basic Tutorials

Drawing&Paiting

Effects& Objects

Photo Effects

Text Effects

Textures Making

Photo Fixing

Manipulation

Web Graphics

Miscellaneous

Photo Retouch

Animation

Web Layouts

Button Making

Abstracts

Filters

Brushes

Actions

Shapes

Fonts


folder Photoshop Tutorials > Drawing & Paiting

Painting Clouds

This digital painting tutorial requires the use of Adobe Photoshop. I used Adobe Photoshop 7 but older versions of Photoshop can be used as well (as early as 5.5) and assumes that you have a stylus and tablet (Wacom or otherwise). This can be attempted with a mouse but you would have to adjust all your brush settings, like opacity and size manually.

The sample cloud study for the tutorial took around 40 minutes for me to complete, it was done quickly for illustration purposes. You can spend as much time as you like, remember time isn't important, the end result is. I also used a fairly small canvas size (1200x700 pixels) and zoomed out to 66.7% for most of the painting.

Its also a good idea to use some photo reference of clouds in the beginning, it will help you build a repetoire of cloud formations, etc. I am still working on mine. :)

Now on to the tut!


1) Selecting your Brush.

Adobe Photoshop is a wonderful program with great advances in its brush engine. Creating brushes is easy and intuitive. For this tutorial I use primarily one brush and below are the steps used to create it.

Open the Brushes Palette:

-Opacity -You will want to turn off the opacity jitter for now.
-Brush Tip Shape - Set your spacing low, I use 7% here.
-Flow - On the brush tool bar set your flow to a low setting, I have chosen 10%

Keep in mind that on larger canvases settings like these can degrade performance but for this example it shouldnt be a problem.



paiting clouds tutorials
paiting clouds tutorials

paiting clouds tutorials

 
paiting clouds tutorials

2. We need to create a sky background. Now there are a million different ways to do this. One way might be to paint it by hand using larger brush strokes and blending your own graduated atmospheret. For the purposes of this tutorial I have chosen to 'cheat' a bit and use a gradient. You will see the basic settings I have chosen in the screen shot to the left. It's a linear gradient with foreground color to background color slected.

 
paiting clouds tutorials

3. Applying the gradient vertically with the gradient tool we end up with something like this. Its pretty rich for a sky...but I like it so lets continue.

 
paiting clouds tutorials

4. We are ready to begin painting the clouds. So we need to create a new layer. We do this In the layers palette by either using the new layer icon at the bottom or using the flyout menu on the top right - create a new layer. Name it 'clouds'.

 
paiting clouds tutorials

5. On the cloud layer, taking a fairly large brush (Size jitter should be set to pen pressure in the brushes pallete) begin painting in the cloud base and shapes with a darker color from your sky background (you can do this easily by using the eyedroper tool 'i' and clicking over an area color you want or alternately when you have the brush tool selected pressing 'alt'). Be loose here, in nature things are random, and should look that way.

 
paiting clouds tutorials

6. Now we need to add some highlights. If you are nervous about this step, create another layer and name it highlights. In this tutorial, however I choose to go for broke and paint the highlights on the cloud layer. :) Take a pinkish-peach color and begin adding in some highlight areas, thinking about light direction and volume. This is personally one of the hardest steps for me, it is often where I will give up on a painting.

 
paiting clouds tutorials

7. Blending in some volume. In order to do this it helps if we set our brush settings for Opacity Jitter back to Pen Pressure (remember in Step 1 we set it to 'off'). So taking in some less saturated pink and blending it with the cloud base you can begin to see some volume developing.

 
paiting clouds tutorials

8. Some more blending. In here I am adding some slightly light values of blue to some areas of the 'shadowed' clouds for depth. I have also added a little whispy tendril of soft cloud in the left center fo the image for some more interest. Alot of the blending is done from picking colors from the canvas using the 'alt' key for the eyedropper. This is a very handy trick to learn.

 
paiting clouds tutorials

9. Another highlight stage, picking an even lighter shade of pink for the intense highlights.

 
paiting clouds tutorials

10. Begin adding the highlights again to areas you feel would recived the highest highlight. This is going to add further volume to your clouds, but be careful and don't over do it here.

 
paiting clouds tutorials

11. Here I have blended some lighter shades of blue to soften and balance some the pink, also adding some slight touches in subtle streaks to the foreground.

 
paiting clouds tutorials

12. More of the same from step 11.

 
paiting clouds tutorials

13.) Adding detail to the foreground area by way of adding some lighter highlites and streaks. I also added some volume to that little soft tuft of whispy cloud in the left center. Some of these changes may not be immediately noticable, but they are there. :)

 
paiting clouds tutorials

14.Well this pic needs some more whispy clouds. So we are going to create anew layer called 'whispy'. Create a new layer above the background layer, and your layers pallete should look something like mine to the right.

 
paiting clouds tutorials

15. With a larger brush take a highlight color from your cloud layer (remember the eyedropper tool) and 'loosely' - in sweeping strokes add in some whispy clouds. Vary it up a bit with some darker blues sampled from the canvas.

 
paiting clouds tutorials

16. Blend them to a smoothness that makes you happy. This is achieved by using your stylus and opacity, not the smudge tool, nor the blur tool. I also added in some lighter whisps to the foreground.

 

The Final

paiting clouds tutorials

 

 

 

 

eXTReMe Tracker

                                    © 2006 PhotoshopTutorials100.com