Pinnacle Studio, AVID Studio, HFX, proDAD, Boris FX Tutorials, Tips & Tricks
25 Latest Tutorials

All Tutorials - Tutorials by Category / Author / Month

Heroglyph, the typewriter effect

Heroglyph, the typewriter effect By saby - Last updated on Saturday, January 14, 2012
23468 Views :: 10 Comments
Category: Tips & Tricks: proDAD Heroglyph Tutorials  -  Previous tutorials  -  Associated File(s)
Published on Saturday, December 13, 2008
Created on Wednesday, November 5, 2008 10:27 AM

Preamble :

Heroglyph is available in the form of either a standalone software program, or as an integrated plugin for Studio. The version for Studio will be used here. Take note that we show an alternative method at the end of the tutorial, using Title Deko.

Step 1 : Open the plugin in Studio

Let's position the video on the timeline on which you want the text to appear. Then in the Video toolbox, select Add new effect. In the menu that appears choose the proDAD category and the Heroglyph 2.5 Title Filter effect. Click on OK, to apply the effect. You get this :

Applying the effect in Studio

Click on Edit Heroglyph 2.5 Title Filter , then in the window that opens, use the settings shown below and select edit Title... :

Start Heroglyph

In Heroglyph, open a new project :

New project opening

Step 2 : Create and edit a text

In the preview zone, the message Enter a text or drop a graphic/medium here flashes :

Text insertion zone

It's time to enter the text you want.
By clicking on the bar above or below and keeping the left mouse button pressed, the text can be moved :

Text moving

By double-clicking, stretching handles appear and you can enlarge the text at will :

Text enlargement

Right-click on the text and in the context menu that opens, using Arrangement, you can achieve the same actions but this time by entering digits :

Text Menu

Add a little fantasy. It goes into Conception mode :

Conception mode

And in the Templates menu we choose a group of templates and then a template :

Templates choice

In my example I chose template #12 from the Large group. That is what we get :

Template application

Let's change the font :


For example Comic Sans MS :

Font choice

The final result :

Final result

Step 3 : A few more steps and we animate the text

It is time to animate it all. Open the Effects editor :

Effects editor opening

Then apply the Fade IN effect Fondu to the Characters :

Fade In effect application

On the timeline you can see that a yellow area with a lightning bolt appeared at the beginning of the timeline object :

Effect appearance on the timeline

This is the fade in effect.
In fact, an effect may be applied at the beginning, throughout, or at the end of an object. Hence, the Fade IN effect, the Intermediate effect or the Fade OUT effect in the Edit effects window. If the object is some text, the effect can be applied to each character or each word or each line, even the entire block.

To view the effect in real-time, press the play button above the timeline or move the scrubber directly on the timeline :

Effect reading

Similarly we can stretch the timeline to change the time scale :

Time scale adjustment

The last adjustment, set the cursor for Impression (hardness) to 100% in the Order tab :

Impression to 100%

At any time you can use the Undo/Redo button to correct any error :

Undo - Redo buttons

Or even completely remove an effect if nothing works the way you wanted and you want to start over :

Delete effect

Bonus 1 : The title scrolls off the top of the screen

Once that effect is done, having the text scroll off the top of the screen is very simple. We create a Fade OUT effect with just one movement. For this, simply select the arrow that points up in the Movement  tab:

Up movement

A fade out effect has been added on the timeline object, which we can control by means of the yellow zone at the end with a lightning bolt.

We can adjust the total length of the title and the duration of the fade in and fade out effects.
For the total length we stretch the end of the timeline object :

Title stretching

To set the duration of each effect we adjust the junction between yellow and blue:

Effect stretching

To access all of these settings by entering the digits, open the Period of time window :

Period of time window opening

Period of time window settings

  • Start point : the point on the timeline where the title begins
  • Total duration : time display of title
  • IN effect : fade in effect duration
  • OUT effect : fade out effect duration

Press F12 on the keyboard to save your work in heroglyph and return to Studio.

This is the final result :

Bonus 2 : The typo error

Here, I will not tell you everything. You will have to do a litte work yourself ...

You need to know that you will have to copy/paste timeline objects using the second track of the timeline. You sprinkle it with a little fine positioning using the Position & size function, a pinch of adjustment for the length of objects and effects using the Period of time function and you should get this :

Come on, here is a little help on what should appear on the timeline. Please note, the names of the objects are valuable hints:

Timeline bonus

For those of you looking for the easiest method, I offer the gift of the Typewriter_bonus.hprj Heroglyph project file. Get it in the « Associated Files » section below and open it directly in Heroglyph in order to have the effect immediatly applied.

Bonus 3 : The DV's method

Here, I must tell you that DV insisted rather strongly that I show it to you. But note, cases of spontaneous PC combustion with this method have been reported to me. I disclaim any responsibility on what might happen to you.

Instead of applying the fade in Fondu effect, you can use the Type effect. So the letters still appear one after the other but it gives the impression of flowing like paint from the top of the screen.

If this "flowing" effect bothers you, you still can change the way letters appear with the Scale function :

Scale function

And one of the Templates for this function :

Scale templates

Once a template is applied, you can still determine the behavior of each character with the Scale dynamic option :

Scale dynamic

This gives you access to a number of possible behaviors :

Scale dynamic templates

See you soon with more new adventures, always with Heroglyph.

A bientôt pour de nouvelles aventures, toujours avec Heroglyph.

Alternative solution using Title Deko

Add a title to your clip, by inserting only the first letter. Then, copy and paste this title, and add the second letter. Repeat it, with 3 letters. And so on... Between each title, insert a transition. And you get the desired result... For more details see our tutorial "Another title style "Typewriter"".

Heroglyph - Typewriter with Title Deko

Associated File(s)
Share/Save this article

Gert Reitner By # Gert Reitner @ Sunday, December 14, 2008 10:25 AM
Absolutely love your Tutorials !! Keep up the good work !!!!

Giorgio By # Giorgio @ Sunday, December 14, 2008 11:52 AM
good good good

AndroT By # AndroT @ Sunday, December 14, 2008 12:45 PM
The tutorials are great and very useful.

saby By # saby @ Monday, December 15, 2008 1:58 AM
Thanks a lot guys !
My cheeks are getting red.

As told in a slogan in a famous french advertising : " In France, we don't have any oil, but we have ideas".


Gert Reitner By # Gert Reitner @ Monday, December 15, 2008 7:54 AM
How was the sound applied ???

saby By # saby @ Saturday, December 20, 2008 11:23 AM
I used a sound sample and I tried to synchronize sound and appearance of letters on the screen. For that I used the sound waveform on the timeline and cut and moved some parts of the sound sample.

oldman1 By # oldman1 @ Sunday, February 15, 2009 6:56 AM
I'm looking at this a little later than everyone else...but it is very helpful. Thanks so much !!

Kero By # Kero @ Friday, October 30, 2009 1:47 AM
Well done!

Scarlet Pimple By # Scarlet Pimple @ Friday, May 7, 2010 11:58 PM
I am amazed at the ingenuity shown by you all. I am just starting out. Thanks for this site and the wonderful tips!

Déclic Vidéo FX By # Déclic Vidéo FX @ Saturday, May 8, 2010 9:18 AM
Thanks Scarlet Pimple !! Join us, and do not forget our free newsletter.
Have fun,


  Only registered users may post comments.

Pinnacle website access

Site officiel Pinnacle Studio