Blog Post
LizzieAngell
4 years agoCommunity Member
Hi All
Here is my entry this week - all about the colours of the rainbow.
Took a while to make the drag and drop
https://360.articulate.com/review/content/266e8996-3611-4af4-a31d-d313d66fb824/review
enjoy
Here is my entry this week - all about the colours of the rainbow.
Took a while to make the drag and drop
https://360.articulate.com/review/content/266e8996-3611-4af4-a31d-d313d66fb824/review
enjoy
- ColetteMichaud4 years agoCommunity MemberThis is brilliant ! The work on the drag and drop was worth it.
- KellyCook-8489a4 years agoCommunity MemberLizzie, this was awesome! The theme was beautiful throughout and such out of the box thinking on those interactions. The drag and drop for the colors, I am totally stealing for something! I loved the way the colors came in at the beginning and the end. This was inspiring, thanks!
- LizzieAngell4 years agoCommunity MemberThanks kelly and Colette :)
- MicheleMiner4 years agoCommunity MemberThis was so creative! I really liked the drag and drop and how the colors displayed.
- MollyFisher-dd04 years agoCommunity MemberI love this!! The drag and drop was my favorite as well, so creative.
- JulieGroscla9084 years agoCommunity MemberReally subtle and nice example :)
- CarolBeach-bcd54 years agoCommunity MemberThis is very impactful! Each interaction gives us a different context - particularly the hotspot. Beautiful work! Roy G Biv would be proud!
- kathrynbrown-2d4 years agoCommunity MemberI really liked this!!! Great job! Do you mind sharing the file so I can see how you animated the colors to come in like that. Thank you!
- LizzieAngell4 years agoCommunity MemberI'm sorry I would, but I have no where to host it at the moment.
The colours are all parallelogram shapes and the timings are staggered:
violet is set to be the background
indigo comes in at 0.25secs animation fly in over 1.50secs
blue comes in at 0.5secs animation fly in over 1.25secs
green comes in at 0.75secs animation fly in over 1.00secs
yellow comes in at 1.00secs animation fly in over 0.75secs
orange comes in at 1.25secs animation fly in over 0.5secs
red comes in at 1.5secs animation fly in over 0.25secs
the white I set to fade in over 0.75secs as it helped smooth out the end part of the animation.
Hope this helps