8 Replies
Brett Rockwood

There isn't an automatic way to create all the states that a button has from an image but it's not difficult to do manually. Just select you image and open the States panel. Then add the following states you want, e.g. Hover, Down, Selected, Disabled, Visited, etc. (these are built in). Next alter you image for each state as desired. It's pretty simple actually.

Christophe Jacobs

Hello AHme,

To get the same states as a normal button you can use the wonderful option: FORMAT PAINTER. In my example I added a button to my screen where I placed my image. 

Steps:

  1. Select the button
  2. Under HOME, click on Format Painter
  3. Click on the image

Now you can select STATES (next to TIMELINE) and see that your image now has the same states as your button. 

Of course, you will want to change the way each state is visually presented. To do so, use the EDIT STATES option, select a state and format the image until you are satisfied with the result.

Greetings,

John Blum

I have a custom button image I designed in PowerPoint.  I created 5 versions of the button image, one for each Storyline button state.  I copied them over to a Storyline slide. I've also save each image as a .png file. How do I get each of the states in Storyline to show the corresponding image version? 

Or in simpler terms, how can I get each state of a button to use a different image?

Thank you,

John

Wendy Farmer

HI John

if you add the image to your slide - this will be the normal state.  Highlight the image, click the states tab > edit states and create a new state called 'hover', right click format shape and then fill use 'picture' navigate to the image you want. Rinse and repeat for the other states you want to create.

Wendy Farmer

HI John

if you create a button and then right click format shape on the normal state and picture fill - this will change the normal state and all other states to the image. Then go into the states tab > edit states click on the  'hover', right click format shape and then fill use 'picture' navigate to the image you want. Rinse and repeat for the other states you want to create.

See quick sample attached.