Using Blending Modes as Color Accents in Photoshop
Hi there, this video is about blending modes and using it to make these kind of colored box accents, see the logo down the bottom there and this big kind of, I'm going to say fuchsia box at the top, They're super easy to do. Let's learn how to do it now in adobe Photoshop. First up, let's open the image we're going to work with. You can use any jpeg, we, if you want to follow exactly, we'll use 10 blending modes and go to color accent dot PSD. Now this is something we worked on earlier if you can't remember or you didn't do that earlier tutorial, there's three layers and turn the top two off so it's just the background and what we did is we copied the model out onto her own layer issues at the top there and in between we put this text so that when they're all piled on top of each other, we've got this cool laid effect. But you can do this just with plain old jpeg, you just won't get to tuck it behind the model. So first up, let's grab the rectangle tool. Okay, you might have had someth...
ing else selected. Let's grab the rectangle tool up here where it says stroke, I'm going to have a no stroke where it says Phil I'm going to pick a color, I'm gonna use this little huge slider. The switches are cool but I'm gonna use the hue slider and just pick something like what I actually want is can you see I just use the eyedropper tool if you got this huge picker open, you can just click in here and I want to kind of like dark green. So I want to maybe darken it down a little bit but you found the color click Ok, now we're going to do is click hold and drag out a rectangle. I kind of wanted it something like that. Right? And let's fancy it up a little bit. I'm gonna if yours is locked like this, I'm going to break the link and then click hold and drag that to the right. You can see over there we're gonna get one rounded corner. Alright. And the magic really happens is with this layer selected like in the last one. Okay, we're going to look at these different options now in our case dissolve. Never seems to do anything. But let's start with darkened nothing multiply. Pretty good. And you just got to kind of work your way through this list until you find something you like now because we're working with color modes for the next little bit or blending color modes. This clicking, clicking, clicking, clicking, clicking clicking will drive you mad. Okay, so there is a shortcut. It's pretty advanced. Okay, but it might be worth it. You might be going man, this is going to kill me. So if that is you, what you need to do is first you need to be on the move tool for some reason. I'm not sure why. Then hold down the shift key on your keyboard and then tap the plus key. It has to be the one up at the top. Okay, right next to all your numbers and above all your keys for some reason. That's the shortcut. It's a weird one. Okay. And you can see by tapping that, I'm just toddling all the way through. It's the same for mac and a pc. I'm just trying to find the one that works. That's kind of cool, like like that kind of effect color burn. It's kind of this overexposed greenie, you are kind of thing. That's what's gonna work for me now, the rest of it is just picking different colors and we're gonna add some text like you said at the beginning so you can skip on. Otherwise follow me and we'll do a little bit more. It's a rectangle tool Again, I'm going to pick a different field color. I'm going to go in here and pick what kind of a ready I want to say fuchsia. I'm not even sure what to call this color. I should know your designer dan. That works for me. I don't have that layer selected otherwise it changes that one. I'll leave that in there in case you make that same mistake. So I'm going to go to edit undo. Edit, can't do anything, go back to my move tool was halfway through picking a color with that little box up. So now I can go edit. Step backwards, I'll leave all that in there, it's good stuff. So instead of changing that color, what we're gonna do is you can click on any of these other layers and it will work fine or have nothing selected, there's kind of a great area in the bottom, that means I don't want any layers selected. Now, if I go to my rectangle tool, click up here, it's not going to change that later back to my future, you're allowed to correct me if I'm wrong. Pinky red, nuclear red. Anyway, so I've got my rectangle tool, I've got no stroke and I'm just drawing that big box off the page and down to the floor line because it looked kind of cool. Now I'm gonna use my shortcut, remember onto the move tool and then hold down, shift and tap plus if you tap minus it goes backwards even that that's just cool like that, we're gonna do duo tones in an upcoming video and it's going to use a similar sort of effect like this. But what the first thing I want to do is I want to drag this rectangle to be just behind the text here, so this is kind of like literally interaction Nous going, What's that one, Lindeberg looks kind of cool. It really depends on what you're looking for here, we're using blending modes now, just for visual effects, not anything super serious, but it's super easy to do and quite fun, that's going to work for me, I'm using multiply. This one down here is using color burn now I'm just going to add some text. I'm gonna grab my type tool and remember from our type tool exercise, don't click inside this box because it will try and turn that box into a text box. That's not what I want to do. So under typing. Go away. Oh and do typing escape key. Is that I didn't mean it key. Then you can go to edit step backwards and it should do that whole chunk undone. So when you are drawing out a text box, remember the square box around the outside is good if I try and do it inside this rectangle here or along the side here, I can get into trouble by linking the two together. So I'm just gonna drag my text box kind of out over here. I'm going to go to type and I'm going to before you go and fill with Lauren ipsum, you can pick a font size, that's more appropriate font size minds at point am I letting let's set it to auto so that when I go and go to type and say pace, Lauren ipsum, just placeholder text. It's not going to paste like giant texts that we might have done in the last tutorial. Cool, so that's gonna be my bit of text type tool again, you can skip on now and just listen about. I think you look cool, mainly looking and cool for the intro so that it sucks you in and makes you want to do this one when really we just change the blending mode on a colored box trick you in here bringing the logo as well. Let's go to file open. There's a logo in that same 10 blending modes. Okay, logo dot ai I'm going to click OK 60 copy in here, paste converted to a smart object because we're super serious about this Photoshop stuff and shrinking it down, moving it to where I want it to be. Have you ever figure 10? Alright, that is going to be it. I'm liking this rectangle less as a color burn. What you might notice is that layer there is actually underneath all of this. So I'm gonna bring it to the top. It's not making much of a difference now, but it might do if we change the blending mode of this green rectangle and I'm just gonna go to multiply. Everyone uses multiply. Actually I don't like to play now man, you should seriously skip on, I'm happy with that. Settled on linear light. Alright, friends, that is how to use blending modes to do kind of color accents in adobe, Photoshop CC in the next video