11
2010
Photo Strip Effect 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.
Related Posts
Popular Posts
- How to Remove a person from a photo by using cs 5 Content Aware
81 comments - How to Remove a person from a photo by using cs 5 Content Aware
81 comments - 800+ Great Tech Brushes for Photoshop
46 comments - Making Wordpress Logo
22 comments - Making Wordpress Logo
22 comments
Recent Comments
- mabia on Photoshop CS5 Content Aware Functions
- mabia on Photoshop CS5 Content Aware Functions
- me on How to Remove a person from a photo by using cs 5 Content Aware
- me on How to Remove a person from a photo by using cs 5 Content Aware
- NEW FEATURE - Photography Tutorials - Page 2 on Taking Clone Photographs Tutorial
Archives
- May 2013
- April 2013
- February 2013
- January 2013
- December 2012
- September 2012
- August 2012
- April 2012
- March 2012
- February 2012
- January 2012
- December 2011
- November 2011
- October 2011
- September 2011
- August 2011
- July 2011
- June 2011
- May 2011
- March 2011
- February 2011
- January 2011
- December 2010
- November 2010
- October 2010
- September 2010
- August 2010
- July 2010
- June 2010
- May 2010
- April 2010
- March 2010
- February 2010

An article by admin






Pingback: 30+ Photoshop Tutorials for Become A Pro Photoshop Artist | Tutorials Photoshop Flash 3d
Pingback: Tweets that mention Photo Strip Effect Tutorial | Tutorials Photoshop Flash 3d -- Topsy.com
Pingback: Ekim Ayının En İyi 20 Photoshop Dersi | Cevdet Engin,Canli Maç izle,Haberler,Lig Tv,Justin Tv
Pingback: En İyi 20 Photoshop Dersi | Güncel Blog Patlangac