Gradient for HTML5 Banner Ads in Adobe Animate

All right, in this video we're gonna look at gradients. Now, why does it get its own little video? It's 'cause it's, it's not hard,  but it's, um, they've hidden a few little features. So what happens is, uh, say I want  to color this head, but I want it to be a gradient. Um, I click first up in here in the fill  and I pick any of these default ones. There's some really bad default ones.

So we're gonna pick the white to black,  but there's some radio ones in there  and there's some, uh,  lovely eighties chrome and a rainbow one. Okay, so I'm gonna pick this first  one, which is white to black. Click on him. Next thing I wanna do is I would like  to go and change the colors. So to do it, I open up my color one. So I got a window, okay.

And I go to, where are you? And I go down to color. Okay, it's this little fly out one here as well. You can see here, this is the beginning of my gradient. Okay? This is a linear gradient.

So left to right. So I double click this little white house at the bottom here  and I can pick another color. So I'm gonna pick, uh,  and over this side, I'm gonna double click this end  and I'm gonna pick another color. Okay? Bit of an awful gradient if that's okay. If you want to add more gradients.

So we've just got like one and two at the bottom there. You can click in the middle  or anywhere along this line here. It doesn't matter where you click. And you can see here,  I could pick another one. And let's go super hideous with an orange in there. Okay, so green to orange to blue.

Lovely. And you can see here, I can drag this along  and how it affects this over this side. So that's fine. Next thing I wanna do is, uh,  find the way it kind of flows  and you do it using the gradient tool. Now the gradient tool is totally hidden in here. Um, so you'd think it'd be around the paint bucket  or somewhere around here, but no,  they hide it underneath this.

Underneath the free transform tool is the gradient tool. Okay? So you need to find him. And what you do then is this is how the extent  of the gradient, how far it goes out. You can keep it a nice stripe  or you can fully out if you wanna rotate it,  use the circle one here and I can rotate it around. And this is my now lovely gradient.

Okay? So that's how to add a gradient  and then how to go and style it. One last thing you might do is when you've got your color  panel open, you can click add to swatches so that,  now if I go to, um, coloring something else,  so I'm gonna go back to my selection tool,  double click this moon, go inside the group. And I wanna add this. You'll see down here is my tasty  gradient that goes from green to orange to blue. All right.

That's it for gradients.