From the course: Web Motion: Create an Animated Banner Ad
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Assembly in Edge Animate - Edge Animate Tutorial
From the course: Web Motion: Create an Animated Banner Ad
Assembly in Edge Animate
With the assets created we can now concentrate on pulling the project together. At this stage of the process I could now open up a coding application like Codus, Sublime Text or even DreamWeaver and start creating the page writing the page that makes things move. That won't happen here because coding at that level is way out of the scope of this series. This is a beginners series. And a visual web editor like Edge Animate will get you going with web motion graphics by letting you actually see how things work in the project or move from here to there. With that out of the way, let's get started. Launch Edge Animate and select Create New. This will open the interface. Now before we start, let's understand how this application works. It really is a visual web editor. Everything you add or change, including the stage, will be placed in the CSS div. And you can see that right here, if I select the div in the elements panel, you can see that it is the name of the stage but it really is a…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
Project overview and plan2m 20s
-
(Locked)
SVG graphics creation in Illustrator6m 35s
-
(Locked)
PNG graphics creation in Photoshop7m 25s
-
(Locked)
Assembly in Edge Animate7m 7s
-
(Locked)
Create a three-state button in Edge Animate7m 9s
-
(Locked)
Add interactivity in Edge Animate9m 26s
-
(Locked)
Test and output6m 21s
-