Barely There Text: Faded and Hollow Text


Adobe® Photoshop® Intensive


Lesson Info

Barely There Text: Faded and Hollow Text

And let's move on to another interesting text effects that you can create in your photography so we're working in file number three if you've purchased the class you've got these download files day for folder number three barely there text so we're going to take a look at this which I think is a really beautiful effect we're going to use a grady at mask to make the text I'll turn my rulers off the make the text looks like it's fading away okay, so let's look in our layers panel here this is where I live I live in colorado so pretty is beautiful here in seattle t so let's look in our text and our uh layers panel to see what's happening here so we've got a photograph a beautiful photograph then we've got a text layer type player and we've got a layer mask and I can tell by looking at this layer mass because it's a soft fade from black so why that the grady and tool has been at play in the layer mask so that's how we're going to create this effect and this is just a a nice, nice, nice, el...

egant way to add text to your image so I'm gonna cheat again and double click this layer and copy to my clipboard I just used aerial for this one and I believe ariel is installed on everybody's machine both macs and pcs so I'm gonna go ahead and hide this layer by clicking it's visibility I and then we're gonna come over here and the tools panel grab the horizontal type tool come over to our image single click and because I copy the text of my clipboard I can press command v or control v to paste the text came in really, really small, so I'm going to go ahead and double click it to highlight the single word and use my keyboard shortcuts to increase font size and that is again shift command greater than or shift control greater them and you just hold down the shift in the commander's shifting control keys and tap that greater than but if you want to go down and point size you tap the less stand button ok? And again I need to move the type around on my photo do I have to switch to the move tool heck no mouse away from the text and you get the arrow tool in which he can use to move the text around. So now I'm in a position this text down here in the treaties and I'm gonna make it a little bit bigger still move it over hopefully you can see how useful these keyboard shortcuts are in your text formatting because you don't have to keep going way up here to the options bar or clicking to open the character panel you can stay right on your text and get all this done so now it's going to click back on my type player just to get rid of that highlighting to see what we've got going on with spend just a moment to talk about the color that I picked for this text. How on earth do you even decide what color to make your text in the same way that we decided how to add all those solid color backgrounds? We've been adding all week, when we've added interesting edges to our photos were going to snatch a color that already lives in the photo, that is, hands down the easiest way to do it. Okay, so to change anything about this word to change the color of the word, the font size, anything like that, it just has to be highlighted because you have to tell photo shop what characters you want to change. So if you want to highlight everything that's on that type player, you can just double click the type player thumbnail in little highlight that will also activate your type tool for you. Now we're going to come appear so let's just say for argument that I started out with black text, ok, it's now obviously need to make it another color, so double click the type player to activate it and the highlight it now we're going to click that little black color swatch in your options bar, so this color swatch in the case the color that you're text is at this moment, so yours may not be black, but no matter what it is it's that color swatch that lives directly to the right of the alignment tools, so to skip that a single click and the color picker is going to open. It will just like the other techniques that we're using earlier in the week. If you mouse away from that color picker, your cursor becomes an eyedropper and you can use that to steal color that already lives in the image. Now I'm going to pick up a pink from these clouds. You can pick up any color that you want because you remember we're going to fade it out so it's not going to be filled with solid color. This is gonna be fairly subtle, so go ahead and click ok. When you've chosen the color, click the layer from male again just to get rid of that text, highlighting its just like and we're processor. After you highlight a word, you've got to click somewhere else and that we're processor to annihilate that word, so now we're going to add a layer man. By clicking the circle within a square icon at the bottom of the layers panel, now we're going to come over to the tools panel, and we're going to grab the grady and tool remember, we use that inside a layer mask yesterday to create this beautiful, faded color to black and white technique when we were using the grady and map in black and white adjustment layers to drain the color from our image. So we're really kind of doing the same thing here. We're going to press g to activate the grady and tool lives right here and it's icon actually looks like a grady is then you're going to come up to the options bar in the grady and preset picker, and you're going to click that little down we're pointing triangle, this one right here, so here's your grading it preview, click this little triangle and you want to click the third preview that's the one we've been using for the grating to always the black tie white radiant, which is perfect for using inside of layer masks. Now we'll click the downward pointing triangle again to hide that pallet, make sure you've got that linear grading it turned on these five buttons change. The different types of grady insua can create we've been using this button all week so unless you've changed it that linear grady it is still activated because remember changes in the options of our state changed until you change them back so now will come over to the image and your cursor turns into a lacrosse here again so you're gonna click in drag up and you're going to hold down the shift as you do that to keep that grady and perfectly vertical and you're gonna have to experiment with where you start the click and drag okay so if you start just below the letters in drag up a little ways past the letters you're going to make the bottom of the letters partially see through and if you look over in your layer mask no wherever you see black that area is being hidden so just keep clicking around and experimenting with different start in in points with your grady and tool to see what a difference those make and again if you want to constrain that grady and to be perfectly vertical then you want to hold down the shift key I think that's a beautiful effect it's a great way to add incorporate a little bit of text into your images any questions on that one technique? All right let's keep moving on here the next funnel text technique will fully illustrate as promised the difference between the opacity setting in here layers panel and the phil setting in your layers panel because by gosh I promised that on tuesday and here it isthe so you'll see in my layers panel here that I've got a text layer and but somehow were able to see through the text to the photo on the layer underneath okay, so that's what we're going to create I'm gonna cheat a little bit again and doubleclick thiss layer to highlight all the text on that layer and copy it to my clipboard the fun I used for this one is or rader standard you can use any fun you want for this it's just happens to be the one that I started out with so I'm going back out of a couple of things that I did here to show you so you'll notice that the phil setting right now is that zero well if I have a precursor over that text label and dragged to the right now my phyllis set to one hundred percent so what that phil setting did was it dropped out the middle feeling fill of the letter characters of this shape ok, you'll also see here in my layers panel that I've got a layer effect turned on I've added a stroke to my letters, which is just a fancy way of saying outline why doesn't say outline I don't know I wish it did that would make more sense okay, so now I'm gonna go ahead and take my fill back down to zero and turn off the visibility I've this layer, and now we're going to recreate that some of the press t to grab the text tool or the type tool click on my document photoshopped makes a new type player for me since I copied my text to the clipboard, I can paste it, and I need to move it around on my photo, someone a mouse away from the active text box and position it where I think I would like it to be. Now, the next thing that I want to do is I want to add that stroke that outline to my letter characters, and I want to add it in a way that if I decide to edit this text that I don't have to redo that outline redo that stroke, okay, that's, the beauty about layer styles added to text layers because your text layer remains editable, your layer styles will update on the fly as you change the text, so we're going to get this all perfected, and we're going to be able to change this text in the layer styles that we apply will update on the fly if we decide to change that so it's very, very flexible technique, so we have the type player activated that we want to defect. And we're going to come down here to the effects menu at the very bottom of the layers panels, a little cursive fx give it a click, and this time we're gonna choose stroke case we haven't added a stroke yet, but a stroke is an outline, and you can use this layer style on anything, whether it's a shape, a selection, a path you can also use it on texas we're about to see, so we're gonna go ahead and click stroke that layer style dialogue comes up and automatically photoshopped thinks that you want to add a very thin black outline, because that is the most popular outline that we don't want to do that so what we want to do is we want to make it a little bit wider because we know in advance we're going to drop out the fill of that tech, so all that we're going to be left with is the stroke or the outline and that's how we can create hollow text or see through text, so we're going to bump up the size a little bit to something around eight or nine you can use your own numbers again. These numbers will change according to the pixel dimensions of the image this image is really small, so I can I only have to have about eight or nine pixel outline for it to be visible but if you're dealing with a larger pixel dimension image, you'll have to use a larger number on your stroke size for this technique now I want to change the color of that outline and it's really easy to figure out how to do that here in the layer solve ballot box because we've got a color swatch right here so we can give that a single click and that's going to open the color picker again so give that a click there's our color picker and I'm going to choose the color that I made my text now many click ok and arguably looks terrible right now then I'm gonna go ahead and click ok to close the layer style dialogue now you can drop the phil of that layer to zero ok, so we're gonna have our our kosher over the word feel and we're going to drag it all the way to the lift until we get to zero and we've got hollow text now if we want to continue to experiment with let's say stroke color you know outline color or outline size then you can double click that fetch that stacks up in your layers panel kind of looks like the filters when we ran the filters on smart objects right? They stack up in their own little space you can double click the word stroke or whatever layer style you've added and that will re open the layer style dialogue where you can continue to make change is let's say you think the stroke is a little bit too wide you could reduce the width of that by changing the size slider or maybe you want to experiment with another color whatever you would like I want something in the orange realm there we go now let's say that you like the way this looks but dang it you need to change the copy you need to change the text perhaps ross he's not doing so well right now which is it true I love valentino rossi he's my favorite moto gp motorcycle racer from italy so the point being in changing that is that the layer styles update on the fly as you're changing your text so frosty starts winning again we'll let the piece of art say rossi rocks again okay so that's another interesting way to incorporate text with the photo and the text doesn't take away from the photo they work well together because you can see so much of the photo through the tics but that also illustrates how the phil command differs from capacity quick question from ashkelon is their way to put each letter in tow one layer like adobe flash you can create each letter on his own separate layer so if you wanted to do that you would start out with the text tool and you would click unique a type in our mouse away from that you've still got the textile active shift click toe add another layer in the shift click trick works because while you have the title active in while your cursor is blinking inside of a text layer, if you click elsewhere on the document, you're not going to get a new text layer but holding down the shift key will force the program to make another text layer so you could keep adding each letter on its own layer. But unless you're trying tio affect spacing in a way that you can't with the controls that we looked at earlier, leading or turning or baseline shift or anything like that, I try to keep all my all my text on his few text layers as I can because we found one experiment with fonts and all that other kind of stuff, then it just makes it easier if it's all in one place. So if you're trying teo teo, create spacing that you just cannot get with the formatting tools that we looked at then definitely putting different words on different layers, different text layers or individual letters on separate text layers can be helpful to achieve the look that you want if you just can't get it with formatting, but when you can get it done with formatting, I think it's a little bit cleaner and you'll end up with a slightly smaller file size so I try to do that when I can. But I just know that if you want to keep creating additional type players while you have the title active and right after you had just typed a letter, then you're going to hold down the shift key and click. Click with the tool in that forces the program to create another type player. Because while you're clicking around with the type tool, first, not think she just wanted. Activate the type player that you already, and you can't get it to make another one. Okay, so the shift key is the trick for 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