Categories
Latest
Popular

Adobe Photoshop Tutorial III – Typography Unlimited

Hey everyone! I am back with yet another tutorial for you guys. I had told you guys in the last tutorial that I will be showing you how to create image reflections this time around but, I changed my mind and thought that I’ll let you guys know a few more tricks with the text tool maybe for a few more tutorials to follow. This time I’ll be showing you how to create backgrounds/wallpapers with text. Seems like a weird idea? Well maybe at first it does but, seriously speaking, Photoshop offers so much freedom that you can create really cool things by following simple yet effective techniques. Anyways, lets start things off:

1. Typography Backgrounds

*Image Sizes reduced to 80%*

1. Open a blank document which is large in size (based on your liking). If you want to make a wallpaper then the size should be according to your monitor’s resolution. After doing that make your BG black with the paint bucket tool.

2. Now add in a text box which is as big as your canvas. To do this, select the text tool and Drag it across your canvas as if you were making a selection. You should have a text box on your screen now. Now add in whatever text you want. I added ‘Observer’s Paradise’ (I had made an error at some places. You will see that at some places I wrote ‘Observer’s Paradose’…stupid me :P, but that wouldn’t matter much) and kept copying it to fill my text box. Rename this text layer as ‘BG text’ and lower its opacity to 30%.

3. Now rotate the text box by some angle (Align it as a diagonal to the canvas). Now increase the size of your text box and keep copying your text simultaneously. You should cover the entire canvas. After doing so, you will have something like this:

4. Open up another document, same size. Now we will create some vectors. I made ‘OP’ using the Rectangular and Elliptical marquee tool. Now there could have been a thousand ways to write ‘OP’ but I made it like this:


5. Copy the vector you made and place it on your original document. Now in the layers palette, you will have a new layer for this. Hide that layer by clicking on the eye in the palette.

Now ‘Ctrl+Click’ on the thumbnail of this layer in palette to get a selection of your vector. Now keeping that selection intact, click on your ‘BG text’ layer in the layer palette. Using the key combination ‘Ctrl+C’ copy the text enclosing in the vector selection and paste it on the document using ‘Ctrl+V’. This will create a new layer. I named this layer as ‘OP’.

6. Paste this one more time (creating another layer named ‘OP Copy’) and align this layer’s contents so that they overlap. Now using the ‘Color overlay’/ property in the layer properties, (opened by double clicking a layer’s thumbnail in the palette) I coloured the layer as per my liking. I coloured the ‘OP copy’ layer with green and I added a black/white gradient using ‘Gradient Overlay’ property for the ‘OP’ layer. You should now have something like this:

7. Zoom out of your canvas. And add in a text layer somewhere in the grey space of the interface and right in some text. I used two layers for writing ‘Are you a Keen Observer?’. Now place the text wherever you wish to inside the canvas. Right click on the text layer you just created and click on ‘Rasterize type’ in the drop down list. Now hide this layer and then ‘Ctrl+Click’ on the thumbnail of that layer to create a selection of your text. Similar to the previous step, keep your selection intact and click on the ‘BG text’ layer in the layer palette and copy/paste the contents twice and align them so that they overlap. Again using the ‘Color Overlay’ properties, I coloured both my text layers as per my liking. If I was able to make myself clear and provided that you did exactly what I have told, you should have something similar to this on your canvas:

8. I perceived my ‘OP’ text as a man’s two eyes and a nose and hence I added in two more circles in these eyes (to make eyeballs) using the same technique as mentioned before (similar to the OP vector) . I added in our site’s URL and aligned it properly with the rest of the image contents.

9. For the final touches I added in another layer and placed it at the top of the layer palette. Then I used the ‘Radial Gradient tool’ and selected a ‘Black to Transparent’ gradient at 50% opacity and added in black spots on the edges and corners of my image. This added more focus to the major contents of the image and made the final product look a bit better.

Voila: 

 

You can add in more things if you want too. But just try to maintain a focus in your final product because that makes the image even more attractive.

2. Next Up…

I’ll most probably continue with a few more text effects next week. This way you will learn more and more helpful techniques in the early stages of your Photoshop journey. ;)