Bringing Your Website to Life with Edge Animate

In this series of tutorials, we'll be adding parallax scrolling and responsiveness to a website using Edge Animate. Software required: Edge Animate.
Course info
Level
Beginner
Updated
Jul 21, 2014
Duration
1h 0m
Table of contents
Description
Course info
Level
Beginner
Updated
Jul 21, 2014
Duration
1h 0m
Description

In this series of tutorials, we'll be adding parallax scrolling and responsiveness to a website using Edge Animate. We'll start by referencing sketches from our client to know what it is they want their site to do. We'll pull in elements to help us build our site and take a look at how we can sample colors from elements to create color swatches. Then we'll go over how we can create animations that are controlled by scrolling and what we can do with animation to create the illusion of parallax. We'll also take a look at ways we can make our site responsive to the size of the browser window by adjusting stage settings and the relationship of elements in our project. Finally, we'll finish by adding some interactivity to our site with a small line of JavaScript. Software required: Edge Animate.

About the author
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.

More from the author
Illustrator CC Creating Business Collateral
Intermediate
54m
Dec 14, 2017
Designing a Proper Invitation in Illustrator
Intermediate
1h 48m
Dec 26, 2015
More courses by Alex Hernandez
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
Hello I'm Alex with Visual Tutors. In this series of tutorials, we'll be adding parallax scrolling and responsiveness to a website using Edge Animate. We will start by referencing sketches from our client to know what it is they want their site to do, we'll pull in elements to help us build our site, and take a look at how we can sample colors from elements to create color swatches. We'll go over how we can create animations that are controlled by scrolling, and what we can do with animation to create the illusion of parallax. We'll also take a look at ways we can make our site responsive to the size of the browser window by adjusting stage settings and the relationship of elements in our project. We'll finish by adding some interactivity to our site with this small line of JavaScript. So, let's go ahead and get started by setting up our project.