I was asked to make a tuorial for this gifset [x]
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 -
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
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.
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
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
now the inner shadow
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.
You can also add other things like shapes and borders. This is a link to some banner shapes that create this sort of look
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!
This is more for beginners who already know how to make a gif…
1. Size, size, size
This chart show Tumblr’s default sizes for 1, 2, and 3 column photosets (the 6 column is for making mock photosets)
- If your gifs are smaller than the default width, it’ll stretch them out and reduce the quality.
- If your gifs are larger, they’ll automatically resize and you won’t be able to see the full quality of the gif unless you click on it.
- If you’re making more than one gif, make sure they’re the same size.
- 500 px wide gifs need to be under 1 mb to move on Tumblr
- The biggest gif I uploaded that was 245 px wide was 1.4 mb
also my sidebar is like this for another example
you need photoshop cs5 and know how to make a basic gif cause i’m skipping that in this tutorial
you can find my basic gif tutorial here