Sunday, September 28, 2008

Vector Mask with Pen Tool in Photoshop

This tutorial will teach you more about the Pen Tool. It will show how to make a clean selection with a Vector Mask created with the Pen Tool. An earlier tutorial on the Pen Tool is here. There is another one here.

Step 1 : I have opened this photo of Aishwarya Rai Bacchan to demonstrate the Vector Mask with the Pen Tool.

Step 2 : Click on the Zoom Tool.
Look at the top panel. You will find these two icons like magnifying glasses. The one with the plus sign is to make the image larger and the one with the minus sign to make the image smaller. Step 3 : I have zoomed into my image with the Zoom Tool.
Step 4 : Click the Pen Tool to select it.
Step 5 : I have clicked the first point with the Pen Tool.
Step 6 : Click a second point with the Pen Tool. It will be joined by a line from the first point. But the trick is not to let go of the left mouse button. Drag out and you will find two anchor handles from both sides of the point in the middle. The longer you drag the larger will be the anchor handles. You can also manipulate the handles to go around curves.

Step 7 : I have clicked a third point.
Step 8 : I have clicked and dragged again without letting go of the left mouse button.

Step 9 : I have clicked and dragged. That is the secret. Just continue.
Step 10 : I have clicked and dragged again.
Step 11 : I have clicked and dragged again. If you wish to undo a point Press ALT+CTRL+Z. Try it out.
Step 12 : I have again clicked and dragged. As you drag you will be able to work around corners. You must not let go of the left mouse button. To scroll press the Space Bar. A small white hand will appear, which will enable you to scroll up, sideways or whichever way you want.
Step 13 : I have now gone around the head with the Pen Tool by clicking and dragging. Easy is it not?
Step 14 : I have gone around the face.
Step 15 : When you come back to the first point a 'o' will be visible near the Pen Tool which means that the path will be closed.

Step 16 : The path has formed around the figure. Zoom out.

Step 17 : Now double click the Background layer.

Step 18 : As soon as you click the Background layer, this dialogue box opens. Click ok.

Step 19 : the Background changes to Layer 0.

Step 20 : Go to Layer>Vector Mask>Current Path.

And, Hey Presto! Look at the clean selection that I have got. That is all. Try it out. Please give me feedback on this tutorial. Do not forget to see the eaarlier tutorials too.

Saturday, September 27, 2008

Layers for Improving and Correcting Color in Photos

You can improve photos without using filters. Use layers to improve and correct color in photos. Also learn to use the Color Picker. I will also teach you a number Brush shortcuts in this tutorial. Let me show you how.
I will use this photo to demonstrate how layers can be used to improve a photo. This is a photo taken with my mobile phone. Mobile phone pics do not turn out well as you can see from this photo.

Step 1 : Click the New Layer icon. This forms a new layer -- Layer 1.

Step 2 : Make sure that your Foreground is set to Black and Background to White. If not press X and then D on your keyboard to set it to the default.

Step 3 : Press ALT+Backspace. This will fill Layer 1 with the Foreground color i.e. Black.

Step 4 : I am reducing the Opacity of the Layer 1 to 25 %.

Step 5 : I am now changing the Blend Mode to Soft Light from Normal from the menu.

This is how my image looks now. Slightly better. There a little bit more contrast.

Step 6 : Click the New Layer icon and a new layer -- Layer 2 forms.

Step 7 : Change the Blend Mode to Soft Light and reduce the Opacity to 25 %.

Step 8 : Click the Foreground Color. This will bring up the Color Picker.

Step 9 : Look at the column of color in the middle of the Color Picker. It is called the Spectrum. You will find a slider. Drag it up or down to select a particular color. I have dragged it up to Green. Click ok and exit the Color Picker.

Step 10 : I have clicked on a dark shade of green. Note that the 'new' in the top half of the box changes to the color picked.

The Foreground Color changes to the color I picked.

Step 11 : Click on the Brush Tool to select it.

Look at the top panel. It shows you the size and whether the brush tip is hard or soft. The size given is 90. It is a soft brush. How can you make out whether the rbush is hard or soft? Look at the step below. It is explained there.

To make a Brush hard tipped, press SHIFT and the ] (right bracket) a number of times till you are satisfied with the tip shape. A hard tipped brush is shown in the illustration above.

To make the brush tip soft press SHIFT and [ (left bracket) a number of times till you are satisfied with the tip shape.

This is how the Brush Tip looks after you click the Brush Tool.
To make the Brush Tip bigger or smaller use the [ ] (bracket) keys. Use the [ (left bracket) to make it smaller and ] (right bracket) to increase the brush tip size. These are useful shortcuts. Step 12 : Now since I have chosen green as the Foreground Color I am painting the foliage green.

Step 13 : The foliage looks greener after painting with green.

Look in the Layers pallette. You will find the 'green paint' on Layer 2.

Step 14 : Click the New Layer button. This will form a new layer -- Layer 3.

Step 15 : Again click the Foreground Color. It is now Green since I was working with the Green. Clicking the Foreground Color brings up the Color Picker again. Drag the slider beside the Spectrum to the top to the red. Then I have clicked on a bright shade of Red. Notice that the top half of the box at the top or 'new' changes to Red. Click ok and exit the Color Picker.
Step 16 : I am using the Red to paint on the Red portions of the image.
Step 17 : I have made the Brush Tip smaller with the [ (left bracket) key.

I have finished working with the Red.

You can see the Red color I have used in the Layer 3 in the Layers pallette.

Step 18 : Go to Layer>Flatten Image.

All the Layers have been flattened into a single layer i.e. the Background.

Step 19 : Press CTRL+L. This will bring up the Levels dialogue box. The Black slider at left is to darken, the White slider at right is to brighten and the Grey slider in the middle is to increase the highlights.

Step 20 : For this image I have dragged the Left Slider to the right and the White slider to the left. How you use the Levels will depend on your image. These are general guidelines. Click ok in the Levels dialogue box.

This is the finished image.