I'm doing a tutorial about keywords, and I'd like to add a 'typing effect' animation to liven things up (i.e., I'd like the letters to appear one at a time, left-to-right). Has anyone accomplished this?
I did somewhat simulate the sensation but on a basic level. I can't find the file to share but essentially what i did was take a keyboard image and select the keys with a colored square. it looked like a ghost was typing and then i timed the word to appear in the set spot.
Here is one that changes the state of the letters when the corresponding letters on the keyboard are pressed. This a little thought, you could make this into a hangman game, too
Not sure if you want that or you want to animate the letters appearing without a keyboard interaction.
The layer I created uses the timeline to staggger the appearance of the letters if you want the latter.
Wow, that's neat, Garth! It's not actually what I'm aiming at here, but very cool
I just want to animate the letters without keyboard interaction - like the user was watching me type. I'm trying to spruce up a demonstration that's really just text and not visually interesting.
Zara, did you have entire words appear at once, or one letter at a time?
One way I accomplished this was by adding the Wipe animation to the text box, from left to right. Set the duration to a fairly slow speed (mine was 2 seconds). Then add a typing sound effect. It's not perfect, but it's quick and easy, and if you're simply looking for that typing effect on screen, this should do the trick. I'm still really surprised that they haven't added this feature into SL2.
Hi, Gayle -- Thanks so much for stopping back in to add your suggestion to this older thread, and if you would be interested in sharing your ideas for feature requests, here is the form you would need. :)
I ran into this same thing today. I opted to use PowerPoint to create the animation and then recorded it using Replay, then added the video to my slide in Storyline. Downside is if I ever change the content I will have to re-record the animation.
Many thanks for sharing the workaround you discovered, Toni, as I am sure it will be helpful to others who come across this thread looking for help with a similar issue.
I've been able to simulate the effect by inserting a line break (hit enter) between each line, then animate the text box to wipe from the left "By Paragraph" so that each line wipes in separately. It's not perfect since each letter doesn't pop in as a unit but rather wipes in, but it's really close for the minimal effort required. Add a typing audio track and I don't think anyone would notice the difference.
Thanks so much for sharing your discovery, Amanda! Hopefully that will come in handy for others who come across this thread seeking assistance in the future! :)
I was looking for the same thing. This "type" animation is built into Keynote. I guess since it is not included in Storyline I can create the animation in Keynote, export to quicktime and then import to Storyline. This animation should be built into Storyline.
This was an inelegant solution, but it did the job for me. I created a screen recording of me typing in MIcrosoft Word. I sized the capture window as small as I could. Storyline created a video slide from the recording. I then opened the video slide, copied the screen capture itself, and pasted it where I needed it. I then cropped the video a bit to fit it to the right size. A little extra work, but overall it was fairly simple.
I cannot believe that PowerPoint right now has so much more flexibility for animations and content smoothing. You would think that Articulate costing roughly $1400 would have some better control over animations and course quality improvements.
31 Replies
I did somewhat simulate the sensation but on a basic level. I can't find the file to share but essentially what i did was take a keyboard image and select the keys with a colored square. it looked like a ghost was typing and then i timed the word to appear in the set spot.
Here is one that changes the state of the letters when the corresponding letters on the keyboard are pressed. This a little thought, you could make this into a hangman game, too
Not sure if you want that or you want to animate the letters appearing without a keyboard interaction.
The layer I created uses the timeline to staggger the appearance of the letters if you want the latter.
Wow, that's neat, Garth! It's not actually what I'm aiming at here, but very cool
I just want to animate the letters without keyboard interaction - like the user was watching me type. I'm trying to spruce up a demonstration that's really just text and not visually interesting.
Zara, did you have entire words appear at once, or one letter at a time?
I had a simple message so I did one letter at a time with an animation of "appear".
Did you ever figure out how to do this? I need to do the same thing. It's easy in captivate, but not so much in storyline.
Here's one - you have to do it by animating one letter at a time as Zara has suggested.
Sorry, Daryl, I never found a scalable way to do this, beyond one painful text box per letter!
One way I accomplished this was by adding the Wipe animation to the text box, from left to right. Set the duration to a fairly slow speed (mine was 2 seconds). Then add a typing sound effect. It's not perfect, but it's quick and easy, and if you're simply looking for that typing effect on screen, this should do the trick. I'm still really surprised that they haven't added this feature into SL2.
Hi, Gayle -- Thanks so much for stopping back in to add your suggestion to this older thread, and if you would be interested in sharing your ideas for feature requests, here is the form you would need. :)
I ran into this same thing today. I opted to use PowerPoint to create the animation and then recorded it using Replay, then added the video to my slide in Storyline. Downside is if I ever change the content I will have to re-record the animation.
Many thanks for sharing the workaround you discovered, Toni, as I am sure it will be helpful to others who come across this thread looking for help with a similar issue.
I've been able to simulate the effect by inserting a line break (hit enter) between each line, then animate the text box to wipe from the left "By Paragraph" so that each line wipes in separately. It's not perfect since each letter doesn't pop in as a unit but rather wipes in, but it's really close for the minimal effort required. Add a typing audio track and I don't think anyone would notice the difference.
Thanks so much for sharing your discovery, Amanda! Hopefully that will come in handy for others who come across this thread seeking assistance in the future! :)
Thanks! Worked like a charm!
I was looking for the same thing. This "type" animation is built into Keynote. I guess since it is not included in Storyline I can create the animation in Keynote, export to quicktime and then import to Storyline. This animation should be built into Storyline.
Hi Darren!
You are welcome to share your thoughts with our product development team here.
This was an inelegant solution, but it did the job for me. I created a screen recording of me typing in MIcrosoft Word. I sized the capture window as small as I could. Storyline created a video slide from the recording. I then opened the video slide, copied the screen capture itself, and pasted it where I needed it. I then cropped the video a bit to fit it to the right size. A little extra work, but overall it was fairly simple.
I cannot believe that PowerPoint right now has so much more flexibility for animations and content smoothing. You would think that Articulate costing roughly $1400 would have some better control over animations and course quality improvements.
Thank you for this! I have been trying to figure this out for months!
Glad that this was able to help you as well LaShondra - thanks for popping in to share.
I just tried this and it worked beautifully!
Thank you!
I'm glad it helped! I'd forgotten about this, so it was like I was learning this trick for the first time again lol.
This is so easy to do in PowerPoint. Very cumbersome in Articulate...
I was just thinking the very same thing @justin. Can't believe how limited Articulate is in this regards.
this is a great idea. I used my Snagit app to do this - but used a MS Powerpoint slide for the effect.