Typographic Poster Tutorial Using Photoshop

Filed Under: Articles, Guest Post, Photoshop Sources, Prints, Tip and Tutor by Kate Manhaven May 9, 2012, 11:07

typographic-poster-tutorial

Typography is one of the buzzwords these days when it comes to cool poster designs. So in this tutorial, we will show you how to make your own typographic poster, but to make things interesting, with a more nostalgic theme to it.

1. First, we shall create a poster document for our design. The first move is to set your poster dimensions and of course determine the right resolution. For poster printing, you will want to go for 300ppi or higher in terms of resolution. As for the dimensions, a 11×17 inch poster is a good target.

image001

2. First we add an old paper background to our text. You can find tons of these for free on the Internet so explore.

image003

3. Next, we paste in a texture. Again, there are lots of different textures around the Internet that are free, just get something with a high resolution.

image005

4. Now, click on your texture layer. Change its blend mode to “overlay” to get that old style texture integrated into our old styled paper. You can also reduce the opacity of this layer just in case your chosen texture is too strong or vivid.

image007

5. Next, we paste in an image for our poster feature. Here we used a clip-art of a Gramophone. We removed the white using the magic wand tool and the eraser tool so that it fits in nicely.

image009

6. Change the blend mode of the gramophone to Multiply so that it gets integrated better with our theme background.

image011

7. Next, duplicate the layer by pressing CTRL+J. Then, change the duplicate’s blending mode to soft light. Reduce its opacity to 30%.

image013

8. Now, type in your title for the poster. Use a white color for the font. It is better to use a Sans Serif type font with nice straight cuts. Adjust the tracking and other character spacing/distortions that you need to fit your text into shape. Change its blend mode to Soft light and reduce its opacity to about 50%.

image015

9. Now, here is the very long part. You will want to write your text into each of the letters for that very creative typography effect. Vary the typeface, color, boldness, angle, tracking, spacing etc. of the text. To do this press CTRL+T when selecting some text to bring up the text transform panel.

image017

10. Just vary the text when you can until you have something like this:

image019

11. Next, use the custom shape tool. View all the custom shaped and find the musical note series of shapes, pick one.

image021

12. Now, start drawing lots of different notes in different sizes and orientations.

image023

13. Once done, you should have something like this:

image025

14. Merge all the notes into one layer. Duplicate it. Then use one duplicate and apply a 5 pixel Gaussian blur.

image027

15. Resize the other duplicate, shift its orientation and size to add more extra detail.

image029

16. Also place in larger notes that look closer to the viewer. Apply a heavier Gaussian blur to these elements.

image031

17. Now, as a finishing touch, create a new layer on top of our texture layer. Fill it with white, BUT turn its fill opacity to 0%.

image033

18. Then double click on the layer and apply an inner glow feature like so:

a. Blend Mode: Normal

b. Opacity: 75%

c. Color: Black

d. Choke 12%

e. Size: 250px (depending on your document size)

f. Quality Range: 47%

g. Jitter: 42%

image035

19. Finally, go to Layers -> New Adjustment Layer -> Photo Filter. Use Sepia as 50% to add an older look to our poster. Place the adjustment layer on top of course.

image037

20. Great! Now you have finished a nostalgic and typographic poster. Keep in mind that you can also apply the same steps to a smaller medium like brochures or flyers perhaps. You only need to alter the dimensions you entered in the first step and work from there.

image039

Written by Kate Manhaven

Kate Manhaven is a graphic artist who works with PrintPlace.com, an online printing company that offers business cards, postcard printing and poster printing services. She spends her free time either wakeboarding or snowboarding whenever the season permits.


Share This :

I PROUDLY PRESENT

YOUR COMMENTS! I LOVE 'EM

Sri Ganesh.M May 9, 2012,22:08

<3 Quick and awesome tutorial <3

Saya May 10, 2012,07:26

Nice tutorial very helpful. However, I will place and move the gramophone a little bit lower so don’t feel like it is floating.

SHAIKH SAHIL May 10, 2012,13:57

IT IS A VERY BEST
THANK YOU

Thiet ke in Ha noi May 10, 2012,17:03

Very nice tutorial, but can you help me – how make old paper background in second image on this tut, many thanks

Richard Hanley Jr. May 11, 2012,00:14

Very nice.

Here is a poster I made call the “Manifesteaux Poster”
http://www.richardhanleyjr.com/poster

It was made in InDesign on 100% recyclable paper with soy ink.

Samuel May 11, 2012,14:58

That’s a nice little tutorial you’ve got there, nothing to complex and yet it still get great results! It’d be great to see this sort of thing on this blog a lot more, tutorials always help you see how others work and help you learn new techniques!

ArabTecno – Breathe Intelligence – 40 High Quality Typographic Poster Design Tutorials November 14, 2012,04:45

[...] Typographic Poster Tutorial Using Photoshop [...]

LEAVE A COMMENT

AND MAKE ME HAPPY

Your email address will not be published. Required fields are marked *

Name*

Email*

Website

Comment

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Aussie Comparison Shopping top rated USB web cameras Outstanding MS OEM Windows 8 16 mps Sony NEX-F3 MS expression web Studio 4 online shopping

Community News

    • Majestic Designs Of Lion Logo For Your Inspiration

      Here are the Majestic Designs of Lion Logo for your Inspiration. For logo designers out there, this collection will bring you some creative ideas for your next logo design project. Take a look at these logos and be creative to represent a brand as being the king of the jungle.

    • 40+ Most Preferred Mobile Web Design For Inspiration

      It is expected that the number of mobile internet users will surpass the desktop net users in the near future, so it has become mandatory for everyone to host a mobile version of their web site in order to exploit the full potential of the World Wide Web. The high speed 3rd generation networks, super-fast and high resolution handsets made the mobile browsing a thrilling experience than ever. Though the platform is not friendly as of the computers, and the small screen size poses some limitations to the designers, still they are successful in designing wonderful websites for mobiles.

    • Freebie: Clean Portfolio Page in 3 Columns (PSD)

      This is the column page template of our latest Wordpress Theme that is in final stages of development, so this is also a sneak preview of Theme.

    • Essential Back Pain Cure Tips for Computer Professionals

      Computer professionals spend thousands of hours working on computer every year. Essential Back Pain Cure Tips for Computer Professionals.

    • Roundup of Free Vector Ornament Patterns

      This post rounds up a huge collection of some of the best free vector ornamental patterns from across the web. They are great for creating elegant vintage style background.

    • Trends and Essentials of Business Cards

      Are you a business man who believes in the magic of the first impression which will take further direction of your business. Or maybe you have a principle that your closeness with clients and maintained relationships can make your business as well stay 'maintained'. Then you must...


    SUBMIT LINK | MORE NEWS

Recent Comments

    • Jordan McLawrence : Hi. I like this http://wordpress.org/extend/plugins/iframe-e... more
    • Vincent Armstead : These are great pics but as these pictures needs Photoshop t... more
    • Sri Ganesh.M : Just now i brought a shortcode plugin ! Will try some other ... more
    • amir hossein monfared : thanku....so useful..... more
    • Rooney Reeves : Joomla development is considered to be the best and most eff... more
Hookahs F50-531 st0-096 Dedicated Servers Web Hosting
Stock Photos
Stock Photos Search

Powered by:

Content Distribution Network

Twitter: ArtfanDesign