Saturday, June 13, 2009

Photo Strip (Photoshop Tutorial)


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.

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.

10 comments:

♥ ieRa♥ said...

cool tutorial..bleh cuba ni..

Luth Textile said...

gilak cun!

cool style graphics said...

to eira,
hehehe... try tau... jgn x try plak... hehehe...

cool style graphics said...

to luth textile,
hehehe... try la yek...

ARC said...

giler babun hebat

ARC said...

nur, sy copy outline curve yg nur buat tu tp ble bukak kat PS, xley wtpe..leh view je

Anonymous said...
This comment has been removed by a blog administrator.
cool style graphics said...

This answer is B. I just want share knowledge alone... not present intention to sell this tutorial.. Any even I apologize, if some feel heart...

khairul onggon said...

Nur... klu Nur nye sentuhan mmg cun gilerr... tahniah Nur.. smoga nur lebih sukses dlm bidang design ni dan pergi lebih jauh lagi... :)

lin said...

視訊做愛,免費視訊,伊莉討論區,sogo論壇,台灣論壇,plus論壇,維克斯論壇,情色論壇,性感影片,正妹,走光,色遊戲,情色自拍,kk俱樂部,好玩遊戲,免費遊戲,貼圖區,好玩遊戲區,中部人聊天室,情色視訊聊天室,聊天室ut,成人遊戲,免費成人影片,成人光碟,情色遊戲,情色a片,情色網,性愛自拍,美女寫真,亂倫,戀愛ING,免費視訊聊天,視訊聊天,成人短片,美女交友,美女遊戲,18禁,三級片,自拍,後宮電影院,85cc,免費影片,線上遊戲,色情遊戲,日本a片,美女,成人圖片區,avdvd,色情遊戲,情色貼圖,女優,偷拍,情色視訊,愛情小說,85cc成人片,成人貼圖站,成人論壇,080聊天室,色情


design by Nur for Cool Style Graphics.