Making a flashing icon with 2 images

Jan 10, 2013

I want to make a flashing effect but changing two images.

Like the example you make with the next flashing button

10 Replies
Jeanette Brooks

Hi Alberto, it looks like those 2 images are identical, except one has a slight glow around it - is that correct? One way to create a pulsing or flashing effect is to place the glowing graphic on top of the regular graphic, apply a fade in/out animation, and adjust its timing on the timeline. Then create a duplicate for as many times as you want the object to flash. Preview the attached story file below and see if that gives you what you need.

Jeanette Brooks

Hi Alberto,

Yes, to do that, you could use a layer for the glowing icon, and have the layer repeat. See the attached story file at the end of this message. Here's what I did to create the flashing effect:

  1. I created a layer called "Flashing button" to contain the glowing icon (and I left the non-glowing icon on the base layer). I made the layer timeline 2 seconds long. The glowing icon itself only stays onscreen for 1 second. I also kept the fade in/fade out animations on the glowing icon.
  2. In the layer's trigger panel, I added 2 triggers. The first one hides the layer when the timeline of the layer ends, and the second one shows the layer when the layer timeline ends. This is what creates the looping.
  3. On the base layer, I added a trigger which reveals the "Flashing button" layer as soon as the slide timeline starts.

I hope that helps!

Lawrence van den Hoeven

Hi all,

A different way to loop images or states is to combine them with objects and their motion paths.
Using this, you can switch between 2 or more states or images without using layers.

See it in this example:
http://s3.amazonaws.com/tempshare-stage.storyline.articulate.com/sto_1ckfdpsca74osbe1psp1i3t12r39/story.html

When you place the moving objects outside of the viewframe the user will not see it.

The file is included to see how it works!

Hope this helps!

This discussion is closed. You can start a new discussion or contact Articulate Support.