Your First Day in Edge Animate
In this series of tutorials, we will be getting familiar with what you can do in Edge Animate. Software required: Edge Animate, HTML5.
What you'll learn
In this series of tutorials, we will be getting familiar with what you can do in Edge Animate. We'll start by getting acquainted with the tools and panels in Edge Animate. Then we'll learn how to create elements on our stage and add keyframes to their properties to create animations along the timeline. We'll talk about ways to improve the movement of our animations like creating motion paths and adding easing to our keyframes. We'll go over how we can import elements to our project such as logos and graphics as well as explain how to add interactivity to these elements by creating actions. As well, we'll go over how to change the appearance of the cursor to help the viewer understand what to expect from the element. then we'll create responsiveness for our project so the browser size controls the appearance of our site, and we'll wrap it up with figuring out how to work with HTML5 video in our site. Software required: Edge Animate, HTML5.
Table of contents
- Getting Familiar with Our Tools 10m
- Bringing Elements to the Stage 8m
- Animating Our Web Banner 9m
- Adding Interactivity to Our Web Banner 7m
- Creating a Responsive Layout 10m
- Creating a Site with Multiple Pages 9m
- Using HTML5 Video with Edge Animate 5m
- Creating a Full-screen Background Video for Our Project 6m