Skip to main content

Photo Strip (Photoshop Tutorial)

. 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

Comments

Popular posts from this blog

Use x-ray techniques in Photoshop to show naked skin through clothing

    Do those new naked body scanners have you freaked out at the airports? As far as the TSA is concerned, those x-ray machines are here to stay, but you might as well take comfort in knowing that airport security guards aren't the only ones looking at your private parts. Practically anyone with a computer can manage to see through your clothes, and it's all thanks to a little program called Photoshop. Thanks, Adobe. With a few tweaks using the tools in Photoshop, you can see those boobs in no time, male or female. The video is in German, but it's not hard to figure our what's going on, especially if you're familiar with Photoshop. First, create a few duplicate layers, then get a handle on some of these tools to make the naked body through the clothes: * Auswahl erstellen (Create Selection) * Tonwertspreizung (Input Levels) * Belichtung (Exposure) You can also do this see-through clothing effect in free design programs, such as  GIMP .

Photoshop Shapes – Add, Subtract, Intersect and Exclude

’ve gone ahead and created a new Photoshop document, with white as my background color, and I’ve used the Ellipse Tool to draw a single circular shape (I held down my Alt (Win) / Option (Mac) key as I was dragging out the shape to force it into a perfect circle): A circular shape drawn with the Ellipse Tool. If we look in my Layers panel , we see that my document currently contains two layers – the white-filled Background layer on the bottom and the Shape layer (Shape 1) for my shape directly above it: The Layers panel showing the Shape layer sitting above the Background layer. With the Ellipse Tool still selected, I’ll draw a second similar shape partly overlapping the original: Adding a second shape to the document. By default, Photoshop assumes that each time we draw a new shape, we want to draw a separate, independent shape, and it places the new shape on its own Shape layer. If we look again in my Layers panel, we see that I now have a second Shape layer (S...

How To Create Simple Cover Art Design in Photoshop Photoshop Tutorial

                              Art Design in Photoshop   Photoshop Tutorial