Example
7 Things You Should Know About Customer Service
Since the majority of the projects featured on my portfolio currently are applicable to the education field, I decided to make this activity more corporate to better feature my range. I had a lot of fun making this little spinning selection dial in Storyline.
4 Replies
- TeresaIden-9681Community Member
I love how simple and clean your design is. The spinning dial made this very engaging! I, of course, also went to check out your portfolio and am impressed with your work. I'll be looking for more as I spend more time here!
- ElisabethGossCommunity Member
Thank you!
- MichaelSanch728Community Member
Great job on this! Any hints/tips on how you did this in Storyline?
- ElisabethGossCommunity Member
Thanks!
If I recall I made each number it's own slide. It could have worked the same way with layers but since I had imported the slides from powerpoint I just kept it as slides.
1. I had the large circle and all the numberd shapes grouped and each slide has 2 groups - one group is animated to spin in at the beginning of the timeline (a fast spin .25 seconds) and then disappear after the animation.
2. The second one (minus the top number shape) has the top number shape removed and appears at the same time so it feels like one object.
3. The large red shape appears at the same time as the second dial. It probably could have been achieved with states but for this use case just adding a new shape was easier.
4. There is a transparent shape over each number set as a trigger to move to the corresponding slide for that number. (I didn't set the triggers on the number shapes themsaleves because of the little yellow icons circles, I wanted these to be clickable anywhere on the shape)
5. I set the text for the notepad on each slide to come in .25 or .5 seconds after the slide begins so that transition feels clean. That's it!
I would share the project as a download but I didn't properly label any of my objects like I should have so it would be a mess to decipher.