Adobe Photoshop Web Graphics Tutorial : Adding Artwork to a Photoshop Box

Adobe Photoshop Web Graphics Tutorial : Adding Artwork to a Photoshop Box

September 8, 2019 0 By Peter Engel


Hi, this is Jimmy Hartman on behalf of Expert
Village and in this clip we’ll be continuing our tutorial the making a product box. Alright,
now we masked off this layer here just to show what’s going to be over the front uh
of the box. Now the reason we mask instead of delete everything else around it is for
a couple reasons. One, say I wanted to expand the area of my box. All I would have to do
is select my mask. I could use, well I’ll use my brush tool for now, hit B for brush
tool. And then I’d select white as my foreground color and then I could paint what I wanted
to reveal. And the image is still there, so I don’t have to undo and try to find that
spot in history. Now also, I can go ahead and use my move tool. Click this chain here
to unlink the mask. And I can select the, the uh, picture layer itself, not the mask.
And I can move it around and position it exactly where I want it. And then more importantly
for this uh, tutorial right now is I can transform this selection and shrink it. So I can hit
Control-T, I’m going to zoom out so you can see the borders here, because it’s a large
file. And then I can go and hold Shift and just shrink it down to constrain the proportions.
Zoom back in. Not quite yet, let’s go ahead and bring it down a bit more. And we’ll zoom
in. And I think we still want a little bit more, I want to get these pencils in the shot
here. So let’s go ahead and bring it down. That gives us, that should be good there.
We’ll go ahead and zoom back in now. And now we’ve got our artwork placed where we want
it. We can go ahead and re-link our mask. So that way when we move this whole layer,
the mask goes with it. Okay. That will work for now. Now we need to go ahead and add the
white borders on our box to have our text on there. And to do that we can just add more
of a mask to this already existing mask. We want to mask off the picture from the top
and the bottom. So let’s go ahead and use our rectangle marquis tool. And then we’ll
go ahead and select, with our mask layer selected. We’ll just go ahead and select about how much
we want here. And then with black as our background color here, we’ll hit Control-Backspace. And
that fills that area with black which conceals this image and shows what’s underneath it.
So that works for there. We can go ahead and use our lasso tool here. Drag this selection
down to about where we want it. And then we’ll go ahead and Control-Backspace, Control-D.
And that gives us our little borders there. Works out pretty well.