Pin It

Poster from the Words

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!

Advertisement


  • http://www.alexgrecov.yolasite.com alache

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

  • komal

    Very Nice n beauty full…

  • Yasser

    Will definitely give it a go.

  • Rancho

    easy but nice!

  • Renate

    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 :)

    • Kyra

      same problem

  • beecca

    how do you do the invert step on photoshop elements?

  • shobhit

    It’s great! thanks

  • http://www.elmefarda.com/ elmefarda

    hi . thnx too much . i done it

  • Gabriela Christa

    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.

  • http://all rifas

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

  • BLABLABLA

    do you have to put in every word

    • Rach

      just copy and paste something from online if you don’t wanna type it ;)
      i plan on copying lyrics when i do this

  • walsh

    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

      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.

      • walsh

        yes!! thank you! so much better :)

  • ASDASD

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

  • Adis

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

  • jeny

    very good and nice

  • walsh

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

  • Daffy

    I am surprised at how easy it is. Thanks

  • Vinod

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

  • walsh

    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

  • http://photoshopblack.com Rifal

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

  • john

    i have a problem in instruction number 3 :(

  • http://www.skyemediagroup.com Toni

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

  • sniperX

    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

  • Design Master

    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 …. :)

  • Retroo

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

  • Jen W

    For those having problems with Step 3

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

  • manuel

    i’m a graphic designer…

    nice but ….

    Arial?
    are you f****ng kidding me?

  • brad

    When i try to click delete on the photo thumbnail it says “Smart object is not directly editable.”

    • joeri

      you need to rasterize the layer. right click on the layer and then click rasterize layer!

  • Theskatinguru

    An easier way i found is when you put the picture want over the text change the blead mode to overlay instead of cutting up the picture

  • ravi

    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…

  • http://bikinminisite.com gilang

    easy cool tutorial.. nice share

  • Youssef

    Thanks alot :) >>>>> For step 3

    after you write your text .. you rotate it .. thn you add your picture …

    THn select the text layer .. THn press ctrl + left click on the icon of the text layer ( T ) ..
    .. thn press ( ctrl + shift + i ) to inverse the selection

    thn choose your photo and press delete

  • Macs

    Hi!
    Someone can upload me the picture from the old tutorial? That women face with the purple glasses?
    I lost it, and can’t find in google.

    By the way great tutorial. I used it many times. Thanks alot!

  • herbert

    I know i have found quiet an interesting and a good environment for learning and possibly being the best.

    Thanks so much for the Tutorial

  • xoxktcxox

    STEP 3 MAKES NO SENSE!!!