Software & Technologies
Parallax scrolling adds a bit of a storytelling element to web designs while providing a touch of depth and interactivity to otherwise static sites. Adding parallax scrolling and animated text effects to a web banner is a great way to engage the attention of site visitors and inspire them to explore it further.
You can create parallax scrolling by synchronizing a scroll bar with a timeline in Edge Animate CC to deliver an interactive animation in which the viewer can use the scroll bar to control the composition. It’s a fun exercise in interactivity, animation, and storytelling.
Edge Animate Bug
Note that it was brought to my attention that the project files no longer work with the current version of Edge Animate. Upon further exploration, we discovered what appears to be an Edge Animate bug – the ‘scroll’ event no longer fires on the main timeline of the composition. The result is that the parallax scrolling template fails to work.
**This article has been retired along with other Adobe Inspire Magazine content. (December 2015)
Companion videos for the article are still available on Adobe TV, at the following links:
Edge Animate CC: Parallax Banner: Part 1 (5 min)
Edge Animate CC: Parallax Banner: Part 2 (8 min)
Edge Animate CC: Parallax Banner: Part 3 (8 min)