Free Webmasters Resource - Free Photoshop Tutorials - Box Art
 
  Free Webmasters Resource
 

Free Graphics, Tutorials, Scripts, Webmaster Forums, Web Templates, SEO Tools, & Much More!!

Home Scripts Tutorials Free Downloads Articles SEO Play Free Games Web Templates

Box Art


Sometimes you need to create a 3D software box, hardcover book, or other box-like object in a pinch. It could be done the long way by using a 3D program, or you could even take a digital photo of the real item. However, a fairly good result can be achieved with nothing more than a 2D image of the cover of the box and Photoshop. Here's how:

Picture 1

1 Start by acquiring the artwork for the cover of the box. In my example, I scanned the front cover and the side of a WarCraft III (by Blizzard Entertainment) box. I included the side image because it will be in view. If you'd like to use my images, download them:

Front Cover
Side Cover

Picture 2

2 Open a new document with a white background. For best results, you may want to make your image a good bit larger than my example and scale down the final result to your desired size. Create a new layer and go to Filter>Render>3D Transform. Click on Options and make sure Display Background is checked. Select the Cube Tool (), and draw a box. Focus on making the right panel the correct side for the face of the box. Then select the Direct Selection Tool () and click and drag the lower left corner in until the dimensions resemble a software box.

Picture 3

3 Select the Trackball Tool () and spin the box around until you have something similar to what I have to the left. You may need to adjust the Dolly slider to scale it up or down in size. The important thing is that you end up with a box that has three distinct sides, each in a different shade of gray.

Picture 4

4 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. Tap 3 to reduce the opacity of the cover layer to 30%.

Picture 5

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

Picture 6

6 Repeat steps 4 and 5 for the image of the side cover. Distort it to fit on the left side of the box. Then increase the opacity of both the front and side layers back to 100% by tapping 0 after selecting each layer.

Picture 7

7 Fill in the remaining areas of the box in a color that goes matches the cover (black in the example). The easiest way is to select the layer with the gray box, hold Ctrl (Command) and click the layer in the Layers Palette, create a new layer, and fill the selection with black by hitting D followed by Ctrl+Backspace (Command+Delete). Hide the layer with the gray boxes by clicking on the eye left of it in the Layers Palette. Hmm, not too shabby.

Picture 8

8 To finish it off, I corrected the color of the front cover a little by going to Image>Adjustments>Channel Mixer and adjusting the sliders for the red and green output channels. Then, I selected the layer with the solid black box shape, right-clicked it in the Layers Palette, chose Blending Options, and applied this Drop Shadow.

Tutorial provided by: Spoono.com

 

Tutorials: Photoshop

 

Title/Description

Level

3D Globs
Make those big trendy 3D globs using nothing but Photoshop.

Beginner

Actions and Batching
Save your precious time by automating tasks by using Actions and Batching.

Beginner

Box Art
Learn how to turn 2D artwork into a 3D software box, hardcover book, or other object.

Intermediate

Brushes
Create custom brushes and learn to use Photoshop's powerful brush engine.

Intermediate

Chromage
Make oh so smooth chrome effects.

Advanced

Colorburst
Learn how to make simple, eye-catching colorbursts.

Beginner

Colorize
Colorize is a artistic effect used by a lot of graphic designers to detail pictures.

Intermediate

Fire Text: Tutorial
Set your text ablaze with burning wrath.

Intermediate

Grunge: Tutorial
Create grungy background effects.

Intermediate

Ice Text: Tutorial
Learn who to chisel your own ice text.

Intermediate

Keyboard Shortcuts: Tutorial
Find out about all of Photoshop's lovely shortcut keys.

Beginner

Lighting Effects: Tutorial
Create realistic-looking plastic objects by using powerful lighting effects techniques.

Intermediate

Masking: Tutorial
Hide parts our your layers with style by using Photoshop's powerful masking features.

Intermediate

Micro Buttons: Tutorial
Learn how to make micro buttons in Photoshop.

Beginner

Neon Glow Text: Tutorial
Make neon text like that often found on commerical signs.

Intermediate

Outlines
Create suave outlines the old-fashioned way.

Beginner

Paths: Tutorial
Use paths to create smooth and editable selections.

Beginner

Seamless Water Texture: Tutorial
Make a very stylish and useful water texture.

Intermediate

Texture Wrapping: Tutorial
Learn how to realistically wrap a texture around an object.

Intermediate


Home Contact Credits Flash Templates Webmaster Forums Site Map Webmaster Resources Advertise


Computer Playground
· Templates Resource