Join Joseph Labrecque for an in-depth discussion in this video Laying out the ad document, part of Adobe Animate CC: HTML5 Canvas and WebGL.
- Flash Professional has always been a great tool…for creating web-based ads.…With expanded platform support in Flash Professional CC,…we can now produce ad content using the exact same tools…for Flash Player, HTML5 Canvas, or WebGL.…For this project, we'll target GPU Accelerated WebGL,…repurposing the content produced earlier.…So the first thing I'll do is create a new WebGL document.…In the Properties panel, I'm going to change its size…to 728 by 90, which is one of the standard ad banner sizes.…
Let's center that and change the stage color,…so it's nice and dark.…Alright, first thing we need to do is save this.…We'll do File, Save, and inside our empty project folder,…we'll call this InteractiveBanner. And Save.…We can tell this is a WebGL project,…because it says so right here, in the tab.…Now what we'll need to do is start importing…and positioning different pieces of content.…So, let's go ahead and do a File,…and let's open up our completed assets…from our exercise files,…and now that that's open, we can pop back over…
This course focuses on using Flash Professional CC to create a shared pool of content for a set of related projects: an HTML5 video, an interactive ad, and a simple web-based game. Author Joseph Labrecque shows how to use Flash's familiar toolset to build and manage assets that fit into a modern web publishing workflow.
- Using code snippets and actions
- Assembling and animating a scene for video
- Rendering the video
- Programming a game in HTML5 Canvas
Skill Level Intermediate
1. Working in HTML5 Canvas and WebGL
2. Animating HTML5 Video
4. Programming a Game in HTML5 Canvas
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.