What will you learn in Low Poly Landscapes: Blender Bite Sized Course
-
Set up Adobe Animate for HTML5 canvas banner ad creation
-
Master timeline animation: keyframes, tweens, easing, and motion paths
-
Integrate assets: importing vector/bitmap graphics, embedding fonts, and optimizing for web
-
Add interactivity with JavaScript: click tags, event listeners, and exit handlers
-
Export and package responsive HTML5 banner ads compatible with major ad networks
Program Overview
Module 1: Course Introduction & Animate Setup
⏳ 30 minutes
-
Topics: Installing Animate CC, workspace layout, HTML5 canvas document settings
-
Hands-on: Configure your first canvas document for a 300×250 banner
Module 2: Drawing & Asset Import
⏳ 45 minutes
-
Topics: Vector drawing tools, symbol creation, importing Illustrator/Photoshop assets
-
Hands-on: Create and organize artwork symbols for reuse across frames
Module 3: Timeline & Tweening Basics
⏳ 1 hour
-
Topics: Classic vs. motion tweens, shape tweening, easing presets
-
Hands-on: Animate a logo reveal sequence using motion tweens and easing
Module 4: Advanced Animation Techniques
⏳ 1 hour
-
Topics: Mask layers, nested symbols, motion paths, frame scripts
-
Hands-on: Build a multi-layered text animation with mask-driven reveals
Module 5: Interactivity with JavaScript
⏳ 1 hour
-
Topics: CanvasJS API, export() structures, clickTag implementation, custom event handling
-
Hands-on: Add a clickable “Learn More” button that opens a tracking URL
Module 6: Responsive & Dynamic Banners
⏳ 45 minutes
-
Topics: Responsive resizing scripts, dynamic text/image replacement for A/B testing
-
Hands-on: Implement a simple width-based scaling function for mobile-friendly banners
Module 7: Optimization & Performance
⏳ 45 minutes
-
Topics: Asset compression, sprite sheets, lazy-loading techniques, reducing file size under 200 KB
-
Hands-on: Convert frame-based animation to sprites and test load times
Module 8: Exporting & Ad Network Packaging
⏳ 30 minutes
-
Topics: Publishing settings, embedding libraries, ZIP packaging with requisite HTML/CSS/JS
-
Hands-on: Export a fully packaged banner ready for Google Display & DoubleClick
Get certificate
Job Outlook
-
HTML5 banner ad skills are in demand for roles like Motion Designer, Ad Technologist, and Digital Marketer
-
Freelance rates range $30–$75 per banner; in-house roles average $50,000–$70,000 annually
-
Mastery of Animate and ad standards accelerates work in agencies, media firms, and e-commerce teams
Explore More Learning Paths
Enhance your 3D modeling and landscape design skills with these hand-picked programs designed to help you master Blender and create engaging low-poly environments.
Related Courses
-
Blender 2.8 Character Creation Course – Learn essential character modeling techniques, including rigging, texturing, and animation in Blender 2.8.
-
Architectural Design & Animation in Blender 4.x Course – Explore 3D architectural modeling and animation workflows using Blender’s latest features.
-
Absolute Beginners 3D Character in Blender Course – Start from scratch and create your first 3D characters with guided, hands-on exercises.
Related Reading
Gain deeper insight into how structured knowledge enhances 3D design workflows:
-
What Is Knowledge Management? – Discover how organizing and applying Blender design knowledge improves efficiency, creativity, and project outcomes.