After I posted my tutorial depicting how to create circular images in Photoshop I recieved a few emails/Twitter Messages asking me how to do the same thing but with different shapes. So today I thought it would be fun to show you guys how to do so. Creating any shaped image in Photoshop is pretty simple and requires only your image and a shape stencil (png). You can find a whole bunch of free shape files online but I used this set. If you know of any others feel free to comment with your links. So lets get started:
** THE STEP BY STEP **
1. OPEN YOUR IMAGE IN PHOTOSHOP
Firstly you will need to open up the image you wish to clip into Photoshop. Be sure any editing is complete prior to any clipping and that your image is flattened into one layer. Otherwise things get confusing!
2. PASTE YOUR SHAPE OVERLAY/STENCIL
Now you will need to paste your shape/stencil onto of your initial image. You do this by selecting “File” then “Place”. Use the Move Tool (V) to position your shape onto the part of your image you wish to clip.
3. SELECT THE INSIDE OF YOUR STENCIL USING THE MAGIC WAND TOOL (W)
Now using the Magic Wand Tool (W) select the inside of the image stencil. Once you do this the inside outline should highlighted in a dashed line.
4. TURN OFF THE LAYER IN WHICH YOUR SHAPE WAS PLACED
Once the inside line of shape has ben selected you will need to turn of the layer in which the shape was placed on. Do this simply but unselecting the layer visibility box in the layers tab.
5. DUPLICATE YOUR BACKGROUND LAYER
In the layers tab select the background layer (the one where you opened your first image, not the shape) and duplicate it. You can do this most simply but pressing Control + (C) then Control + (V) or right clicking on the layer and selecting “Duplicate layer”.
6. HIDE YOUR BACKGROUND/INITIAL IMAGE LAYER
To make your outline visible and “clip” your image you will need to turn off the background layer (the first layer). Do this by unselecting the layer visibility box in the layers tab.
7. CROP & SAVE AS PNG FILE
Now you have your clipped image it’s time to crop off any excess space. You can do this by selecting the Crop Tool (C) and adjusting the margins. To keep your background transparent save your image as a PNG file and you’re done!
So there you have it a super easy method of clipping your images into various shapes and designs. If you have any questions feel free to comment below I am happy to help.