Poster from the Words

December 20th, 2011 in Graphic Design | Written by Photoshop Star | 29 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

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!

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

29 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

    • fused Reply February 3, 2012 at 10:24 pm

      I think I know where you are going wrong.
      You are right in as much as you know where the problem lies, it’s the way you are trying to make your selection.
      You don’t actually select the text using any selection tools. At no point do you need to use the main picture to make your type selection.
      Make your selection by pressing and holding down the CTRL key, then you have to left click on the little white thumbnail on the text layer itself (should have a small T in the middle of it). If you CTRL + left click the layer and not the thumbnail, then all you’ll do is select the layer which isn’t going to do much good here.
      Hope that helps.

  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

  20. Rifal Reply February 13, 2012 at 2:39 am

    thx for this tutorial, i like it.. :)

  21. john Reply February 15, 2012 at 7:31 am

    i have a problem in instruction number 3 :(

  22. Toni Reply March 12, 2012 at 3:30 pm

    So how would you do this to keep the words inside of the picture and not totally across the flyer?

  23. sniperX Reply March 12, 2012 at 8:25 pm

    I have the same problem, please help as I see one question not getting an answer.

    I can get to the point of step 3, pic 2 but the moment I try “ctrl+D” to delete selection, nothing happens ie: pic 3 unless ofcos pic 3 is that step but then when I apply “image – adjustments – brightnes/contrast” the option is greyd out, inaccesable

    Please help as this is awesome

  24. Design Master Reply April 2, 2012 at 9:06 am

    So OLD Tutorial :D I’ve Saw it on Photoshopstar.com About 2 or 3 years ago with a different image :D But Thanks for Uploading …. :)

  25. Retroo Reply April 7, 2012 at 10:54 pm

    I’m with sniperX on this1 can’t seem to get over step 3. Any possibility that any1 could upload the psd file?

  26. Jen W Reply May 4, 2012 at 8:42 pm

    For those having problems with Step 3

    Hit backspace instead of delete. It worked for me :)