Monday, August 20, 2012

Image and Text

Using Text with an image can get a good effect. But it does take time. This will be a refresher tutorial on the Type Tool in Photoshop. 
This is the effect I will create.
Or this.
I will be using this image. You will find it here
It belongs to Melyssah6-Stock
Step 1 : Click the New Layer icon. A new Layer 1 forms.
Step 2 : The Foreground Color should be set to Black.
Step 3 : Press ALT+BACKSPACE to fill with the Foreground Color which is Black. Layer 1 is filled with Black.
The image is completely hidden by the Black Layer 1.
Step 4 : Click the Horizontal Type Tool.
Step 5 : Click in the top panel where the arrow points to see the Fonts available in your version of Photoshop.
Step 6 : We have to change the Font Color from Black. Click where shown.
Step 7 : The Set text Color dialogue comes up. It is the same as the Color Picker. Type ffffff in the box shown. It stands for white. Click OK. The Text Color has been set to White.
Step 8 : Set the alignment of the Text.
Step 9 : Change the Font size from here for every line of Text. Here the Font size is set to 14. So let us begin with it.
Step 10 : click anywhere on the Black canvas and start to type. I have typed scarface in  14 points. 
Step 11 : Click the arrow in the top panel to commit the Text.
In the Layers panel you will be able to see the first Text Layer. There will be many layers.
Step 12 : I have selected a different font and size and written a second word. You can use any font. Remember to change the size and font and also to commit the Text.
See in the Layers panel. A second Text Layer has been added. This is how you must proceed. This is where  it will take time.
This is some of the Text I have added. It will take time since you have to add word by word. You can also see that I have rotated the Text. 
In the Layers panel you can see the Layers adding up as each word is on a separate layer.
Step 13 : It took me a long time, but I have completed the Text work.
Step 14 : Click the topmost Text layer.
Step 15 : Press SHIFT and click on the Text layer above Layer 1 which has been filled with black. All the text layers are highlighted.
Step 16 : Right click. From the pop up click on Convert to Smart Object.
All the Text layers have been converted into a Smart Object. There are only just three layers -- the Background, Layer 1 filled with Black and the Smart Object layer which is the topmost.
Step 17 : Click the Add Layer Mask button and a Layer Mask forms on the topmost layer.
Step 18 : Click on the Background Layer which contains the image. Press CTRL+A (select all) and  CTRL+C (copy).
Step 19 : Now ALT+Click on the Layer Mask.
You will immediately see this. It is the Layer Mask that you are seeing with the marching ants at the edges.
Step 20 : Press CTRL+V. The image will appear in black and white. The image has been pasted into the Layer Mask.
The image is seen pasted in the layer mask.
Step 21 : ALT+Click the layer mask again. Press CTRL+D to deselect. The marching ants selection go away.
The image looks like this.
Step 22 : Click off the eye icons of the two top layers.

Step 23 : Separate the figure from the Background. You can use the Pen Tool, Quick selection Tool or even the Lasso Tool.
Step 24 : Drag up the Background copy layer or the one where the image has been separated from the background. Press CTRL+SHIFT+U to desaturate the layer.
This is how the image looks.
You can also drag the Background copy layer to the top of the stack for a different effect.
This is the effect you will get.
Other photoshop tutorials are here









Sunday, August 19, 2012

Painterly Effect with Photoshop

A painterly effect is something that looks like a painting. There are many ways how to go about it including using some of photoshops filters. Here is a method that is simple. Here I will use only one filter. It will work best where there is a lot of background together with the subject.
This is the painterly effect to be created. The original image is below.
I will be using this image. You will find it here
It belongs to 
Step 1 : Duplicate the Background Layer by pressing CTRL+J.
Step 2 : Go to Filter>Distort>Wave.
The Wave filter opens. I am leaving them at the default settings and clicking OK.
The image looks like this. It does look painterly, but also quite weird.
Step 3 : Click the Add Layer Mask button. A Layer Mask forms on Layer 1.
 Step 4 : Press b for the Brush Tool or get it from the fly out. 
Step 5 : Select a soft round brush. Set the Hardness to 0. To make the brush large press ] (right square bracket key) and [ (left square bracket key) to make it small.
Step 6 : In the top panel set the Opacity to 30%. It is set at 100% by default. Let the Flow remain at the default 100%. Remember to reset it at 100% after completing the tutorial.
Step 7 : Begin painting the face to reveal the layer underneath. Since you are painting at 30% opacity you will have to paint slowly to reveal the layer underneath.
Step 8 : As you paint notice the Layer Mask. A gray patch forms as you paint.
Step 9 : It takes some time before bit by bit the face is revealed. You will have to paint the portions you wish to reveal, while leaving the background as it is..
The completed painterly effect.
Other photoshop tutorials are here




Share

Twitter Delicious Facebook Digg Stumbleupon Favorites