Now: Tutorial for Web and Software Design > Photoshop > 3D Effect > Photoshop Content
> Making a Product Box [Bookmark it]
Making a Product Box

Make a new document, 1000x1000 pixels with white background.

image 1

On a new layer, using the Rectangular Marquee tool, make a shape for the front of the product, like in the example below. Fill it with black.

image 2

image 3

With the rectangular marquee tool still selected, right click on the selection and choose "Layer via Copy". You'll notice a new layer being created.

image 4

Keeping pressed the CTRL key (Command key on Mac), click on that layer. Now you have selected the new layer. Just like in the 3D cube tutorial made earlier, bring the new face to the form I show you below:

image 5

Now bring the "covers". I have chosen the cover of my favorite movie DVD, Lord of the Rings. I included the side image because it will be in view. Open your front cover artwork, hit V to select the Move Tool, and drag the artwork into the document with the box.

Hit Ctrl+T (Mac: Command+T) to bring up the Free Transform outlines. Shrink the front cover just small enough to completely fit into your document. You may need to enlarge the border of your document or move the cover art around to find the corners. (To preserve proper dimensions, you can click on a corner and hold down the Shift key as you are resizing it). Hit Enter to apply the transformation.

Go to Edit>Transform>Distort. Click and drag the corners of the cover to the corresponding corners of the front of the box.

image 6

Repeat steps for the image of the side cover. Distort it to fit on the left side of the box.

image 7

Make another layer and repeat the steps to make the top of the product box. This is it. Add to the face and the side a shadow from the layer style dialogue and you're done

image 8

Making a Product Box Tutorial: Final Result


[Bookmark][Print] [Close][To Top]
  • Prev Article-Photoshop:

  • Next Article-Photoshop:
  • Related Materias
    Rainbow Image
    Cloning Stamp Magic
    Turning A Sliced Image Int
    Making An Effective Lookin
    Making a Website with Phot
    The Importance of Layer Ma
    Linking and Arranging Laye
    Color Management
    Automating Your Work With 
    How to Blend one Image Int
    Topics
    Photoshop Tutorial
     

    Special Effect

      3D Effect
      Photoshop Articles
    Programming Tutorial
     

    C/C++ Tutorial

      Visual Basic
      C# Tutorial
    Database Tutorial
     

    MySQL Tutorial

      MS SQL Tutorial
      Oracle Tutorial
    Graphic Design Tutorial
     

    Coreldraw Tutorial

      Illustrator Tutorial
      3D Graphics Articles
    Webmaster Articles
     

    Domain Service

      Web Hosting
      Site Promotion
    Java Tutorial&Articles
     

    Java Servlets

      JavaEE Tutorial
     

    JavaBeans Tutorial

    XML Tutorial&Articles
     

    XML Style Tutorial

      AJAX Tutorial
      XML Mobile
    Flash Tutorial&Articles
     

    Flash Video

      Action Script
      Flash Articles
    OS Tutorial&Articles
     

    Linux Tutorial

      Symbian Tutorial
      MacOS Tutorial