2D COMMON PICTURE SHAPES HOW TO
2D COMMON PICTURE SHAPES SOFTWARE

Drag down a very long way until you can see the top go flush with the Vector Smart Object layer. Go to “Edit” -> “Transform” -> “Perspective” and start in the top-right corner.

Using the Move Tool, hold shift while moving the image flush up against the left side of the Vector Smart Object layer. Go to “Select -> “Deselect.” Then, go to “Edit” -> “Transform” -> “Flip Horizontal.” Using the Rectangular Marquee Tool, select the image from the side of the box over to the right and hit Delete. Duplicate the Vector Smart Object layer and Right-Click -> Rasterize Layer. For the rest of us less ambitious folks, we’ll need to use the layers we already have open. You can either hand draw the side of the box, or if you have the actual Photopshop files you can just use the layers in the files to make the sides perfect. If you’re having problems with your shape showing through, set the layer’s Fill to 0%. In the Drop Shadow panel, use the following settings:

Now, go to the Blending Options (right-click in the layer pallet and select “Blending Options”). Go to “Edit” -> “Fill” and select Foreground Color for the contents. We will use this to create the perfect drop shadow effect. We want to create a shape that mirrors what the bottom of the 3D box would look like, not in design, but in shape. This might be the trickiest part of the tutorial, not because it’s difficult to do, but because you may not know what I’m doing at this point. You’ll have to use your imagination to guess where the bottom of the box would be. Using the Polygonal Lasso Tool, trace a shape along the bottom. I like to tone down the light gray at the top for this one, so try a darker gray (#c5c1c1) for this second gradient.Ĭreate a new layer. Rinse and repeat for the bottom 40% of the design. Grab the Gradient Tool, and make a gradient that starts with a light gray (#e5e5e5) at the top and transitions to a dark gray (#8a8a8a) at the bottom. Create a new layer above the background, and use the Rectangle Marquee Tool to select about 60% of the image from the top. You should have two layers in Photoshop at this point - a background layer and the “Vector Smart Object” layer. Paste your design as a “Smart Object.” Resize as needed. The hex color value for the “Shading Color” is #6caaba:Ĭopy your layer in Illustrator and then launch Photoshop with an 8.5 x 11 inch canvas. To get that wonderful 3D effect, go to “Effect” -> “3D” -> “Extrude & Bevel.” Use the following settings. Launch Illustrator with an 8.5 x 11 inch document. I created a super-generic design, but these same steps can be followed with all shapes and sizes of designs, including polished, finalized cover art. You will be using Illustrator and Photoshop to make the complete design.

2D COMMON PICTURE SHAPES HOW TO

This tutorial walks you through how to take a 2D design and turn it into a tilted 3D box with realistic lighting and shadows.

Or, maybe you really do need to create a prototype box design, and you don’t want to start from scratch.

2D COMMON PICTURE SHAPES SOFTWARE

One common example is when a software product that has its own brand and label needs to be sold online, and a design for the box is needed - even if the box isn’t actually produced or sold with the software. As designers, we are sometimes tasked with transforming a design from one medium to another.

2d common picture shapes