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

Adjusting Symbol Instances 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

You need to be a member to view comments.

Join today. Cancel any time.

Sign Up

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

Download Exercise Files

Transcript

Alright, in this video were going to look at adjusting our instances, so in our library here is our Mumma Bob, actually its Poppa Bob. And he is what’s called a symbol and over here are his instances or his children, so we want to style these children so they all look different. Were going to do it with these guys but it might be that say you want to do things when you’ve got instances and there's hundreds of them or thousands of them, say rain drops or snowflakes. You want them to be the same but have slight variations of them. And that’s what we’re going to do now is go and do some variation.

Now what you didn’t see, was in the video, I got halfway through showing you this already and it crashed. Why? It was because I was flipping between some filters really quickly and my machine went and died. So it brings up a good point. It does have an auto recovery; you must give it a name to start with. If it’s called untitled it doesn’t work very well so you need to at least save it once in the beginning and then it will auto recover. The only trouble is that it only does it every 10 minutes. I was only about 4 minutes into my little demo before it went and died. So I'm going to go straight ahead and adjust it. So under adobe animate and under preferences, if you're on a pc it’s under edit and way down the bottom here should have preferences. Or it should be somewhere. Animate CC, I'm going to go to preferences. And were going to switch to general and auto recovery. You definitely want this on but I'm going to turn mine down to every 2 minutes. Just so I don’t lose so much, I lost that whole 4 minutes of my animation there. The only problem with this is that its going to be a little bit more system demanding and its going to flicker and pause when its doing an auto recovery but hey ho, you decide what works for you.

Alright, so lets go off and start styling these guys. So there's a few easy things that we can do to make them look different. The scale is one of them, so I'm using my free transform tool and I'm going to click hold and drag it out. So I've got a few different fellas in here, you can be there. You can be that size, and you can be small. I'm going to copy and paste one of them so I've got a fifth one. a small guy at the font. So it’s giving it a feel of depth, so this guy may be further away because he’s smaller. Another thing you can do with the free transform tool is obviously rotate them, so that’s something you can do with different instances to make them look a little different. So as I say if this is your snowflake’s you can rotate them around so they all weren’t looking exactly identical. Great, so there's the couple of things we can do.

The next ones we can do is I'm going to go back to my selection tool, I'm going to click on say this one here is under properties, if you're under library go back to properties. Under colour effect, there's one called style, brightness, not really used, just makes it lighter and darker. I don’t find that particularly useful. Go back to 0. This one here, tint changes the colour of it. This is great when you want to change the full colour but it does a bit of a weird thing where you can see it overlays my eye. It’s not a particularly great way of doing colour effects. You can lower the tint, so it’s just a hue over the top. Can you see it’s a bit green. Same with this one here, go to tint, ill pick blue. You can see I can kind of tint them a little bit but you might find useful for it, it’d be great for our snowflakes again or our raindrops or something else that’s a little bit more generic.

The other thing we can do is I'm going to click on this guy and were going to skip advance and go to alpha, alpha is how see through it is. It’s defaulted to 0. You might have to drag yours up or down. But you can see if I make it 50% see through, I can actually start seeing through this guy here. He’s the ghost version at the front there. One thing you can’t do is, well you can but watch this. If I select this guy. I already know he’s got a tint applied to him, I can’t do the alpha at the same time. It switches between alpha and tint. If you want to do both of them you go to advanced. And advanced gets really nerdy but it allows you to do the colour one and there's your alpha there and you can lower it down so you can do tint and alpha at the same time.

Alright so that’s some of the things. Lets look at this one here, I'm going to get rid of the tint. I want it to be, oh it crashed again. Alright, lets see how far it went back, lets reopen it. Because it was auto saved and I took it down to 2 minutes, it’s going to try and restart it. Lets click yes, did I lose much? I didn’t did I, I'm doing alright. So that’s the reason we have auto recovery. Lets hit save to make sure I saved it, you need to save often especially when it’s crashing. Mine doesn’t tend to do this, I don’t fiddle around with these colour effects very often but it seems to be messing up with my machine this morning.

Alright, we’re back, so the last thing I want to show you is we’ve played around with the colour effects, the size, and rotation, now were going to play around with some of the filters down here. So I'm going to click on this guy here, the big guy and under filters, you might have to twirl it down. I'm going to hit this little drop down here and there's one in here called blur. So there's a few, I can make him glow, he’s got a red glow behind him, its not quite big enough I might have to make it bigger so you can see it. See the red glow, he can be different that way. I'm going to grab this guy and actually apply blur. I like the blur one, it makes it feel like he’s maybe really close so I'm going to do this guy, I'm going to add a second one to do blur, and I'm going to crank it up. So it feels like he’s out of focus depth of field wise, and he’s really close to the camera.

So you can play around with any of these filters, they're available in here and it just means that you can have one primary symbol and mc Bob, and lots of his instances and they only load one mc Bob but all of his instances can be transformed to look quite unique keeping the file size nice and low.

  • Powered by Marvin
  • Terms of use
  • Privacy policy
  • © Bring your Own Laptop Ltd 2024