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!

View Final Image

Download Photoshop File

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.

stripe outline shapes

2. Photo Stack

Choose 3 photos of your choice and stack them together.

photo stack

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.

grid 1

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:

grid 2

grid 3

grid 4

4. Masking

Organize the layers into groups (ie. strip 1, 2, 3, 4).

layer groups

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).

layer mask

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.

line strokes

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!

warp examples


NetOperator Wibby
Jan 14, 2009 at 12:06 am

*Very* nice tutorial Nick. I was just looking at the ’06 box art a few days ago. Thanks alot.

Greg Wilker
Jan 14, 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.

Jan 14, 2009 at 12:26 am

Oh I really like this I have a artsy client that will love this.


Jan 14, 2009 at 12:31 am

Really amazing, thanks!

Raymond Selda
Jan 14, 2009 at 12:38 am

Oh my goodness! This is really wonderful. Thank you for sharing this.

Todd Smith
Jan 14, 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.

Ben Jacob
Jan 14, 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…

Jan 14, 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.

Jan 14, 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.

Jan 14, 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.

Jan 14, 2009 at 2:12 am

That was actually pretty simple, but the outcome is great – Well done Nick!

Jan 14, 2009 at 2:36 am

wow. the final image is really cool. i have to try this. nice tutorial ;)

Jan 14, 2009 at 2:40 am

Wow great tutorial! Thanks :)

David Hellmann
Jan 14, 2009 at 2:59 am

nice tutorial, thanks for it!

Fred Soler
Jan 14, 2009 at 3:04 am

Really good and simple way to do. Thanks.

Jan 14, 2009 at 3:58 am

thanks for the nice tutorial. beautiful and simple!

Jan 14, 2009 at 4:04 am

I’m totally amazed to this site.
Wonderful tutorial, both beautiful and useful!
Thanx! (:

Web Designer Guy
Jan 14, 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!

Tom Ross
Jan 14, 2009 at 4:15 am

Simple technique, but awesome result. I really enjoyed this one.

Jan 14, 2009 at 4:20 am

Nice, and very interesting tutorial.
It is very easy indeed.


Jan 14, 2009 at 4:30 am

Great job mate!!!! It’s gonna be perfect for a calendar that I’ve to make.

Jan 14, 2009 at 4:30 am

nice. thank u for this

Jan 14, 2009 at 5:46 am

Wow. . . . thank you!

Jan 14, 2009 at 6:11 am

Thanks! :)

printers in brisbane
Jan 14, 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 :)

Jennifer Farley
Jan 14, 2009 at 6:29 am

Lovely tutorial with a simple and elegant result. Thanks.

Jan 14, 2009 at 6:34 am

excellent tutorial and thanks for sharing :)

Jan 14, 2009 at 7:04 am

as always, this website gives few but really really great tutorials…… thanks a ton

Jan 14, 2009 at 7:14 am

Thanks a lot !
it seems easy this way. I have to try to see it’s hard.

Jan 14, 2009 at 7:20 am

This is a good concept…I will try do some on my web site. thanks

Carlos Hermoso
Jan 14, 2009 at 8:01 am

It actually looks cool. I have to try this myself

Radek Kysely
Jan 14, 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.

Jan 14, 2009 at 9:23 am

Great tut! You sparked my imagination with this one. There are tons of possibilities for this technique.

joyoge designers' bookmark
Jan 14, 2009 at 9:25 am

really nice tut. I like.. thanks..

Amjad Iqbal
Jan 14, 2009 at 9:37 am

excellent tutorial :)


Jan 14, 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

Jan 14, 2009 at 9:57 am

Great tutorial. You guys should try to do more tutorials on here. I like!!

– Greg

Jan 14, 2009 at 9:57 am

Amazing tutorial, you make it look so easy.

Greg M
Jan 14, 2009 at 10:15 am

This is an outstanding effect. I look forward to giving this a try later this evening. Wonderful design work!

ben smithson
Jan 14, 2009 at 10:44 am

Gorgeous. Love this. Keep the posts coming!

Jan 14, 2009 at 11:00 am

wow! that’s amazing! can’t wait to try it out!!

Jan 14, 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!

Jan 14, 2009 at 11:51 am

Excellent tutorial! I cannot wait to try it out.

Jan 14, 2009 at 12:04 pm

This tutorial is awesome! Thank you very much..

Richard Andersson
Jan 14, 2009 at 12:28 pm

Awesome tutorial! I was in awe when I saw it and when I saw the end result. WOW! MORE!


Jan 14, 2009 at 1:17 pm

Excellent tutorial!
I’ll try it out soon :)


Jan 14, 2009 at 1:54 pm

Sick! Nicely done, once again. Thanks for the tutorial. It shall come in handy

Potisk triček
Jan 14, 2009 at 2:54 pm

Good Tut. Thanks

Jan 14, 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.


Jan 14, 2009 at 3:38 pm

This is great, nice work!

Josh Drake
Jan 14, 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!

Jan 14, 2009 at 4:59 pm

Well done! It actually looks easier than it is :)

Dainis Graveris
Jan 14, 2009 at 5:17 pm

so good tutorial! very, very useful – and nice technique!

Jan 14, 2009 at 5:17 pm

Excelent ! Thanks you !

Jan 14, 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.


Max Weir
Jan 14, 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.


Derek Hildenbrand
Jan 14, 2009 at 11:57 pm

Neat stuff. Thanks for the post

New View Media

Jan 15, 2009 at 2:48 am

thanx..good work ..i like that finish

Jan 15, 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.

Jan 15, 2009 at 2:58 am

Great effection!!!

Jan 15, 2009 at 3:02 am

~that what look for~

Stephen Fairbanks
Jan 15, 2009 at 3:59 am

Thanking you, Web Designer Wall.

David Costales
Jan 15, 2009 at 5:40 am

Thanks WDW ;-)

Jan 15, 2009 at 6:38 am

Thanks! Fantastic!!
It is so simple when we know.
Thanks you

Jan 15, 2009 at 7:01 am

Hi thanks for this fantastic tutorial!! it’s always worth to take a look on this blog

Jan 15, 2009 at 7:19 am

Great tutorial with clear instructions. Thanks for sharing :)

João Henrique
Jan 15, 2009 at 7:35 am



Jan 15, 2009 at 8:33 am

Nice looking strip, great tutorial

Jan 15, 2009 at 8:40 am

Amazing tutorial, as always! Thank you for sharing your experience!

Jan 15, 2009 at 8:55 am

Wow, that’s great. I’ll try it out as soon as I find some spare time. Thanks!

Elizabeth Kaylene
Jan 15, 2009 at 10:37 am

Thanks for sharing this! I’m pumped to try this (if I ever have the time)!

debra r
Jan 15, 2009 at 12:40 pm

very cool.. can’t wait to try this out.. thanks for all your tutorials!!!

Stuart Thursby
Jan 15, 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!

rossella sferlazzo
Jan 15, 2009 at 3:33 pm

Compliments for your tutorials…. they are always nice!!!

Jan 15, 2009 at 4:23 pm

I stumbled across this site via 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

Jan 16, 2009 at 4:59 am

thanks, this is so creative

Jan 16, 2009 at 5:59 am

it is very nice, excellent, thanx alot

Rijalul Fikri
Jan 16, 2009 at 8:42 am

Ah, at last, a nice tutorial as usual :)

DKumar M.
Jan 16, 2009 at 10:48 am

Nice Tutorial Nic !!

Jan 16, 2009 at 11:09 am

very cool tutorial! thankyou for sharing

Dan Selleck
Jan 16, 2009 at 1:13 pm

Now that is just hot. :D

Jan 16, 2009 at 1:20 pm

Great tutorial, I love simple effects like this one.

Jan 16, 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 :)

Jan 16, 2009 at 11:58 pm

what an outstanding tuts!! Thanks 4 the sharing !!

Jan 17, 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.

Farid Hadi
Jan 17, 2009 at 1:18 am

Cool tut, thanks!

Jan 17, 2009 at 10:46 am

Very cool tutorial! thankyou.

Jan 17, 2009 at 11:38 am

Cool tutorial indeed! Thanks for sharing it with us. =)

Great Web Design
Jan 17, 2009 at 8:01 pm

Its such a nice effect. Thanks for the step-by-step!

Jan 18, 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

Jan 18, 2009 at 3:09 pm

simply, inspirational

Jan 18, 2009 at 3:38 pm

I am quite smitten with that DigitalMesh design.

Jan 18, 2009 at 9:28 pm

Thats pretty nice! Good tutorial!

Jan 19, 2009 at 1:06 am

Yeah thats nice one :)
amazing wrap in Ps

TypograhyExperimental tutorial here

Jan 19, 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!

Jan 19, 2009 at 7:19 am

wow! definatly giving that a go :)

Jan 19, 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

Jan 20, 2009 at 12:32 am

Awesome tutorial Nick! Thanks for sharing this one! You’re the best!

Jan 20, 2009 at 1:30 am

interesting~thanks for share

Jan 20, 2009 at 4:05 am

ohh fantastic…. wery good thnks.

Jan 20, 2009 at 5:14 am

so enough to see this dream tutorial

Jan 20, 2009 at 2:28 pm

Amazing thing!

Stock Wallpapers
Jan 20, 2009 at 5:21 pm

Great! Very good , thanks :)

Jan 20, 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.

Jan 21, 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!

Jan 21, 2009 at 4:55 am

You’re the best Nick!!!

Jan 21, 2009 at 8:59 am

how to add layout for hompage?
but i must do it just for example in powerpoint…
help me pliiiish..

Web Design Company
Jan 22, 2009 at 8:34 am

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…

Simon Douglas
Jan 22, 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 :)
Jan 22, 2009 at 9:48 pm

Very good tutorial , thanks

Flash Designer
Jan 23, 2009 at 5:10 am

Amazing stuff for vector graphics…Thanks
Jan 23, 2009 at 8:12 am

nice tutorial. low skill level but still inspiring…

Agust Gudbjornsson
Jan 23, 2009 at 3:45 pm

What a great tutorial, thanks allot for sharing!

Jan 23, 2009 at 4:04 pm

great tut..

Jan 23, 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.

Jan 24, 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!

Latest Gadgets
Jan 24, 2009 at 8:31 pm

Great tutorial. bookmarking this page i’ll be back to do it myself when i get a minute

Morten Lassen (DK)
Jan 25, 2009 at 9:38 am


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? :-)

Morten Lassen (DK)
Jan 25, 2009 at 9:56 am

Forget the tutorial about the pen tool I suggested. I found out :-)

Nice site!

Jan 25, 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!

Jan 26, 2009 at 11:12 am

thanx :)

Jan 27, 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?

Jan 28, 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.

Jan 28, 2009 at 11:08 am

Yap, do you know how it’s great for me…
Thank you guy, this is an awesome tutorial!

Jan 28, 2009 at 3:59 pm

Excellent tutorial!! Thank you sooo much for providing and sharing this knowledge with the world.

Feb 1, 2009 at 10:14 am

Best tutorial ! Thanks

Feb 2, 2009 at 1:32 am

this is great tutorial.

Martijn de Valk
Feb 3, 2009 at 7:57 am

Nice tutorial this is my version of it.

Feb 4, 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…


Feb 4, 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.

Feb 7, 2009 at 4:12 pm

Can You Post The Strip Part Itself As A PSD???


Feb 8, 2009 at 3:35 am

A nice idea, great. Ralph

Feb 10, 2009 at 10:45 pm

wow, awesome, tutorial ! more article like this please :)

Feb 11, 2009 at 11:51 am

On webdesignerwall only the Best! Great!!!!

Feb 11, 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:, but only because you onlyposted it in 2009!

Feb 12, 2009 at 10:34 am

I liked this tutorial!
Here’s my version,

Tamara Pundik
Feb 12, 2009 at 11:18 am

Es realmente hermoso…

Elzeth van Schalkwyk
Feb 15, 2009 at 12:33 pm

Thanks for sharing. May the Lord bless you. regards elzeth – South Africa

Feb 15, 2009 at 9:49 pm

Excellent tutorial, I can’t wait to try it out.

Miss Blossom
Feb 16, 2009 at 4:01 am

Cool. In fact there aren’t enough o’s oin cool.

That is seriously coooooool.

Miss Blossom x

Feb 16, 2009 at 9:32 am

wow, amazing.

great tutorial

Feb 18, 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

Feb 18, 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.

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.

Feb 19, 2009 at 2:29 am

thank you
this is very nice and unique

Feb 21, 2009 at 11:06 am

nice tutorial…can u teach me on how to Create a Strip (Vector Shapes)???pls?

Feb 25, 2009 at 10:12 am

how to make the strip???any video tutorials there pls????

Feb 26, 2009 at 8:34 pm

Nice tutorial … and cool pict here …
I’ll tried ….

Feb 28, 2009 at 5:38 pm

Fantastic!!! got to try it soon!!!

Mar 2, 2009 at 2:26 am


Mar 10, 2009 at 4:45 am

Nice tutorial …amazing…..i like this tutorial …..

mr dung
Mar 16, 2009 at 1:08 am

very cool thanks share , tutorial good

Mar 16, 2009 at 1:08 am

WOW!! Your tutorials are just… AMAZING!!! And all your designs! I’m going to be your fan / student!

Mar 19, 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 ?

professional photo retouching
Mar 20, 2009 at 12:12 pm

really nice tutorial. I will definitely use this in the course of my digital editing and retouching.

Mar 24, 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!

Mar 29, 2009 at 6:19 pm

This is so good.
Thanks for this!
I wish I could master this one :)

Apr 2, 2009 at 2:15 am

thanks and nic

Apr 2, 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:

Apr 6, 2009 at 5:40 pm

i like it

Apr 10, 2009 at 10:11 am

Wow!graceful and elegant:0)

Apr 10, 2009 at 3:45 pm

superb :D thank u guyz

Saw Htoo
Apr 13, 2009 at 2:26 pm

Really useful tutorial. Thanks!

Apr 18, 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 ;)

PS Website Design
Apr 21, 2009 at 11:34 am

What a realy useful tutorial, this is going to come in really handy for my next website design. Thanks.

Dionisie Lupanciuc
Apr 23, 2009 at 8:17 am

graet tutorial, thanks!

photo retouching
Apr 28, 2009 at 6:27 am

what a beautiful result!

Scott Birnie
Apr 29, 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???

May 4, 2009 at 12:44 am

excellent work of art! amalzing!!

May 4, 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………….. :-)


May 6, 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)

Nilami Karvin
May 7, 2009 at 3:10 am

Hi dude have done good job and it is really very nice to learn.

Amanda Stock
May 8, 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!

May 10, 2009 at 7:59 pm

May 16, 2009 at 4:27 am

its perfect tutorials.. i will re design my icons and logos :P

May 18, 2009 at 3:35 pm

wicked. meLIKES.

May 20, 2009 at 9:23 pm


Very Nice。

May 21, 2009 at 3:19 am

我能看懂中文 呵呵

May 27, 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? :)

May 29, 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!

Jun 1, 2009 at 6:27 am

我靠 好多中国人 真nb
great work

Jun 5, 2009 at 5:13 am

Very Cool!

Jun 8, 2009 at 12:57 pm

Veeeery nice!!

Jun 10, 2009 at 3:15 am

哥们 那不叫俗 在中国那句话怎么能叫俗呢

Jun 12, 2009 at 9:29 pm

i really love that and i will try it at home thaaaanks <3

Jun 14, 2009 at 10:33 am

i will try at home,,love it..

Luth Textile
Jun 15, 2009 at 9:44 am

nice tutorial bro!
nice blog!

Jun 18, 2009 at 9:29 am

Nice tutorial. There are also some good ones at DocumentLab’s photoshop page

Thiago Holderbaum
Jun 19, 2009 at 7:25 am

The best film strip tutorial of the internet!!!!
Jun 19, 2009 at 2:36 pm



photo manipulation
Jun 23, 2009 at 7:12 am

wow.. awesome,
I still have to learn a lot here :)

Jun 25, 2009 at 12:27 pm

Great tutorial! thanks!!… i love your page ;)

Jun 27, 2009 at 5:29 am

very nice…..

Jun 27, 2009 at 5:30 am

very nice formet…..

Jun 30, 2009 at 12:51 am

Its excellent… good work… thank you for your great idea…

Jul 15, 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 [email protected] with the answeer! ;]]

-shoshana (;

Naughty Girl
Jul 16, 2009 at 3:35 am

i love this tutorial!
but my image when i warp it becomes blurry…how can i fix that????

Jul 25, 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?

Aug 3, 2009 at 6:11 am


Aug 6, 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..!

Aug 8, 2009 at 5:46 am

these are awesome!
thanks for putting in the effort to get this list together

Aug 8, 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.

Aug 21, 2009 at 1:17 pm

It very nice
thank you for keeping Download Free

Aug 27, 2009 at 10:01 am

Thanks for this, wicked website design as well… good work!

Aug 29, 2009 at 9:23 am

j’aime bcq ça … c magnifique… merci bcq

Sep 4, 2009 at 7:19 pm

Cool effect, thanks for sharing.

Sep 8, 2009 at 7:13 am

cool tut..thanks for the tut :D

Sep 10, 2009 at 7:59 pm

Do help for me

Sep 12, 2009 at 3:22 am

cool tutorial. love this site.

photo effects
Sep 13, 2009 at 6:25 am

very cool strip i really like it and much needed for some time finally i found it.Thnx

Web development lucknow
Sep 16, 2009 at 6:18 am

good tutorial,

Sep 17, 2009 at 4:55 am

really wonder full/ what a amaging yar…. thank u for sharing…

Sep 21, 2009 at 9:22 am

Great , Photo Strip (Photoshop Tutorial)
Great article. CSS saved web design

Oct 25, 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?

Oct 26, 2009 at 1:34 am

really wonder full but very easy and very creative tutorial,

Oct 31, 2009 at 5:05 am

cool tutorial. love this site.aa

Nov 4, 2009 at 12:39 pm

luv you post..thanks for the tutorial

Nov 8, 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 :)

Rajesh Maharjan
Nov 11, 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.


rajes maharjan
maharajgung, kathmandu, nepal

[email protected]

Nov 11, 2009 at 9:55 pm

could not make the strip like i wanted, not to good wit the pen tool can u help??

Nov 13, 2009 at 6:37 pm


Nov 13, 2009 at 7:31 pm

Cool ! I wanna try this at home. Thanks for sharing…

diseño web
Nov 18, 2009 at 12:11 pm

very good explanation, thanks for the contribution

Nov 19, 2009 at 3:36 am

Thanks .it’s very useful for me . i will say again thanks…

Nov 19, 2009 at 12:25 pm

Very nice!…I created a similar tutorial using a 3D model of a filmstrip, which reduces the steps:

Jernej Demojzes
Nov 25, 2009 at 6:50 am

Great tutorial

Muhammad Usama Masood
Dec 4, 2009 at 2:26 am

Great Tutorial.

Ted Rex
Dec 4, 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:


Issac Hunt
Dec 9, 2009 at 5:53 pm

Utter Wank!

Dec 19, 2009 at 5:30 am


Dec 24, 2009 at 11:59 am

great tutorial.thanks

Dec 24, 2009 at 4:15 pm


vipan kumar
Dec 25, 2009 at 4:59 am

i like this tutorial thanks

Dec 26, 2009 at 11:21 am

i m stuck at step 5 plz reply me

Dec 27, 2009 at 8:41 am

i can say only one word : awesome!!!!

Jan 1, 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

Jan 4, 2010 at 11:54 am

very nice idea i apriciate

Aldo Yañez
Jan 5, 2010 at 12:13 am

Me encanto…. siempre quise hacer este efecto… Mil Gracias

Jan 6, 2010 at 1:40 am


pale pasaribu
Jan 9, 2010 at 8:34 am


Jan 10, 2010 at 5:38 pm

thanks for share your knowledge.

Jan 11, 2010 at 11:42 am

another awesome tutorial !

Jan 12, 2010 at 1:40 am

…… awesome tutorial.

Tanzanian designer
Jan 19, 2010 at 7:31 am

bloody awesome tutorial. and very easy to follow! cheers

Jan 21, 2010 at 7:31 am

Hey! Thanks, that’s really interesting – Avn

SEO Nottingham
Jan 27, 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!

Jan 28, 2010 at 4:01 am

Hi! Great post.

no name
Feb 15, 2010 at 2:07 pm

thanks very much for this tutoria

Feb 17, 2010 at 8:53 am

wow, lots of good info cheers for the tutorial..

Feb 23, 2010 at 6:05 am

hi friends

check your website real value

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.

Mar 4, 2010 at 3:47 am

I try to follow the examples already. Results have recently been encouraging.

Web Dizajn
Mar 12, 2010 at 1:28 am

Oh, wow, nice one! Have to try this! :D

Mar 16, 2010 at 11:08 pm

great tutorial. Thanks for sharing.

Mar 24, 2010 at 6:25 am

How do you create a round glowing circle?

Apr 7, 2010 at 7:54 am


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.


Apr 20, 2010 at 6:21 pm

very useful for me to understand the entire process! Great!

Web Design
Apr 28, 2010 at 8:20 pm

very easy to understand…thank yoU :)

May 3, 2010 at 3:01 am

Hi friend good work..
There is another one site having top page rank professional Photoshop tutorials
see link below

Hope it’s helpful!

May 6, 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.

May 16, 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

Tony Photo-Restoration
May 29, 2010 at 12:17 pm

Nice tutorial very creative & well explained use for the warp tool.

Jun 5, 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^.^

Jun 6, 2010 at 5:28 am

it is easy.thx ı make it to.thx it is useful post and photoshop is very good.

Sam M.
Jun 7, 2010 at 2:03 am

Excellent Tutorial! Very Information & Intricately Detailed! Thank You for Posting.
Should Def. Check-out [ ]

Jun 21, 2010 at 4:03 am

love it

Elliott Benzle
Jun 23, 2010 at 11:12 am

Great tutorial. It helped me a lot on a current project. I appreciate it.
Jun 24, 2010 at 6:55 am

Very nice amazing photo.

Jun 24, 2010 at 7:53 am

great tutor, thanks :)

Web Design LA
Jun 24, 2010 at 8:18 am

Truly creative work. liked color combination and way of design.

Web Dizajn Studio
Jun 26, 2010 at 7:38 am

Very nice! :)

Thresa Marflak
Jun 22, 2012 at 1:52 am

Hello, i think that i saw you visited my web site so i came to “return the favor”.I’m attempting to find things to improve my website!I suppose its ok to use some of your ideas!!

Jun 27, 2010 at 9:15 pm

Very helpful Tutorial THX

Abhilash Thekkel
Jun 28, 2010 at 2:27 am

Thanks.. this is easier than i thought.

Jun 28, 2010 at 4:37 am

Realy nice step by step tutorial with a great end result :)
Thanks for this post.

Jul 7, 2010 at 2:26 pm

very usefull tutorial… thats great i can make something like that.., need creativity to make like this…

Jul 8, 2010 at 11:23 am

simply marvelous. thanks :)

Caio Oliveira
Aug 7, 2010 at 5:13 pm

Really nice tutorial, quite simple but with an awesome result.
Great website by the way.

Aug 9, 2010 at 9:11 am

Wish these were videos- not good at reading instructions… =[

Aug 23, 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!

Sep 8, 2010 at 1:51 am

this is really fantastic and this kind of word is matching upon you and You are the “creative student” forever and ever
thanks & regards

Sep 15, 2010 at 1:36 am

very usefull tutorial… thats great i can make something like that.., need creativity to make like this…

Sep 16, 2010 at 10:16 am

gracias por el aporte
excelete desing

Sep 16, 2010 at 10:16 am

excelete desing

فيس بوك
Sep 21, 2010 at 6:41 am

wonderful and beautiful artistic design great work

Dan Flynn
Oct 7, 2010 at 2:37 pm

Thanks! So simple and easy yet so clean and bold. That’s what I love about Apple’s design and marketing!

Oct 7, 2010 at 9:40 pm

I have recently started using the and I having some problems here? in your blog you stated that we need to enable write permissions on the App_Data folder…unfortunately I don’t understand how to enable it.

Oct 9, 2010 at 7:48 pm

where can i find the tuts step by seps, because i feel like there are missing a few steps, like the one at the beginning, how can i stack the first 3 pictures, cuz i do it but then when i have to apply the transform tool, it only apply for the vector but not for the picture,

Oct 10, 2010 at 12:11 am

Thanks for the knowledge to guide

Ramsey Mike
Oct 10, 2010 at 6:25 am

Simply brilliant, I need to improve my PS skills for sure. I only use it to do simple image alterations, like cropping and resizing :)

Nov 3, 2010 at 2:59 am

Great tutorial. Thank you so much and keep up the good work.

Premier pixels
Nov 3, 2010 at 6:08 am

Its really great and very usefull.

Dec 6, 2010 at 11:43 pm

Yes it looks like amazing. I got one new idea on designing and it increases my creativity. Thanks for sharing.

Los Angeles Web Design

webl development
Dec 8, 2010 at 6:30 am

really very nice information sharing and i am looking for such type of informative news and i get through this blog so i am very much thankful to you.

Dec 11, 2010 at 11:36 am

Brilliant guide, very simple to use, even if Photoshop isn’t.

Dec 19, 2010 at 2:55 pm

Спасибо за отличный урок. Все описано доступно и понятно. Я думаю что эти уроки воспримут к обучению все.

Henry Peise
Dec 23, 2010 at 11:22 pm

The modern and delicate makes iphone 4 white so charming that even me, want to own one. But what i can do now, is to wait the price to decline.

Juno Mindoes
Dec 24, 2010 at 10:11 pm

People die for iphone 4 white is understandable, isn’t it? The reason is quite simple, We all want to be differnt!

Dec 31, 2010 at 2:39 am

easy project tutorial, im try before and share facebook. Like it, thank you.

Uçak Bileti
Jan 11, 2011 at 4:53 pm

photoshop u seviyorum

Jan 18, 2011 at 9:10 pm

Merci Beaucoup!!!!!!!!!!!!!!

formula 21
Jan 31, 2011 at 1:50 pm

Brilliant guide, very simple to use, even if Photoshop isn’t.

Feb 1, 2011 at 12:33 am

very usefull tutorial… thats great i can make something like that.. sbobet

altın çilek
Feb 2, 2011 at 6:55 am

Just saying thanks will not just be enough, for the exceptional lucidity in your writing.

Feb 5, 2011 at 1:27 am

Really enjoyed trying this out… tks

Mini projects
Feb 7, 2011 at 1:18 am

Thats amazing tutor. Steps are explained very clearly. Thanks for sharing your design knowledge.

Feb 9, 2011 at 11:33 pm

Really enjoyed trying this out

Feb 21, 2011 at 4:05 pm

i need help…after i made my shapes with the pen tool and then stacked my pictures…when i go to warp the pictures, i end up warping the shapes and not the pictures…can you help me?

cheap christian louboutins
Feb 24, 2011 at 1:18 am

with the help of it, we can clear christian louboutin high heels open which a door.

Mar 23, 2011 at 12:42 pm

In step 5 when I put the gradient what do I have to do? do I lower the opacity? do i blend it? please help

Apr 10, 2011 at 2:49 pm

tnks , merci pour le cours , vous pouvez voire le tuto en francais je fé une tradiction de ce cours

Apr 20, 2011 at 2:44 am

Wow thanks for the tutorial! This will save my ass for my girlfriend’s birthday =)

May 23, 2011 at 3:58 pm

peh gözel oluf canıım

May 25, 2011 at 1:59 am

That’s very amazing for tutor. Steps are explained for people is clear !!!

efekphotoshop dot com
Jul 12, 2011 at 4:57 am

wow…it’s very unusual. I’ll try it now! thank you very much. i very like your blog..

Jul 31, 2011 at 12:11 am

Never thought we can do it so easily like this. great blog will keep visiting for my design requirements. Thanks people.

Aug 23, 2011 at 11:46 am

And then he handed you the thirty-five 45

Feb 7, 2012 at 12:00 pm

very good tanksssssssssssssss…..

Sep 14, 2011 at 10:14 pm

super…, thanksssssss……..

Oct 26, 2011 at 6:22 am

Great work….nice tutorial….Thanksssss!!!!

Lida Ebbett
Nov 21, 2011 at 1:04 pm

Netbest Shopping

Dec 14, 2011 at 2:20 am

Waoow… simple steps but excelent End…..
I like it so much….
That’s inspiring me….

graphic design los angeles
Feb 7, 2012 at 4:02 pm

nice tut

Feb 11, 2012 at 11:52 pm

Nice Job…… :D

Mar 28, 2012 at 5:27 pm


Apr 9, 2012 at 5:19 pm

this would be much easier to make in 3d.

Joomla Templates
Apr 11, 2012 at 11:11 am

great tutorial keep it up

May 2, 2012 at 1:18 pm

Thank you Thank you!asee

johnny k
May 24, 2012 at 5:54 pm

This tut is great, as well as the other you do. Thanks for taking the time to put it together and sharing. Some good tips in it.

Graphic Web Design rochester, NY

Millard Minkel
Jun 23, 2012 at 12:42 pm

whoah this weblog is wonderful i like reading your articles. Keep up the good work! You already know, lots of people are searching round for this information, you can help them greatly.

Manchester Design Ltd
Jul 8, 2012 at 9:13 am

Great tutorial this, have utilised it on a few advert designs myself – Great work, thank you.

Jul 17, 2012 at 7:45 am

nice tutorial, i seriously gonna use it in the future

Aug 23, 2012 at 2:01 pm

how do you compress the circle?

yates en Ibiza
Aug 23, 2012 at 4:28 pm

Thanks for taking the time to put it together and sharing. Some good tips in it.

Aug 24, 2012 at 7:18 am

Thank you so much! I love this concept and used on a poster for my school. Wonderful stuff!

Kazi Md.Mahaseen
Sep 13, 2012 at 6:39 am

It’s nice & easy to make a photo stip, thanks

breathtaking images
May 27, 2013 at 7:05 pm

This is such an awesome idea, thanks for posting it! I will definitely be trying my hand at this later.

Dec 12, 2018 at 3:10 pm


used it


Post Comment or Questions

Your email address will not be published. Required fields are marked *