Highlighting pieces of a picture to sync with a voiceover

Feb 01, 2014

Hi everyone,

I'm having a bit of difficulty and was hoping someone could help.

I have a slide with a pyramid graphic. The pyramid is meant to depict a business cycle.

I'd like to highlight each portion of the pyramid individually (and dim the other layers of the pyramid) so that the highlighted portion will sync with the voiceover.

There are 5 or 6 layers so I will need to do this 5 or 6 times.

Does anyone have good advice for a relative newbie. I've been playing around with lightboxes, zoom regions, etc and just can't figure it out.

Thanks!

Jeanne

3 Replies
Rebecca Fleisch Cordeiro

Hi Jeanne,

I've attached one way to highlight a pryamid using states...perhaps it will get you started. I threw it together pretty quickly.

Base level is an image of a pyramid fade in/out.

  1. Copied/pasted to Level 1 layer.
  2. Cropped so only first level of pyramid shows.
  3. Hid pyramid on base layer

Repeated 1 2 3 for each layer (but of course cropping was different for each layer..no cropping layer 5)

I recorded a quick audio and inserted it on the base layer (assuming you'll start w/a base layer and have audio there)

Added a trigger to show level 1 when the audio on the base layer completed.

Inserted this same audio (to save time) on each layer and added a trigger to show next layer when audio completed on current layer.

So, that's just one way to do it. It really depends on what your graphic is like and how your audio was done. Perhaps you could upload your story and the community could jump in w/suggestions.

Jeanne Harris

Thanks for your help, Rebecca. Basically what I would like to do is have the whole pyramid visible for the duration of the voiceover, and highlight each layer of the pyramid to correspond to the voiceover.

So, in the attached document, I'd like to dim the bottom layers while simultaneously highlighting the top layer. When the voiceover begins talking about the 2nd layer, I'd like to dim the top layer, highlight the second, and dim the bottom layers, and so on.

Is it possible to do this in Storyline?

Thanks I really appreciate your help!

Jeanne

Rebecca Fleisch Cordeiro

Hi Jeanne,

The attached is REALLY rough...I wasn't careful about cropping (Super Bowl about to begin!)...just wanting to give you an idea.

I saved your image 2x; once in color, and once re-formatted it as greyscale'

The greyscale image is on all layers (except the last one)

Then I cropped the colored image several times, once for each of the triangle levels, and placed these "colored crops" on their appropriate levels. I animated them to grow slowly (for emphasis...you can of course play with the animation that works for you)

The last layer has the full colored pyramid, animation grow medium.

Right now, there are buttons that bring you from layer to layer, but you could set up similarly to what I'd done in the previous file and have the layers revealed when the audio ends.

There are gazillions of ways to do this...this is just one.

Also, you might want to see if you can get a black and white image of the pyramid so the contrast is better between it and the colored images on the layer.

Hope that's clear...I know I'm doing this rather quickly.

Go Sea Hawks...or Broncos...depends who you're for, right?

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