Forum Discussion
How to create typewriter effect?
HI I'm fairly new with Story Line - my question is.. is it possible to create a typewriter effect. I have a web address that i would like the letters to look like they are being typed in. I'm sure this is going to be a DUH! moment - but thanks in advance for your assistance!
CK
16 Replies
- SteveFlowersCommunity Member
Few ways to go about this. The least complicated is creating a variable first, something like "myURL". Then create shape (such as a square) just off of your stage. Create a trigger on this shape so that when the timeline starts, your myURL variable is set to the full URL.
Make copies of this shape and delete an additional letter from each copy until you end up with one shape with a single letter. Now arrange your shapes on the timeline, pretty close together, to produce an animation that builds the letters one at a time.
Now when you add %myURL% to a text field, you can position it wherever you want without having to worry about a one letter at a time build arrangement.
- SteveFlowersCommunity Member
If you're comfortable with JavaScript, you could also use a JavaScript trigger to generate the text sequence.
- ChristinaKelleyCommunity Member
Ok I will try the least complicated suggestion Steve - Thank you - JavaScript ... beyond me at this point
Thank you!!!
- NancyWoinoskiSuper Hero
Hi Christina, Steve's idea is very clever but I built one using the "old school" method which is adding each letter as a separate text box to the timeline. To make it seem more realistic you should use a font like new courier and drop some of the letters a bit. Here is an example of a title screen where I used this method.
I just updated the link to this one so it should work now. Example
- IndraniSen-e083Community Member
Hello,
Would love to see this example. But seems that this link is not valid. Please could you repost it? Many thanks,
- DuaneKnudsenCommunity Member
Cool & simplistic Nancy, nice job. I do like the dropped 'e' effect. Go back a few years and yeah, that's realistic.
- MarcelMihulkaCommunity Member
You could also add animations with a punch sound for when the typewriter "fingers" hit the page, revealing the letters. You would need to be careful with the layering here so the "fingers" do look like they are coming from within the typewriter.
- ChristinaKelleyCommunity Member
Nancy great idea!!! Thank you I love your example!!
- tonibooker1Community Member
I've used Nancy's example when showcasing a phone number. The numbers appear as the narration reads it aloud. Very effective, but equally time consuming.
- NancyWoinoskiSuper Hero
toni booker said:
I've used Nancy's example when showcasing a phone number. The numbers appear as the narration reads it aloud. Very effective, but equally time consuming.
I hear you about the time consuming part - ChristinaKelleyCommunity Member
Nancy - I took your idea because i'm a little "old" school that is
It worked great - thank you all for your help and input!!
Related Content
- 2 months ago
- 2 months ago