Poster from the Words

December 20th, 2011 in Graphic Design | Written by Photoshop Star | 19 Comments

Advertisement


Would you like to make your own cool musical poster? This Photoshop tutorial will teach you how to do it.

Final Image Preview

Poster from the Words

Note: Original tutorial published on Photoshopstar.com had too many errors. Being one the most popular tutorials, tutorial was rewritten and now published.

Resources

Step 1

First we are going to create a new document in Photoshop with 1000×1000 pixels with all the default settings. Fill the background layer with black color.

Poster from the Words 1

Step 2

Select Horizontal Type Tool and place any text (white color, caps on) filling all background as you can see below. Only use one text layer.

Poster from the Words 2
Poster from the Words 3

Rotate text 45 degrees CW by going to Edit > Transform > Rotate.

Poster from the Words 4
Poster from the Words 4a

Step 3

Open photo and copy it to our canvas over text layer. Go to Edit > Free Transform and resize photo to something similar to what I have.

Poster from the Words 5

Select text from text layer (Ctrl+left click on text layer thumbnail in layers). Press Ctrl+Shift+I to invert selection. With selection active, select photo layer and press Delete to clear selection contents.

Poster from the Words 6

Press Ctrl+D to deactivate selection.

Poster from the Words 7

Apply Image > Adjustments > Brightness/Contrast.

Poster from the Words 8
Poster from the Words 9

Step 4

Create a new layer. Select Horizontal Tool (Arial, white color, 55px) and write something like “DJ Music!”. Create a second new layer and write “Only best hits!” (Arial, white color, 25px).

Poster from the Words 10

Rotate text 45 degrees CW by going to Edit > Transform > Rotate on both layers.

Poster from the Words 11

Apply Layer > Layer Style > Blending Options > Outer Glow to both layer to make it more readable.

Poster from the Words 12
Poster from the Words 13

Final Image

Poster from the Words

This tutorial is now finished and you got a great effect!

No related posts.

Follow Photoshop Star

If you want to receive updates from PhotoshopStar, please consider subscribing our RSS feed. You can also follow us on Twitter or on our Facebook page.

If you prefer, you can also subscribe to our monthly Newsletter.

Share this Post

Graphic Design

19 Responses to “Poster from the Words”

  1. alache Reply December 20, 2011 at 5:58 pm

    easy to do, but very interesting and useful result.
    thx a lot

  2. komal Reply December 21, 2011 at 5:19 am

    Very Nice n beauty full…

  3. Yasser Reply December 21, 2011 at 10:43 am

    Will definitely give it a go.

  4. Rancho Reply December 23, 2011 at 11:53 am

    easy but nice!

  5. Renate Reply December 24, 2011 at 11:16 am

    Can anyone explain step 3:
    Select text from text layer (Ctrl+left click on text layer thumbnail in layers). Press Ctrl+Shift+I to invert selection. With selection active, select photo layer and press Delete to clear selection contents.

    I don’t understand what to do…

    Thanks :)

  6. beecca Reply December 26, 2011 at 4:33 am

    how do you do the invert step on photoshop elements?

  7. shobhit Reply December 27, 2011 at 5:36 am

    It’s great! thanks

  8. elmefarda Reply December 29, 2011 at 11:23 am

    hi . thnx too much . i done it

  9. Gabriela Christa Reply December 29, 2011 at 8:57 pm

    Do we use the same step for Adobe Photoshop elements 8.0 ? Because on step 3, when I press Ctrl+Shift+I it doesn’t do anything.

  10. rifas Reply January 6, 2012 at 5:00 am

    Please, Change your web for tutorial because it’s very also small…

  11. BLABLABLA Reply January 14, 2012 at 12:09 am

    do you have to put in every word

  12. walsh Reply January 19, 2012 at 2:18 pm

    How do you get your words so crisp and clear when cutting them out of the picture?? When I do it its not like that. For example, the o’s are fully cut out, theres no hole in the center, one of the words in the picture was minimum and it just looked all pushed together. It does not look clean on mine. I am using Cs5.1, maybe it has something to do with selecting the text… I used the magic wand tool, and then inverted it… I used arial black for the font in 10 pt also, any help would be greatly appreciated…. I can send a pic also if you need it so you can see what im talking about

  13. ASDASD Reply January 22, 2012 at 4:40 pm

    Dude, i don’t understand that with selecting those 2 layers and deleting it… damn!

  14. Adis Reply January 22, 2012 at 5:45 pm

    I got it, it was my bad :D . Sorry and thanks for this amazing tutorial ;)

  15. jeny Reply January 24, 2012 at 2:34 am

    very good and nice

  16. walsh Reply January 24, 2012 at 8:55 pm

    My words don;t come out as clear as in the example, why is that :(

  17. Daffy Reply January 25, 2012 at 10:49 am

    I am surprised at how easy it is. Thanks

  18. Vinod Reply February 1, 2012 at 12:44 pm

    very smart this design. i like it very much……..

  19. walsh Reply February 2, 2012 at 11:40 pm

    Anyone who made one of these can you help me out? I have previous comments on here, just reply to one if you can help me. Thanks