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

Crisp Text 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

In this video were going to talk about how to get really crisp type in adobe animate. So when you're dealing with large fonts this doesn’t really apply, its when you get down to the smaller body copy or t’s and c’s that you need to add to an ad.

Now lets say I grab my type tool, I'm going to type in, lets go t&c’s so I'm going to make it very small. I'm going to get down to maybe, well do a couple of tests, well do a 12pt and I'm going to leave you like that and I'm going to make a duplicate of it, so just copy and paste this one. now what were going to find out is this one here is positioned, you can see its x and y position on the document. So its across x amount, so 379.95 and its down this much. Now the trouble with that if you have these crazy numbers, ill add a few extra just to make it even. So what ends up happening, is that, because they don’t sit on a pixel they're half way through, these are pixel measurements. They tend to get a bit blurry. So these ones here I'm going to make sure you are at 00 and same with this one here 00. It’s not going to be a huge difference but it might be fact where the clients coming back and say hey, its not looking nice. I'm going to make two sizes of these, just to compare the two. So even smaller, this is getting allegible now but I'm just going to make sure you're on the pixel and you are not.

And the thing to know is you cant test in adobe animate because adobe animate is going to show you its actually quite legible here, I know its quite small but its quite good quality in here. You can read the word t&c’s, what you want to do is be testing in the browser, so remember I'm going to hit command return. Preview in my browser, bring it down from here. And what well do is, can you see it’s a little bit hard to see, but you can see this one here, they're exactly the same size but this one here is slightly more legible. Can you see the top of the T bar, is a lot more legible than that one. They're both too small to use, but when you get down to these smaller file sizes or font sizes. You make sure they're on whole pixels, you will get crisper nicer text. And that’s true for any web design so if you're doing stuff from Photoshop for web or illustrator designing for web, make sure they're on whole pixels and you'll get a crisper edge coming out here.

Alright that’s it for making crisp text in adobe animate, not flash.

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