In this section, I tried to explore on fade effect when scrolling the page. It is quite complicated because it may need to count to get the exactly perfect effect.
First I created a PNG image in Adobe Photoshop. The image is a gradient which transparent at above and white colour at bottom. In Adobe Muse, I overlaid this PNG image to the image that I want to have fade effect. I setted up the scroll motion for the image in speed 0.5 to move up. Yet for the PNG, I turned on it's scroll motion effect and setted it up in high speed, around 7, to move up both in before key and after key. Yet after some adjustments, finally the fade effect work well with well-speed-and-positioned-transparent-image.
The video below shows the result of the fade effect I have explored.
No comments:
Post a Comment