So the final piece that we need to do is the coffee pouring in. And it looks complicated, but like a lot of stuff on here, once you know how to do it, obviously it's not that complicated. It's actually all done with a single line. And on effect, now what we need to do is to leave room for the coffee to get in. So once the cup lands, and it comes to its resting position here is where it's resting. We need that lid to be out of the way.
And we may have to move everything. So if you want the coffee to fill, it can either not fill as slowly as minded or have it happened starting earlier. However you want to make it happen, but we can. What we're going to do here is just take this lid and move it off. So I'm going to have the cup and here we'll start Fill as the rap comes on, and then the lid will come on. Everything is there.
Okay, so we know we want the coffee to start about here, maybe even before that, but we'll start here where the cup comes to its resting position. And we need to grab the pen tool and it's going to be a stroke only because it's just a line there will be no fill. And the color is going to be a dark brown. We're going to make it pretty dark like this. And then it's just going to be a line. So if we make that make sure the line goes off of the comp and it goes down into the cup.
It does Doesn't have to go all the way to the bottom, obviously, but just enough within the cup. So if we click here, and then click somewhere off here, and then if you want to round it so it looks like it's actually being poured in, that would be great. Just to add more realism to it again, take the stroke up to however much however wide you want that to be. I say let's go 90 need to start over, because if you notice I was on the coupler, so that just added another shape to it. And that's why you were seeing that inner shadow with that. So make sure you have nothing selected and go again.
You can add a slight curve to it. You're not going to see very much of it but still That subtle curve will be nice. 90 looks about right, to me rename this coffee. Now this needs to be behind the cup. There we go. Now it's buying the cup.
And we need to throw an inner shadow on that don't need to remake that. We already have it. So if you go to here, Layer Styles copy and Ctrl V paste. There we go. Very subtle effects. If you want it to show up more, you can change the color of the inner shadow.
There now it's dark. And we can also change the color of the coffee. To change the color of the coffee, then it's going to show up a little bit more. Be careful though because you don't want it to be like that. This and that looks kind of funny. So choose something where it's going to show up a little bit, but don't need to show up too much.
Your artwork, you do what you like with it. Okay. So there we have the coffee. What we're going to do to this layer is we're going to add an animation. And this is where Layer Styles become very powerful as well, because you can add animations to them. And this is why if you bring in artwork from somewhere else, because everything we've done here, you could actually do with artwork you brought in and not convert it, except for this one.
This is where you need the layers to be converted to a layer style in here, even if it's a vector animation from illustrator or Photoshop or somewhere else, because now we're going to add a trim path. So go to add trim path. And what this does is this allows you to cause the line to be drawn undrawn is kind of what it looks like. So if I take this start and I move this, then you can see it looks like it's being poured into the cup. So at this point, we need it to be off of the page. So I'm going to take this all the way to 100.
But start here. Here, I'm going to bring this so it looks like it's being poured. And we'll let that go for a little bit. But here, we're going to set the end point as well. And then take this forward a little bit, but it keep pouring, keep pouring. And then right here, we'll bring this to zero because it's done.
So now that stops, the coffee gets poured in, and then it stops and if you can do that Little dribble I have on the other one is just another line and in that exact same thing to have it drop in and the lid goes on. Yeah, that's great. So it ends and the lid comes on. So that means that if that's where it's going to end, we can have that lid start quicker. Here. Now we can grab this lid layer, actually move it forward.
There so that it's coming on as to coffee is going in. There we go. Nice. Good if somebody that's extremely quick at it. Okay, a couple of things we need to do here. This is straight off.
We don't want that. So we go to shape Stroke line cap, we want it to be rounded. And it's gonna round it off exactly what we want there. And now the effect, which we already have up here, but it's work, and it's going to be wave work. Drop that onto coffee. Now, we have the type of wave here, you can pin it, which means you pin like the top or the left edge of the right edge so that it doesn't the wave work doesn't affect it.
And the direction is what we really need because right now it's happening at the ends. And we need it to happen on the sides. Because as you can see, as I move here, you can see that the top of it here is moving. We don't want that. So let's type in zero. There we have it on the side.
Okay, so here's where it's happening there. Let's just grab this This section. Now you can play with the wave height and the wave width. The wider it gets, the farther apart that wave is the wave height, obviously the height from the trough to the top. So we want it pretty subtle, like a three or so or five. And if you bump this way up, then adds to it and you can adjust your wave speed as well you can adjust your phase to see how you'd like that.
So just play with it. So there's that. I'm actually going to change this to 180. And the reason I'm going to change this to 180 is because now it looks like it's being poured in if you put it at zero. Notice that as it's been poured, it looks like the waves are going up, the waves are going up toward the pot, that would not happen. So that means that we need to reverse it and one at the exact opposite.
And we get that nice subtle pouring. I like that. Good. And if you want to, you can actually duplicate this and then change some of the stuff like our width, drop the width down a little bit and maybe change the phase. Just to get some variation. Take this down to two.
Now we're getting some variation in there. And that is how the coffee is done. So if we go to here There we have it. That is the animation all done.