Creating the Front of a Photoshop Box

Video Transcript

Hi, this is Jimmy Hartman on behalf of Expert Village and in this clip, we're going to be showing you how to create a product box for your images on your website. This will be the product box we'll be creating in this tutorial. I just used Adobe Collection as just an example. The artwork is my own, so it's not copyrighted. But you can use this kind of box for any of your products and it should work pretty well for your web sites. This also works out very well for selling something for download over the internet which doesn't have a box but you would like a way to represent it on your website. So, let's go ahead and get started. Let's go ahead and make a new file here and we'll have it 500 by 300. Let's zoom into 100% here. We'll go ahead and add a new layer. First thing we're going to go ahead and do is add the shapes for the box sides. Change our background to black. I'm going to have my box white so I can see it while I work. So let's select out background with black in the background color. We'll control delete or backspace and then we'll fill it with black. Now we'll use our rectangular marquis tool to go ahead and select the area we want to represent our box so make sure we've got our new layer selected here. And I'll just go ahead and drag and that should be pretty good. I will fill that box, or that marquis with white. Then I'm going to go ahead and make a new layer and select the lasso tool here and come over your selection. It will turn into an arrow key so you can move your selection. So, now we're going to go ahead and move that to the right. Hold down the shift key so it constrains it to our x axis and go to select, transform selection. We're going to ahead and shrink it. This is going to be the side of the box. You just want that a bit smaller here. So that should be good. We'll hit return and that will leave us that selection. Then on our new layer, we'll go ahead and fill that with white as well. Control "d" to de-select. That gives us the front of the box and that back side there. Let's go ahead and add our artwork now. First we're going to go ahead and name our layers that we've got so we can keep track of everything. Layer one is going to be front area and layer two will be our side area. Now, I'm going to pull up this drawing that I made for the artwork here and we're going to go ahead, this could be any of your box art or whatever you want, we're just going to go ahead and click and drag that into our image, holding the shift key, we're go ahead and release it. Holding the shift key just centers the image or the new artwork inside this image. That will make it easier to kind of move around and find out where we want this. Let's go to the layers. And we're going to move this. This is going to be the front of the artwork. We're going to move it just above the front area. Holding control, we'll select the front area layer to load it as a selection and then with this new, it's called swirls, I've got it, this new layer selector, we'll hit the add layer mask button. Now we'll add a layer mask, masking off based on whatever the selection that was just loaded.

Watch these related videos

• 
  Creating the Front of a Photoshop Box

  playlist Views: 617

• 
  Adding Text to a Photoshop Box

  playlist Views: 677

• 
  Adding Artwork to a Photoshop Box

  playlist Views: 602

• 
  Photoshop Quick Selection Tutorial

  playlist Views: 252

• 
  Adding Perspective to a Photoshop Box

  playlist Views: 765

• 
  Photoshop Marquis Tool Tutorial

  playlist Views: 249

Community Members who...

• Favorited this Video
• Rated This Video

Top Tags