Subscribe Via RSS

3927 Subscribers

Subscribe Via RSS
Subscribe Via Twitter

Followers

Subscribe Via Twitter
Shoe Box Tutorial

November 11th, 2008 in Photoshop Tutorials by Richard Carpenter

Shoe Box Tutorial

1 Star2 Stars3 Stars4 Stars5 Stars9 Votes, Rating: 4.56
Loading ... Loading ...

Every wanted to create a 3D showbox??? well no you can, in this tutorial il guide you through step-by-step.

Create a new document the size you want your shoe box to be, create a new layer called “shoebox_top”. Select the rectangular marquee tool and create a simple black rectangle.

Goto “edit > transform > perspective”, select the top left corner achor point and drag towards the right untill you have something like the image below.

Add these layer styles to your layer.

Select the polygonal lasso tool and create x2 shapes similar to the image below both on seperate layers.

Fill the selections with black then goto “filter > blur > guassian blur” blur by about 24pixels. Lower the opacity right down untill you can just about see a shade on the box. Select your “shoebox_top” layer whilst holding down the CTRL button on the keyboard then goto “select > inverse” then hit the delete key. Your shades should now be trimed. You should have something like this.

Make sure your shade layers are above every other layer at ALL times. Select the rectangular marquee tool once again, on a new layer called “shoebox_middle” create another rectangle like this.

Again using the perspective tool (edit > transform > perspective) only this time using the bottom left achor point drag inwards untill you have something like this.

Add these layer styles to your layer.

Using the same methods as mentioned above create the last panel for your box.

Add these layer styles to your last box panel.

You should have something like this.

Create a new layer inbetween your middle and bottom layer, create a black rectangle 2-3 pixels shorter than your middle rectangle. Blur your black rectangle about 10 pixels, lower the opacity to 64%. Place the rectangle under your middle section to act as a shadow. Finally trim off the blurred edges that exceed past your rectangle.

Now you have your shoe box, decorate it. Here are some examples.

About The Author

About The Author: Richard Carpenter

Hi im Richard Carpenter and im a freelance web and graphics designer from England. I am also a regular Blogger, Tutorial Writer, and owner of Photoshop Plus. You can follow me on twitter HERE. You may also view my portfolio HERE.

 

Richard Carpenter has written 364 posts.

Be Part Of The Community!

Become part of the hv-designs community.

Subscribe Via RSS or Follow Us On Twitter.

Subscribe Via RSS Follow Us On Twitter

14 Responses to “Shoe Box Tutorial”

  1. Fede says:

    Nice tutorial, It was some time I was lookin’ for something like this …. in the top of the box a stange perspective though

  2. Neil says:

    not a bad tutorial rich keep them coming!

  3. NeXaG0n says:

    wow verry good tutorial i really like it ^_^

    keep up the good work

  4. AraxNisanu says:

    Thats pretty neat. Never really thought about using perspective like this. Awesome job :D

  5. E-maniacs says:

    Nice tutorial
    I wanted to try to make this kind of boxt, but couldn’t find time for that.
    Now with this quick tutorial, the time is reduced at minimum.

    Thanks

  6. Ahmad says:

    WoW ..

    Thanks a lot ..

  7. Dubravko says:

    Cool tutorial! thx

  8. Xual says:

    Hi first of all That was a Rocking tutorial.
    and secondly we can exchange link for my website http://www.xual.page.tl
    Their are many visitors told me to Put photoshop tutorials in my site But i dont have much time as i’m busy in my new site.
    So we can link exchange hope it’ll also give you some nice traffic.
    See ya
    also mail me at info.xual@gmail.com

  9. Exa9to says:

    Very good tut indeed BUT the box is in wrong perspective though :D

    “I can fix that” -Said by an unknown black man in the movie “Scorch”

  10. Nice tutorial, I really appreciate you taking the time to post and share this technique with us. This is definitely worth practicing. I can imagine this being used to create a lovely shoe-lovers themed blog page. Utilizing the images plus some different types of shoes. Thanks for posting this!

Leave a Reply