Adding Texture to Your Text


Adobe® Photoshop® Intensive


Lesson Info

Adding Texture to Your Text

So we've been looking at pushing the photo through texts and other shapes let's see what else we can do with a photo and a text so this piece I created if I zoom in a little bit you can see that the letters look like they're filled with something okay and even the stroke of the letter is being broken up and so the letters have taken on this extremely distressed kind of pattern well this pattern is coming from a photo so my little fake ad for a fake movie tough his nails I took a photo of nails I turned it into a high contrast black and my image and I used that as texture for my text what is a fund trick toe have up your sleeve so that's what we're gonna look at next and I got a couple of his samples of it so we'll see it in action twice so if we look over here in our layers panel we've got a red color field layer going on that's for our background colors coming from and up here we've got a text layer it's got a stroke on it and inside the layer mask it looks like we've got some kind of...

texture going on here this used to be a photo of a pile of nails so we're going to turn it into a high contrast black and white and then we're going to copy paste the photo itself into the layer mask that we tack on a type player okay so I'm gonna go ahead and turn off this layer and I'm gonna delete my layer mask this is another keyboard shortcut for you if you have a layer mask and you want to get rid of it you can either right click or control click on the mask itself and you're bringing up a contextual menu or shortcut mini that has a lot of useful commands in particular particularly for layer mass one of them happens to be delete layer mask so now you can see of what my text looks like when I originally created it okay so it's just a regular old text layer I could double click it and ended my text if I wanted and I added just a very thin outline to it a stroke ok so there's a stroke off there's a stroke on so we've been doing that a few times he y'all get how to do that so now let's open up the photo that I used for the texture and it is were in folder number six of the exercise files and the texture photo is called istock nails so let's pop open that image and what we want to do is we want to rotate the image ninety degrees okay because our layer mask over here is going to end up being a landscaped aspect ratio rather than a portrait. Okay, so horizontal rather than vertical so since we're starting out with a vertical photo it's gonna be easier if we go ahead and just flip it right here so we can do that by going up to the image menu choose image rotation and we're going to go ninety degrees it doesn't matter if you get clockwise or counterclockwise, so your photo flips now it's perfectly oriented for plopping into a nearby layer mask next what we want to do is we want to turn this image into a high contrast black and white well, we've done that once before this week and that was on wednesday when we created that grunge collage and we took the little boy playing the guitar and we turned him into a high contrast black and white with the threshold adjustment so that's what we're going to do again and you're going to see that once again at the end of the day as well with another technique, so we're going to go up to the image menu and we're going to choose adjustments. Why aren't we using an adjustment layer for this technique? Well, because for this technique to work, we need the adjustment to actually apply to the original image so we needed to occur on the photo so ready to use image adjustments threshold and threshold in a soon as you see this you'll remember the technique we did earlier in the week threshold does nothing but turn the shadows of your image solid black and the highlights in your image solid white giving you the highest contrast image you can possibly get and that is a pure black and why image ain't no shades of gray in this one, so a dialog box will open giving you a history graham and what you want to do is you want to grab this little slider, this little guy right here and you want to drag it to the left so that you decrease the amount of shadows in the image because everywhere there's a shadow, the letter characters are going to be hidden because if we're going to put this into a layer mask, black conceals and white reveals so everywhere there's black letters will be hidden so you can imagine if we end up with too much black, we won't have any letters left over, so you just want to drag this slider to the left where you don't have quite so much black innocent experimentation thing depending upon the photo that you're stealing texture from for your text depends upon the contrast of the image depends upon where you're going to end up with that slider, but you just don't want it to be solid black, so go ahead and click ok now we're going to select this image and copy a terror pace board or a clipboard rather so we're going toe either choose select all or used the keyboard shortcut, which is command a on a mac or control a on a pc. So when she got those marching ants running around your image once it selected, then let's, just copy it to the clipboard by pressing comand see on a mac or control c on a pc. Now let's, go back to our other image, so to paste that image into the layer mask, we have to add the layer mask so let's, go ahead and activate our toughest nails type player. Adelaide your mask and now we need to pace that photo inside the mask. Will the mask is active. I know it's active because it's got that extra hairline rule around it or that extra quite outline on the pc. But if we do a straight paste right here, the photo is going to end up on a whole nother layer. We want it in the layer mask, so I'm gonna undie by pressing commander control z the only way to paste anything inside of a layer mask is you have to get in the layer mass to begin with. So even though it's active in our layers panel, we're not in it, we know we're not in it because what color is that layer mask it's white, what color are we seeing in our document rid that means we are not in the mask. If we were in the mask, our whole document will be white because the mask is white. The trick to getting inside of a layer mask in order to pace inside of it is to hold down a modifier key while you click it in its option on a mac or all on a pc. Okay, so I'm gonna hold down the option key, and I'm going to click the mask and then you're going to see the whole document turned. Why now I am inside the man now I am in free to paste my nail image, so now you can use the paste, keyboard, shortcut, command, viana mac or control v on a pc. Now, the only thing that's left to do is to click on the type player thumbnail that will put you back in the layer content, see how everywhere there was black in my mask, my text is being hidden, so it's a really cool way toe add texture to text using a photo, so we're going to do that one again question what picture? And that that area instead and an actual image, and why can't I put an actual image in the mask instead? Yeah, because if you remember layer masks in our rhyme, if black conceals and white reveals you have to be using shades of gray in the layer mass you can't put color in a mass because it doesn't know what to do with that okay so in order for us to get really good texture from a photo we need to convert that photo to pure black and white with no shades of gray shades of gray would give us partially see through text which is would not give you the feeling that the text had texture ok so let's close this one I'm going turn on my little fake text at the end I cannot tell you how much fun I have making these fake absolutely ridiculous things to show off these techniques with when another cool thing about this one is the stroke of the textile museum in look have a stroke is also affected by the mask that cool it's just so cool ok so let's close this document and let's back up and do it again now I will preface this before anybody starts losing their minds on the chat rooms my mother's from east texas I have affection for east texas so I'm not saying anything bad about east texas but sometimes there's some crazy stuff that goes on in east texas it's a little bit backwoods so just a play on fear and loathing in las vegas fear and loathing can happen anywhere so in keeping with the theme of these texas this time we're going to use a cross section of wood for our texture because did you know did you know that the logging industry is huge in east texas? Why? Because nickname for east texas is called the piney woods because there's millions of pine trees so logging industry is huge so it kind of makes sense to use wood texture in something that's going on with these texas this is the way my convoluted mind works okay, so we want to add texture to our text using a photo and what kind of photos work will for this technique photos that have a lot of lines in them a lot of detail okay wood nails anything that's got a lot of lines in it it works really well for this in contrast okay, so our first step is to go ahead and trotted to the image many choose adjustments threshold again if black conceals and white reveals in the layer mask we don't want to have too much black else we won't see any of our text so we're going to grab that slider in the threshold dialogue and we're going to drag it to the left so there's not quite so much black and again this is an experimentation there is no magic remember it will very image to image go ahead and click ok now we need to select all by pressing command aor control eh? Copy it to your clipboard by pressing comand see or control c on a pc come over to the image where you have created your text. Now we're going to the same thing we did a minute ago. We're going to add a layer mask to the text layer, like click in the circle within a square at the bottom of your layers panel and now, even though the mask is active, are we in it? No, we're not because the mask is why I can see that the mask is white, but my document is not why that means you're not in the mask. I can't tell you how many times I did this over and over and over thinking I would get the same result. What is the definition of insanity if you do the same thing over and over and expect different results? I was driving myself in saying I couldn't figure out it's like we live at the dadgum thing activated. Why isn't the pace going into the mask? Because I wasn't really in the mask, so you have to hold down a keyboard shortcut option on a math or altana pc, then click the mask when your document goes. Why now you can pace, command v or control the now to see the layer content, click the thumbnail of the type player, and now we don't need are marching answer anymore so we can be select by pressing command or control d so now we have given our text texture and now that you've seen this technique I challenge you to watch for on movie posters because it's used in nearly every single one the designer will find some kind of a photo that is meaningful to the movie and they will use it as tech usher for the type that's how they're doing it ok so now what if you want to move the texture around within the type you can do that but you have to click that little chain link icon that's locking the mask to the layer content okay to move one without the other you have to first unlock them so you want to give that little chain link click now you have to tell photo shop which piece you want to move? Do you want to move the text or do you wantto move the mask so if I want to move the mask, I have to click it to activate it on the math you're going to get that extra bracket outline on the pc it's going to be an extra quite outline and now when you go grab the move tool and then click and drag around in your document you're moving the mask content but not the text in the course the opposite of that history if you want to move the text and knocked the mask then you would click the text after you've unlocked the two thumbnails and now if we move this around we're moving the text around and not the mask content now any time I unlock a layer mask from its layer content when I get finished moving it around I do click back between them to lock them again because then I don't want to accidentally nigel and out of place interesting any questions on that one? Yeah quick question p four pictures could the threshold be applied as a layer to the wood or nails image so that you could go back to it and change the high contrast image? If your first attempt is not good enough you could but you would have to flatten it and then you could undo the flattened that the problem is that you have to be ableto select that texture and copy it to your clipboard for it to work like this and if you put the threshold adjustment itself on another layer and you try to copy it you're not gonna copy anything because remember there's nothing on an adjustment layer it doesn't contain pixels so you would still have to he could do that but then you'd have to flatten so that the adjustment layer applies to the photo and then you could copy but they need to go back to that document and you could press undo command z your control z if you needed to go back and adjust it and then that would undo the flattening action so that you've got your adjustment layer back so that that's a work around for that good question ok, so let's make mine and let's talk about another way tio give texture to text and that is by using filters I had fun with this one to some like it hot ok, so let's look at what's going on there layers panel so I've got a nil coolio image going on back here then I've got a little bit of text some like it that's what's on the text layer and then I got a second text layer that contains on lee the word hot and I split up the text across those two text layers because I wanted to give texture toe on ly one word I didn't want the texture to apply to all of my text only one word in really you're readability factor drops significantly with any of these things, so you want to keep the's texture text treatments toe as few words as possible so that's why I split it up on two layers like that? Ok, so let's go ahead and recreate this I'm gonna leave this text layer hanging out and I'm gonna cheat and copy that one and then we're just going to delete it we can see that the funky edges in the text see those funky edges they're coming from this layer mask, but instead of using a photo for added texture we're going to run a filter on a layer mask ok, so we're going to run when those funky artistic filters to give ourselves some texture somebody go ahead and delete this layer now we're going to grab our text tool type tool clique within the document I'm gonna paste and mouse away from the document and moving around get it into place and again I'm using impact I told you it was one of my favorite funds I use it all the time is so big in fact that is just perfect for all these funky techniques. Okay, so soon as you get uh the hot layer created now we're going to create a selection of this text okay, we're going to load the shape of this layer as a selection as marching and ok, we want marching ants running around the word hot the way you do that is you command or control click the layer thumbnail so watch what happens when I do that I'll hold down the command he control on a pc click the layer thumbnail and you're going to see photoshopped create a selection around what is on that layer okay, so all d select and do that again I just finished type in the text layer now I want to load the shape of that layer as a selection as marching ants and you can do that by command or control clicking the layer thumbnail again it matters where you click in the layers panel if you command, click near the layer name of a layer photo shop assumes you're trying to activate more than one layer at a time that's not what you're trying to do in this technique you're trying to load the shape of what's on that layer as a selection as marching is so you have to click on the layer thumbnail command or control, click the layer thumbnail as soon as you get marching ants running around your text, then add the layer mask because, as you know, in some of the other techniques we've been doing, if you have a selection before, you either add a layer mask or adam adjustment layer photo shot fills in the mask for you, so we're gonna add our layer mask and now if we look, the layer mask is filled with black ok that's good, because now we can run a filter on the mask itself in our type will still remain editable, which is amazing, okay, so with a mask active tried it to the filter menu and we're going to choose brush, strokes spattered. Now there are a slew of filters that will work for this effect this is one of many most all of these in the brush stroke category work well for this technique aa lot of him in the distort category work well for this technique ocean ripple is another good one. Okay, so there's a slew of filters that'll work for this so you don't have to restrict yourself to just the one I'm using so I'm gonna go back to brush troop and spatter immediately be very petite dialog box of the filter gallery opens takes over your whole screen and because we had a selection of our text before we added the layer mask that whole background has filled in with black so now we're seeing what's gonna happen to the edges of our text here in the filter gallery dialogue so you can use these controls over here on the right tio a distress your text less or more and you can experiment with these settings and you can make it look really, really cool. So this is a fast, easy nine destructive way to add texture so let's say that that looks good and go ahead and click ok, and immediately I get that cool distressed texture on my text. But again, my texas still fully editable, so if I want to double click that and change it some like it cold you could do that, then you might have to fiddle with your mask a little bit more because it's gonna change the way you know it's a different word, okay, so depending upon the word that you're changing into you may or may not have to completely redo that, but the text does stay editable you could even change the color of the text if you wanted. Ok, so how do you change the color of text? Double click it to highlight it click the little color swatch in the options hvar toe open the color picker how snatched green from the photo just to illustrate that the tide is still editable type with this effect as you've not harmed it at all so it's a really cool and okay, so we'll do that one more time here's the netherland so let's say that you like how the texans looking, but you want to add a little bit more texture to it we could rerun that filter again any time that you have a filter that you've just ran a filter and you want to run it again at the same settings it appears at the very top of the filter menu ok, so there's ocean ripple so if we want to trigger that filter again at the same settings we compress command or control f and that will run it begin and distress your text even more yes, if you want you saw this and said it's, all right, but I'd like to put that photo of the nails and their dad a little tech sir, can you do that same thing by adding it into the same mask? Or would you make a new mass to do that? Those could've photo be brought into that as well. Dead texture. Oh, gosh, if you pace anything in that, the same mass it's going zero out, what's there. So I'm not really sure how you would do that.

Class Description

In this special photoshop tutorial, you'll dig into Adobe® Photoshop® CS5 with Lesa Snider, author of Photoshop® CS5: The Missing Manual. There is so much to cover in Adobe® Photoshop® CS5 that we need almost a week to cover everything. In this special 4-day workshop you'll dig into Adobe® Photoshop® CS5 with Lesa Snider, internationally acclaimed instructor and author. Lesa is informative yet entertaining with a unique way of explaining difficult concepts so you understand the "why" behind the "how". Get ready to spend a fun, high-energy week digging into the power of Photoshop.

Software Used: Adobe Photoshop CS 5.1


1Introduction: Nitty Gritty Basics + Layers 2Workspace Overview 3Q&A: Workspace 4The Truth About Resolution and File Formats 5Changing Resolution Without Changing Quality 6Q&A: Resolution and File Formats 7Resizing with the Crop Tool 8Cropping with the Ruler Tool 9Resizing with Content-Aware Scale 10Resizing for Print/Web 11Layers and Layer Types 12Duplicating, Moving, and and Aligning Layers 13Q&A: Layers 14Creating Reflections 15Layer Alignment Tools 16Simple Slimming Technique (Resizing Layers) 17Colorizing a Black and White Image 18Creating a Solid Color Fade with Fill Layers 19Layer Masks: Hand Painted Image Collage 20Layer Masks: Gradient Mask Collage 21Layer Blend Mode Collage (Include Load Images as Stack) 1Using Selections Part 1 2Using Selections Part 2 3Q&A: Selection Tools 4Color Selections: Fixing Animal White Eyes 5Tightening Up Layer Masks 6Painting Selections with QuickMasks 7Using Vector Drawing Tools 8Vector Shapes: Creating an Oval Vignette 9Vector Shapes: Rounded Edges to Photo 10Use Channels to Create Selections 11Tough Selections Around Hair & Fur 12Refine Edges Part 1 13Refine Edges Part 2 14Creative Edges on Photos 15Embellishing with Vector Art 16Creative Vector Photo Frames 17Editing Smart Objects 18Smart Objects Template: Creating Dark Edge Vignette 1Smart Objects: Selective Blurring 2Smart Objects: Selective Sharpening 3Sharpening with the High Pass Filter 4Q&A: Sharpening 5Auto Color Adjustments 6Shadows and Highlights 7Using Levels 8When to Use Smart Objects 9Using Curves 10Lightening and Darkening with Blend Modes 11Enhancing Eyes and Teeth 12Changing Colors with Hue/Saturation 13Changing Colors by Hand Painting 14Faux Dodge/Burn: Reduce Wrinkle 15Color to Black and White 1Healing Brush 2Content Aware Fill 3Using Text in Photoshop 4Designing with Baseline Shift 5OpenType Fonts 6Placing Text Behind an Object 7Barely There Text: Faded and Hollow Text 8Pushing Photos Through Text 9Adding Texture to Your Text 10Convert Text to Paths 11Combine Images using Advanced Blending 12Realistic Photo Aging 13Faking HDR 14Wrapping Texture Around an Object