This is super slick, Phil! I like how you've made it seems like the fruit on the left-hand side goes off the slide. And I love how you've hidden the navigation buttons unless you however over them. Looks super sleek and modern! Thanks for sharing the source file with the community! I'm sure people will get great use out of it.
This is seriously good stuff Phil. I think I know what you used for inspiration. More and more I use advertising and product sites for design inspiration.
Thanks Nancy, I have had the image in my head for a while now with the idea being to build something.
Now the honest part, i built this interaction for a client (at their request) but when delivered it was obvious it didn't fit their content. I got permission to unbrand and repurpose and have now used it in two different things in 2 days!
I have done the customization in Storyline 360. I used JavaScript for that.
Following customization are possible in Storyline 360:
Change player background color. Change player button icon colors. Change next button color when timeline ends of particular slide, whenever you want to change color of next button.
Thanks, Phil. I love grids. I can see a whole bunch of uses for this. Say, if you had a puzzle theme in your course, and the learner clicks on each part of the grid to find the key to the puzzle.
Oh, the things I could do if I had your e-learning chops!
34 Replies
Beautiful Phil! The nine grid could be made into a matching game with one free space. May we reuse the animation?
Of course let me clean up the file and I will post it
Sent from my iPhone
And thank you
Sent from my iPhone
Nice effect!
Here is the file
This is super slick, Phil! I like how you've made it seems like the fruit on the left-hand side goes off the slide. And I love how you've hidden the navigation buttons unless you however over them. Looks super sleek and modern! Thanks for sharing the source file with the community! I'm sure people will get great use out of it.
Thanks Allison I was happy how it came out, my design inspiration is hidden in the source file!
Aha! I'll have to download it and check it out :)
This is seriously good stuff Phil. I think I know what you used for inspiration. More and more I use advertising and product sites for design inspiration.
Thanks Nancy, I have had the image in my head for a while now with the idea being to build something.
Now the honest part, i built this interaction for a client (at their request) but when delivered it was obvious it didn't fit their content. I got permission to unbrand and repurpose and have now used it in two different things in 2 days!
At least you got to use it. I often build fancy stuff that never ends up being used.
yes, I thought the way the flip worked was too good to throw away!
That was enjoyable! Thank you for posting and sharing the source file.
That was pretty amazing. Thank you for sharing Phil!
I always love seeing your projects. Keep pushing the limits!
I am just starting out with Articulate, it is inspiring to see great pieces of work like this. Cheers.
I have done the customization in Storyline 360. I used JavaScript for that.
Following customization are possible in Storyline 360:
Change player background color.
Change player button icon colors.
Change next button color when timeline ends of particular slide, whenever you want to change color of next button.
Wow, so awesome!
What would be some good practical applications for this besides a matching game?
I like this a lot! Thank you for sharing. The motions really give it life. Thinking of how I might apply your techniques.
Hi Adena thanks, it should be simple to repurpose. I have used in 3 courses since building it. Easy to move and resize. Any problems let me know.
Sent from my iPhone
you can use to reveal text
Love this one, Phil. I just added it to our Downloads hub. Thanks so much for sharing your work with everyone!
Thanks Trina
This is awesome.
Thanks, Phil. I love grids. I can see a whole bunch of uses for this. Say, if you had a puzzle theme in your course, and the learner clicks on each part of the grid to find the key to the puzzle.
Oh, the things I could do if I had your e-learning chops!