Create Ravishing Interweaving Photo-Strips Effect Using 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.check out and learn how to create an Interweaving Photo-strips Effect using Photoshop

If you like this article, Please take a look out our related articles:- 20 Cool Icon Design Photoshop Tutorials50+ Superb Color Correction & Photo Effects Tutorials50+ Creative Photoshop Text Effects Tutorials , 20+ Gimp Text Effects and Tutorials Collections

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

Final Result

photostrip final Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Step 1

Open the image into Photoshop.

step1 open photo Create Ravishing Interweaving Photo Strips Effect Using 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 Create Ravishing Interweaving Photo Strips Effect Using 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 Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Step 4

Make a new layer (Ctrl + Shift + N)

step4 new layer Create Ravishing Interweaving Photo Strips Effect Using 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 Create Ravishing Interweaving Photo Strips Effect Using 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 Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Step 7

Duplicate the image and move it at a certain distance.

step7 second strip Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Step 8

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

step8 repeat step7 Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Step 9

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

step9 merge layers Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Step 10

Hide the strip layer.

step10 hide layer Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Step 11

Duplicate the girl layer.

step11 dulicate layer Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Step 12

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

step12 layer mask Create Ravishing Interweaving Photo Strips Effect Using 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 Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Step 14

Select your layer mask
Fill it with black color

step14 paint mask Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Step 15

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

step15 duplicate layer Create Ravishing Interweaving Photo Strips Effect Using 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 Create Ravishing Interweaving Photo Strips Effect Using 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 Create Ravishing Interweaving Photo Strips Effect Using 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 Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Step 19

Deselect your alternate selections with lasso tool.

step19 deselect Create Ravishing Interweaving Photo Strips Effect Using 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 Create Ravishing Interweaving Photo Strips Effect Using 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 Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Your layer palette should look like this.

step 21 layer palette Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Step 22

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

step22 create clipping mask Create Ravishing Interweaving Photo Strips Effect Using 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 Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Step 24

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

step24 copy layer style Create Ravishing Interweaving Photo Strips Effect Using Photoshop

Final Result

interweaving photo strips Create Ravishing Interweaving Photo Strips Effect Using Photoshop


DOWNLOAD PSD

Comments
  1. sandeep Reply
    • Samuel Reply
  2. website development Reply
  3. photoshop download Reply

Leave a Reply