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

Next

Animate - HTML5 Banner Advertising in Adobe Animate.

Introduction - Making HTML5 Banner Ads

Daniel Walter Scott || VIDEO: 1 of 53

Download Exercise Files

Contents

Overview
- 1. Introduction - Making HTML5 Banner Ads FREE
- 2. What We'll Be Making in Adobe Animate FREE
- 3. Exercise Files for our HML5 Banner Ad Tutorial FREE
Industry overview
- 4. SWF to HTML5
- 5. What is HTML5
- 6. Where did Flash and Adobe Edge Go
- 7. The Various Ways to Create HTML5 Banner Ads
- 8. Roles - Designer vs Coders
Drawing tools
- 9. Background Colour and Shape Problems
- 10. Layers and Polystar Tools
- 11. The Pencil Tool and Vector Brush Libraries in Adobe Animate
- 12. Free Transform Tools in Adobe Animate
Color
- 13. Using Brand Colours and Adobe Color FREE
- 14. Gradient for HTML5 Banner Ads in Adobe Animate FREE
Shape tweens
- 15. Shape Tweens and Previewing in Adobe Animate
- 16. Shape Tween Project in Adobe Animate
Warnings & errors
- 17. Warning Frame Numbers in EaselJS Start at 0
Width tool
- 18. Width Tool in Adobe Animate
Class tweens
- 19. Creating Symbols and Instances in Adobe Animate
- 20. Adjusting Symbol Instances in Adobe Animate
- 21. Editing Symbols in Adobe Animate for HTML5
- 22. Naming Instances in Adobe Animate
Fonts
- 23. Adding Static Text Boxes in Adobe Animate for HTML5
- 24. Crisp Text in Adobe Animate for HTML5
Create a banner ad
- 25. Making a HTML5 Banner Ad Using Classic Tween in Adobe Animate
- 26. Applying Easing to Your Banner Ad in Adobe Animate for HTML5
Images
- 27. Vector vs Bitmap
- 28. Bring in from Photoshop and Illustrator to use in Adobe Animate
- 29. Converting Bitmaps to Vectors in Adobe Animate for HTML5
- 30. Image Slideshow for HTML5 in Adobe Animate
Nested animations
- 31. Nested Animation - Animation Inside Symbols in Adobe Animate and HTML5
Sound
- 32. Working with sounds in our advertisements
Project
- 33. Mini Project
Buttons
- 34. Buttons for HTML5 in Adobe Animate
Masking & infographics
- 35. Basic Masks for HTML5 Banner Ads in Adobe Animate
- 36. Animating a Mask for HTML5 in Adobe Animate
- 37. Animating Infographics Line Graph in Adobe Animate for HTML5
- 38. Animating Infographics Bar Graph for HTML5 in Adobe Animate
- 39. Animating Infographics Pie Chart for HTML5 in Adobe Animate FREE
Bone Tool
- 40. Bone Tool in Adobe Animate for HTML5
Stop looping with JS
- 41. Get the Animation to Stop Looping using JS and HTML5
Motion tweens
- 42. Motion Tweens vs Classic Tween in Adobe Animate
- 43. How to use a Motion Path in Adobe Animate for HTML5
Keeping file size down
- 44. What Counts Against File Size in HTML5
- 45. Image Compression in Adobe Animate for HTML5
Publishing
- 46. What You Need in the End
- 47. Clicktag or Click Through
- 48. CreateJS
- 49. HTML Templates for HTML5
- 50. Publishing Adobe Animate to Doubleclick with HTML5
- 51. Publishing via Adwords GDN with HTML5
- 52. Publishing Adobe Animate to Sizmek
Conclusion
- 53. What Next

Introduction

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.

Comments

Video transcript

This course is for people that are struggling with the world of html 5 banner ads, it’s a bit of a mixed up world at the moment so I'm going to iron it all out and show you exactly step by step what to do.

I built this course for the visual person, for the right brain person, we’ll look at the design side with all the features that you can and cant do with html 5. Well look at file size and how to keep it nice and small and well go through all of the publishing which is probably the most tricky for people that are self taught. To go out to all the different ad networks, including things like Google double click, the Google Adwords GDN network and Sizmek

Now this course is not for coders or developers. This is for creative, for the visual people, for the designers, if you want to make some beautiful banner ads that work, follow me.

Powered by instructorHQ v4
Terms of use Privacy policy
© Bring your Own Laptop Ltd 2023