Simple play icon Course
Skills Expanded

Getting More Responsiveness from Your Page in Edge Animate

by Alex Hernandez

In this Edge Animate tutorial, we'll take a look at different ways to make your Edge Animate project responsive to the size of a browser window. Software required: Edge Animate CC 2014.1.

What you'll learn

In this Edge Animate tutorial, we'll take a look at different ways to make your Edge Animate project responsive to the size of a browser window. We'll start by using some simple techniques to change the values of elements to scale position and size depending on the size of our stage. Next we'll begin working on more complex ways to make our page responsive. We'll create separate layouts in our timeline for the various browser window sizes. Then we'll create actions and add code that will tell our page what to do when it detects the different browser sizes. By the end of this Edge Animate training you'll have an understanding of how to make your project behave responsively without having to shrink your content. Software required: Edge Animate CC 2014.1.

About the author

Alex is a motion graphics author at Pluralsight. Starting out his career in illustration and design gave Alex a firm foundation in the more traditional forms of art. As he refined his skills, he eventually was pulled into the world of motion animation, as well as product design. It was there that Alex was able to take his artistic skills to new heights and really develop himself as a well-rounded CG artist. Whether you need a better workflow for building website layouts, or a crash course in... more

Ready to upskill? Get started