Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
by
Lessons:17Length:2.1 hours
  • Overview
  • Transcript

4.3 Coloring the Coffee Cup

To really make our coffee cup stand out, we're going to use the Gradient Mesh Tool for coloring and shading our cup and coffee. We will also use the Pen Tool for a few shadows around the handle.

4.3 Coloring the Coffee Cup

All right hello and welcome to this lesson where we're going to go ahead and color this coffee cup using the gradient mesh tool. And so if you never used the gradient mesh tool before, you'll quickly find that it's actually really fun and very easy to use. So, we're gonna begin with this cup portion here. But before I begin, I am going to take a direct selection tool and just click on this layer right here and hit CTRL+h and make sure we can see our anchor points and then just take this bottom one and use my keyboard down arrow key to push it down a little bit. That way it falls in line more with this curvature. It was a little bit too flat earlier. So you decide pull it down just a little bit. Okay, so now, with that done, what we want to do is, we want to take this layer here and I'm gonna zoom up and we're also going to take this top layer as well. And there's a middle layer as well here, there's three layers for me. So just like those three and we're gonna make them this color right here. Okay, so, with that said, what we want to use now is the gradient mesh tool. And so that is located right here. Now here's how this works, with these layers selected, we can click anywhere on this and it will add what's called a gradient mesh. And if i just left click you'll see, it automatically seems to add anchor points. What this allows you to do though is change the color of that point or that area. So we can make it white, we could make it blue. You can see how it automatically creates a gradient based on the geometry. So we're gonna make these ones I, I'm gonna back up actually and create one just down here a little bit. And this one's going to be white. All right. And, again, this is, a lot of its just about experimenting and playing around. I'm gonna click right here on this line. And this one's gonna be a little bit darker. Maybe right around there. Then I'm gonna come off into the center, maybe just down here a little bit. Actually maybe I'll go lower real quick, like right there, and make this one white. I'm going to click on this one and make it white. And actually going to back up real quick. Ctrl+Z a couple times. That wasn't working out how I wanted it to. All right there we go. In this one we're going to make it white. And I'm gonna add anumba, another one up here and that'll be white as well. All right and then I'm gonna come down over here and I'm gonna click on the top portion, actually just down a little bit. Now I might undo that and come down here. This will be white and right here. And I'm also going to click on this line and we'll see about making this one a little bit darker. Along with these as well. So just click on these. Like that. All right so let's take the move tool and just deselect everything to see how this looks. All right so it has an interesting sort of appearance right now. I've, now what I want to do is focus on the handle and we're going to use the same tool to add a gradient to it as well. So I'm just going to left click right around here and see about making that part white. Maybe another one down here. Now let's see what this looks like just in and of itself. All right. It doesn't seem too bad. You don't want to go two intense because if you start adding to many points it will start looking almost pixellated to an extent. So I may want to zoom up here real quickly and use the grey mesh tool again. All right, click over here. We definitely don't want that to be black, so maybe right around there, we'll color it and we want this to fade into this the cup right here. We don't wanna be able to see this harsh line here, so if we take the direct selection tool and hold shift and left click the top three of these anchor points. We can come over here to transparency. If you don't see it, you can go to window transparency, and drop that down. And that way it fades in a little bit better. We can also select them and make them white [BLANK_AUDIO] All right. That's a little bit better. Maybe this point white as well, just like that. Okay. We're gonna do the same thing at the bottom here. So I'm gonna hold my spacebar, left click, and drag down. And sometimes you'll find that if you do use the, this technique of making something transparent it may flow all the way up too far. So we'll see if that is the case when we do this. Let me zoom up more so I can get both of those points. Shift and left click to select both of them. Now let's see what happens when we turn that down. You see we can see right here it ends up making it. So sometimes I, you can, I'm going to add undo that. You can use the gradient mesh tool to make this so that, that won't happen. I think maybe right there will be fine. So I select these two and you can also make them white and take the opacity down. See about making this one white here. And actually we don't even need to. It fades off pretty good right there. All right. So now with that done, let's go ahead and focus on this portion right here, and you can also use the gradient mesh tool to add, the appearance of fluid here and it's shading in it. So I'm going to select it and we're going to take the gradient mesh tool and gonna left click roughly right around there. We'll make this one darker. We'll put one right here. Can leave it the same color. And some of these you can make lighter. Actually, I may experiment with making it a little bit lighter. So we can take this and, move it up a little bit, maybe add one up here, making it darker. [BLANK_AUDIO] And again you can just experiment with this and see whatever you think looks best. All right that's very cool looking. Very smooth. Take both of these as well and we can just add a radio gradient to those. And we can take the gradient picker down here. You get this light color going to a darker color right there. All right, just another final thing I wanna do to this in terms of coloring. We wanna make it look like there's shadows coming off of this or down from the handles so we'll take the pen tool. We'll begin right here. And left click just down here on the edge. And we'll drag, create a slight bezier curve. Alt+left click. And we'll come up right around here. And then up around here a little bit. Alt+left click and then connect it back right around there. So then we're gonna drag that, we're gonna get our layers up. Drag that beneath the handles. Which, I need to find where that is real quick. Here we go. And this is going to be a linear gradient. And so it currently is already. I'm going to make this white and 0%. This here will make a, a darker color. We're gonna hit G over here and just drag that down a bit. See what that looks like. You know what? I think we're gonna make this actually a solid color and I don't like how it fades out real quick so you can't see it. So to do that, all you have to do is just we can make this black actually and take transparency down a lot like that. I think that looks good. And we'll do the same thing with the bottom as well. So we'll just start off right around here. Alt+left click on this edge. Should probably come out right around here. Alt+left click right around here. We'll make this, let's see what this top value was. It was 8% so this is gonna be 8% as well. And we also want it to go beneath that layer. [BLANK_AUDIO] Right there. All right. Very cool looking, sort of cup here. And so one final thing I'm gonna do, I'm gonna select everything. Hit Ctrl+G to group it. So now we just have three different layers here. And I'm going to scale it down a little bit by holding Shift and Alt. All right, so I just wanna see what this looks like overall in the composition here. And I also want to just tilt it slightly by rotating it. Let's go ahead and scale this down. I think right around there is pretty good right there. All right, so now in the next lesson we're gonna go ahead and finish this up we're gonna add some type that goes around it along with another design and we'll have it finished up. All right so I'll see you then.

Back to the top