




nezbitten's blog

Never ending staircase
posted by nezbitten, May 12, 2009 3:06 PM — 31 commentsNever ending staircase

Every wondered how those illusions of never ending staircases were made? Here's how!
Photo restorations are my speciality but today I thought I would create a tutorial on making a never ending staircase from Photoshop. Textured with wood, stone grass or whatever you choose.
Create a document in photo shop around 4000 x 2000 pixels. File / new / and fill in the pixels width and height.

We need to show the rulers and change to centimetres.
View / rulers Then right click on the now visible ruler and select centimetres.
We need to show the gird now. View / show grid
Now go to View / Snap to / Grid, to make sure the lines we draw are all consistent.
To check that your screen settings are the same as mine go to edit / preferences / unit and rulers
copy these setting. Back to the image.
On a new layer draw with the polygon lasso tool from the tools palette, a diamond. Use 5x3 squares per quarter to draw your diamond shape. This gives us an angle of just about 30 degrees which is very important for this to work.

On new layers, draw the other two shapes as per the image above. Now merge the layers. Select the freshly drawn layers in the layers palette and merge them using Layer / merge layers.
Copy the layer and paste and repeat this and arrange the steps as the image below.

Select all these layers in the layers pallet and duplicate them all. Right click in the layers palette and select, duplicate layers. With the layers still selected flip them. Edit / transform / flip hirozontal. Use this process by ordering your layers and copying and pasting to get the result below.

Now let’s use something to make to the steps look more real.
Find a picture of a stone slab or a piece of wood, plastic, metal or even grass and cut it out into the shape we first drew, (the diamond and its edges). You can do this on a separate layer and change the opacity of the layer in your layers palette so you can see the original diamond step underneath. Using wood this can be achieved fairly easily. You may need to use the warp or scale tools, or liquefy (sorry I won’t be explaining how to use these tools here - but search the net I am sure you find what you are looking for)

Now repeat the steps we used to create the stair case and position your steps above the others and you will have your staircase. Now use it creatively! You can experiment with amount of steps just by shortening the sides of the stair case using the grid we first set up.

Here is one in stone! I created this myself with some stone slabs and some cleaver cloning and shading.


Hope you enjoyed this tutorial brought to you by A quality photo restoration service www.image-restore.co.uk restorations of old and damaged photos.
and wedding retouching.
Comments |
RSS
1. posted by plrang, May 13, 2009 12:33 AM:) I like these a lot especially when people argue is it for real or not
2. posted by nezbitten, May 13, 2009 8:46 AM
I created the stone one myself!
3. posted by maharjanb, May 14, 2009 4:50 AM
nice one bro!
4. posted by Krafil, Jul 13, 2009 11:24 PM
man, nice but unreal...
5. posted by annastasia, Jul 21, 2009 10:28 AM
Just imagine if Escher had Photoshop.
6. posted by dbrodie, Aug 20, 2009 6:50 PM
Cool tutorial, I really like the cast shadow you added beneath the staircase on the beach, maybe you can do a tutorial on how you did that as well? It almost looks like you used a displacement map? The shadows follow the rock's contour really nicely.
7. posted by nezbitten, Sep 7, 2009 8:33 AM
Thanks dbrodie, the shadow was simply added as another layer. I started with the stair case and turned it black and white, using the hue/sat/lightness slider. Then I warped it using warp. The rest was done simply be deleting or adding to the shape thinking hard how the light would fall over the rocks. I have a good perception of the world and this was done purely on knowledge of how shadows fall around different shaped objects and of course what looks natural.
I then lowered the opacity of the layer and played with the layer blending modes to fins out which gave the best result.
I hope this helps.
Neil
8. posted by laijumodiy, Oct 20, 2009 7:28 AM
really nice!
9. posted by shoppe, Oct 20, 2009 9:56 PM
Excellent tut
10. posted by rlrouse, Nov 10, 2009 6:57 AM
My mother has made a number of quilts using the "never-ending staircase" theme, and they were always big hits when she
"showed them off". Nice picture!
11. posted by orliata, Jan 14, 2010 2:46 AM
cool tutorial.
12. posted by Woodstock4, Jan 16, 2010 11:22 AM
Amazing! Thanks for shedding light on this subject!
13. posted by aszxc, Jan 27, 2010 4:10 AM
Excellent)
14. posted by Penguu, Jan 31, 2010 12:44 PM
I could have sworn it was the original photograph!
15. posted by msagansk, Mar 11, 2010 11:14 AM
Wow this is pretty neat!
16. posted by xiahou, Apr 14, 2010 9:38 PM
i like that
17. posted by Joker1337, Sep 15, 2010 10:32 AM
Awesome ^.^
18. posted by maaroufi, Oct 29, 2010 4:49 PM
simply genius, well done mate!
19. posted by nezbitten, Dec 4, 2010 2:12 PM
Any one tried this yet, show us what you have done!
20. posted by joeygman11, Jan 8, 2011 10:05 AM
nice idea but it dosen't look real at all. the stones look very unnatural when mixed with the actual image. try blending a little more or giving the stones some blur
21. posted by nezbitten, Jan 17, 2011 5:01 AM
Thanks joeyman11 great tip for everyone who is trying this out. If they feel they need more blurred stones they can use blur. There are larger version of these images on the net which should show in better detail the workmanship
22. posted by normaal, May 11, 2011 5:17 AM
I could have sworn it was the original photograph!
23. posted by audrius76, Jul 11, 2011 4:30 AM
amazing!
24. posted by DaiBielich, Jul 11, 2011 2:14 PM
Amazing work!
- Dai Bielich
25. posted by nerijus9, Jul 12, 2011 6:19 AM
lovely!
26. posted by rhodiun, Jul 13, 2011 7:07 AM
i would say amazing!
27. posted by ventdest, Oct 10, 2011 9:16 AM
Penrose stairs
28. posted by stecol, Nov 10, 2011 6:55 AM
excellent
29. posted by nezbitten, Nov 21, 2011 9:49 AM
Thanks stecol!
30. posted by wowinform, Dec 9, 2011 3:29 AM
n1 really good
31. posted by sadooghi, Jan 30, 2012 6:32 AM
Excellent
You have to log in to add comments to this post.
Toolbox
Visit our partners
iStockphoto.com
Affordable inspiration: royalty-free photos, illustrations, video, audio and Flash® files from $1.
Affordable inspiration: royalty-free photos, illustrations, video, audio and Flash® files from $1.
Recent blog comments
Requesting my photosMay 20, 2012 9:53 PM LislFair wrote
Hi there!
Your photo of the Little girl by window is truly inspiring. I would like to use this picture for a website specializing in publishing quality e-books for parents and children up to 11 years of age.
My website is http://www.brainycon- nections.com/
Thank you,
Lisl
More free pictures
May 19, 2012 4:29 AM jmcweb wrote
good site and good luck
Requesting my photos
May 16, 2012 8:19 AM naruponroj wrote
hello,
I would likte to use your pictures for a promotional brochure and website for my skin and laser clinic.
Many thanks.
Requesting my photos
May 10, 2012 9:07 PM mitchcynth wrote
Hi, I'm setting up a new website for linking up families/carers of people with disabilities and want to use your photo: Family tickling each other on one of the pages (It would be the photo that accompanies the "Families Journeys" page. Would you permit that?
Many thanks!
Cynthia
Torn Paper Effect using GIMP
May 9, 2012 8:02 AM Mosselman wrote
@123scrap and @gypsy6080
Thanks for the kind words guys, still means a lot that a tutorial I did so long ago is still relevant and appreciated.
Top blog / tutorial posts
Restriction Free Stock Exchange Club!
by a51media (349 comments)
CREATING A WATER DROPLET
by barunpatro (283 comments)
The Big SXC Update Post
by admin (185 comments)
Change eye color, 3 easy steps
by omar_franc (180 comments)
Cross Processing in Photoshop
by CMSeter (167 comments)
Airbrush Tutorial I
by mindfreak (157 comments)
How to paint in Photoshop using a mouse
by mtusan (157 comments)
Flawless Skin
by litechniks (128 comments)
Tutorial: Creating Dreamy Photos
by VinnyPrime (121 comments)
How we can colorize a B&W image.
by kolios (98 comments)
by a51media (349 comments)
CREATING A WATER DROPLET
by barunpatro (283 comments)
The Big SXC Update Post
by admin (185 comments)
Change eye color, 3 easy steps
by omar_franc (180 comments)
Cross Processing in Photoshop
by CMSeter (167 comments)
Airbrush Tutorial I
by mindfreak (157 comments)
How to paint in Photoshop using a mouse
by mtusan (157 comments)
Flawless Skin
by litechniks (128 comments)
Tutorial: Creating Dreamy Photos
by VinnyPrime (121 comments)
How we can colorize a B&W image.
by kolios (98 comments)








