Simple Tricks To Make Your Images Look More Professional In Seconds (Part 2)

shadow box pic
0 Flares Twitter 0 Facebook 0 Google+ 0 Pin It Share 0 Email -- 0 Flares ×


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

So download the template below and lets get started.

shadow box template image

Download Shadow Box Template PSD HERE

Ok ready?

*Note – you can click on any image to enlarge it.

Step 1

Once you open your content box shadows psd file in photoshop it will look like this.

step 1

Step 2

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

Step 2


Step 3

  • 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

step 3

Step 4

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.

step 4

Step 5

Now drag and drop it over to your blank document.

step 5

Once you let go it should place it for you.

step 6

Step 6

You can then change the size by using the keyboard shortcut:

  • PC……..Ctrl + T
  • Mac……Cmnd + T

Drag the corners to fill your space

step 7

Once you have the corners snapped to the edges hit enter/return to place it.

step 8


Step 7

Now you can insert your own image. I like to just drag and drop.

step 9

Step 8

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.)

step 10


Step 9

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.

step 11


Save for web

Step 12


Make sure you have PNG-24 and “transparency” checked.

step 13


There you go. You now have a nice shadow effect to your image.





  • Nearly any topic can be twisted for tech gear news, like
    a retro bike design that could be thrown into the next motorized three-wheeler.
    Who doesn’t need Twilight at their beckon call day or night.
    For those wanting the latest news for Windows Phone 7 from
    around the world, the WPCentral team has released this app full of news, tips and reviews,
    which they provide to readers to help them make decisions on whether or not to
    buy certain apps and games.

  • Pretty! Thiis has bsen aan incredibly wonderful post. Thanks for prolviding these details.

  • Great work! Which is the level of info that are made to be
    shared round the internet. Disgrace on the search engines for not any longer positioning this build
    upper! Occur over and visit my site . Thanks =)

Leave A Response

* Denotes Required Field