I think the reason your version isn't working is because all of the objects on your slide have timelines that extend to the end.
Since the Fade animation is only triggered at the end of an object's timeline, in my version, I made the line drawing's timeline end after 1 second. The button that switches to the photo also has a timeline that ends after 1 second.
To prevent the switch from happening before the user has a chance to push the Switch button, I put a cue point a 0.25 seconds and assigned a trigger to pause the timeline there. So the slide loads, runs for 0.25 seconds and then stops. The Switch button has a trigger that Resumes the timeline when the button is clicked. This lets the Fade out on the button and the line drawing proceed. With those two elements faded out, the other Switch button and the photo are revealed.
The other Switch button simply has a trigger that jumps the user back to this same slide. Since the slide is set to Reset to InitialState when revisited, it has the effect of starting the slide over again from the beginning, with the original line drawing and Switch button now on the top again.
Take a look at the timeline and the triggers panel in my original Storyline file to see the details.
8 Replies
With no active Storyline file open, just import PPTX and it opens fine.
What version of Storyline you use ?
Here's a Storyline file showing how to start with the outline-only version of a photo and transition to the full photo.
I used the "photocopy" filter in Photoshop's "Filter Gallery" to create the line drawing from the photo:
Then I stacked one over the other in Storyline, added a couple of buttons to switch back and forth, and you can see the result here: Line Drawing and Photo | Review 360 (articulate.com)
The Storyline source file is attached so you can see how it works.
This one is brilliant. Any other option to photoshop?
and just the outline like in the example - https://s3-eu-west-1.amazonaws.com/elearningprojects/demos/Challenge86InteractiveMap/story_html5.html
how do we get that outline?
And my file doesn't work?
I think the reason your version isn't working is because all of the objects on your slide have timelines that extend to the end.
Since the Fade animation is only triggered at the end of an object's timeline, in my version, I made the line drawing's timeline end after 1 second. The button that switches to the photo also has a timeline that ends after 1 second.
To prevent the switch from happening before the user has a chance to push the Switch button, I put a cue point a 0.25 seconds and assigned a trigger to pause the timeline there. So the slide loads, runs for 0.25 seconds and then stops. The Switch button has a trigger that Resumes the timeline when the button is clicked. This lets the Fade out on the button and the line drawing proceed. With those two elements faded out, the other Switch button and the photo are revealed.
The other Switch button simply has a trigger that jumps the user back to this same slide. Since the slide is set to Reset to Initial State when revisited, it has the effect of starting the slide over again from the beginning, with the original line drawing and Switch button now on the top again.
Take a look at the timeline and the triggers panel in my original Storyline file to see the details.
Thank you Ray for such a detailed explanation. This really helps.
My file as attached. Do have a look, and suggest.
Regards
Malvika
On another note, what software did you use for your profile picture at storyline?