Should I use States, Layers or am I missing the obvious?
Here is my end game:
I would like to simulate how a user would start a task by using a key pad (please see attached). An example is if the end user was trying to change screens, they would have to select the following keys in correct order: focus key, 1,3,4, enter. Ideally, each button would change to red when scrolled over and the buttons to turn yellow when selected. To get the clearest picture, I have taken the pdf drawing of the control panel and converted it to .svg in Inkscape, then saved it as a PNG and inserted it into Storyline 2 as the base layer. The plan was to change the color and export each button as a PNG from Inkscape and use it in Storyline. This has not worked because I am unable to replicate the size and position of each button (I am unable to nudge it exactly where I need it so it does not change position when the colors change). So I am at a crossroads here. I planned on placing each button a layer but as I am thinking about this, I am wondering if it would be easier if each button be assigned a state (normal, hover, selected) OR am I completely missing an easier solution without hurting the picture quality. So you know what it looks like, attached is an example of hovering over the Production Key and selecting it.
Thank you for your help,