Creating a Solid Color Fade with Fill Layers


Adobe® Photoshop® Intensive


Lesson Info

Creating a Solid Color Fade with Fill Layers

So another fun thing to do with adding color and adding your own layers just what this part of the day is about is to create a color fade okay why would you want to do this for postcards and photographic announcements? I do this all the time for personal use okay, lots of fun somebody go ahead and hide the text layer that I originally created for you and again I do hope you keep these p stds in the format they're in right now so you can refer back to these techniques later on another benefit for buying the class because you get the download files ok, so here's what I have done you all knew already you all know already and in texas we do have permission to use y'all all yeah oh yeah oh yeah we can do that too. Okay, you can see by the layer thumbnail who that this is another one of those phil adjustment layers ok and what's it feel with the color that's in this box what is this guy right here? This is your layer mask and if black conceals and quiet reveals then you can tell that the col...

or on this layer is only being revealed on the right pan portion of it which gives us a safe place for text hey, saul, zoom back out so go ahead and turn off this layer and well kind of go back to the original version of this actually moved her over there we go, there's the whole picture the way we started out. So now what I'm gonna do is add that solid color adjustment layer. So I'm gonna go up to the layer menu, choose new phil layer solid color the shop asks what you want to name it. Click ok. And in this situation, what I really want to do is I want to snatch a color that's already in that image because what the head color do you pick if you haven't had a color theory or if you have color theory and it was eons ago like me, it's hard to remember that stuff you don't use on daily basis. So what I'm gonna do is I'm just going toe go ahead and close the color picker and let it stay it pink. Okay? Because what I can do is I can drag that new phil layer down below the image layer. And now if I double click that thumbnail to reopen the color picker, I can see my image some. Now I can use that eye dropper trick it's like a mouse away from the box and aiken simply pick up a color that already lives in the image ensuring that it's gonna match and look consistent with the peace that you're creating son is going to go ahead and pick up kind of that one of her blond strands of hair here we'll call that good and click ok so now I've got that solid color feel they're going on underneath you can't see it why? Because the photos covering it up it's there okay now what we wanted to you is I'm gonna move my layer above the image layer because I want to be able to see what part I'm asking ok, so I want to click within the mask okay? So I'm going to click the mask and see how I get the highlighting around the edges that lets me know it's activated now we're going to do what we did with the reflection technique we're going to go grab the grady and tool ok, so we're gonna press g to grab the radiant tool take a peek in your options bar to make sure that you've still got that black to white grady it going on still set to linear in this time we're going to drag from the left a portion of the image over to the right and you're going to have to experiment in so far as where you start the drag okay and again, if you want to constrain your you're dragging line you're grady it with indicator if you will see horizontal or vertical you want to hold down that shift key and now, it's, just a matter of experimenting with subsequent drags to see how why'd I want to get that swath of color that I'm going to put my text on top of. Okay, so I think that's pretty good and again that's in experimentation thing don't be afraid to keep clicking and dragon for different wits, see how the wider the line you draw, the softer the fate is, which is not gonna work for text, so I want a little bit more of a harsh transition, but I still wanted to be soft, so I dragged for a couple of inches. Now I'm going to click on my image layer and grab the move tool in scooped her over to the left so her face is nicely framed up, and then we're going to click t to grab the type tool you gonna mouse over to your image, and as soon as you click, a photo shop is gonna add a type player for you, and then you could add your text there and use the options bar to change fund style in point size, alignment, insulin and so forth. We're going to cover text in depth on friday, so I'm just gonna go ahead and delete that layer in terms. Back on the layer that I'd originally created for you guys so that's a really handy technique to do another great product to be able to offer to any of you photographers that are out there to your clients. This is a really good one, and for the sake of repetition, let's, do it again. And for this one yes, I made that one up. Teo, you ain't heard nothing yet this time we're going to do the same technique, but we're going to do a vertical faint instead of horrors on exact same technique. Okay, so this time I'm gonna go ahead and turn off the visibility eyes of the layers that I created for you here. And so now we're going to go make our new phil layer with solid color, such use layer, new phil layer, solid color, and this time I just want white. I see this technique used in ads and every single magazine I pick up. Now that you've seen it, watch for it, you're going to see this color fade technique to create a safe space for text everywhere. So go ahead and say, ok, color pictures going to open this time, I just want why, so I'm gonna click at the top left corner, say, ok, and now I'm gonna go grab my I'm going to click my layer mask here groups to make it active so that the next thing I do happens to the mask grab my grady and told by pressing g I've still got my black to white grady and set up I've still got my linear radiant style chose and this time I'm gonna drag from the top of the image down because I want the white to appear at the bottom and even if you don't remember which way to drag it doesn't matter just keep dragging until you get it right because your layer mass is going to keep updating with every drag automatically hey so I'm gonna start my dragged from a peer and hold on my shift key so that I constrained migrating to be perfectly vertical and I'm just going to play with it until I get it looking right see how when I if I start my drag in the middle of the image here on the cello and dragged down then I don't apply any color to the top portion of the image the color only comes in adder below where you start that drag ok so if I start my dragway appear then I'm going to be covering up my gosh cellist which is not good so I'll start my drive down here and then I'll turn back on my text to see how well I did and I like the way that effect looks so watch for this fact effect in ads it's all over the place. So that's, a really handy one to have around. And I have another example for you in your exercise files. Kind of the same variation on the, you know, this different picture, different text. So, really, really useful technique.

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