TheTAZZone - Internet Chaos

Photoshop Tutorial – Interlocking, Weaving


I didn’t know what to call this, but think of the interlocking Olympic rings :-)

This tutorial is aimed more at the beginner to photoshop. I’ve done a quick couple of examples to show you before we start on the tutorial. It’s easily achieved by selecting the transparency of one image and using a mask on a second image. I’ll quickly describe before each image what I did.

I created a circle with the elliptical marquee tool, stroked the circle and then made a duplicate layer. On one layer I copied the circle another 2 times and on the other layer I duplicated it once, positioned the circles where I wanted them, interlocked them, used bevel and emboss, pattern overlay, merged the two layers, distorted the circles duplicated the layer, locked the transparency of one layer and filled with black, used gaussian blur and lowered the layer opacity – moved it down to form the drop shadow.


On the image below I used the elliptical marquee again and drew out one circle and filled it with red, duplicated that circle twice, putting on its own layer. Changed the size of 2 of the circles, used a pattern overlay and inner glow set to black and the blend mode to multiply (you get to play with the size if you use inner glow instead of inner shadow – it creates a type of vignette effect/3D effect). On a new layer, and with the freeform pen tool set to path I drew a line, chose a hard edged brush and fiddled with it in the brush engine, then stroked the path with the brush. Used a gradient overlay in the FX palette and with both layers duplicated them to create their drop shadows.


In the next image I simply used a brush to create the vertical lines on one layer and the horizontal lines on another layer, gave them both a bevel and emboss


On the image below I used some type and on a new layer used the rectangular marquee filled with red to create a ribbon effect


So with all that done, and just to give you the idea that it isn’t limited to what I’ll demostrate here, lets get on with it.

Create a new file whatever size you would like to practise on, mine is 600 X 400 72dpi. Grab your type tool and select a font and use one letter from it – I used Myriad Pro – Regular – 100pt – Sharp letter H. I also selected the transform tool by using the keyboard shortcut Ctrl + T and holding down the Shift + Alt keys dragged the top middle point upwards.


Create a new blank layer above your type layer by clicking on the create new layer icon at the bottom of the layers palette, select your rectangular marquee tool and create a rectangle in about the same place I have, and then go ahead and fill it with whatever colour you want – I chose red.


Still working on the marquee layer, press Ctrl + T on the keyboard the bring up the Transform Tool, right click inside and choose Warp, head to the top toolbar and choose Flag from the drop down menu and in the *Bend* dialogue box choose -100. See image below.


It’s worth pausing here for a moment and looking at the 2 little dialogue boxes next to the *Bend* box. H = Horizontal and V = Vertical, while you’re in the Warp Transform mode just put a couple of numbers in those boxes and see what happens. You must put a + or – in front of the numbers. When you’ve finished playing you can carry on with this tutorial :) In a few minutes when we get to the good bits, you might be able to see how those 2 dialogue boxes can give you some interesting effects. I’ll detour and give you a quick example below.


Hold down the Ctrl key on your keyboard and click on the text layer thumbnail, this will load the transparency of the text, you can release the Ctrl key. Click on the rectangular marquee layer and hold down the Alt key before clicking on the Add Layer Mask icon at the bottom of the layers palette. If you hadn’t have held down the Alt key when you hit the Add Layer Mask icon you would have ended up with the image I posted above. Unlock the little link between the thumbnail and the mask to reposition the rectangle if you so desire, and you can leave it unlinked if you like or link it back again. So, you should have something like this.


Select a hard edged brush, select the default f/ground, b/ground colours, choose white as the foreground colour by pressing X on the keyboard (assuming black is the f/ground), click on the mask to make sure you are working on it and then paint where you want the rectangle to be in front of the type. If you make an error you will have to load the selection from the type layer, click on the mask and then paint with black. And from there you can go ahead and add some effects to both of the layers. I then hid the b/ground layer and merged the visible layers, duplicated the layer, locked the transparency and filled it with black, took the opacity of the layer down and then gave it a Gaussian Blur and moved it to create a shadow. I then duplicated the effect layer again and flipped vertical. I then gave this layer a motion blur and added a layer mask and with the the default f/ground – b/ground colours set, chose a black to transparent linear gradient to make it look like a reflection. Just remember that you can do this in different ways and get different effects. Have fun :)


For more instruction or comments go to the forum…

Leave a Reply

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


If you'd like to advertise on The Mutt ( aka ) feel free to contact us at: administration[at]

TheTAZZone is a non-commercial entity. We do not sell any products or services ourselves. Our revenue comes from advertising and donations only.

We appreciate your support! Your advertising revenue ( or donations ) helps us to continue to upgrade, improve, and offset the costs of maintaining this site.

Donations can be made through the page ' Donate '.