Adding Text to a Photoshop Box

Viewing videos requires the latest version of Adobe's Flash Player.
Get the latest Flash player.
Showing 1-5

Part of the video series: Adobe Photoshop Web Graphics Tutorial

Summary: Adding text to an Adobe Photoshop box is easy with these tips, get expert advice on Internet graphic design in this free tutorial video.

Views: 854 | Tags: design, graphics, image, adobe, photoshop, publishing, internet, web, flash, software, graphic, manipulation, interactive, web design


About the Expert
Contact: tricammedia.com

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

Conversations About This Video

  • Comments
    (0 comments)
  • Questions & Answers
    (0 questions) (0 answers)
Be the first to comment on this video.
Have a question about this video topic? Ask our community members and let them share their knowledge with you!
Ask A Question

Video Transcript

Adding Text to a Photoshop Box

Hi, this is Jimmy Hartman on behalf of Expert Village and in this clip, we'll be continuing our tutorial on the making a product box. Now we need to go ahead and do the same thing for our side of the box, here, that layer. So, let's go ahead and open our layers and I'm going to duplicate the artwork layer by hitting control "j" to duplicate it. And I'm going to move it above the side area layer since it is going to be on that. Now let's go ahead and have that layer selected and we'll use our move tool to move it over, hold shift to keep it on the x axis and we'll just move it over so it's over our side bar. Now on this guy, we want just the side bar to show, so let's go ahead and control click on the side area here to load as a selection and now if we hit control, shift, "I", that selects the exact inverse of what we just selected, so everything else but the side of the box. Let's go ahead and select our mask here and we're going to go ahead and fill this in with black so it masks off everything that is selected now. Control backspace to do that and now we've got it just on this part of the side of the box. Control "d" to de-select. We can go ahead transform this artwork layer now. So let's go ahead and hit control "t" to transform this selection here. First, go ahead and escape out of that. We need to unlink it from our mask here, so we can modify it independently. So, now let's hit control "t", and we'll go ahead and shrink this guy down a bit and I'll move it so we get these dark pencils here. That works out pretty well. Let's go ahead and zoom back in a bit. I like the artwork so far. Let's get to add in the text. We're going to go ahead and select black as the color for the text. We'll use our text tool here. I've got Myriad Pro, light, size 16 and that should work pretty well. Just going to click in the middle of this bar, I've got it on our center. We'll click there and type "The Adobe Collection". Hit return and we'll go ahead and move this to this left side of the box. I think I'll change this just a bit. Letter spacing, bring that in and height, we'll make it about 90%, actually we'll leave it at 100. Now we?ll go ahead and add another text layer at the bottom where we wrote "Bringing Imagination to Life". I don't think that's there motto but we're just adding it anyway. We'll go ahead and make it size 12. We'll move it over to the right. Next we'll go ahead and start putting the box together.

Web Design & Develop... Ads

Community Members who...

  • Favorited this Video
  • Rated This Video

Check out what people are watching now
left_arrow right_arrow