Creating Interweave Effect in Photoshop

Posted on December 31st, 2012 | 10 Comments

Interweave Effect tutorial in Photoshop. In this Photoshop tutorial, we are going to create the interweave effect in Photoshop. Today you will learn how to create the illusion that a photo is made from interweaving strips. This you are going to achieve by working with the rectangular marquee tool, the grid, layer masks and clipping masks. You are also going to learn how to save and load selections onto your document.

1. Open a new document with Width 600, Height 340.

2. Fill the document with black color.

3. Open whatever image you would like to work on in Photoshop. This is the image we will be using for the Interweave effect tutorial:

Link.

4. Click and drag this image onto your document.

5. Duplicate the image layer.

6. Turn off the duplicate layer. We are going to work on the original image layer.

7. Go to: View > Show > Grid

8. Using the Rectangular Marquee Tool, draw in horizontally many evenly spaced rectangular selection boxes as shown below:

The grid should make this easy for you.

9. Now add a layer mask to your image.

10. Deselect the selection. (CTRL+D)

11. Now turn on the duplicate layer.

12. Using the Rectangular Marquee Tool, draw in vertically many evenly spaced rectangular boxes as shown below:

13. Now add a layer mask to your duplicate image layer.

14. Press CTRL and click the layer mask thumbnail of the horizontally placed rectangular boxes.

Your horizontally placed rectangular boxes are now selected.

But you must select the vertically placed rectangular boxes too.

Black Friday $10 300x250

15. So now press CTRL + Shift + ALT and click the layer mask thumbnail of the vertically placed rectangular boxes. Your selection will be as shown below:

16. Go to: Select > Save Selection and click OK.

17. Now go back to the original image layer.

18. Go to:  Select > Load Selection and click OK.

19. Use the Subtract from Selection option to delete the selection boxes so as to get the pattern below:

20. Click the layer thumbnail of the original image. Then press CTRL + J.

A new layer will be created consisting of only the parts of the image that were previously selected.

Notice that with all of these layers turned on you will not be able to see the contents of this new layer.

21. Double click this new layer to open Layer Style. 

Make the following changes:

22. Right click this new layer and choose Create clipping mask.

23. Now go back to your duplicate image layer.

24. Then go to:  Select > Load Selection and click OK.

25. Use the Subtract from Selection option to delete the selection boxes so as to get the pattern below:

26. Click the layer thumbnail of the duplicate image. Then press CTRL + J.

A new layer will be created as before.

27. Double click this new layer to open Layer Style. 

Make the following changes:

28. Right click this new layer and choose Create clipping mask.

That’s it, babe.

Final Picture:

Voila.

10 Responses

  1. zaineb
    Posted on: 1-3-2013

    what font name used in the bottom of the tutorial?
    thanks

  2. Posted on: 1-26-2013

    Simple But is Good .

  3. Posted on: 4-2-2013

    […] of my viewers sent me a link to an ‘Interweaving’ Photoshop tutorial, which they were having some difficulty completing, and after taking a look at the tutorial, […]

  4. belstone
    Posted on: 4-19-2013

    Steps 17, 18 and 19 are a bit confusing. The screenshots are not the same on PS 5. Do I click ok before Subtract from Selection?

    • Roofi Sardar
      Posted on: 4-20-2013

      Yes, load the selection and then click OK. Then in order to get the required pattern, you must delete some boxes from between.
      You can do this by using the ‘Substract from selection’ option…

  5. Posted on: 8-17-2013

    […] CLICK HERE TO VIEW TUTORIAL Related PostsCreate a Red Riding Hood Artwork in PhotoshopPhotoshop Tips: Photo CutoutCreate an Epic Portal Scene in PhotoshopNatural Film Grain in PhotoshopCreate a Futuristic Jumping Whale in PhotoshopZemanta Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages. […]

Leave a Reply

Anti Spam *

Categories

Search on PhotoshopLayer