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.

shadow

Repeat this step for the other strips.

shadows

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.

shadow

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.

final

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

337 Comments

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.

Richelle
Jan 14, 2009 at 12:26 am

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

Thanks!!

Phillip
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…

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

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

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

Marco
Jan 14, 2009 at 2:12 am

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

Marvin
Jan 14, 2009 at 2:36 am

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

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

Mohammed
Jan 14, 2009 at 3:58 am

thanks for the nice tutorial. beautiful and simple!

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

E-maniacs
Jan 14, 2009 at 4:20 am

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

Thanks

Lunnaris
Jan 14, 2009 at 4:30 am

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

chris
Jan 14, 2009 at 4:30 am

nice. thank u for this

carrie
Jan 14, 2009 at 5:46 am

Wow. . . . thank you!

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

Driveways
Jan 14, 2009 at 6:34 am

excellent tutorial and thanks for sharing :)

Designer
Jan 14, 2009 at 7:04 am

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

LOmiG
Jan 14, 2009 at 7:14 am

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

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

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

thanks!

MSC
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

Greg
Jan 14, 2009 at 9:57 am

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

– Greg

Geoserv
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!

Jennifer
Jan 14, 2009 at 11:00 am

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

Starstuff
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!

Kayla
Jan 14, 2009 at 11:51 am

Excellent tutorial! I cannot wait to try it out.

Nikko
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!

Thanks!

Paula
Jan 14, 2009 at 1:17 pm

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

Thanks!

Timothy
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

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

Thanks!

Xtence
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!

BORABORA
Jan 14, 2009 at 4:59 pm

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

Dainis Graveris
Jan 14, 2009 at 5:17 pm

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

Florent
Jan 14, 2009 at 5:17 pm

Excelent ! Thanks you !

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

Thanks!

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.

Thanks!

Derek Hildenbrand
Jan 14, 2009 at 11:57 pm

Neat stuff. Thanks for the post

Derek
New View Media

moih60
Jan 15, 2009 at 2:48 am

thanx..good work ..i like that finish

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

Krait
Jan 15, 2009 at 2:58 am

Great effection!!!

Krait
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 ;-)

Alvaromagal
Jan 15, 2009 at 6:38 am

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

Milan
Jan 15, 2009 at 7:01 am

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

Patternhead
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

Excellent

>>> http://www.swebstudio.com.br

Davor
Jan 15, 2009 at 8:33 am

Nice looking strip, great tutorial

Alis
Jan 15, 2009 at 8:40 am

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

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

http://sferlazzorossella.wordpress.com/

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

berkin
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 !!

Cynthia
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

Dan
Jan 16, 2009 at 1:20 pm

Great tutorial, I love simple effects like this one.

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

Rosyid
Jan 16, 2009 at 11:58 pm

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

ralph
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.
Best
Ralph
http://www.deprowebs.com

Farid Hadi
Jan 17, 2009 at 1:18 am

Cool tut, thanks!

mokin
Jan 17, 2009 at 10:46 am

Very cool tutorial! thankyou.

Pim
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!

anime7graphic
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 http://anime7graphic.blogspot.com/

Joey
Jan 18, 2009 at 3:09 pm

simply, inspirational

Liselle
Jan 18, 2009 at 3:38 pm

I am quite smitten with that DigitalMesh design.

WPCult
Jan 18, 2009 at 9:28 pm

Thats pretty nice! Good tutorial!

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

Laura
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!

shirley
Jan 19, 2009 at 7:19 am

wow! definatly giving that a go :)

Ramalho
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
Jan 20, 2009 at 12:32 am

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

jp
Jan 20, 2009 at 1:30 am

interesting~thanks for share

aşk
Jan 20, 2009 at 4:05 am

http://www.asklarinenguzeli.net/index.php

ohh fantastic…. wery good thnks.

bhim
Jan 20, 2009 at 5:14 am

so enough to see this dream tutorial

Andre
Jan 20, 2009 at 2:28 pm

Amazing thing!

Stock Wallpapers
Jan 20, 2009 at 5:21 pm

Great! Very good , thanks :)

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

Brooke
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
Jan 21, 2009 at 4:55 am

You’re the best Nick!!!

nuke
Jan 21, 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..

Web Design Company
Jan 22, 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…

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

iGameFlash.com
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

onlinedruckereien.info
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!

calinus
Jan 23, 2009 at 4:04 pm

great tut..
thanks!

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

Nelson
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

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

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

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

Nice site!

Barbie-dae
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!

tamar
Jan 26, 2009 at 11:12 am

great!
thanx :)

MrH2o
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?

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

Vuongot
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!

E11World
Jan 28, 2009 at 3:59 pm

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

Roberto
Feb 1, 2009 at 10:14 am

Best tutorial ! Thanks

agnes
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. http://www.martijndevalk.nl/photo-strip.html

Nick
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…

Thanks

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

Ryan
Feb 7, 2009 at 4:12 pm

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

Please

Ralph
Feb 8, 2009 at 3:35 am

A nice idea, great. Ralph

Supermance
Feb 10, 2009 at 10:45 pm

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

webarticle
Feb 11, 2009 at 11:51 am

On webdesignerwall only the Best! Great!!!!

Seth
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: http://www.kinocreative.co.uk/blog/?p=5, but only because you onlyposted it in 2009!

Ashley
Feb 12, 2009 at 10:34 am

I liked this tutorial!
Here’s my version,
http://aedesigns.org/images/photo_strip.jpg

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

themisfit
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

adam
Feb 16, 2009 at 9:32 am

wow, amazing.

great tutorial

ashok
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

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

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.

fara
Feb 19, 2009 at 2:29 am

thank you
this is very nice and unique

eza
Feb 21, 2009 at 11:06 am

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

eza
Feb 25, 2009 at 10:12 am

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

Gareng
Feb 26, 2009 at 8:34 pm

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

Lorena
Feb 28, 2009 at 5:38 pm

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

azaret
Mar 2, 2009 at 2:26 am

Wew…;
“good….;
>

Arun.P.S
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

Ruby
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!

Lou
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 ?
merciiiiiii

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.

vishal
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!

Eunice
Mar 29, 2009 at 6:19 pm

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

dilan
Apr 2, 2009 at 2:15 am

thanks and nic

Tijarmin
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:

http://www.flickr.com/photos/tijarmin/3407613137/

rosie
Apr 6, 2009 at 5:40 pm

i like it

Sham
Apr 10, 2009 at 10:11 am

Wow!graceful and elegant:0)

Art
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!

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

sandeep
May 4, 2009 at 12:44 am

excellent work of art! amalzing!!

Mona
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………….. :-)

mona

bala
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!

adil
May 10, 2009 at 7:59 pm

coollllllllllllllllllllllllll!

oynana.com
May 16, 2009 at 4:27 am

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

megan.kish
May 18, 2009 at 3:35 pm

wicked. meLIKES.

砍柴的鲤鱼
May 20, 2009 at 9:23 pm

谢谢,不知道大家能不能看懂中文,我个人(不包括我在祖国-中国)用很俗的一句话来表达我的想法:太牛B了。

Very Nice。

wnick123
May 21, 2009 at 3:19 am

我能看懂中文 呵呵
这文章确实很好很强大

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

monica
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!

wjk2813
Jun 1, 2009 at 6:27 am

我靠 好多中国人 真nb
great work

tt-shark
Jun 5, 2009 at 5:13 am

Very Cool!

stako
Jun 8, 2009 at 12:57 pm

Veeeery nice!!

夜畔新雨
Jun 10, 2009 at 3:15 am

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

kusuma
Jun 12, 2009 at 9:29 pm

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

nophe
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!

Rufus
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!!!!
Thanks!

esanstudio.net
Jun 19, 2009 at 2:36 pm

huh…simple..

THANKS!!!!

photo manipulation
Jun 23, 2009 at 7:12 am

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

oh!curiouser
Jun 25, 2009 at 12:27 pm

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

preeti
Jun 27, 2009 at 5:29 am

very nice…..

preeti
Jun 27, 2009 at 5:30 am

very nice formet…..

sethu
Jun 30, 2009 at 12:51 am

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

Shoshana
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????

Jonathan
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?

umermasood
Aug 3, 2009 at 6:11 am

GRATE

mario
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..!

cennetevi
Aug 8, 2009 at 5:46 am

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

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

Sameer
Aug 21, 2009 at 1:17 pm

It very nice
thank you for keeping Download Free

Nisse
Aug 27, 2009 at 10:01 am

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

Ahlem
Aug 29, 2009 at 9:23 am

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

jako
Sep 4, 2009 at 7:19 pm

Cool effect, thanks for sharing.

psdlovers
Sep 8, 2009 at 7:13 am

cool tut..thanks for the tut :D

bagsin
Sep 10, 2009 at 7:59 pm

Do help for me

jmutia
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,
thanks

pradeep
Sep 17, 2009 at 4:55 am

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

Cyrus
Sep 21, 2009 at 9:22 am

Great , Photo Strip (Photoshop Tutorial)
Great article. CSS saved web design
Cyrus
Visit http://www.psdtoxhtmlcoder.com

rebecca
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?

SAM
Oct 26, 2009 at 1:34 am

really wonder full but very easy and very creative tutorial,

Mike
Oct 31, 2009 at 5:05 am

cool tutorial. love this site.aa

ajampeace
Nov 4, 2009 at 12:39 pm

luv you post..thanks for the tutorial

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

regds,

rajes maharjan
maharajgung, kathmandu, nepal

[email protected]

zack
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??

prasanth
Nov 13, 2009 at 6:37 pm

gp

Aji
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

Bakyavijayakumar
Nov 19, 2009 at 3:36 am

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

Cliff
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:
http://3dvia.tv/three-great-uses-for-3dvia-for-photoshop/

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: http://designthoughtfortheday.blogspot.com/

Ted

Issac Hunt
Dec 9, 2009 at 5:53 pm

Utter Wank!

王瑞
Dec 19, 2009 at 5:30 am

喜欢你们的设计与技术,常来看看

haru
Dec 24, 2009 at 11:59 am

great tutorial.thanks

nazlı
Dec 24, 2009 at 4:15 pm

thanks..

vipan kumar
Dec 25, 2009 at 4:59 am

i like this tutorial thanks

perry
Dec 26, 2009 at 11:21 am

i m stuck at step 5 plz reply me

lektira
Dec 27, 2009 at 8:41 am

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

kristina
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

mehrez
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

vincentdresses
Jan 6, 2010 at 1:40 am

喜欢你们的设计与技术,常来看看

pale pasaribu
Jan 9, 2010 at 8:34 am

mantab!!

Buzztrip
Jan 10, 2010 at 5:38 pm

thanks for share your knowledge.

vino
Jan 11, 2010 at 11:42 am

another awesome tutorial !

Sudhakar
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

avn.rocky
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!

Alex
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

Henry
Feb 17, 2010 at 8:53 am

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

niliya
Feb 23, 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.

sbobet
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

ktown
Mar 16, 2010 at 11:08 pm

great tutorial. Thanks for sharing.

Danny
Mar 24, 2010 at 6:25 am

How do you create a round glowing circle?

Answer
Apr 7, 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.

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

Master
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
http://www.tutorials99.com

Hope it’s helpful!

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

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

Aurora
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^.^

abdullah
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 [ http://www.MadMediaMonkey.com ]

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

123thietkeweb.net
Jun 24, 2010 at 6:55 am

Thanks!
Very nice amazing photo.

malkovicht
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!!

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

Tess
Jun 28, 2010 at 4:37 am

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

robin
Jul 7, 2010 at 2:26 pm

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

@meeehehe
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.

Dr.Salt
Aug 9, 2010 at 9:11 am

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

Matt
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…
thanks

ulises
Sep 16, 2010 at 10:16 am

gracias por el aporte
excelete desing

ulises
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!

anndy
Oct 7, 2010 at 9:40 pm

I have recently started using the blogengine.net 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.

pil
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,
TY

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

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

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

Zaros
Dec 11, 2010 at 11:36 am

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

seoart
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!

yagizcan
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

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

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

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

pechat-na-paketah
Feb 9, 2011 at 11:33 pm

Really enjoyed trying this out

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

Andrea
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

tutooos
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

Damon
Apr 20, 2011 at 2:44 am

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

fatih
May 23, 2011 at 3:58 pm

peh gözel oluf canıım

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

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

complex41
Aug 23, 2011 at 11:46 am

And then he handed you the thirty-five 45

reza
Feb 7, 2012 at 12:00 pm

very good tanksssssssssssssss…..

vipin
Sep 14, 2011 at 10:14 pm

super…, thanksssssss……..

Mahad
Oct 26, 2011 at 6:22 am

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

Lida Ebbett
Nov 21, 2011 at 1:04 pm

Netbest Shopping

pakDE-Nanto
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

DJA28
Feb 11, 2012 at 11:52 pm

Nice Job…… :D

hakem
Mar 28, 2012 at 5:27 pm

hi

BB
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

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

Webdesign
Jul 17, 2012 at 7:45 am

nice tutorial, i seriously gonna use it in the future

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

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

Wow
Dec 12, 2018 at 3:10 pm

amazing

used it

LOVED IT

Post Comment or Questions

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