Jan 14
Photo Strip (Photoshop Tutorial)
This is a Photoshop tutorial on how to create a beautiful photo film strip, as seen in Apple’s iLife package design (’06 version) and DigitalMash website. The warp tool will be used to create the twisting effect (so, you need Photoshop CS2 or above to complete this tutorial). With the completion of this tutorial, you will be able build a photo strip with your own photos or artwork. Don’t miss out this fantastic feature!
1. Create a Strip (Vector Shapes)
First, create a strip with the Pen tool (either in Photoshop or Illustrator). We will use these shapes as a guideline and for masking purposes.
2. Photo Stack
Choose 3 photos of your choice and stack them together.
3. Warping (Photoshop Warp Tool)
Adjust the layer opacity to 40 or 50% so you can see the guideline underneath. Go to Edit > Transform > Warp. Now you should see a grid and 4 anchor points in the corner. To bending the image, simply drag the anchor points, direction points, or grid lines.
Repeat this step for the rest of the strip. Since this step is relatively simple and repeatitive, I’m not going to get into the details. Here are the screenshots of the steps:
4. Masking
Organize the layers into groups (ie. strip 1, 2, 3, 4).
Load selection from the shapes you created in step 1 and add a layer mask for each group (so you get a perfect smooth curve).
5. Shadows
In masked group 1, create a new layer above the strip. Use the Gradient tool and drag from the top to bottom to create a black gradient.
Repeat this step for the other strips.
6. Highlights
To make highlighted and glossy areas: create a round glowing circle, compress it, and rotate it in the angle according to your strip’s direction.
7. Line Strokes
To make line strokes: load a selection of the mask, create a new layer, fill it with black, shift the selection to the left by 1 or 2 pixels, delete the selected area by pressing the Delete key.
8. Final Touches
To make the image look more interesting, desaturated the two strips in the back.
Bonus Tips
The Photoshop warp tool is very useful when creating any sort of twisting and bending graphic effects. The following examples illustrate some of the things that you can do with the warp tool. Have fun!
3D Spiral Component Giveaways Breadou Bread Giveaways
Comments
There are 279 comments (+Add)
Loading ...
1 NetOperator Wibby http://pw-software.com
January 14th, 2009 at 12:06 am
*Very* nice tutorial Nick. I was just looking at the ‘06 box art a few days ago. Thanks alot.
2 Greg Wilker http://photograview.com
January 14th, 2009 at 12:16 am
very very nice. I’ve been trying to think of something cool to use for a background of my photography blog. I’ll have to give this a go and see what I come up with.
3 Richelle http://www.lighthousewebdezines.com
January 14th, 2009 at 12:26 am
Oh I really like this I have a artsy client that will love this.
Thanks!!
4 Phillip http://www.dreampunchboy.com
January 14th, 2009 at 12:31 am
Really amazing, thanks!
5 Raymond Selda http://www.raymondselda.com/
January 14th, 2009 at 12:38 am
Oh my goodness! This is really wonderful. Thank you for sharing this.
6 Todd Smith http://www.toddsmithphotography.com/transparency/
January 14th, 2009 at 12:38 am
what a cool idea… and great step by step. As a photographer, I’ll keep it in my bag of tricks.
7 Ben Jacob http://benjacob.in
January 14th, 2009 at 12:55 am
Wow thanks for this awesome tutorial. I’ve been trying this myself for last somedays… Now I got a tut to do it in an easy way…
8 Cacao
January 14th, 2009 at 12:58 am
This is really cool, it’s very simple and resourceful, I always thought of this effect being done on some 3d environment or some automated action of some sort. Kudos Nick, very inspiring.
9 satyaspb http://cssbeauty.com/
January 14th, 2009 at 12:59 am
This is really cool, it’s very simple and resourceful, I always thought of this effect being done on some 3d environment or some automated action of some sort. Kudos Nick, very inspiring.This is really cool, it’s very simple and resourceful, I always thought of this effect being done on some 3d environment or some automated action of some sort. Kudos Nick, very inspiring.
10 Sacha http://www.sachagreif.com
January 14th, 2009 at 1:22 am
Very nice ! And so simple.. Something tells me this effect will start popping up on websites everywhere from now on.
11 Marco http://www.marcofolio.net/
January 14th, 2009 at 2:12 am
That was actually pretty simple, but the outcome is great - Well done Nick!
12 Marvin http://www.bugeyes.de
January 14th, 2009 at 2:36 am
wow. the final image is really cool. i have to try this. nice tutorial
13 Lipton http://starfeeder.gameriot.com
January 14th, 2009 at 2:40 am
Wow great tutorial! Thanks
14 David Hellmann http://www.davidhellmann.com
January 14th, 2009 at 2:59 am
nice tutorial, thanks for it!
15 Fred Soler http://frederic-soler.fr
January 14th, 2009 at 3:04 am
Really good and simple way to do. Thanks.
16 Mohammed
January 14th, 2009 at 3:58 am
thanks for the nice tutorial. beautiful and simple!
17 majann http://blog.majann.net
January 14th, 2009 at 4:04 am
I’m totally amazed to this site.
Wonderful tutorial, both beautiful and useful!
Thanx! (:
18 Web Designer Guy http://www.igenerator.com.au
January 14th, 2009 at 4:05 am
How uncanny. Stumbled here just now - only a couple of days since planning to use just this kind of thing on my website. Thanks for the tut - I’ll be back!
19 Tom Ross http://www.psdfan.com
January 14th, 2009 at 4:15 am
Simple technique, but awesome result. I really enjoyed this one.
20 E-maniacs http://www.e-maniacs.com/blog
January 14th, 2009 at 4:20 am
Nice, and very interesting tutorial.
It is very easy indeed.
Thanks
21 Lunnaris
January 14th, 2009 at 4:30 am
Great job mate!!!! It’s gonna be perfect for a calendar that I’ve to make.
22 chris
January 14th, 2009 at 4:30 am
nice. thank u for this
23 carrie
January 14th, 2009 at 5:46 am
Wow. . . . thank you!
24 Majesticskull http://www.obvius.com.br
January 14th, 2009 at 6:11 am
Thanks!
25 printers in brisbane http://www.twosocks.com.au
January 14th, 2009 at 6:18 am
Long time no post, Great to see a post ! This is a beauty too, thank I’ll have to give it a whirl
26 Jennifer Farley http://www.laughingliondesign.net
January 14th, 2009 at 6:29 am
Lovely tutorial with a simple and elegant result. Thanks.
27 Driveways http://www.crystalclearideas.co.uk/driveways.htm
January 14th, 2009 at 6:34 am
excellent tutorial and thanks for sharing
28 Designer http://www.RedesignYourBiz.com
January 14th, 2009 at 7:04 am
as always, this website gives few but really really great tutorials…… thanks a ton
29 Christian Menniss
January 14th, 2009 at 7:05 am
The end result looks very impressive. I can see a lot of people using this one.
30 LOmiG http://www.blomig.com
January 14th, 2009 at 7:14 am
Thanks a lot !
it seems easy this way. I have to try to see it’s hard.
31 Jeff http://www.nobleflash.com
January 14th, 2009 at 7:20 am
This is a good concept…I will try do some on my web site. thanks
32 Carlos Hermoso http://carloshermoso.com/
January 14th, 2009 at 8:01 am
It actually looks cool. I have to try this myself
33 Radek Kysely http://pixelsmix.com
January 14th, 2009 at 9:01 am
Hey, very nice, man! But, anybody can’t use the Photoshop because it’s quite expensive way. I think, you can carry it out with another application for graphic designers, but it’s well by the Photoshop, too.
34 Bill http://www.delightfulwebdesign.net
January 14th, 2009 at 9:23 am
Great tut! You sparked my imagination with this one. There are tons of possibilities for this technique.
35 joyoge designers' bookmark http://www.joyoge.com/
January 14th, 2009 at 9:25 am
really nice tut. I like.. thanks..
36 Amjad Iqbal http://www.amjadiqbal.com
January 14th, 2009 at 9:37 am
excellent tutorial
thanks!
37 MSC http://www.medical-specialists.co.uk
January 14th, 2009 at 9:39 am
I really like the way you have elaborated making strips in photoshop reason being it is normally considered an illustrator job. Fantastic work. Thanks
38 Greg http://submitcss.com
January 14th, 2009 at 9:57 am
Great tutorial. You guys should try to do more tutorials on here. I like!!
- Greg
39 Geoserv http://www.pliggs.com
January 14th, 2009 at 9:57 am
Amazing tutorial, you make it look so easy.
40 Greg M http://www.babeled.com
January 14th, 2009 at 10:15 am
This is an outstanding effect. I look forward to giving this a try later this evening. Wonderful design work!
41 ben smithson http://www.bensmithson.com
January 14th, 2009 at 10:44 am
Gorgeous. Love this. Keep the posts coming!
42 Jennifer http://likeomgitsfeday.blogspot.com/
January 14th, 2009 at 11:00 am
wow! that’s amazing! can’t wait to try it out!!
43 Starstuff http://www.rule-twentynine.com
January 14th, 2009 at 11:50 am
Awesome! Thank you so much for this tut, it was exactly what I was looking for and at the right time. You’ve just made my day!
44 Kayla http://webitect.net
January 14th, 2009 at 11:51 am
Excellent tutorial! I cannot wait to try it out.
45 Nikko
January 14th, 2009 at 12:04 pm
This tutorial is awesome! Thank you very much..
46 Richard Andersson http://www.minervity.com
January 14th, 2009 at 12:28 pm
Awesome tutorial! I was in awe when I saw it and when I saw the end result. WOW! MORE!
Thanks!
47 Paula http://www.pmemories.net
January 14th, 2009 at 1:17 pm
Excellent tutorial!
I’ll try it out soon
Thanks!
48 Timothy http://www.pushingbuttons.net
January 14th, 2009 at 1:54 pm
Sick! Nicely done, once again. Thanks for the tutorial. It shall come in handy
49 Potisk triček http://potisktricek.php5.cz/
January 14th, 2009 at 2:54 pm
Good Tut. Thanks
50 Aaron http://aaronhalford.com
January 14th, 2009 at 3:12 pm
Amazing tutorial. With a little trail and error a designer could expand this tutorial to create an easy to follow method for lining up the ending pixels of the over and underlapping segments of the photo strip.
So for example, if a designer decided to use one really long image, the designer could break that image into parts to match the flow of a real world photo strip.
Actually with some thought, my idea is probably easier to accomplish in a dedicated 3D program with texture support; yet it would be a niffy expansion of this tutorial.
Thanks!
51 Xtence http://www.xtence.be
January 14th, 2009 at 3:38 pm
This is great, nice work!
52 Josh Drake http://www.tutorialwow.com/
January 14th, 2009 at 4:40 pm
Nice job! I always wondered if you did this with the Warp tool, or if there was some way to mold the pictures in 3D to the path. I see now.
Thanks!
53 BORABORA http://www.boraacemi.com
January 14th, 2009 at 4:59 pm
Well done! It actually looks easier than it is
Thanks!
54 Dainis Graveris http://www.1stwebdesigner.com
January 14th, 2009 at 5:17 pm
so good tutorial! very, very useful - and nice technique!
55 Florent http://www.utsuru.fr
January 14th, 2009 at 5:17 pm
Excelent ! Thanks you !
56 Simon http://simon.vansintjan.org
January 14th, 2009 at 7:22 pm
It’s strange how the simple methods look best.
Now all I have to do is gather a strip of images.
Thanks!
57 Max Weir http://http//www.levelopacity.com/
January 14th, 2009 at 8:37 pm
Stunning!! I’ve wanted to find out how this was done for quite some time. Its so simple and has endless possibilities.
Thanks!
58 Derek Hildenbrand http://.newviewit.com
January 14th, 2009 at 11:57 pm
Neat stuff. Thanks for the post
Derek
New View Media
59 moih60 http://photoshopmagazine.blogspot.com/
January 15th, 2009 at 2:48 am
thanx..good work ..i like that finish
60 alisssa2003 http://www.fgexpress.ro
January 15th, 2009 at 2:48 am
very good article. there are a lot of tutorials and tips. you can do a lot of things with photoshop.
61 Krait http://none
January 15th, 2009 at 2:58 am
Great effection！！！
62 Krait http://none
January 15th, 2009 at 3:02 am
～that what look for～
63 Stephen Fairbanks http://www.ghosthorses.co.uk
January 15th, 2009 at 3:59 am
Thanking you, Web Designer Wall.
64 David Costales http://blog.davidcostales.com
January 15th, 2009 at 5:40 am
Thanks WDW
65 Alvaromagal
January 15th, 2009 at 6:38 am
Thanks! Fantastic!!
It is so simple when we know.
Thanks you
66 Milan http://www.schwarzwaldbymno.de
January 15th, 2009 at 7:01 am
Hi thanks for this fantastic tutorial!! it’s always worth to take a look on this blog
67 Patternhead http://www.patternhead.com
January 15th, 2009 at 7:19 am
Great tutorial with clear instructions. Thanks for sharing
68 João Henrique http://www.swebstudio.com.br/jh
January 15th, 2009 at 7:35 am
Excellent
>>> http://www.swebstudio.com.br
69 Davor http://www.exdizajn.com
January 15th, 2009 at 8:33 am
Nice looking strip, great tutorial
70 Alis http://www.fairybliss.net
January 15th, 2009 at 8:40 am
Amazing tutorial, as always! Thank you for sharing your experience!
71 Jan http://www.solvium.de/
January 15th, 2009 at 8:55 am
Wow, that’s great. I’ll try it out as soon as I find some spare time. Thanks!
72 Elizabeth Kaylene http://perpertualsmile.net
January 15th, 2009 at 10:37 am
Thanks for sharing this! I’m pumped to try this (if I ever have the time)!
73 debra r http://www.debroller.squarespace.com
January 15th, 2009 at 12:40 pm
very cool.. can’t wait to try this out.. thanks for all your tutorials!!!
74 Stuart Thursby http://www.twitter.com/sthursby
January 15th, 2009 at 1:11 pm
Fantastic tutorial for a great effect. Simple in theory, but I can imagine it takes some practice to get it down as polished as you have it. Thank you!
75 rossella sferlazzo http://sferlazzorossella.wordpress.com/
January 15th, 2009 at 3:33 pm
Compliments for your tutorials…. they are always nice!!!
http://sferlazzorossella.wordpress.com/
76 John http://www.topblokeday.com
January 15th, 2009 at 4:23 pm
I stumbled across this site via dreamweaverlub.com. Very nice indeed and would love to win the win the 3D scrolling pic prize. Thanks and I will be using this awesome site again and again….JL
77 berkin
January 16th, 2009 at 4:59 am
thanks, this is so creative
78 لمياء
January 16th, 2009 at 5:59 am
it is very nice, excellent, thanx alot
79 Rijalul Fikri http://desertlion.net
January 16th, 2009 at 8:42 am
Ah, at last, a nice tutorial as usual
80 DKumar M. http://www.instantshift.com
January 16th, 2009 at 10:48 am
Nice Tutorial Nic !!
81 Cynthia
January 16th, 2009 at 11:09 am
very cool tutorial! thankyou for sharing
82 Dan Selleck http://www.danselleck.com
January 16th, 2009 at 1:13 pm
Now that is just hot.
83 Dan http://www.1pixelbrush.com
January 16th, 2009 at 1:20 pm
Great tutorial, I love simple effects like this one.
84 Anna http://myonlyphoto.blogspot.com
January 16th, 2009 at 9:43 pm
Excellent, thanks for posting. I needed some ideas for my blog header, and now I got some cool tips from here. Anna
85 Rosyid
January 16th, 2009 at 11:58 pm
what an outstanding tuts!! Thanks 4 the sharing !!
86 ralph http://www.deprowebs.com
January 17th, 2009 at 12:09 am
hi, thanks a lot for the tutorial, is very nice and effective. I like the effect very much i will do it in one of my designs one day.
Best
Ralph
http://www.deprowebs.com
87 Farid Hadi http://www.faridhadi.com
January 17th, 2009 at 1:18 am
Cool tut, thanks!
88 mokin
January 17th, 2009 at 10:46 am
Very cool tutorial! thankyou.
89 Pim
January 17th, 2009 at 11:38 am
Cool tutorial indeed! Thanks for sharing it with us. =)
90 Great Web Design http://www.sosmedia.org
January 17th, 2009 at 8:01 pm
Its such a nice effect. Thanks for the step-by-step!
91 anime7graphic http://anime7graphic.blogspot.com/
January 18th, 2009 at 10:33 am
Hi owners…
Nice web design, its very wonderful for me, i always visited here every week end but now I have a comment for my appreciate webdesignerwall.
Your tutorial and resource give me inspiration, i am sure…
See your link at my blog http://anime7graphic.blogspot.com/
92 Joey http://www.joeywargachuk.com
January 18th, 2009 at 3:09 pm
simply, inspirational
93 Liselle
January 18th, 2009 at 3:38 pm
I am quite smitten with that DigitalMesh design.
94 WPCult http://wpcult.com
January 18th, 2009 at 9:28 pm
Thats pretty nice! Good tutorial!
95 Dy http://disa4ever.wordpress.com
January 19th, 2009 at 1:06 am
Yeah thats nice one
amazing wrap in Ps
TypograhyExperimental tutorial here
http://disa4ever.wordpress.com/wp-admin/post.php?action=edit&post=186
96 Laura
January 19th, 2009 at 6:23 am
Thank you very much vor this tutorial!
It will help me to Illustrate my own litte Website with my own Pictures and Graphics. I hope it will be finished soon.
I really love your work!
97 shirley http://www.quaint-shirley.piczo.com
January 19th, 2009 at 7:19 am
wow! definatly giving that a go
98 Ramalho http://ramalhowebblog.blogspot.com/
January 19th, 2009 at 12:40 pm
This tutorial is very good and came in handy because it was one my doubts. Your site is a folder of inspiration. Congratulations
99 Jan http://www.dawghousedesignstudio.com
January 20th, 2009 at 12:32 am
Awesome tutorial Nick! Thanks for sharing this one! You’re the best!
100 jp
January 20th, 2009 at 1:30 am
interesting~thanks for share
101 aşk http://www.asklarinenguzeli.net/index.php
January 20th, 2009 at 4:05 am
http://www.asklarinenguzeli.net/index.php
ohh fantastic…. wery good thnks.
102 bhim http://no
January 20th, 2009 at 5:14 am
so enough to see this dream tutorial
103 Andre http://www.anebstar.de
January 20th, 2009 at 2:28 pm
Amazing thing!
104 Stock Wallpapers http://www.stockwalls.com
January 20th, 2009 at 5:21 pm
Great! Very good , thanks
105 CMHB http://www.carlmhbarenbrug.com
January 20th, 2009 at 5:24 pm
Oh I love this tutorial. Great work. I have never actually tried this effect, but this page is most certainly bookmarked now. Thanks a lot. Great work.
106 Brooke
January 21st, 2009 at 3:09 am
Great tutorial. Use of the Warp Tool gave me some insight on how to achieve a similiar effect but with lines. I know how to do it in Illustrator but I need to find a way to make it work in Photoshop 7. Thanks!
107 Jan http://www.dawghousedesignstudio.com
January 21st, 2009 at 4:55 am
You’re the best Nick!!!
108 nuke
January 21st, 2009 at 8:59 am
hei,,
how to add layout for hompage?
but i must do it just for example in powerpoint…
help me pliiiish..
hheh..
109 Web Design Company http://www.plaveb.com
January 22nd, 2009 at 8:34 am
Hi
Great insights. This is really such nice post…
You have nicely described.
This is help to newbie those who are finding this kind of tutorial.
Keep Writing…
110 Simon Douglas
January 22nd, 2009 at 9:22 am
Great tutorial, something I’ve been trying to do for a while.
Now, all I have to figure out is how to draw the initial strip
111 iGameFlash.com http://iGameFlash.com
January 22nd, 2009 at 9:48 pm
Very good tutorial , thanks
112 Flash Designer http://www.gigaturn.com/flash-work.htm
January 23rd, 2009 at 5:10 am
Amazing stuff for vector graphics…Thanks
113 onlinedruckereien.info http://www.onlinedruckereien.info
January 23rd, 2009 at 8:12 am
nice tutorial. low skill level but still inspiring…
114 Agust Gudbjornsson http://www.danskhosting.dk
January 23rd, 2009 at 3:45 pm
What a great tutorial, thanks allot for sharing!
115 calinus http://www.calinus.com
January 23rd, 2009 at 4:04 pm
great tut..
thanks!
116 Jeff http://oddworlddesign.com
January 23rd, 2009 at 4:08 pm
This is a great tut. Usually I just do this in illustrator using the envelope mesh tool. You can get some wicked awesome retro swirly loops a la’ Elliott Smith’s “Figure 8″ album cover.
117 Nelson http://agith.cerestia.net/
January 24th, 2009 at 3:32 am
I only recently discovered the warp tool myself and I must say that it is indeed useful especially when you’re into doing abstract. Awesome tutorial by the way!
118 Latest Gadgets http://www.adminspy.com
January 24th, 2009 at 8:31 pm
Great tutorial. bookmarking this page i’ll be back to do it myself when i get a minute
119 Morten Lassen (DK)
January 25th, 2009 at 9:38 am
Hey!
This is a great tutorial. I didn’t believe you could make such art in Photoshop but you can. I’m really surprised!
I’ve tried it out myself but I’m having problems getting the strip shape right using the pen tool. Could you make a tutorial on how you made the shape for this piece of art or an overall tutorial that shows how you use the pen tool i PS CS3? Please?
120 Morten Lassen (DK)
January 25th, 2009 at 9:56 am
Forget the tutorial about the pen tool I suggested. I found out
Nice site!
121 Barbie-dae http://richeroriginalsinc.com
January 25th, 2009 at 9:41 pm
I am an old fashion artist that uses knives, brushes and tourches! I am trying to learn Photoshop 7, so this is really great info. Thank you and great success!
122 tamar
January 26th, 2009 at 11:12 am
great!
thanx
123 MrH2o
January 27th, 2009 at 8:56 am
I’m lost at step 7. “shift the selection to the left by 1 or 2 pixels” When i nudge it (arrow left) 1 step to left, I end up with a equally thick line, altho in the tutorial the line goes from thick black (1 px) to zero. Any help on this?
124 Michael
January 28th, 2009 at 11:03 am
This was great but parts of it were baffling:
To make highlighted and glossy areas: create a round glowing circle, compress it, and rotate it in the angle according to your strip’s direction.
125 Vuongot http://vuongot.info
January 28th, 2009 at 11:08 am
Yap, do you know how it’s great for me…
Thank you guy, this is an awesome tutorial!
126 E11World http://www.e11world.com
January 28th, 2009 at 3:59 pm
Excellent tutorial!! Thank you sooo much for providing and sharing this knowledge with the world.
127 Roberto http://secretu.ru
February 1st, 2009 at 10:14 am
Best tutorial ! Thanks
128 agnes http://www.readymaid.ca
February 2nd, 2009 at 1:32 am
this is great tutorial.
129 Martijn de Valk
February 3rd, 2009 at 7:57 am
Nice tutorial this is my version of it. http://www.martijndevalk.nl/photo-strip.html
130 Nick http://www.ndedesigns.com/
February 4th, 2009 at 2:09 am
Thats a pretty amazing effect you’ve created there.
Although i’m not sure where i’d use it on any design at the moment I probably will in the future!
It might be quite nice to animate it a bit too…
Thanks
131 Jason
February 4th, 2009 at 5:18 am
Is there a turorial anywhere for a noob about how to use the pen tool properly. Awesome site and awesome design. I am trying to learn how to create custom themes for wordpress so have lots to learn.
132 Ryan
February 7th, 2009 at 4:12 pm
Can You Post The Strip Part Itself As A PSD???
Please
133 Ralph http://www.webpixelkonsum.de
February 8th, 2009 at 3:35 am
A nice idea, great. Ralph
134 Supermance http://www.novickarija.com
February 10th, 2009 at 10:45 pm
wow, awesome, tutorial ! more article like this please
135 webarticle http://www.mywebarticle.it
February 11th, 2009 at 11:51 am
On webdesignerwall only the Best! Great!!!!
136 Seth http://www.kinocreative.co.uk
February 11th, 2009 at 12:28 pm
This is indeed a great tutorial - really useful for amateurs right through to professional graphic designers. It really gets you thinking about fresh ways in which Photoshop’s powerful functionality can be used.
I’ve added it as an extra to my Top 10 Photoshop Tutorials of 2008 list at here: http://www.kinocreative.co.uk/blog/?p=5, but only because you onlyposted it in 2009!
137 Ashley http://www.aedesigns.org
February 12th, 2009 at 10:34 am
I liked this tutorial!
Here’s my version,
http://aedesigns.org/images/photo_strip.jpg
138 Tamara Pundik
February 12th, 2009 at 11:18 am
Es realmente hermoso…
139 Elzeth van Schalkwyk
February 15th, 2009 at 12:33 pm
Thanks for sharing. May the Lord bless you. regards elzeth - South Africa
140 themisfit http://simonewphoto.com
February 15th, 2009 at 9:49 pm
Excellent tutorial, I can’t wait to try it out.
141 Miss Blossom http://www.blossomgraphicdesign.com
February 16th, 2009 at 4:01 am
Cool. In fact there aren’t enough o’s oin cool.
That is seriously coooooool.
Miss Blossom x
142 adam http://www.twocart.com
February 16th, 2009 at 9:32 am
wow, amazing.
great tutorial
143 ashok
February 18th, 2009 at 12:38 am
this is very nice quit and this very good
iam seen in hyderabad (india) and i had read is tool
and how to creat the iamge
144 Streubie
February 18th, 2009 at 5:04 pm
Great Tutorial! Long time Photoshop user and designer, but I’ve never played with the warp tool quite like this before.
http://www.flickr.com/photos/7642888@N08/3290695591/
You’ve left out some of the subtle touches, but thanks to the photoshop file I got a better idea of the complete package, really appreciate having a final file to reference.
145 fara
February 19th, 2009 at 2:29 am
thank you
this is very nice and unique
146 eza
February 21st, 2009 at 11:06 am
nice tutorial…can u teach me on how to Create a Strip (Vector Shapes)???pls?
147 eza
February 25th, 2009 at 10:12 am
how to make the strip???any video tutorials there pls????
148 Gareng http://garengsphotography.blogspot.com
February 26th, 2009 at 8:34 pm
Nice tutorial … and cool pict here …
I’ll tried ….
149 Lorena http://www.magatzemcreatiu.blosgspot.com
February 28th, 2009 at 5:38 pm
Fantastic!!! got to try it soon!!!
150 azaret
March 2nd, 2009 at 2:26 am
Wew…;
“good….;
>
151 Arun.P.S
March 10th, 2009 at 4:45 am
Nice tutorial …amazing…..i like this tutorial …..
152 mr dung
March 16th, 2009 at 1:08 am
very cool thanks share , tutorial good
153 Ruby
March 16th, 2009 at 1:08 am
WOW!! Your tutorials are just… AMAZING!!! And all your designs! I’m going to be your fan / student!
154 Lou http://graphic-studio.mwik.com/index.php
March 19th, 2009 at 6:57 am
thank you
in french please ???
je suis Lou, de france
tres jolie tuto merci, mais serait il possible de l’avoir en français ?
merciiiiiii
155 professional photo retouching http://photorestorationretouching.com
March 20th, 2009 at 12:12 pm
really nice tutorial. I will definitely use this in the course of my digital editing and retouching.
156 vishal http://www.freshinjobs.com
March 24th, 2009 at 9:07 am
wow! What a nice and easy way to create beautiful and artistic work. Thanks for helping us with this Great Post!
157 Eunice http://love-storm.kabaliwan.info
March 29th, 2009 at 6:19 pm
This is so good.
Thanks for this!
I wish I could master this one
158 dilan
April 2nd, 2009 at 2:15 am
thanks and nic
159 M
April 2nd, 2009 at 2:39 pm
http://toptutorial.hu/photoshop/29-design/37-swirl-dizajn
160 Tijarmin
April 2nd, 2009 at 8:54 pm
Thank you for this great tuto. I learned a lot ! See my version here, which I use as a dual display wallpaper:
http://www.flickr.com/photos/tijarmin/3407613137/
161 rosie
April 6th, 2009 at 5:40 pm
i like it
162 Sham http://technobuz.com
April 10th, 2009 at 10:11 am
Wow!graceful and elegant:0)
163 Art http://www.blastingart.com
April 10th, 2009 at 3:45 pm
superb
thank u guyz
164 Saw Htoo http://www.photovaco.com
April 13th, 2009 at 2:26 pm
Really useful tutorial. Thanks!
165 TechGirl7
April 18th, 2009 at 11:25 am
This is wonderful! Thank you for sharing out! Oh, I read one of the comments on page 16 from “Lou” they may want to try google translator, I put this pages url in and it translated beautifully to French
166 PS Website Design http://www.pswebsitedesign.com
April 21st, 2009 at 11:34 am
What a realy useful tutorial, this is going to come in really handy for my next website design. Thanks.
167 Dionisie Lupanciuc
April 23rd, 2009 at 8:17 am
graet tutorial, thanks!
168 photo retouching http://photorestorationretouching.com/
April 28th, 2009 at 6:27 am
what a beautiful result!
169 Scott Birnie
April 29th, 2009 at 6:29 am
This site is aving me hours of production time. I have been using Illustrator, Photoshop and all the usual suspects for years now and still finding out some truly superb techniques to speed up my workflow and continue creating powerful graphics and imagery.
Thanks Webdesignerwall! Who should I make the cheque payable too???
170 sandeep
May 4th, 2009 at 12:44 am
excellent work of art! amalzing!!
171 Mona http://www.shrisaravanaresidency.com
May 4th, 2009 at 1:50 am
First thing good sites … to refer ,hi i am designer i wanted create new designs every day ………..please kindy help in color and design … all short cut in key borad thank a lot to give us this site…………..
mona
172 bala http://nothing
May 6th, 2009 at 8:21 pm
hi dude this is really fantastic and this kind of word is matching upon you and You are the “creative student” forever and ever
thanks & regards
bala(creative student)
173 Nilami Karvin http://www.radobrass.com
May 7th, 2009 at 3:10 am
Hi dude have done good job and it is really very nice to learn.
174 Amanda Stock http://www.amandastock.com
May 8th, 2009 at 11:07 pm
Love your site. It is beautiful and I love a lot of the functions you have on here. This tutorial is great! Keep up the great work! I will be back!
175 adil
May 10th, 2009 at 7:59 pm
coollllllllllllllllllllllllll!
176 oynana.com http://www.oynana.com
May 16th, 2009 at 4:27 am
its perfect tutorials.. i will re design my icons and logos
177 megan.kish
May 18th, 2009 at 3:35 pm
wicked. meLIKES.
178 砍柴的鲤鱼
May 20th, 2009 at 9:23 pm
谢谢，不知道大家能不能看懂中文，我个人(不包括我在祖国-中国)用很俗的一句话来表达我的想法：太牛B了。
Very Nice。
179 wnick123
May 21st, 2009 at 3:19 am
我能看懂中文 呵呵
这文章确实很好很强大
180 Cubu
May 27th, 2009 at 3:00 pm
this is great tutorial! however, i don’t have the finest idea how to creat the strip outline. Would somebody be so kind to help?
181 monica http://n/a
May 29th, 2009 at 8:31 am
This was an AWESOME tutorial. I created a ribbon of photos for a DVD package and it turned out gorgeous. Without the sample and your perfect instructions I could never have accomplished this. Thank you so much!
182 wjk2813
June 1st, 2009 at 6:27 am
我靠 好多中国人 真nb
great work
183 tt-shark
June 5th, 2009 at 5:13 am
Very Cool!
184 stako
June 8th, 2009 at 12:57 pm
Veeeery nice!!
185 夜畔新雨
June 10th, 2009 at 3:15 am
哥们 那不叫俗 在中国那句话怎么能叫俗呢
186 kusuma http://fkrnand.blogspot.com
June 12th, 2009 at 9:29 pm
i really love that and i will try it at home thaaaanks <3
187 nophe
June 14th, 2009 at 10:33 am
i will try at home,,love it..
188 Luth Textile http://www.luthtextile.com/
June 15th, 2009 at 9:44 am
nice tutorial bro!
nice blog!
189 Rufus
June 18th, 2009 at 9:29 am
Nice tutorial. There are also some good ones at DocumentLab’s photoshop page
190 Thiago Holderbaum
June 19th, 2009 at 7:25 am
The best film strip tutorial of the internet!!!!
Thanks!
191 esanstudio.net http://esanstudio.net
June 19th, 2009 at 2:36 pm
huh…simple..
THANKS!!!!
192 photo manipulation http:inoreload.co.cc
June 23rd, 2009 at 7:12 am
wow.. awesome,
I still have to learn a lot here
193 oh!curiouser http://www.ohcuriouser.com
June 25th, 2009 at 12:27 pm
Great tutorial! thanks!!… i love your page
194 preeti http://webdesignerwall.com
June 27th, 2009 at 5:29 am
very nice…..
195 preeti http://webdesignerwall.com
June 27th, 2009 at 5:30 am
very nice formet…..
196 sethu
June 30th, 2009 at 12:51 am
Its excellent… good work… thank you for your great idea…
197 Shoshana http://ygevolution.wordpress.com
July 15th, 2009 at 1:09 pm
Thanks a lot! (: This was a great tutorial..But ii got stuck on Step 5. I’m a newbiee at Photoshop..any kind…&& ii don’t know how to add the smooth curve or mask the layer.. Please email ygevolution@hotmail.com with the answeer! ;]]
-shoshana (;
198 Naughty Girl http://www.freehobbysolutions.com/
July 16th, 2009 at 3:35 am
i love this tutorial!
but my image when i warp it becomes blurry…how can i fix that????
199 Jonathan
July 25th, 2009 at 3:41 am
You’re an excellent graphic designer, and an ever worse teacher.
“To make highlighted and glossy areas: create a round glowing circle, compress it, and rotate it in the angle according to your strip’s direction.”
Asspinchter says what?
200 umermasood
August 3rd, 2009 at 6:11 am
GRATE
201 mario
August 6th, 2009 at 2:56 am
that’s cool design,
also the web pages.. i like the AMBIENCE it’s so cozy, not clumsy..
Luv Yach..!
202 cennetevi http://www.cennetevi.gen.tr
August 8th, 2009 at 5:46 am
these are awesome!
thanks for putting in the effort to get this list together
203 cennet http://www.cennet.gen.tr
August 8th, 2009 at 5:51 am
Thanks Thanks What’s the problem here? Google could bury the meager profit number from even the biggest media conglomerates.
204 Sameer http://no
August 21st, 2009 at 1:17 pm
It very nice
thank you for keeping Download Free
205 Nisse
August 27th, 2009 at 10:01 am
Thanks for this, wicked website design as well… good work!
206 Ahlem
August 29th, 2009 at 9:23 am
j’aime bcq ça … c magnifique… merci bcq
207 jako http://fashionow.net
September 4th, 2009 at 7:19 pm
Cool effect, thanks for sharing.
208 psdlovers http://www.psdlovers.com
September 8th, 2009 at 7:13 am
cool tut..thanks for the tut
209 bagsin http://handbagsurf.com
September 10th, 2009 at 7:59 pm
Do help for me
210 jmutia
September 12th, 2009 at 3:22 am
cool tutorial. love this site.
211 photo effects http://beginlearn.blogspot.com
September 13th, 2009 at 6:25 am
very cool strip i really like it and much needed for some time finally i found it.Thnx
212 Web development lucknow http://www.nomiinfotech.com/
September 16th, 2009 at 6:18 am
good tutorial,
thanks
213 pradeep
September 17th, 2009 at 4:55 am
really wonder full/ what a amaging yar…. thank u for sharing…
214 Cyrus
September 21st, 2009 at 9:22 am
Great , Photo Strip (Photoshop Tutorial)
Great article. CSS saved web design
Cyrus
Visit http://www.psdtoxhtmlcoder.com
215 rebecca
October 25th, 2009 at 12:43 pm
hi, i tried to do this tutorial but when i have my stacked photos it won’t let me select warp, if i bring the photos in seperately they are on different layers so i can’t select them as a group. how did you get your stacked photos to warp?
216 SAM
October 26th, 2009 at 1:34 am
really wonder full but very easy and very creative tutorial,
217 Mike http://www.comastore.com
October 31st, 2009 at 5:05 am
cool tutorial. love this site.aa
218 ajampeace http://pandangananaksabah.com
November 4th, 2009 at 12:39 pm
luv you post..thanks for the tutorial
219 Christine
November 8th, 2009 at 2:18 am
This is a great tutorial however…im a complete beginner in editing photos and doing all these complicated things on photoshop…I tried but i couldnt do it as professional as yours - how did you manage to wrap your phtos so neatly inside the strip guidelines?! Please help
220 Rajesh Maharjan
November 11th, 2009 at 9:35 pm
dear sir and madam,
a very good morning
we appreciate your website updated worldwide. please accept our heartiest reception from himalayan kingdom of Nepal.
we want to see the more & more attractive design for print advtertisement.
please demonstrate us.
regds,
rajes maharjan
maharajgung, kathmandu, nepal
march@ntc.net.np
221 zack
November 11th, 2009 at 9:55 pm
could not make the strip like i wanted, not to good wit the pen tool can u help??
222 prasanth
November 13th, 2009 at 6:37 pm
gp
223 Aji http://potoshopbro.blogspot.com/
November 13th, 2009 at 7:31 pm
Cool ! I wanna try this at home. Thanks for sharing…
224 diseño web http://www.trazavirtual.com
November 18th, 2009 at 12:11 pm
very good explanation, thanks for the contribution
225 Bakyavijayakumar http://photoshoplady
November 19th, 2009 at 3:36 am
Thanks .it’s very useful for me . i will say again thanks…
226 Cliff http://www.3dvia.tv
November 19th, 2009 at 12:25 pm
Very nice!…I created a similar tutorial using a 3D model of a filmstrip, which reduces the steps:
http://3dvia.tv/three-great-uses-for-3dvia-for-photoshop/
227 Jernej Demojzes
November 25th, 2009 at 6:50 am
Great tutorial
228 Muhammad Usama Masood http://m-usama-m.blogspot.com
December 4th, 2009 at 2:26 am
Great Tutorial.
229 Ted Rex http://designthoughtfortheday.blogspot.com/
December 4th, 2009 at 9:07 am
Great tutorial to have found. I posted this as one of my three links for the day at my daily design blog: http://designthoughtfortheday.blogspot.com/
Ted
230 Issac Hunt
December 9th, 2009 at 5:53 pm
Utter Wank!
231 王瑞
December 19th, 2009 at 5:30 am
喜欢你们的设计与技术，常来看看
232 haru http://thebloggersunited.blogspot.com
December 24th, 2009 at 11:59 am
great tutorial.thanks
233 nazlı
December 24th, 2009 at 4:15 pm
thanks..
234 vipan kumar
December 25th, 2009 at 4:59 am
i like this tutorial thanks
235 perry
December 26th, 2009 at 11:21 am
i m stuck at step 5 plz reply me
236 lektira http://www.lektira.me
December 27th, 2009 at 8:41 am
i can say only one word : awesome!!!!
237 kristina
January 1st, 2010 at 11:51 pm
it’s is great article and This is very important knowledge
web art sense a leading web design company India
238 mehrez
January 4th, 2010 at 11:54 am
very nice idea i apriciate
239 Aldo Yañez
January 5th, 2010 at 12:13 am
Me encanto…. siempre quise hacer este efecto… Mil Gracias
240 vincentdresses http://www.hibridal.com
January 6th, 2010 at 1:40 am
喜欢你们的设计与技术，常来看看
241 pale pasaribu
January 9th, 2010 at 8:34 am
mantab!!
242 Buzztrip
January 10th, 2010 at 5:38 pm
thanks for share your knowledge.
243 vino http://-
January 11th, 2010 at 11:42 am
another awesome tutorial !
244 Sudhakar
January 12th, 2010 at 1:40 am
…… awesome tutorial.
245 Tanzanian designer http://www.selengiadesigns.com
January 19th, 2010 at 7:31 am
bloody awesome tutorial. and very easy to follow! cheers
246 avn.rocky http://www.vaishnomata.org
January 21st, 2010 at 7:31 am
Hey! Thanks, that’s really interesting - Avn
247 SEO Nottingham http://www.angelseo.co.uk
January 27th, 2010 at 5:17 am
Great post, I always wondered how this was done, I’ve seen it so many times on websites and always loved the concept, will give this photo strip tutorial a go later - great job!
248 Alex http://www.photoretouchingrestoration.com
January 28th, 2010 at 4:01 am
Hi! Great post.
249 no name
February 15th, 2010 at 2:07 pm
thanks very much for this tutoria
250 viagra http://www.medical-specialists.co.uk
February 17th, 2010 at 8:53 am
wow lots of good info cheers for the tutoria..
251 niliya http://www.websitereckon.com
February 23rd, 2010 at 6:05 am
hi friends
check your website real value
websitereckon.com
WebsiteReckon contains a collection of useful features such as checking Google Page Rank (PR), Compete and Alexa Traffic Rank, Backlinks Checker, Server IP and Location on Google Map, DMOZ and Yahoo Directory Listings and more. You can use it for various purposes include doing research before buying or selling website; want to find out how popular the website is; use it as SEO analytic tool to improve your site performance; or just about curiosity.
252 sbobet http://www.sbobet-th.com
March 4th, 2010 at 3:47 am
I try to follow the examples already. Results have recently been encouraging.
253 Web Dizajn http://www.urbandizajn.com/
March 12th, 2010 at 1:28 am
Oh, wow, nice one! Have to try this!
254 ktown http://simonewittenbergblog.com
March 16th, 2010 at 11:08 pm
great tutorial. Thanks for sharing.
255 Danny
March 24th, 2010 at 6:25 am
How do you create a round glowing circle?
256 Answer http://www.l;fkke.com
April 7th, 2010 at 7:54 am
Danny,
To create a round glowing circle, all you must to do is :
1-create a new layer,
2- press D on keyboard,
3-choose white for the foreground color,
4-take the gradient tool,
5-choose white to transparent,
6-choose radial gradient,
7-click and drag,
8-now you have a white glowing circle.
Answer.
257 Boon http://www.pboong.com
April 20th, 2010 at 6:21 pm
very useful for me to understand the entire process! Great!
258 Web Design http://exmmedia.com
April 28th, 2010 at 8:20 pm
very easy to understand…thank yoU
259 Master http://www.tutorials99.com
May 3rd, 2010 at 3:01 am
Hi friend good work..
There is another one site having top page rank professional Photoshop tutorials
see link below
http://www.tutorials99.com
Hope it’s helpful!
260 Naomi
May 6th, 2010 at 11:28 pm
I have never used the pen tool before. So how do I go about drawing the beginning guidelines in step one? Does anyone have a step-by-step tutorial that I could follow? I was hoping to use it in a graduation poster I’m working on.
Other than my speed bump, this is very beautiful! I hope I can figure it out.
261 Jed
May 16th, 2010 at 11:06 pm
when i try to warp my images, and hit alt T to transform, it goes to my strip that i made with the pen…so i cant warp my image! what am i doing wrong!? thanks in advance and this is a great tutorial
262 Tony Photo-Restoration http://www.photograph-restoration.co.uk
May 29th, 2010 at 12:17 pm
Nice tutorial very creative & well explained use for the warp tool.
263 Aurora
June 5th, 2010 at 2:36 am
i know the warp function in photoshop, but i just didn’t notice that i can actually create something like this using this feature. Nice job^.^
264 abdullah http://www.harbiblog.com
June 6th, 2010 at 5:28 am
it is easy.thx ı make it to.thx it is useful post and photoshop is very good.
265 Sam M.
June 7th, 2010 at 2:03 am
Excellent Tutorial! Very Information & Intricately Detailed! Thank You for Posting.
Should Def. Check-out [ http://www.MadMediaMonkey.com ]
266 nidhi
June 21st, 2010 at 4:03 am
love it
267 Elliott Benzle http://www.shatterboxwebdesign.com
June 23rd, 2010 at 11:12 am
Great tutorial. It helped me a lot on a current project. I appreciate it.
268 123thietkeweb.net http://www.123thietkeweb.net
June 24th, 2010 at 6:55 am
Thanks!
Very nice amazing photo.
269 malkovicht http://malkovicht-review.blogspot.com/
June 24th, 2010 at 7:53 am
great tutor, thanks
270 Web Design LA http://www.spinxwebdesign.com/
June 24th, 2010 at 8:18 am
Truly creative work. liked color combination and way of design.
271 Web Dizajn Studio http://www.design21th.com
June 26th, 2010 at 7:38 am
Very nice!
272 AxiomDesigns http://www.axiomdesigns.com
June 27th, 2010 at 9:15 pm
Very helpful Tutorial THX
273 Abhilash Thekkel http://tgoden.com/
June 28th, 2010 at 2:27 am
Thanks.. this is easier than i thought.
274 Tess http://viuu.co.uk
June 28th, 2010 at 4:37 am
Realy nice step by step tutorial with a great end result
Thanks for this post.
275 robin http://chairila06.student.ipb.ac.id
July 7th, 2010 at 2:26 pm
very usefull tutorial… thats great i can make something like that.., need creativity to make like this…
thanks
276 @meeehehe
July 8th, 2010 at 11:23 am
simply marvelous. thanks
277 Caio Oliveira http://caiooliveira.consensostudio.com.br
August 7th, 2010 at 5:13 pm
Really nice tutorial, quite simple but with an awesome result.
Great website by the way.
278 Dr.Salt
August 9th, 2010 at 9:11 am
Wish these were videos- not good at reading instructions… =[
279 Matt http://www.websitesdesigned.co.uk
August 23rd, 2010 at 8:41 am
This is a great and inspirational post. I can really visualise photos that I’ve taken in a photo strip like this. Great for displaying your portfolio in a quirky and unusual way. Thanks!