How To Create Ravishing Interweaving Photo-Strips Effect in Photoshop

In this interesting Tutorial, you will learn Photoshop Effects by using various techniques in Photoshop. You will be creating many interweaving strips with different layers and the result will look stunning.

So check out and learn how to create an Interweaving Photo-strips Effect. You can click on the images to see the larger version.

If you like this article, you might be interested in some of our other articles on Create A 3D Movie Poster In Photoshop, Add Beams to Your Photo and Electrify it, Create a DVD Cover For Your Digital Product and Sweet Farewell Presentation Illustration Tutorial.

  • Software used: Adobe Photoshop CS4
  • Skill: Intermediate
  • Estimated Time: 2 hrs

Final Result

photostrip final How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Tutorial Resources

Girl Image

Step 1

Open the image into Photoshop.

step1 open photo How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 2

Open rulers (Ctrl + R), and make a horizontal and vertical guide by clicking and dragging from the horizontal and vertical rulers.
Align the photo’s Background lines to these lines by rotating the image a bit (I used a rotation of -1.2 degrees) with the help of transform tool (Ctrl + T).

step2 rotate How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 3

Hide your guides (Ctrl + H)
Select your Crop tool (C)
Hold down Shift key and drag around your image to make a square; make sure to also crop unnecessary parts arise due to rotation.

step3 crop How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 4

Make a new layer (Ctrl + Shift + N)

step4 new layer How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 5

Make a horizontal selection around 1 inch thick.
Fill it with black color (You can fill it with any color) on new layer.
Reduce its opacity to 50%.

step5 black strip How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 6

Rotate the black strip 45 degrees
Increase the length to cover the entire photo
Move the layer to the center of the image.

step6 rotate strip How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 7

Duplicate the image and move it at a certain distance.

step7 second strip How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 8

Repeat step 7 several times to cover the image in the manner I have done.

step8 repeat step7 How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 9

Select all the strip layers and merge (Ctrl + E) all the strip layers into a single layer.

step9 merge layers How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 10

Hide the strip layer.

step10 hide layer How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 11

Duplicate the girl layer.

step11 dulicate layer How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 12

Add a layer mask by clicking on the third icon on the bottom part of layer panel.

step12 layer mask How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 13

Unhide the strips layer and make a selection out of it (Ctrl + Click).
Fill this layer with FG color (Alt + Backspace).
Invert your selection (Ctrl + Shift + I).

step13 select stripes How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 14

Select your layer mask
Fill it with black color.

step14 paint mask How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 15

Unhide this layer.
Duplicate your girl’s layer
Add a layer mask on the new layer.

step15 duplicate layer How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 16

Make a selection of your layer mask (Ctrl + Click on the layer mask).
Rotate the selection 90 degrees clockwise with the help of transform tool (Ctrl + T).
Press Enter
Invert your selection
Fill the new layer mask with black color.

step16 paint mask How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 17

Unhide your Girl’s layer
Add a new layer below all the layers and fill it with black color.

step17 black bg How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 18

Make a Selection of your first layer mask (Ctrl + click on layer mask)
Inter select your second layer mask (Alt + Ctrl + Shift + Click on your second layer mask)
Go to Select > Save Selection and save your selection.

step18 save selection How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 19

Deselect your alternate selections with lasso tool.

step19 deselect How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 20

Duplicate (Ctrl + J) your girl’s layer.
Note that only those portion have come up which were selected.
Rename this layer as Diagonal.
Rename your two masked layers as Diagonal mask and Cross mask.

step20 copy masked area How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 21

Load your selection (Go to Select > Load selection).
Repeat steps 19 and 20 but this time make sure to deselect the other alternate squares.
And rename the newly created layer as cross.
Arrange your cross layer with your cross mask layer and diagonal layer with diagonal layer.

step21 repeat step19 step20 How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Your layer palette should look like this.

step 21 layer palette How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 22

Select your cross layer
Go to layer > Create clipping mask
Repeat this step on diagonal layer too.

step22 create clipping mask How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 23

Select your cross layer
Open your layer style properties
Check on outer glow

  • blend mode: multiply
  • Color: black
  • Size: 65 px
  • Range: 50%

step23 layer style How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Step 24

Copy your layer style properties and paste it on diagonal layer.

step24 copy layer style How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Final Result

This is your final look.

interweaving photo strips How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

download button How To Create Ravishing Interweaving Photo Strips Effect in Photoshop

Sharing is Caring
Comments

Leave a Reply

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

Comment Rules

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i><q cite=""> <strike> <strong>

Kindly use a valid Name and Email address. Spam or unrelated comments will be deleted

If you are a regular commenter, be sure to check our Comment Contest.