Design a Stylish Poster mixed with displacement effect in Photoshop CS5

September 22nd, 2010 by ART-D Posted in Adobe Photoshop, Photo Editing

   

In this tutorial, you’ll learn how to combine layer masks with custom brushes and adjustment layers to create eye catching poster mixed with displacement effect, using simple but effective techniques in Adobe Photoshop CS5. Layered PSD file included. Let’s get started!

Check out these 10 famous poster designs featuring presidents in modern history.

Final Image Preview

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Inspired from Demi Lovato by Jeno Panganiban.

Start working by creating a new document (Ctrl+N) in Adobe Photoshop CS5 with the size 1280px by 1024px (RGB color mode) at a resolution of 300 pixels/inch. Use the Paint Bucket Tool (G) to fill with white color the new background layer.

Find a stock photo with a model represented on it, I used this photo from deviantart. I would like to thank the author of this photo, or if you prefer, you can substitute similar image of your own.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract and insert it on a new layer in our main document.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow style for model’s layer.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
We’ve got the next result:

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Create a new layer and make a selection, applying the Rectangular Marquee Tool (M). Place this layer under the girl’s one.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Select the Soft Mechanical brush from Brush Tool (B).

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Use this brush to paint the top edges of the selection using #E694FF color as shown .

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Using the Free Transform (Ctrl+T) command, let’s incline a little the line, the same way shown on the next picture.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Applying the same method, it’s possible to create the next line of the color #E27FC4.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Insert the mask on each layer with line by choosing Add layer mask on the bottom part of the Layers panel and choose the Soft Round brush of black color.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Use this brush to paint in the mask to hide the lines’ edges.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Make copies of both layers containing the lines and choose the Free Transform (Ctrl+T) command to turn over the copies’ layers, placing them as it is shown below. Place the layers under the girl’s layer.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Next step we’ll download set of brushes for Adobe Photoshop, named: Splat Brushes.

Create a new layer and use the next brushes from Splat Brushes set.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Add some brushstrokes with the next colors: #DFA63D, #5CC1AA, #952941, #A34057, #3C7075. Place the layers with the brushes under the girl’s layer.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Create now a new layer and fill it with white color using the Paint Bucket Tool (G). Choose the Soft Round brush of black color and represent two spots.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Place this layer under the girl’s one.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Select for the layer with the brushes the next filter Filter>Pixelate>Color Halftone.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
We’ve got the next result:

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Set the Blending mode for this layer to Darken.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Create a new layer again and use the Paint Bucket Tool (G) to fill it with #052C52 color.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and use then Filter>Render>Clouds.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Now we have to paint in the mask (where we’ve used Filter>Render>Clouds) with Soft Round brush of black color (set Opacity to 20% in Options bar) to hide the next zones the same way demonstrated below:

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Let’s create a new layer now and apply here the Paint Bucket Tool (G) to fill the layer with #101010 color.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Insert the mask on the layer by choosing Add layer mask on the bottom part of the Layers panel and use then Filter>Render>Clouds.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Above the previous layer we have to create a new one. Select both layer in Layers panel by pressing CTRL button and then press CTRL+E to Merge Down. Insert on this layer the mask (Add layer mask) and press CTRL+I to Inverse the color.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Using the Rectangular Marquee Tool (M) represent a selection in the mask.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Right-click inside the selection and choose Transform Selection to incline this area on the left side on 45 degrees. We have to represent three zones of the same kind inside of which we have to paint using Soft Round brush of white color to clean out the zones in the mask.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
We’ve got the next result:

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Now we have to paint in the mask containing three inclines lines with Soft Round of black color (Opacity20%) to hide the edges of the lines the same way demonstrated next picture.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Make a copy of the last made layer and paint in the mask the lines, applying the same brush but using different value for Opacity.
Set the Blending mode for this layer to Linear Light.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Make one more copy of the last made layer.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Create a new layer and represent here the next selection with the Rectangular Marquee Tool (M). Incline the selection on 45 degrees too and fill this area with black color, using in this case the Paint Bucket Tool (G).

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Set Fill to 0% for this layer and click on Add a layer style icon from bottom part of the Layers panel and select Inner Shadow.

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
Add Inner Glow

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5
We’ve got the next result:

Design a Stylish Poster mixed with displacement effect in Adobe Photoshop CS5

 

  •  

  •    
  •  

 

Post Pages: 1 2

Tags: , , , , , , , , , , , , ,

  • Childmonster

    22/09/2010

    This is not good. I dont like the color. The face of girl is too dark and the image looks as chaotic thing

  • SUllY

    23/09/2010

    ok i think that’s a good tut and a few more new photoshop tips & that’s what i lookin 4
    thanks a milion budy

  • graphicboy

    24/09/2010

    hey guys..im not gettin the clouds effect in the step where u have to put render>clouds on dat blue layer..aftr addin the layer mask..no clouds are being shown..help

  • Anderson

    26/09/2010

    Hello from Brazil.
    This work is very simple but good!

  • Marius

    27/09/2010

    an amazing tutorial! i love all kinds of photo manipulation and this one shows me some some great short cuts thanks!

  • versatigon

    04/10/2010

    The girl’s face too dark… Sorry…

  • viking batam

    04/10/2010

    its very well,,,thanks for your share,,,,

  • jonny

    08/10/2010

    Started off as a great tutorial but sorry, the language barrier killed it for me half way through. Good effect though.

  • spook

    09/10/2010

    English is kinda bad and it makes it hard to follow at times.

  • Mikey

    09/10/2010

    I love how people just say:’ Oh I don’t like it because her face is too dark’. So? It is dark, so what?! There’s still so much information and ideas in this tutorial! Lighten up the face would be the easiest thing to do anyway…

  • sil design

    14/10/2010

    muitoo boom, aprendi muito jah com esse site !

  • betty

    20/10/2010

    wow…negative posts on something that’s meant to help! Post your own tutorials.

  • pitso

    28/10/2010

    awesome! thanks for sharing.

  • burun tıkanıklığı

    30/10/2010

    woouw.
    this is super post.
    thanks for sharing.

  • juancho

    10/11/2010

    un buen tutorial, al final se consiguen interesantes resultados…definitivamente para tenerlo en cuenta en el futuro…gracias por compartir…

  • Hendri lz

    10/11/2010

    Keren….
    krim dong tuturialnya k email atau d Fb
    thanks…

  • evochic

    18/11/2010

    this is a simple tut for ppl to get the idea of how to do this effect. i have understood everything said in this tutorial and i can’t understand what the fuss is about. alot of ppl have different examples and different tuts.

    keep it up ART-D!

  • white

    02/12/2010

    cool effect

  • white

    02/12/2010

    charming girl

  • shaz

    13/12/2010

    i luv adobe cs5…
    best……

  • Ali

    28/12/2010

    Hi
    Nice Tutorial

  • Rodrigo Quispe

    26/01/2011

    Q buen aporte GRACIAS, es muy bueno elegante y nada complicado de hacerlo :-)))

  • Brett Widmann

    27/01/2011

    This is a really cool tutorial. Thank you!

  • 8_shi

    27/02/2011

    hi,
    first of all thanks for this nice tutorial.
    I’m using CS2 and I cant work this “Select for the layer with the brushes the next filter Filter>Pixelate>Color Halftone.”.
    The black spot isnt changing into the dots. Is that because im using Cs2?
    thanks :)

  • 8_shi

    27/02/2011

    i have just tried it with my CS5 too,
    but still it aint working.
    No black dot. what happened?

  • Heather

    22/03/2011

    I got lost half way through.

  • Ylia

    27/03/2011

    Hello from Belarus.
    This work is very good!

  • Bianca Bieber

    17/04/2011

    how can i Put the Image into a new Layer? I’m A new User. Can Somebody Let me know that? And How can Use the Paint Bucket Tool (G) to fill with white color the new background layer? How can I do That, By the Way It’s on the first Step.

    Thank you very Much

  • furqon abdi

    05/05/2011

    thanks for sharing..
    helpful for me improving my skill..

  • LR

    07/05/2011

    I’m not getting it either

  • tony

    06/07/2011

    can you make a video for this tutorial ? i like it much but i cant finish it :s because im new photoshop user

  • Soltan

    26/07/2011

    such a nice tutorial … thanx for sharing!

  • Tay

    16/08/2011

    Im confused on the step about the lines going diagnal:

    Right-click inside the selection and choose Transform Selection to incline this area on the left side on 45 degrees. We have to represent three zones of the same kind inside of which we have to paint using Soft Round brush of white color to clean out the zones in the mask.

    I click inside the layer mask and angle it 45 degrees. And when I try to “clean out the zones” with the soft round brush, it does not show anything happening. Plus I do not understand how do i make the other 2 lines? I’m an ex gimp user so trying to understand the terminology for photoshop sometimes confuse me.

  • sam

    05/09/2011

    hello
    it’s an amazing tutorial but i need some help.
    how do select the color for the soft mechanical brush?
    please answer ASAP !

  • BR

    20/09/2011

    its amazing..though i got lost halfway…”Above the previous layer we have to create a new one” guess thts where i got confused coz the image doesnt go 45..it stays at hor….but i still learned a lot tnx.

  • cheripie

    11/10/2011

    Thank you thank you thank you! Am kinda stuck on the parts with the clouds…i can’t see them? What do you think i’m doing wrong?

  • Jj

    19/10/2011

    i cant seem to get the part with the circles… help

  • rajesh

    01/11/2011

    very good tutorial.

  • Ahmad

    16/11/2011

    Thanks.
    Good Tutorial, but i can’t make dark lines ! :-(
    how to make dark lines ?

  • John

    03/12/2011

    I have been using photoshop for 15 years and always looking for ways to increase my skills but had a really hard time with this tutorial. I could not follow the three 45 degree bars. Is there a chance you can expand on that part???

  • Reza

    05/12/2011

    This very amazing ! thx man :)

  • debasish das

    18/01/2012

    good creation

  • Dyer

    19/01/2012

    Thanks a lot for the post.
    I learned a ton with this set of practices.
    Thank you so much

  • IamLilBygone

    26/02/2012

    How did the first Design went back of the Image…? Please Help me Out

  • milad

    08/04/2012

    WoW, It’s very good and applied

  • zahra

    07/07/2012

    hi
    Thank you

  • Jen

    08/08/2012

    I can’t get the clouds after I fill the new layer with blue…

  • Bea

    09/09/2012

    I learnt a lot with this tutorial. Thanks!

  • Didarul

    14/01/2014

    gud tutrl I very much njoy it :d

  • Meg

    16/02/2014

    So I love the tutorial, up to the part where the first FILTER/RENDER/CLOUDS is. I’m looking at the image after that, and mine looks the same with the blue/navy colored clouds all over, but the next part confuses me. How do you get the color to lighten? I can’t seem to get past this part. Now, I realise this tutorial is a few years old but if anyone knows and is still around, any help would be great!