Create an Awesome Typographic Piece of Art in Photoshop

610x200
Typography is the art of designing and arranging types or fonts. In this tutorial, we are going to show you to make a typographical artwork that you can use as a wallpaper, website background or even banner using Photoshop. The overall process is quite simple but is also tedious particularly in creating and arranging the words.
Typography is the art of designing and arranging types or fonts. In this tutorial, we are going to show you to make a typographical artwork that you can use as a wallpaper, website background or even banner using Photoshop. The overall process is quite simple but is also tedious particularly in creating and arranging the words.
First step is getting to set up you background. It will be up to you to choose your document or image size/resolution. A dark colored background is suggested since we will be using glowing colors for the texts and words.
Use the gradient tool found in the tools palette or you can access it by pressing G. Gradient tool is the alternate function of the paint bucket tool. A gray and black RADIAL gradient should do the trick.
Creating a Typographic Artwork in Photoshop
The next step is to choose what word, text, or symbol to put in the document. This text/symbol is the main subject as well as it will also serve as a guide shape to put your smaller text on. In this tutorial, you can see that we have chosen the word “LOVE” with a heart symbol as a replacement for letter O.
You will need to create separate layers for each letter and the heart symbol. After creating the text, arrange it well and set the layer opacity of each layers to about 50 percent.
Creating a Typographic Artwork in Photoshop
So next is to put up some words which is greatly smaller in size. Now add words related to your main text, although you can type in whatever you like. For example, I added words like peace, honesty sacrifice and so on because it is somehow connected to the word love.
Choose a light color or pure white for these texts. You can choose to use more than 1 font type. You can also choose to all caps some of the words or do a mix up. It is up to your creativity to arrange the texts.
Creating a Typographic Artwork in Photoshop
Before proceeding, you need to set the opacity level of the main text (e.g. “LOVE”) to about lesser than 10 percent. 5 percent will do.
Now all you have to do is arrange the smaller text on the main text. Again you can use a variety of font styles and faces as well as different font sizes. Try to fill up every gap or space with texts if you find any.
Creating a Typographic Artwork in Photoshop
To help you keep track of the layers, you can create folders or group folders for the texts. You can also use the AUTO SELECT function for layers and groups found just below the file menu tab when using the move tool. This feature will help you select text objects one by one easily especially when there are too many layers present.
With constant resizing and relocating of the text objects, I have filled the rest of the areas with smaller text. Of course, you will have lots and lots of layers.
Creating a Typographic Artwork in Photoshop
Once you have done filling up the last remaining areas, MERGE ALL TEXT (that means excluding the background).  Select multiple layers by pressing SHIFT/CTRL while clicking on the layers > then press CTRL+E. you will now have a single layer and the background.
Creating a Typographic Artwork in Photoshop
Apply a layer effect > gradient overlay. Choose a combination of 2 or 3 colors.
Creating a Typographic Artwork in Photoshop
Lastly, this next step is to add the effects.  Create a new layer > choose a foreground color (green) > GO to FILTERS > RENDER > CLOUDS. Repeat this step with another foreground color.
Creating a Typographic Artwork in PhotoshopCreating a Typographic Artwork in Photoshop
Set the first layer (green) opacity to 25 percent then the other (yellow) to 75 percent. Set both layers to overlay blend mode.
Creating a Typographic Artwork in Photoshop
And you are done. You can add some texture overlays like this to enhance the final output.
Creating a Typographic Artwork in Photoshop

 
Add a comment

Comments (2)

  1. aaronk Thursday - 10 / 02 / 2011 Reply
    the merge all text layers step scares me. non-destructive editing is king! two alternatives; select the layers, and go to Layer>Smart Object> Merge to Smart Object. This way you can still double click and edit the text later, but have access to the gradient overlay layer effect. better yet, group the layers, command-click the group to select the silhouette of the text, then create a new layer and click the layer mask button at the bottom of the layers panel (rectangle with a circle in it. this will create a mask of the outlined text on your blank layer. then make your gradient (or something else) on that layer. the second method gives ultimate control of the gradient (or photo, or anything).
  2. Brett Widmann Sunday - 24 / 04 / 2011 Reply
    This is an awesome tutorial! Thanks for sharing.

Add a comment