coooooooooooooorvo

Typography Poster Tutorial

pscs5:

One of my favourite types of things to create on photoshop has to be typography posters. I’ll be teaching you to make something like this - 

image

This tutorial doesn’t follow a specific poster for you to make as the whole idea is to create something unique. I’ll be showing some different techniques and ideas to get you started.

Firstly, you’ll be needing some fonts. Websites to download some great ones are lostype.com, fontsquirrel.com and myfonts.com. Some of my favourite fonts are lobster, sail, carton, crete round, tall films and ranger.

Something to think about is how you want each word to look and which words to accentuate. For example, let’s take this quote from The Hunger Games “I am not pretty. I am not beautiful. I am as radiant as the sun.”  You might want to pay attention to the following words; ‘pretty’, ’beautiful’, ‘radiant’ and ‘sun’. You could make these words bigger and use a particularly bold or ornate font. As well as accentuating certain words, you can clump a few together in the same font, make the size smaller and use quite a plain and simple font in uppercase. Make sure to play around with the ‘kerning’ which is this tool

image

This is the changing of how much space is between each letter. The minus numbers make the letters closer together and the positive numbers make them further apart. You can type in any value and make them as you like. You may find that your words fit better when you make the gaps bigger or smaller. image

Try not to use too many different cursive or ornate fonts and try sticking to not mixing sans serif and serif fonts in the same piece of work. You don’t have to stick to this but it’s something to keep in mind.

Something else I do to selected words are to create a letterpress effect like this

image

You can do this by adding in these settings on the layer style (double click the text layer).  Check the following boxes ‘drop shadow’ and ‘inner shadow’ and add in these settings.

first the drop shadow

image

now the inner shadow

image

Play around with the size and distance of the inner shadow, as you don’t want the black shadow to overpower the colour of your text. You want it to be subtle.

Another thing to add detail to your text is to duplicate the text layer and change it’s colour to highlight the text like this by moving it a few pixels to the left (make sure this text layer is below the original by dragging the layer down in the layers pallete.

image

You can also add other things like shapes and borders. This is a link to some banner shapes that create this sort of look

image

One last important thing – your colour pallete. It can be difficult trying to combine different colours so try this website – color collective for some inspiration. Just copy and paste the colour palettes into photoshop and use the colour picker tool to get the exact colour. 

Note - please do not copy or replicate my typographic posters and have fun creating your own!