One of the new features I really like in Adobe Muse is Fullscreen Slideshow which provided by Widgets Library. As its name, this slideshow will stay on the whole screen of users. In this exploration, I will use this Fullscreen Slideshow as the background of the site. When the users scroll, the background/slideshow will also changed followed the setting I have already setted.
First I used different icons to represent different section in the site. Each section will be heighten around 1000 pixels. Then I created some 100 pixels x 100 pixels different colours squares in Adobe Photoshop. Back to Adobe Muse, I inserted the Fullscreen Slideshow from the Widgets Library. The slideshow cover the whole interface of page, so I arrange it to back by right click. After that, I clicked on the little blue play-button at the slideshow's right hand side which made the setting window popped up. I unticked Auto Play, Enable Swipe and the Parts Display. So the slideshow would not auto playing the images and all the navigate buttons of the slideshow also disappeared. Then I added those colour squares to the slideshow. I just can see one colour, means one colour image at the slideshow. But if I select to view the Layers in Muse, I can see the elements that all inside the page. I confirmed that I already clicked on the slideshow and ticked on the Slideshow under Scroll Effects setting window. To make the slideshow work well at background, I unticked the Autoplay selection and chose Switch slides every 1000 pixels because each section lengthily around 1000 pixel. If I scroll down 1000 pixels already, then the slideshow will change to another slide. Yet to make the background/slideshow smoother, I setted the key position as -300 pixels, means 300 pixels before reaching to 1000 pixels, the slideshow will change.
For better explanation, I have recorded down the going through video.
No comments:
Post a Comment