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
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.
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.
Click on Add a layer style icon from bottom part of the Layers panel and select Drop Shadow style for model’s layer.
We’ve got the next result:
Create a new layer and make a selection, applying the Rectangular Marquee Tool (M). Place this layer under the girl’s one.
Select the Soft Mechanical brush from Brush Tool (B).
Use this brush to paint the top edges of the selection using #E694FF color as shown .
Using the Free Transform (Ctrl+T) command, let’s incline a little the line, the same way shown on the next picture.
Applying the same method, it’s possible to create the next line of the color #E27FC4.
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.
Use this brush to paint in the mask to hide the lines’ edges.
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.
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.
Add some brushstrokes with the next colors: #DFA63D, #5CC1AA, #952941, #A34057, #3C7075. Place the layers with the brushes under the girl’s layer.
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.
Place this layer under the girl’s one.
Select for the layer with the brushes the next filter Filter>Pixelate>Color Halftone.
We’ve got the next result:
Set the Blending mode for this layer to Darken.
Create a new layer again and use the Paint Bucket Tool (G) to fill it with #052C52 color.
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.
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:
Let’s create a new layer now and apply here the Paint Bucket Tool (G) to fill the layer with #101010 color.
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.
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.
Using the Rectangular Marquee Tool (M) represent a selection in the mask.
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.
We’ve got the next result:
Now we have to paint in the mask containing three inclines lines with Soft Round of black color (Opacity – 20%) to hide the edges of the lines the same way demonstrated next picture.
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.
Make one more copy of the last made layer.
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).
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.
Add Inner Glow
We’ve got the next result:
Post Pages: 1 2
Tags: abstract, adjustment-layer, background, brushes, cs5, design, displacement, effect, free, photo-effect, photo-manipulation, Photoshop, poster, psd
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!