Low Poly Landscapes: Blender Bite Sized Course Syllabus
Full curriculum breakdown — modules, lessons, estimated time, and outcomes.
Overview: This bite-sized course offers a focused, project-driven introduction to creating interactive, high-performance HTML5 banner ads using Adobe Animate CC. Designed for beginners, it guides you through a complete workflow—from setting up your first canvas document to exporting fully packaged ads ready for major networks. With hands-on exercises in each module, you'll build real banner ad components while learning optimization best practices. Total time commitment is approximately 6 hours, making it ideal for designers looking to quickly gain in-demand ad development skills.
Module 1: Course Introduction & Animate Setup
Estimated time: 0.5 hours
- Installing Animate CC
- Workspace layout
- HTML5 canvas document settings
- Configure a 300×250 banner document
Module 2: Drawing & Asset Import
Estimated time: 0.75 hours
- Vector drawing tools
- Symbol creation
- Importing Illustrator/Photoshop assets
- Organizing artwork symbols for reuse
Module 3: Timeline & Tweening Basics
Estimated time: 1 hour
- Classic vs. motion tweens
- Shape tweening
- Easing presets
- Animate a logo reveal with motion tweens
Module 4: Advanced Animation Techniques
Estimated time: 1 hour
- Mask layers
- Nested symbols
- Motion paths
- Frame scripts
- Build multi-layered text animation with mask reveals
Module 5: Interactivity with JavaScript
Estimated time: 1 hour
- CanvasJS API
- Export() structures
- ClickTag implementation
- Custom event handling
- Add clickable “Learn More” button with tracking URL
Module 6: Responsive & Dynamic Banners
Estimated time: 0.75 hours
- Responsive resizing scripts
- Dynamic text/image replacement
- Width-based scaling for mobile
- Implement mobile-friendly banner behavior
Module 7: Optimization & Performance
Estimated time: 0.75 hours
- Asset compression
- Sprite sheets
- Lazy-loading techniques
- Reduce file size under 200 KB
- Convert animation to sprites and test load times
Module 8: Exporting & Ad Network Packaging
Estimated time: 0.5 hours
- Publishing settings
- Embedding libraries
- ZIP packaging with HTML/CSS/JS
- Export for Google Display & DoubleClick
Prerequisites
- Basic familiarity with Adobe Creative Suite
- Access to Adobe Animate CC (subscription required)
- Understanding of web design fundamentals (optional but helpful)
What You'll Be Able to Do After
- Create responsive HTML5 banner ads from scratch
- Implement timeline-based animations using tweens and easing
- Add interactivity with JavaScript including click tracking
- Optimize assets and animations for fast loading under 200 KB
- Package compliant ads for major ad networks like Google Display & DoubleClick