2014
Digital Tutors
Alex Hernandez
0:54
English
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.
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 a small line of JavaScript.
1 Introduction and project overview
2 Setting up our project
3 Creating the second content area for our site
4 Creating our third content area for our site
5 Creating a transition between content areas
6 Adding our second transition area
7 Making our site responsive
8 Adding finishing touches and interactivity
Download File Size:202.73 MB