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:
For this picture editing tutorial, you’ll need:
- Any recent version of Photoshop
Open your image in the picture editing software. I’ll be using this stock photo.
We’ll now crop the picture into a square by selecting the Crop Tool, holding the Shift key and selecting the person’s face.
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”.
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).
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).
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.
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.
Now, hold the Shift key and make the rest of the selections.
Click on the Layer Mask option.
We’ll do the same with the Vertical Strips layer, but first make it visible again by clicking on the layer visibility icon.
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.
Now, click on the Layer Mask option again.
Turn the grid off by pressing Command+’ (Macs) / Ctrl+’ (Windows).
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.
Now, hold Shift+Command+Option (Macs) / Shift+Ctrl+Alt (Windows) and click on the Vertical Strip layer’s mask thumbnail.
Before doing anything else, save this selection by going to Select > Save Selection and pressing OK. We’ll need this selection afterwards.
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.
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.
Reload the selection we saved a while ago by pressing Command+Option+4 (Macs) / Ctrl+Alt+4 (Windows).
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.
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.
Make sure the top layer is selected and click on the Layer Styles option.
Select Outer Glow from the list and use the settings shown below.
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.
And we’re done with using the online photo editor! The interweaving strips picture editing tutorial is complete!