Help with Parallax Effect

Aug 05, 2016

Hello !Is there a screenr video on how to create the parallax effect? I created two sliders. I'm struggling trying to figure out how to get the background slider  to move.  I'm using Motion Path but I don't think that's right. (Attached is my SL file.)

2 Replies
Jerson  Campos

Hi Michelle,

I took a look at your file and hopefully achieved the look you were going for.  

Here is what I did. 

  • I removed the animation path on the forest image.
  • I increased the range of slider 1 from 5 to 100 (smoother animation).
  • I increased the range of slider 2 from 5 to 100 (and renamed it Background).
  • I widened the  background slider so that the image will move left and right but stay within the slide area.
  • I added a simple trigger. Set Background Slider equal to value of Slider 1 when slider 1 changes. 

Let me know if you have any other questions.

If you have a graphic designer on site, I would suggest separating the background trees from the foreground trees and adding it as one more slider.  Decrease the slider width add the same trigger and you would have a really cool parallax effect.

 

This discussion is closed. You can start a new discussion or contact Articulate Support.