Low Poly Landscapes: Blender Bite Sized Course
A concise, project-driven course that equips you to craft interactive, high-performance HTML5 banner ads using Adobe Animate CC.
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
- Clear progression from basic tweens to advanced interactivity
- Real-world packaging guidelines for major ad platforms
- Emphasis on optimization ensures fast-loading banners
- Limited coverage of SVG animation workflows
- Assumes Animate CC subscription; no free-tool alternatives discussed
Specification: Low Poly Landscapes: Blender Bite Sized Course
|
