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

Adding Static Text Boxes in Adobe Animate for HTML5

This lesson is exclusive to members

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

Hi, in this video were going to look at adding text into adobe animate. Now if you feel like hmm, maybe I could skip this one, it seems basic. Don’t for this one because there's some weird things that go on with flash (adobe animate) that will cause you problems. Sorry, not flash, I promise to stop calling it flash, it looks so much like flash. Adobe Animate, you need to make sure before that you can run into problems later on.

So what were going to do is we’re going to go into file, open and were going to open up this one called type and fonts. And all I've done here is I've created a little background, I've locked it, I'm going to make a new layer, I'm going to call this one type. And it’s always good to keep everything on its own layer. If you get to a point where you have 20 layers, don’t worry. It’s typical for Adobe Animate to have these separate layers. So I've got my type layer. I'm going to grab the type tool, I've picked a font, I've picked a weight, this is how heavy my one is, 100. Size wise, lets guess it, say 30 and mines going to be a colour of white, you can pick any colour you like. I'm going to click once and I'm going to put in ‘dude I need some space, I'm going to put a return after there to get it settled in there. I'm going to bump the font size up, you can see here you can click here and type it or you see what I was just doing, I was clicking, holding and dragging to the right to get a more appropriate size. Move tool, and put it back here.

The thing you have to make sure is you're using this one called static text. If I use static text, everything is going to be perfect. What happens is, just so you know, is that the font gets outlined, so what happens is it gets smashed into shapes that resemble letters so that you have no problem when it comes to delivering it on a website. You don’t have to have the font, so that’s perfect. But if I use dynamic text, say this one here, depends on what you used last whether it’s going to switch to dynamic text or static text. Dynamic text, if I do the same sort of thing, click down here and I go ‘more info’ if yours does this, can you see mine breaking this kind of width. I have to drag it bigger so I can fit in here. It’s a problem with dynamic text box. I'm going to put him down here, I'm going to make the font size smaller, great.

The only trouble with this is if I go and preview it in a browser, so I'm going to save it and I'm going to go to my control test, it loads up in a different window. I'm going to drag it down here for you. Can you see, this one here, you can see they're both broken, what happened is somehow I went and changed that from dynamic text to static text. So that ones dynamic and that ones static. So were going to publish again and I'm going to use my shortcut, command return and you can see this ones come through as my nice font because its not actually looking for this font, this is just in our picture of text. This one here is actually going off and trying to find the font that I was using called musio and that can be a big problem. If you are having problems when you're going out to production, it’s probably because you’ve used dynamic text instead of static text. Dynamic text tends to be where people input text themselves. So you might have a field that says name and you use a dynamic text field for them to be able to enter their own name in. so we wont use that very much, or you wont sue it at all when you're banner advertising. So, goodbye dynamic text, make sure, hello static text.

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