Surprise behind the curtain in Photoshop

In this tutorial I will show how to create curtains and other nice effects in Photoshop. When I was traveling I was always thinking about some ideas for wallpapers for Abduzeedo. Concepts that would show what the blog is about and of course, related to the Space subject. That was when I had this idea of an alien behind curtains.

Anyway, for this tutorial we will use some images from iStockphoto and Google Images, and as usual some neat lighting effects. You probably know how to create some of the effects but it's a good exercise on how to turn an idea into an image.

Step 1

Open Photoshop and create a new document, I'm using 1680x1050 pixels. Fill the backgroud layer with black.

Surprise behind the curtain in Photoshop

Step 2

Go to Filter>Noise>Add Noise. Make sure you have black and white for the background and foreground colors. Use 10% for the Amount, Gaussian for the Distribution and set Monochromatic.

Surprise behind the curtain in Photoshop

Step 3

Go to Image>Adjustments>Levels change the values to 90, 1.00, 230. Repeat the Step 2 and 3 again to to create the starfield.

Surprise behind the curtain in Photoshop

Step 4

Create a new layer and fill it with white. Rename the layer to Curtain.

Surprise behind the curtain in Photoshop

Step 5

Go to Filter>Render>Fibers use 20 for the Variance and 5 for the Strength. This will be the first step to create the curtain.

Surprise behind the curtain in Photoshop

Step 6

Now go to Filter>Artistic>Plastic Wrap. This filter will add some nice highlights to the effect.

Surprise behind the curtain in Photoshop

Step 7

Continuing the Curtain effect, go to Filter>Blur>Gaussian Blur. The blur will define the curtain.

Surprise behind the curtain in Photoshop

Step 8

Now the last filter and the most important. Go to Filter>Blur>Motion Blur. Use 90º for the Angle and 800 pixels for the Distance.

Surprise behind the curtain in Photoshop

Step 9

Let's just change the levels to increase the contrast of the curtain.

Surprise behind the curtain in Photoshop

Step 10

Now go to Edit>Transform>Warp, move the vertices to create the effect of opening the curtain.

Surprise behind the curtain in Photoshop

Step 11

Let's apply some Layer Style to the curtain. Go to Layer>Layer Style>Color Overlay, use red (#c10404) for the color and Overlay for the Blend Mode. After that go to Layer>Layer Style>Gradient Overlay use black and white for the colors, Multiply for the Blend Mode, and Radial for the Style. Move the gradient to the edge of the curtain, like a spot light.

Tip: If your colors are too dark you can change the levels or even bright and contrast.

Surprise behind the curtain in Photoshop

Step 12

Create a layer beneath all layers and go to Filter>Render>Clouds. Make sure that you had Black and White for the colors. After that change the Blend Mode to Hard Light.

Surprise behind the curtain in Photoshop

Step 13

Here let's add some colors to the clouds. Go to Layer>Layer Styles>Gradient Overlay. Use the blue(#13175a) and a light brown (#874a11) for the colors. Change the Blend Mode to Multiply, use Radial for the Style and 90º for the Angle.

Surprise behind the curtain in Photoshop

Step 14

Create a new layer and fill it with black. Change the Blend Mode to Screen and go to Filter>Lens Flare. Use 100% Brightness and 50-300mm Zoom.

Surprise behind the curtain in Photoshop

Step 15

Go to Image>Adjustment>Levels and change the values to 55, 1.00 and 225.

Surprise behind the curtain in Photoshop

Step 16

To create an alien hand that will be open the curtain I used a photo of a frog from iStockphoto.com, you can purchase the photo here. After that in Photoshop, with the Lasso Tool (L) or the Pen Tool (P) extract the hand from the picture.

Surprise behind the curtain in Photoshop

Step 17

Past the hand in front of the curtain and resize it, just a bit smaller. Go to Layer>Layer Style>Drop Shadow, and add a shadow to the hand. Use Multiply for the Blend Mode, 100% Opacity, 2 pixels Distance and 10 pixels size.

Right After that go to Image>Adjustments>Hue/Saturation. Change the values to turn the hand to green, I used 40, -55, -16.

Tip: Duplicate the layer, clear the layer style and change the hand's Blend Mode to Multiply. This way you will increase the details of the picture.

Surprise behind the curtain in Photoshop

Step 18

Now we need an alien head. I searched on Goolge Images for one. The one I liked the most I found at http://nunoleitecastro.tripod.com/

Surprise behind the curtain in Photoshop

Step 19

Place the image in the document and extract the head from the background. Put it behind the curtain like the image below, then duplicate the layer and change the Blend Mode to Multiply. Exactly as we did for the hands that will increase the details of the head.

Surprise behind the curtain in Photoshop

Step 20

Go to Image>Adjustments>Hue/Saturation and change some values. The head has to have the same green tone as the hand. I used -50, 25. and 0

Surprise behind the curtain in Photoshop

Step 21

Here let's just add some details to the curtain. Select the curtain layer and go to Filter>Liquify. Select the Pucker Tool (S) and reduce the brush size. Just give a few clicks with this tool over the area that is beneath the aliens hand.

Surprise behind the curtain in Photoshop

Conclusion

Now you can add more details, such as some noise or change some colors. One thing I did and worked really well was I duplicated all layers and merged into one. Then I applied a Gaussian Blur and changed the Blend Mode to Screen, that created a nice glow, but it's up to you. My idea was to show an alien behind a curtain with the a space scene behind that. Also you can add textures to the curtains, like patterns and apply the displace filter if you want. I hope you like the tutorial and feel free to send suggestions.

Surprise behind the curtain in Photoshop
Click on the Image to the full preview

Download the PSD File

Click here to download the Photoshop File for this tutorial

About author

User picture

My name is Fabio Sasso, I'm a graphic/web designer from Porto Alegre, Brazil and I'm the founder of Abduzeedo. I hope we can share lots of information, tips, and ideas through abduzeedo.

Sponsored Links:

Awesome! I love it! Thank you very much.

Siri's picture
Siri (not verified) 10/22/2008

Kennedy try these inputs for step 3 (40, 1, 230). When I first tried the inputs in the tut my starfield would go black as well, so I just lowered the 90 to 40 and it worked just peachy. Hope this helps.

AA

ArchAngel 10/01/2008

Fabio,
I want to say first and foremost this is my first post and I love your work. Your tuts are so nice and easy to follow that you make a non-artist like myself feel like a veteran designer. One question, what font do you use for your abduzeedo (and what does it stand for or mean)? Thank you and again, I love your work.

AA

ArchAngel 09/30/2008

thank you for the tutorial.

one thing i cannot get is the starfield effect. the screen will turn black when i did the level after noise. is there another way of doing it?

Kennedy's picture
Kennedy (not verified) 09/24/2008

Move the gradient:
When you have the gradient effect open in layer styles, just put your cursor on the 'picture', click and drag and you will see the gradient 'move'.

Also The lens flare needs to be moved to be seen to the right of the curtain. it will not be seen if you follow the tutorial strictly(at least for me it didn't).

Closeupman's picture
Closeupman (not verified) 09/17/2008

man i dont know what to say your very great in photoshop thanx for sharing your knowledge!

crazyroel's picture
crazyroel (not verified) 09/17/2008

Oh Hi, it's me again... i'm sorry about the question of the gradient... i just found the way!!

Thanks anyway!!

shine on you!'s picture
shine on you! (not verified) 09/12/2008

Hi, congratulations for your page, i like very much. I have a question:

in the step 11 you say:
"Move the gradient to the edge of the curtain, like a spot light"
i'm sorry, but i can´t do that... could you tell me how do that??

Thanks!

Shine on you!'s picture
Shine on you! (not verified) 09/12/2008

ur the best, awesome tutorial and cool idea

phengoiz's picture
phengoiz (not verified) 09/02/2008

How can I do that? "Move the gradient to the edge of the curtain, like a spot light"
when I move the gradient move the whole curtain.
very cute tutorial :)
Thanx

Liam's picture
Liam (not verified) 08/27/2008

superb boss i am becomes your fan wonderful work thanks for this tut brother

anjum's picture
anjum (not verified) 08/25/2008

cute alien ;)

Andre's picture
Andre (not verified) 08/23/2008

File can not open being damaged
Is it so my computer is ibm?

amygang's picture
amygang (not verified) 08/23/2008

fibers for curtains!?

Awweesssoomme!

lordCovenant 08/20/2008

Fantastic effect.. not sure i would go for an alien though, but cool all the same!

Manchester Web Design's picture
Manchester Web Design (not verified) 08/19/2008

You are the best.

Enrica's picture
Enrica (not verified) 08/19/2008

I love the way you guys seem to find new ways to use fibers. Such an amazing filter it really is. Thx and keep up the hard work.

Ducktape's picture
Ducktape (not verified) 08/19/2008

Looks great Fabio!

Grant Friedman's picture
Grant Friedman (not verified) 08/19/2008

Really cool and creative espacially the use of the frog's hand and the alien!!!!!!!

Has.n's picture
Has.n (not verified) 08/19/2008

I have something very similar on my flickr page...

check it out here:
http://www.flickr.com/photos/fepagani/2669117545/
its not an alien but just a very shy stick man on the opening night!

Feerhoof's picture
Feerhoof (not verified) 08/18/2008

Fantastic effect and great alien XD

Mr Kuzio's picture
Mr Kuzio (not verified) 08/18/2008

As somebody already said: you are the andrew cramer of ps/illus.

I'm really a newbie with doing ps stuff.
But watching your tuts and so on is damn good for learning more and more.
Keep it on, thx a lot !

bluezeedy's picture
bluezeedy (not verified) 08/18/2008

Hi!!! I'm a fan of abduzeedo, but i have an question???

What is the lett taht you use in all of your works.

Send me a response to jafsampaio@gmail.com please.

Thanks and continue with a good job.

joaosampaio's picture
joaosampaio (not verified) 08/18/2008

I check this site on a daily basis and I think that all of the tuts are awesome, but this one is really cool! Great job!

Anonymous's picture
Anonymous (not verified) 08/18/2008

Damn wish you made this tutorial earlier! I was in a big need of some curtains but didn't know how to make them myself... great tutorial!

Webdesign Drenthe's picture
Webdesign Drenthe (not verified) 08/18/2008

great ideas,always like your tuts

putera_aladin 08/18/2008

Amazing what you can do in so few steps. When I first saw the curtain in 3 steps I was stunned. I laughed for a long time at this post. Love the idea of an alien making his debut from behind the curtain.

Herrimanjoe's picture
Herrimanjoe (not verified) 08/18/2008

Superb, as usual. I don't know how you do it sometimes. :D

Starchild's picture
Starchild 08/18/2008

Really Cool!!!

Léo's picture
Léo (not verified) 08/18/2008

Oh Great effect !
I need make it for mine <3

bobmartien's picture
bobmartien (not verified) 08/18/2008

the curtain looks so good

Webfish 08/18/2008

Yeah, nice effect!

Maurits's picture
Maurits (not verified) 08/18/2008

The curtain looks amazing!

Drewl's picture
Drewl (not verified) 08/18/2008

haha... gr8 effect.. the curtain looks awesome
i totally love it... :)

Thanx ...

crazyhunk's picture
crazyhunk 08/18/2008

Post new comment

The content of this field is kept private and will not be shown publicly.
If you have a Gravatar account, used to display your avatar.
CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.