Within Adobe Muse, there are some really creative ways to add movement to your website known as scroll effects. These usually take the scrolling feature of your mouse to play with the movement of different assets within the webpage. After creating a plan for my website, I already knew that I wanted to incorporate this feature into the History page where the scroll feature would allow the user to scroll through the company history and see where it started. After a search on YouTube, I came across this video which was coincidentally by the same author of the Responsive Design video. Here it is:
From this video, it taught me how to incorporate these scroll effects into the design my website. Using the Scroll effects tab on the right-hand side menu, I will be able to select an object that I want to have animation and check the motion box. By doing this I am able to establish the key position of the object, meaning the position it starts at and also gives me the ability to state the direction and speed the animation occurs, which is defined by the scroll rate, meaning that if the speed is at 2, the animation will play through on the website in the browser at twice the speed of scroll. These rule also apply to the existing animation of the object during the period it animated out, the exit direction is defined as well as the speed allowing to fully animate in then out again.
Following from this, I will also be able to control the opacity of object through the use of the scroll functionality, this is done in the exact same way, however, the start and end point need to be defined denoting what the starting opacity will be and what the ending opacity will be. I feel that this coud be useful within the history page as I want it to fade in from right to left and exit the same way, by perfecting the opacity I will be able to add smoothness to the animation, thus increasing the quality.
Leave a comment