This course has been archived, the content is no longer up-to-date or relevant to most students.

The Pencil Tool and Vector Brush Libraries in Adobe Animate

Course contents
SECTION: 6
Warnings & errors 1:10
SECTION: 7
Width tool 5:23
SECTION: 14
Project 9:34
SECTION: 15
Buttons 12:14
SECTION: 17
Bone Tool 6:53
SECTION: 18
Stop looping with JS 1:45
SECTION: 22
Conclusion 1:37

Questions

0

Course info

53 lessons / 5 hours

Overview

This course is for visual, creative people who need to start making HTML5 banner ads. I made this course for people that are struggling to get their heads around the new world of HTML5 advertising. This course is step by step with exercise files. I’ve saved a copy of each Adobe Animate file after every video so if you get lost you can compare your files to my completed files. At the end you’ll be able to create, test and upload standard banner ads.

This course is perfect for people completely new to the digital advertising world. We’ll cover all the basics. It’s also great for people who previously worked in Adobe Flash to produce SWF advertising.

Because this is such a new industry I’ll be around to help you with any questions. Use the forums on the pages and I’ll respond.

Thanks for considering my course. If you’re not sure if it’s right for you. Simply sign up, try it out and if you’re not happy I’ll refund you no problem. - Dan.

What are the requirements?

  • You'll need a copy of Adobe Animate CC 2015 or above. A free 30 day trial can be download from Adobe here.

  • No previous Adobe Animate or digital advertising knowledge is necessary.

  • If you're not sure if this course is right for you. Email me what you’re trying to do and check if you’re on the right track.

What am I going to get from this course?

  • 53 lectures 3 hours of content!

  • Forum support from me. 

  • How to build banner advertising

  • How to keep file sizes down.
  • Firm understanding of the publishing process for ad networks like Google Doubleclick, Adwords, Simek etc. 

  • Professional workflows and shortcuts. 

  • A wealth of other resources and websites to help your new career path.

What is the target audience?

  • YES: This course is for beginners. For people who prefer not to work in code. Visual people. Creative people. Graphic designers. Marketers. Past users of Flash.

  • NO: This course is not for developers. This course will cover standard animated banners. Not dynamic banners like expanding banners, video banners or game banners. 

Course duration 5 hours + your study.

Daniel Scott

Daniel Scott

Founder of Bring Your Own Laptop & Chief Instructor

instructor

I discovered the world of design as an art student when I stumbled upon a lab full of green & blue iMac G3’s. My initial curiosity around using the computer to create ‘art’ developed into a full-blown passion, eventually leading me to become a digital designer and founder of Bring Your Own Laptop.

Sharing and teaching are a huge part of who I am. As a certified Adobe instructor, I've had the honor of winning multiple Adobe teaching awards at their annual MAX conference. I see Bring Your Own Laptop as the supportive community I wished for when I was first starting out and intimidated by design. Through teaching, I hope to bring others along for the ride and empower my students to bring their stories, labors of love, and art into the world.
True to my Kiwi roots, I've lived in many places, and currently, I reside in Ireland with my wife and kids.

Downloads & Exercise files

Transcript

All right, this video, we're gonna look at the pencil tool  and the vector brush libraries. So first thing I wanna do is we're gonna set fire  to the building to do it. I'm gonna show you how to ungroup. Okay? Um, so on my stage here,  I've got my stars layer, which I'm gonna lock. I'm gonna go to my building layer,  unlock it so I can get to it again.

And I got a couple of options. I could ungroup it. The problem with ungrouping, say one of these windows,  'cause I wanna like make it look like  there's fire coming outta one of them. Um, is that if I ungroup it, it's gonna disappear. Watch this. If I go to, it's not ungroup,  weedly, uh, it is ungroup.

Sorry, ungroup. Uh, if I let go of it, can you see it ends up behind there. Okay. Which is not really what I want. So a way to go inside this group here is to double click it. Watch this.

If I double click, watch everything else  that's gonna fade out in the background. And this at the top here is gonna change. So double click it so it's faded out. And you can see I'm inside this group here, so I've kind  of like dug in and then kind of like  appeared inside of this group. What I can do now while I'm in here is I'm gonna change this  to an orange, uh, go. And then to get back, you either click on scene one,  which is our kind of home base stage, uh,  or you can just double click anywhere out.

Here's what I like to do  and we've kind of, it's still grouped, which is nice,  but we dove inside of it to change the color. Um, so what I would like to do now is I'm gonna lock all two  of these layers, make a new layer,  make sure this layer is on top. Okay. So I clicked hold and dragged it up  and I'm gonna call this one fire. And I'm gonna show you the pencil  tool, the pencil tools here. And it comes with a couple of options.

Now, because I'm on my laptop, I can't see them all. So I'm gonna extend this out a little bit. So it goes into two. Can you see I  just grabbed that edge there. So if you're on a laptop like me,  there are gonna be some settings  that you can't see down the bottom here that I want. So I'm gonna drag him out and there you go.

And he splits into two columns. Um, and this is the one that I want, um,  depending on yours might be set to straighten smooth or ink. So just to show you the ink is exactly  how you had imagined it. Um, I'm gonna pick a stroke color of, um, red  because it's gonna be my fire. But like say I draw fire this way, it's not bad, okay? It follows your pencil, um, pretty much perfectly.

So I'm gonna undo that. Uh, the other option, straighten is gonna try and do it. Uh, this one here is, it's really good  for kind of drawing really straight lines. Can you see it tries to fix it all. And when you do curves, it tries to turn it. If I go into circle mode,  can you see it did a perfect circle.

It's kind of cool. I never use it. Um, so I'm gonna delete all you guys. The one I use quite a bit is the smooth one. So back to the pencil. There's this one here called Smooth.

The reason I like smooth is  that it's got this kind of adjustable setting. If it's down at zero, it doesn't do a whole lot. It does what ink does. But I can crank this up to say 50%. It's gonna help me a little bit so  that my curves aren't so bad. So if you are drawing, can you see I'm drawing  with my mouse, but it's kind of like sharpening them up.

So watch this. If I draw, then let go. Can you see? Well, it didn't straighten it well, but you get the point. So what I'm gonna do is I'm gonna draw some flames outta  here so my building's on fire. Awesome.

So that's the pencil tool. Now let's look at one of the new things for Adobe Animate. And it's the brush libraries. Brush libraries just help you turn these kind  of like really basic strokes. So I'm gonna select them all  with my black arrow, all with you guys. The nice thing about it is 'cause they're on their own  separate layers and I've locked the other layers,  I can select everything in here.

I'm just dragging a box around it  and I only get the stuff that's on my layer. The next thing I wanna look at is under  window brush libraries. There it is. Okay. And come down here. So there's a bunch of pre-made ones.

Let's look at some of the ones that we're not gonna use now,  but the arrows are quite useful. Watch this. If I pick an arrow, the standard arrows  and I double click it, can you see what happens  to my, um, lines over here? They've got little, um, point heads at the front of it. And what you can do is watch this. I'm gonna move 'em out the way.

And you see there's my stroke. So I can increase the stroke. And can you see my playhead? Uh, sorry, the, the, the arrowheads are increasing. Okay, so I've got up to 26. Um, I'm not too sure what I'm gonna use yet,  but there's artistic, there's some decorative ones,  there's some really bad ones in here.

They're all just hacked out of Illustrator. You might have seen them before. Um, so  let's have a look at some of these other ones. So I'm in vector pack, double click  can take a little time to apply some  of these more complicated brushes. And I'm just trying to find something that looks kind  of like flames that doesn't work. Looks like an explosion.

That was kind of cool. Uh, the ones I was using before  and, uh, chalk, charcoal pencil are quite cool. This one here I decided on, or maybe this one underneath  That works for me. All right, so I'm gonna crush close that down. Click off in the background  and you can see here looks a little bit more like flames out  the window so you can import other ones. So if you find stuff  and what you wanna do is look for, um, brushes,  but you can bring in the ones from Illustrator  and there's a lot more online in terms  of free vector brushes, um,  that you can import into Adobe Animate  and use for um, your animations.

Alright, so that's the pencil tool  and the a brush libraries.
  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2025