From the course: Web Motion: Create a Parallax Effect

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Parallax and depth of field in Edge Animate

Parallax and depth of field in Edge Animate

From the course: Web Motion: Create a Parallax Effect

Start my 1-month free trial

Parallax and depth of field in Edge Animate

As you have seen during this expiration of the parallax effect, motioning and layering can be a very effective method of creating the illusion of depth. Another method is to use motion and depth of field to create the parallax effect. This is a common photography technique, where objects in either the foreground or background of a photo are blurred. We're going to explore this technique in this exercise, and instead of a top-down view, we're going to put our feet on the ground and visit an old mill in Northern Ontario. To get yourself started, open the parallax.an file, found in the animate folder in your download. Now this project, as you can see, already contains motion, but I think it is important that we discuss how the various bits and pieces of this project came together. So we're going to pop over to Photoshop to sort of explain how all of this came together. The images are actually from three separate photographs. The cliff face was from an image taken this past summer in…

Contents