Trick #2 – Add Shadow Boxes
In trick #1 I showed you how you could add frames to your images using Clip Your Photos. This will be very similar to the paper effect I used in my example except you will have a lot more options here. If you are really good with photoshop and have the time you can create your own shadow boxes but to make it easy I’m just going to provide a template for you (I love templates).
This template which includes 17 different shadow boxs comes to us from GraphicsFuel.com
So download the template below and lets get started.
*Note – you can click on any image to enlarge it.
Once you open your content box shadows psd file in photoshop it will look like this.
Now there are a couple different ways that you can use templates like this. I’m going to show you the way that works for me.
I like to have control over the size of my images so the first thing I am going to do is create a new document in the size I want my image to be.
For instance if I’m looking to create a blog post title image I know that I want my image to be around 600×400 pixles.
Quick tip: Shortcut to create a new document
- PC……..Ctrl + N
- Mac……Cmnd + N
- Once you have your new blank document your going to drag the frame you want into it.
- First you need to click back over your frame document
- Then you need to drag it out so that you will be able to drag and drop the frame you choose
Once you have the content box shadows document separated choose the shadow box that you want by click on the corresponding number in the layers panel.
Now drag and drop it over to your blank document.
Once you let go it should place it for you.
You can then change the size by using the keyboard shortcut:
- PC……..Ctrl + T
- Mac……Cmnd + T
Drag the corners to fill your space
Once you have the corners snapped to the edges hit enter/return to place it.
Now you can insert your own image. I like to just drag and drop.
Drag the corners to match the frame.
(Keep in mind you can always resize the shadow box frame to fit your picture better if you need to by using the Ctrl + T command on a PC and the Cmnd + T command on a Mac. Just make sure you are on the frame layer.)
Once you have everything in place you are now ready to save your image.
If you want the background transparent make sure you turn off the background layer before you save.
Save for web
Make sure you have PNG-24 and “transparency” checked.
There you go. You now have a nice shadow effect to your image.