Photo Effect Photoshop

Interweaving Strips Picture Editing Tutorial

In this picture editing tutorial, we’ll learn how to create a single camera picture into a picture with interweaving strips just by using a couple of photo editing tools. Here’s the effect we’ll be creating:

Interweaving Strips Picture Editing Tutorial

For this picture editing tutorial, you’ll need:

  • Any recent version of Photoshop

Step 1

Open your image in the picture editing software. I’ll be using this stock photo.

 Interweaving Strips Picture Editing Tutorial Original

We’ll now crop the picture into a square by selecting the Crop Tool, holding the Shift key and selecting the person’s face.

 Interweaving Strips Picture Editing Tutorial Crop

Step 2

Duplicate the background layer twice by pressing Command+J (Macs) / Ctrl+J (Windows) twice. Name the first duplicate layer “Horizontal Strips” and the second one “Vertical Strips”.

 Interweaving Strips Picture Editing Tutorial Duplicate

Press D to set the foreground and background colours to their defaults and fill the background layer with black by pressing Option+Delete (Macs) / Alt+Backspace (Windows).

 Interweaving Strips Picture Editing Tutorial Fill Black

Step 3

We’ll first work on the Horizontal Strips layer so make the Vertical Strips layer invisible by clicking on the layer visibility icon (the eye).

 Interweaving Strips Picture Editing Tutorial Vertical Strips Invisible

Now, press Command+’ (Macs) / Ctrl+’ (Windows) to turn the grid on, which will be used to create the horizontal and vertical strips. If you can’t see the grid clearly due to its colour, press Command+K (Macs) / Ctrl+K (Windows) and select “Guides, Grid and Slices” from the drop-down menu at the top. Click on the colour swatch in the Grid options and select a colour that you’ll be able to see like yellow.

 Interweaving Strips Picture Editing Tutorial Grid Colour

 Interweaving Strips Picture Editing Tutorial Grid

We’ll now create the horizontal strips. First, go to View > Snap To and check the Grid option. Now, make sure the Horizontal Strips layer is selected, pick the Rectangular Marquee Tool and create horizontal strips that are two grid rows high with one grid row separating them. I’ll start with making a selection around her eyes.

               Interweaving Strips Picture Editing Tutorial Horizontal Strip Eyes

Now, hold the Shift key and make the rest of the selections.

 Interweaving Strips Picture Editing Tutorial Horizontal Strips

Click on the Layer Mask option.

 Interweaving Strips Picture Editing Tutorial Layer Mask

 Interweaving Strips Picture Editing Tutorial Layer Mask Result

Step 4

We’ll do the same with the Vertical Strips layer, but first make it visible again by clicking on the layer visibility icon.

 Interweaving Strips Picture Editing Tutorial Vertical Strips Visible

Using the Rectangular Marquee Tool, make vertical selections that are two grid columns wide with one grid column separating them. After creating the first selection, remember to hold the Shift key before making the other selections.

 Interweaving Strips Picture Editing Tutorial Vertical Strips

Now, click on the Layer Mask option again.

 Interweaving Strips Picture Editing Tutorial Layer Mask Vertical Strips Picture

 Interweaving Strips Picture Editing Tutorial Layer Mask Vertical Strips Result

Turn the grid off by pressing Command+’ (Macs) / Ctrl+’ (Windows).

 Interweaving Strips Picture Editing Tutorial Grid Off

Step 5

We’ll now create the effect of strips weaving below and above each other through online photo editing. First, load the horizontal selections by command-clicking (Macs) / ctrl-clicking (Windows) on the Horizontal Strip layer’s mask thumbnail.

 Interweaving Strips Picture Editing Tutorial Load Horizontal Selections

 Interweaving Strips Picture Editing Tutorial Load Horizontal Selections Result

Now, hold Shift+Command+Option (Macs) / Shift+Ctrl+Alt (Windows) and click on the Vertical Strip layer’s mask thumbnail.

 Interweaving Strips Picture Editing Tutorial Load Vertical Selections

 Interweaving Strips Picture Editing Tutorial Load Vertical Selections Result

Before doing anything else, save this selection by going to Select > Save Selection and pressing OK. We’ll need this selection afterwards.

 Interweaving Strips Picture Editing Tutorial Save Selection

Step 6

With the Rectangular Marquee Tool still selected, hold the Option (Macs) / Alt (Windows) key and make a selection around every other selection. The selections you drag around will be deselected. Continue doing this until you have about half of the original selections as shown below.

 Interweaving Strips Picture Editing Tutorial Deselect

Now, select the Horizontal Strips layer and press Command+J (Macs) / Ctrl+J (Windows) to copy the selection onto a new layer. Then, select this new layer and press Command+Option+G (Macs) / Ctrl+Alt+G (Windows) to clip it to the layer below.

 Interweaving Strips Picture Editing Tutorial Clip Layer 1

Step 7

Reload the selection we saved a while ago by pressing Command+Option+4 (Macs) / Ctrl+Alt+4 (Windows).

 Interweaving Strips Picture Editing Tutorial Load Selection

With the Rectangular Marquee Tool selected, hold the Option (Macs) / Alt (Windows) key and make a selection around every other selection like we did before. However, this time delete those selections that you kept the first time.

 Interweaving Strips Picture Editing Tutorial Deselect Again

Like before, select the Vertical Strips layer, press Command+J (Macs) / Ctrl+J (Windows) to copy the selection onto a new layer, select this new layer and press Command+Option+G (Macs) / Ctrl+Alt+G (Windows) to clip it to the layer below.

 Interweaving Strips Picture Editing Tutorial Clip Layer 2

Step 8

Make sure the top layer is selected and click on the Layer Styles option.

 Interweaving Strips Picture Editing Tutorial Layer Styles

Select Outer Glow from the list and use the settings shown below.

 Interweaving Strips Picture Editing Tutorial Outer Glow

 Interweaving Strips Picture Editing Tutorial Outer Glow Result

Copy this layer style by going to Layer > Layer Style > Copy Layer Style. Now, select “Layer 1” and paste the layer style by going to Layer > Layer Style > Paste Layer Style.

 Interweaving Strips Picture Editing Tutorial

And we’re done with using the online photo editor! The interweaving strips picture editing tutorial is complete!

About the author

Tabish Shaikh

Website designer, website developer, blogger and a writer. These are the things I like, love and live for. Having years of experience in each field. Developing sites since childhood. Getting the most complicated things done is my specialty. Providing each and everything of top most quality to each and every client.

Leave a Comment


*