Monday, September 27, 2010

Skin Tone, Blush and Lipstick in Photoshop

Step 1 : I have opened this free stock image in Photoshop.
It belongs to  ~rangercookiestock   I intend to change the skin tone, add a blush to the cheeks and lipstick with the help of a few layers an some tweaks in Photoshop.
 Step 2 : Click the New Fill or Adjustment Layer button and click on Solid Color.
 Step 3 : The Pick a solid color dialogue box opens.
 Step 4 : Click on the extreme top left corner, not exactly on the corner, but just a little bit to the right. Click OK.
 Step 5 : The image looks like this.
 Step 6 : Change the Blend Mode of the Layer to Soft Light.
 The image looks like this.
The Layers Palette looks like this.
 Step 7 : The Layer Mask is not selected. Click on the Layer Mask to select it. A tiny border appears around it as soon as you click. This means it has been selected.
 Step 8 : Press b on the keyboard to bring up the Brush Tool. To increase the size of the Brush press ] (right bracket key) and to decrease it [ (left brackey). To make the Brush Hard press SHIFT+] (right bracket) and to make it soft SHIFT+[ (left bracket). We will need a soft Brush here.
Step 9 : Make sure that the Foreground/Background colors are set Black/White. If it is not press x and hen d on the keyboard.
Step 10 : Lower the Opacity of the Brush in the top panel to 50%. 
 
 Step 11 : Make the Brush Tip small and paint carefully on the eyes and the lips.
 Step 12 : Click on the New Fill and Adjustment Layer and click on Curves.
 Step 13 : In the Curves change the channel to Red from the dropdown.
 Step 14 : Pull the midpoint up.
 The image looks like this.
 Step 15 : Change the channel to Green. Push up the diagonal line in the middle.
 Step 16 : Drag the diagonal line in the middle down.
 The image looks like this.
 Step 17 : Click on the Blue channel.
 Step 18 : Drag the diagonal line in the middle just a little bit.
 Step 19 : The Mask on the Curves Layer is selected. It has the tiny border around it which shows it is selected.
 Step 20 : Press CTRL+I. The Mask changes from white to Black.
The image looks as before.
 Step 21 : Make sure the Fore ground Color is set to White. Press x to switch between the Foreground and Background Colors.
Step 22 : Make the Brush large by pressing the ] (right bracket) so that it covers the cheek and click once. You can see the effect that it has here. It is the blush.
Step 23 : Click may be once more on the right cheek, then once on the left cheek. (It will depend on your image.
Step 24 : Click again on the New Fill or Adjustment Layer button. Click on Curves.
Step 25 : Click on the Red channel. Drag the diagonal line up.
Step 26 : Select the Green channel and drag the diagonal line as shown.
Step 27 : Lastly select the Blue channel and drag the diagonal up slightly.
Step 28 : Press CTRL+I to change the Mask from White to Black in the Curves 2 Layer.
Step 29 : Set the Foreground Color to White.
Step 30 : Press b on the keyboard. Reduce the size of the brush by pressing [ (left bracket). Paint over the lips to give it the 'lipstick'.
Step 31 : With the Curves layer 2 already selected press SHIFT and click on Color Fill 1 layer. All the three layers are highlighted.
Step 32 : Press CTRL+G. A Group 1 layer forms.
Step 33 : Reduce the Opacity of the layer to about 80%.
This was the original image.
This is the edited image. 
 Step 34 : I am further lowering the Opacity to 40%.
 This is the effect after reducing the Opacity further.
That is all.
Other photoshop tutorials are here
 


Sunday, September 26, 2010

Text From Image

You can use an image for a Text effect in Photoshop favoured for magazine layouts. All you need is the image. It can be done in any version of Photoshop.
Step 1 : I have opened this free stock image in Photoshop. You can use any image.
This image belongs to ~daydreamers-stock
Step 2 : Click the Text Tool and then the Horizontal Type Tool.
Step 3 : Click in the top panel where the red arrow points to select a Font. Click on a Font to select. Choose a thick Font. 
Step 4 : Draw out a Text Box where your Text will go.
Step 5 : Set the Font Size by typing directly into the box.
Step 6. I have typed in my Text.
Step 7 : Right click the Text Layer. Choose rasterize Type from the pop up. Without rasterizing you cannot edit the Text.
The Text has been rasterized. 
Step 8 : Press CTRL+A. A selection of marching ants selects the entire image.
Step 9 : Click on the Move Tool.
Step 10 : Look in the top Panel. You will find these icons. Click the second and fifth.
The Text moves to the dead centre of the image.
Step 11 : Press ALT and double click the Background Layer.
Step 12 : The Background Layer changes to Layer 0. The Background Layer cannot be edited. It has now been unlocked and can be edited.
Step 13 : Press CTRL+T. A selection forms around the image. Next press SHIFT+ALT and drag the left top corner handle down. The image will decrease in size proportionately. Press ENTER.
Step 14 : Click back on the top layer. CTRL+CLICK the Layer thumbnail.
Step 15 : A selection of marching ants selects the Text.
Step 16 : Press DELETE. The Text disappears, but the selection remains.
Step 17 : Click back on Layer 0.
Step 18 : Press CTRL+J. The selection is copied pasted into Layer1.
Step 19 : Drag the topmost layer to the trash can. It is no longer needed.
There are only two layers left in the Layers palette.
Step 20 : Click the MOVE TOOL. Press SHIFT. Drag the Text up. Similarly, if you want you can position it at the bottom.
Step 21 : I have shown it how to move the Text to the top or bottom. You can also move it to the sides.
Press CTRL+T. A selection forms around the Text.
Step 22 : Hover the cursor around the corner edges of the selection. A small bent arrow will appear. You will be able to rotate the Text with it.
Step 23 : Use the Move Tool to move the Text to the left. Rotate and position it as shown.
Note that the selection is still in place.
Step 24 : Use the middle handles at the top and bottom to align the Text with the image. Use the right arrow key to position the Text accurately.
Step 25 : After aligning the Text with the right arrow key, press Enter. This is how my image looks.
Step 26 : Press CTRL+J. layer (containing the text) duplicates into layer 1 copy.
Step 27 : Click the Move Tool. Press SHIFT and drag the duplicate Text layer to the right. Use the left arrow key to align the Text to the right side of the image. Press ENTER.
Step 28 : Click on Layer 0.
Step 29 : Press CTRL+New LAYER ICON. A Layer 2 forms below Layer 0.
Step 30 : Make sure that the Foreground Color is set to Black. If it is not press x and then d on the keyboard. Press ALT+BACKSPACE.
Step 31 : Layer 2 fills with Black.
This is how the image looks.
Step 32 : Click on Layer 1 copy. It contains the Text on the right side of the image.
Step 33 : Go to Edit>Transform>Rotate 180 degree.
Step 34 : The Text at the right is rotated 180 degree.
Step 35 : Click the Blending Options button and click on Stroke.
Step 36 : Click the Color. The Select Stroke Color dialogue box opens.
Step 37 : Type in 'ffffff' (6 fs) in the highlighted box. The 6 fs stand for White. The Stroke Color now changes to White. Click OK in the Select Stroke Color dialogue box.
Step 38 : Drag the Size slider. You can see the Stroke applied to the Text at right. Click OK.
Step 39 : Right click the Layer 1 copy. From the pop up click on Copy Layer Style.
Step 40  : Click on Layer 1. Right Click. From the pop up click on paste layer Style.
The Text at the left now has the same Stroke.
Step 41 : Click on Layer 0. Right click. Click on Paste Layer Style.
Step 42 : The Stroke has been added. Click on Layer 1 copy and Layer 1 in turn. Use the left and right arrow keys to reposition the Text on both sides accurately.
Step 43 : Click on Layer 2.
Step 44 : Click on the New layer icon and a new Layer 3 forms above Layer 2.
Step 45 : Click the Elliptical Marquee Tool.
Step 46 : Press SHIFT. You will be able to drag out a perfect circle with the Elliptical Marquee.
Step 47 : Make sure that the Foreground is set to Black and Background to White. If not press x and d on your keyboard. Press CTRL+BACKSPACE. It will fill the circle with the Background Color which is White. You will, however, not be able to see the circle filled with white as it is hidden under the other Layers. Press CTRL+D to deselect.
Step 48 : With Layer 3 selected, click off the eye icon of Layer 1.
Step 49 : Now you can see the circle filled with White. 
Step 50 : Press CTRL+A. A selection of marching ants are visible around the image.
Step 51 : Click the Move Tool. Click the 2nd and 5th icon on the top panel.
Step 52 : The Circle of white moves to the dead centre.
Press CTRL+D to deselect.
Step 53 : Go to Filter>Blur>Radial Blur.
Step 54 : In the Radial Blue dialogue box set the Amount to 100, Blur Method to Zoom and Quality at Best. Click OK.
A progress bar will be visible after you click OK.
Step 55 : This is the effect I have got.
Step 56 : Keep pressing CTRL+F to reapply the filter till you get an effect like this. You may need to do it 20 to 25 times.
Step 57 : Click back the eye icon on Layer 0.
And, here is the finished image.
Other photoshop tutorials are here

















Share

Twitter Delicious Facebook Digg Stumbleupon Favorites