Text and Image Blending

I showed how to blend text and a silhouette in an earlier tutorial. (See the tutorial here). I will now demonstrate how to blend a color image and text.

Step 1 : I have opened this image of Kareena Kapoor in Photoshop. Now to add the text.

Step 2 : I have gone to Wikipedia for the text on Kareena Kapoor. I have highlighted a portion of the text. Then pressed CTRL+C to copy it.

Step 3 : Click the Type Tool and select the Horizontal Type Tool.

Step 4 : Draw out a Text Box with the cursor.

Step 5 : Press CTRL+V and the text will be pasted.

Step 6 : Double click the Text layer thumbnail in the Layers palette.

Step 7 : The text is highlighted. The text is also too large in size.

Step 8 : Press SHIFT+CTRL+Comma key. Every time you press the comma key the size of the text becomes smaller.

Step 9 : When you are satisfied with the size of the text click the Tick mark in the top panel to apply the transformation.

Step 10 : Press CTR+SHIFT+T and a selection will form around the text as shown.

Step 11 : Now Press SHIFT+the Down Arrow key. Each time you hit the down arrow key, the text will move down a shown above.

Step 12 : When the block of text has moved fully below the one on top, press Enter.

Step 13 : When you press Enter, the selection changes to a dotted line.

Step 14 : Now press ALT+CTRL+SHIFT+T. Then go on pressing the T while holding ALT+CTRL+SHIFT pressed. Every time you hit the T, the entire block of text will be copied and pasted one below the other.

The text now covers the entire image.
Step 15 : Look at the Layers pallette. The image is at the bottom layer i.e. the Background and the text layers that were copied and pasted on top.
Step 16 : Click on the top most Type layer in the Layers pallette.
Step 17 : Go to Layers>Rasterize>Type.
The top Text layer has been Rasterized. Now Rasterize all the text layers in exacly the same way.

All the Text Layers have been Rasterized.

Step 18 : Click on the first Text Layer and press SHIFT. All the text layers will be highlighted.

Step 19 : Now press CTRL+E. All the Text layers will merge into one. See above. For those using PS 7 go to the first Text layer and press CTRL+E. It will merge the layers one at a time. Step 18 will not work for PS 7 users. Never mind, you can also do it with Step 19.

Step 20 : CTRL+CLICK on the Layer thumbnail of the rasterized Text layer.

Step 21 : The entire text will be selected.

Step 22 : Click the Eyedropper Tool to select it.

Step 23 : I have clicked on the lips with the Eyedropper to select the orange color.

Step 24 : Note that Foreground Color changes to the one I picked.

Step 25 : Press ALT+BACKSPACE to fill the selection with color. Press CTR+D to deselect. This is how the image looks.

Step 26 : Click the Add Layer Style Button.

Step 27 : From the popup click on Blending Options.

Step 28 : Click on Drop Shadow where the red arrow points to for the Drop Shadow dialogue box to open.

Step 29 : In the Drop Shadow controls change the Opacity to 50 % and the Size to 7 pixel. Click Ok.

Step 30 : In the Layers pallette change the Blend Mode of the layer to Difference.

This is how the image looks.

Step 31 : I am reducing the Opacity of the Layer to 51 %.

Step 32 : This is how the image looks.

Step 33 : Click the Type Tool again and select the Horizontal Type Tool.

Step 34 : I have added text.

Step 35 : I have opened another image and am dragging it onto my image while keeping SHIFT pressed. This will cause it to land exactly in the middle of the image.

Step 36 : I have placed the new image over the text that I have just typed. Then keeping SHIFT and ALT pressed I have dragged it out and resized it till it covers the text.

Step 37 : Click between Layer1 and the Text Layer as shown to make a Clipping Mask.

Step 38 : As soon as you click the image blends with the text. See above.

You can reposition the image inside the text if you want. I have done so to make the eyes visible.

Step 39 : Click back on the Text layer.

Step 40 : Click on Add Layer Style Button and from the pop up click on Stroke.

Step 41 : In the Stroke dialogue box, click on the red color box to bring up the Color Picker.

Step 42 : In the Color Pick, click on the White. Click ok in the Color Picker.

Step 43 : Drag thr Size slider in the Stroke dialogue box to 6 pixel. Click Ok.

And here is the finished text and image blend. Bye for now.

Read More

Text and Silhouette

This is a black and white text effect. I will use a silhouette and text on a white background. The black text will appear white on the silhouette after a little tweak.

Step 1 : I have opened a white layer and this silhouette. You can download the silhouette here.

Step 2 : The silhouette has to be made ready for editing. Double click the Background of the silhouette. A New layer dialogue box will open. Click ok.

Step 3 : When you click ok in the New Layer dialogue box (not shown), the background changes to Layer 0.

Step 4 : Select the Magic Wand Tool.

Step 5 : I have click with the Magic Wand on the left side of the silhouette. The portion is immediately outlined by 'marching ants' indicating that it is selected.

Step 6 : Go to Select>Similar.

Step 7 : The entire white background is selected. Hit Delete on the keyboard.

Step 8 : The white background has been deleted. The selection of 'marcing ants' remain. Press CTRL+D to deselect. The 'marching ants will disappear.

Step 9 : Drag the silhouette onto the white layer keeping SHIFT pressed.

Step 10 : The silhouette has landed in the middle of the white layer, but it has to be resized to fit.

Step 11 : Use the cursor to reposition the silhouette.

Step 12 : Press SHIFT+ALT and you can resize the silhouette proportionately.

Step 13 : Click the tick mark on the top panel to apply the resizing or transformation. So far so good. This part is finished. Now to add the text. You can type out the text, but I will show you an easier way.

Step 14 : Go to this page on the internet. You will find it here. This is a dummy text generator.
Step 15: At the left bottom you will find the Generate Lorem Ipsum button. I have chosen to generate 5 paragraphs. Click the button.

Step 16 : After the text is generated, highlight it with the cursor. Press CTRL+C to copy the block of text.

Step 17 : Click on the Text Tool and click on the Horizontal Text Tool.

Step 18 : With the cursor draw out the text box so that it covers the entire white layer.

Step 19 : Press CTRL+V. The text is pasted.

Step 20 : Double click on the text layer thumbnail.

Step 21 : The text is highlighted.

Step 22 : With the text still highlighted press SHIFT+CTRL+, (comma key). Press the comma key. The size of the text will reduce each time you press the comma key.

Step 23. Click the tick mark to apply the transformation. But as you can see in Step 22, the text is black and so are the letters over the silhouette. The letters over the silhouette have to be changed to white.

Step 23 : Drag the Type layer to below Layer 1 or the silhouette layer.

Step 24 : Click on the silhoutte layer which is now on top of the Layers palette.

Step 25 : Click on the small box shown by the white arrow to lock the transparent pixels.

Step 26 : Make sure that Foreground is set to Black and Background to White.

Step 27 : Now press CTRL+BACKSPACE and the silhouette will be filled with white.

This is how the image looks.

Step 28 : In the Layers pallete change the Blend Mode of the silhouette layer to Difference.

And there you are.

You can reposition the silhouette if you wish.

The silhouette with a different text. That is all.

Read More