SECTION: 1
Overview
2:41
SECTION: 2
Industry overview
10:52
SECTION: 3
Drawing tools
16:21
SECTION: 4
Color
9:44
SECTION: 5
Shape tweens
11:30
SECTION: 6
Warnings & errors
1:10
SECTION: 7
Width tool
5:23
SECTION: 8
Class tweens
17:34
SECTION: 9
Fonts
6:16
SECTION: 10
Create a banner ad
16:44
SECTION: 11
Images
27:50
SECTION: 12
Nested animations
16:23
SECTION: 13
Sound
6:53
SECTION: 14
Project
9:34
SECTION: 15
Buttons
12:14
SECTION: 16
Masking & infographics
43:50
SECTION: 17
Bone Tool
6:53
SECTION: 18
Stop looping with JS
1:45
SECTION: 19
Motion tweens
16:35
SECTION: 20
Keeping file size down
13:18
SECTION: 21
Publishing
42:15
SECTION: 22
Conclusion
1:37
This course has been archived, the content is no longer up-to-date or relevant to most students.
Editing Symbols in Adobe Animate for HTML5
SECTION: 1
Overview
2:41
SECTION: 2
Industry overview
10:52
SECTION: 3
Drawing tools
16:21
SECTION: 4
Color
9:44
SECTION: 5
Shape tweens
11:30
SECTION: 6
Warnings & errors
1:10
SECTION: 7
Width tool
5:23
SECTION: 8
Class tweens
17:34
SECTION: 9
Fonts
6:16
SECTION: 10
Create a banner ad
16:44
SECTION: 11
Images
27:50
SECTION: 12
Nested animations
16:23
SECTION: 13
Sound
6:53
SECTION: 14
Project
9:34
SECTION: 15
Buttons
12:14
SECTION: 16
Masking & infographics
43:50
SECTION: 17
Bone Tool
6:53
SECTION: 18
Stop looping with JS
1:45
SECTION: 19
Motion tweens
16:35
SECTION: 20
Keeping file size down
13:18
SECTION: 21
Publishing
42:15
SECTION: 22
Conclusion
1:37
Questions
Student Gallery
Be the first to share something.
Course info
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
Founder of Bring Your Own Laptop & Chief 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
Okay, in the last video we look at adjusting the instances, okay? The children. Now we're gonna look at editing. Um, MC, Bob. Okay? Let's say we are physically change 'em, we don't like 'em.
Or the clients come back and said, it's not a space alien unless it's got a space helmet on. Okay? Or a mustache or a hat or something else you want to add to it later on. So what we are gonna do is we're gonna go through and edit it. And there's two ways of doing it. There's one doing it in isolation mode.
So if I double click the icon in here, you'll notice that Bob ends up in the middle of my window with no, he's kind of like in the, uh, the matrix. He's kind of all by himself. And you can do your edits in here, okay? And that's one way of doing it. You can see I'm inside scene one, I'm inside mc, Bob and Mc Bob kind of by himself. I'm gonna go back to scene one.
What I prefer to do is double click on them in scene. 'cause then I can see him in relation to his buddies. And you'll notice that if I double click to go back to the same one, he's got a bit of alpha applied to him. So he's a little bit transparent. But when I double click it to go inside, he goes back to full. Um, you know, his full kind of original state.
And that's fine. 'cause when I come back out, he'll go back to his alpha. But when I'm in here, right, I'm going to zoom in a little bit, okay? Remember that's command plus or control plus on a pc, I'm gonna move across and I'm gonna add a helmet to 'em by using the same tool. What should I use? I use the pencil tool.
Go back to my libraries. It's gonna be a white line. How thick is it gonna be? That's a bit thick. Maybe down to something like four. Okay?
And I'm gonna make sure that I can't see, I drag it here. I'm gonna make sure it's on smooth. Make sure it's on this, uh, a hundred and I'm gonna put a helmet on them. Okay? Great. Helmet.
How many times can I draw this while you're watching? You just want me to finish real quick. I know you do. All right. That'll do. That's the space helmet.
And what we can do is double click to go back into the, I'm gonna zoom out again as well. Double click to go to the background. And you can see it's applied to the actual original symbol, mc, Bob, and they've all got little space helmets on now. Okay? So if you ever have to go and edit a symbol, it might be the logo that you use more than once, or it might be some type you've turned into a symbol. What you need to do is double click it on the stage, okay?
Do your edits. Um, and then when you're finished, double click to go back or you can double click it here in your library and do the same. Just make sure you, when you're finished, end up back at scene one and without any of these little extras along here.
Or the clients come back and said, it's not a space alien unless it's got a space helmet on. Okay? Or a mustache or a hat or something else you want to add to it later on. So what we are gonna do is we're gonna go through and edit it. And there's two ways of doing it. There's one doing it in isolation mode.
So if I double click the icon in here, you'll notice that Bob ends up in the middle of my window with no, he's kind of like in the, uh, the matrix. He's kind of all by himself. And you can do your edits in here, okay? And that's one way of doing it. You can see I'm inside scene one, I'm inside mc, Bob and Mc Bob kind of by himself. I'm gonna go back to scene one.
What I prefer to do is double click on them in scene. 'cause then I can see him in relation to his buddies. And you'll notice that if I double click to go back to the same one, he's got a bit of alpha applied to him. So he's a little bit transparent. But when I double click it to go inside, he goes back to full. Um, you know, his full kind of original state.
And that's fine. 'cause when I come back out, he'll go back to his alpha. But when I'm in here, right, I'm going to zoom in a little bit, okay? Remember that's command plus or control plus on a pc, I'm gonna move across and I'm gonna add a helmet to 'em by using the same tool. What should I use? I use the pencil tool.
Go back to my libraries. It's gonna be a white line. How thick is it gonna be? That's a bit thick. Maybe down to something like four. Okay?
And I'm gonna make sure that I can't see, I drag it here. I'm gonna make sure it's on smooth. Make sure it's on this, uh, a hundred and I'm gonna put a helmet on them. Okay? Great. Helmet.
How many times can I draw this while you're watching? You just want me to finish real quick. I know you do. All right. That'll do. That's the space helmet.
And what we can do is double click to go back into the, I'm gonna zoom out again as well. Double click to go to the background. And you can see it's applied to the actual original symbol, mc, Bob, and they've all got little space helmets on now. Okay? So if you ever have to go and edit a symbol, it might be the logo that you use more than once, or it might be some type you've turned into a symbol. What you need to do is double click it on the stage, okay?
Do your edits. Um, and then when you're finished, double click to go back or you can double click it here in your library and do the same. Just make sure you, when you're finished, end up back at scene one and without any of these little extras along here.
