freebies & Inspiration

Photo Strip

Published on Oct 08 2009 // tutorial
iklan atas

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

Mencari Artikel Lain:

Jangan Lupa Baca Artikel yang lain

Vector and Raster Halftone Patterns Okay ladies and gents, here it is, halftone effects done originally in Photoshop, but can be converted...
The Elements of Graphic Design esign elements are the concrete tools that embody the principles of design and make them come alive....
Manipulating 3D Objects in Adobe Photoshop CS5 The advantage to working with 3D objects is, obviously, that you can work with them in three dimensions....
Know about Icons and their Uses Icons are illustrative representations of objects. They are designed for aesthetical visual identities...


  1. Super-Duper site! I am loving it!! Will come back again – taking you feeds also, Thanks.

  2. masQ says:

    Alamat downloadnya di mana pak?

    Terimakasih banyak sebelumnya..

  3. WISNU says:

    numpang kenal dulu mas ya.pemula…

Leave a comment

Subscribe to our RSS Feed! Follow us on Facebook! Follow us on Twitter! Visit our LinkedIn Profile!