Get the latest Flash player.
Summary: Adding perspective to an Adobe Photoshop box is easy with these tips, get expert advice on Internet graphic design in this free tutorial video.
Views: 906 | Tags: design, graphics, image, adobe, photoshop, publishing, internet, web, flash, software, graphic, manipulation, interactive, web design
About the Expert
Jimmy Hartman Jimmy Hartman has spent the last six years studying computer graphics and motion graphics. He spends much of his time editing photos and videos for his busine... read more
Hi, this is Jimmy Hartman on behalf of Expert Village and in this clip we'll be finalizing our product box tutorial. Now let's see this all come together here. Let's go to our layers here and we're going to select everything that goes on the front of the box here, the front area, swirls and the two text layers. We're going to go layer, you can't see it on here, but merge layers or control "e". That makes it one big layer that we can move around here. Then we're going to do the same thing to the side bars. Select both the swirls copy and the side area and hit control "e" to merge those. Now I've got two single layers for the front and the side. So let's go ahead and have our side selected and we're going to go ahead and move it holding shift to the left. I've got my snaps on, but make sure it lines right up with the front of the box. So, right about there. Now we're going to go into our layers again. And our background, we'll leave that black for now. Let's go ahead and select our front of the box here. We'll hit control "t" to transform. You can right click in this transform area and go to perspective. Now, you can grab one of these corners. Perspective basically lets you add a perspective. Which you'll see here. Click one of the corners on the upper left and drag down. If drag in this way and it adds perspective like that, if you bring it down, it kind of makes it fade off left into the distance. So, not too much. Then we'll go and right click again and hit free transform. We'll bring it back in. Looks good, we'll leave it there and hit return to apply it. Now we'll do the same thing with the side bar, hit control "t", and right click perspective, bring it down a little bit, right click free transform, bring it in and you can see our box starting to come out now. Go to our layer here. And our background, we'll go ahead and make it white. Now, it doesn't look very good right now, but let's go ahead and merge the two copies we just tweeked in perspective. Control and select both of those layers and hit control "e" to merge them and now the final step will be converting this background to a layer, we'll go ahead and double click it to make it a layer, hit okay. Now, in this box layer, we'll go ahead and bring up our layer styles, add a drop shadow, so you can kind of see it and now we'll add our distance at one or two and bring our size up a little bit and our opacity down. We'll click okay and see how it looks. That's pretty good. It could definitely use a little tweeking. As you can see the text didn't come out clear. You can use a finer text or a larger resolution. This is a quick way to do it and you get a pretty decent looking result.