Forum Discussion
Picture - Outline
Hi,
How can I accomplish the task of having just a picture outline appear, and later have actual image inserted to it.
Currently, I am unable to even insert a picture shape in storyline from PPT.
Regards
Malvika
- MathNotermans-9Community Member
With no active Storyline file open, just import PPTX and it opens fine.
What version of Storyline you use ? - RayCole-2d64185Community Member
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.
- MalvikaMalho044Community Member
This one is brilliant. Any other option to photoshop?
- MalvikaMalho044Community Member
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?
- MalvikaMalho044Community Member
- RayCole-2d64185Community Member
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.
- MalvikaMalho044Community Member
On another note, what software did you use for your profile picture at storyline?