en-USfr-FR
Pinnacle Studio, AVID Studio, HFX, proDAD, Boris FX Tutorials, Tips & Tricks
25 Latest Tutorials

DV FX RSS Flux Subscribe to Articles update by email - All Tutorials - Search - Tutorials by Category / Author / Month

Graffiti: Creation of a Detailed Customized Title

Graffiti: Creation of a Detailed Customized Title By Le Papy - Last updated on Saturday, January 14, 2012
8882 Views :: 2 Comments :: Article Rating (Total Votes: 11)
Category: Boris Graffiti Tutorials  -  Previous tutorials  -  Associated File(s)
Published on Tuesday, March 31, 2009
Created on Friday, December 19, 2008 11:45 AM
 

Previous Boris Graffiti tutorials were designed to be playful while illustrating the basic concepts and vocabulary of the software. Here, we return to the main use of Boris Graffiti which is to produce a title. As we have already seen, the library of effects provided with the Boris Graffiti software is already well developed and allows you to place original titles in your creations. But if you really want to use titles that nobody has even thought of yet - let alone integrated into a video, then there is a solution ... create your own title effects.

For example, you could create this:

So if you like this, learn the secrets of its construction as it will certainly open up new horizons in title creation for you!

Step 1 : Creation of the First Line of Text

In previous tutorials and especially in the tutorial "Boris Graffiti, The Beginning", you have already learned a number of key concepts relating to modifying the text. For this first line of text, I will go as far as possible into the various phases within Boris Graffiti to help review the concepts and explore the software.

Choice of BORIS plug-in within Studio 12
  • In Studio, drag a clip that's 4 seconds long to the timeline;
  • Add Boris Graffiti;
  • Select the "Zoom In" effect in the "Animated text in / zoom" category;
  • Switch to Advanced Mode ".

The Background track show actually video

  • You will notice that the length of your clip is shown in the time window of Boris;
  • The effect from the effects library already has several tracks including a track with background video (V1).

The video is replacef by a colour background

  • Selecting the Background video, you'll replace the video with a colored background (Track/Change Media), so that for the purposes of this tutorial, you can see your work. (Note: there are other ways to not see or hide a track ...)

The video on the background track is replaced with black

  • The background track is selected in the Controls window. Then, assign the value of (0,0,0) in the "Color" window under the "Colormedia" tab;
  • The video image is then replaced by a black background in the "Composite" View (shown on the right hand side).

Modification of the "Face" Track

  • Double-click to select the "Face" track. This track contains all of the attributes for your text;
  • It will open with the text and its attributes by default (shown on the right side);
  • You will notice that when the text is selected, the color displayed is different from the actual color.

The selected paramters in the first tab of "Face"

  • Select the first of the 5 tabs under the "Text Window": "Style";
  • This tab contains mainly the text font, size;
  • Select all of the text already present (zoom in on);
  • Edit the font to "Arial Black" and make the size 96;
  • Enter "BORIS" to replace the existing text.

The paramaters for the third tab on the Face track

  • Do not touch the second tab under "Text Window": "Page";
  • Select the third of the 5 tabs under the "Text Window": "Color";
  • Select all the text (BORIS);
  • Assign a value of (235,235,235) to "Style Color" to create a nice shade of gray.

The parameters for the fourth tab in the Face track

  • Select the fourth tab down in "Text Window": "Border";
  • Select all the text (BORIS);
  • Check the first box to tell Boris Graffiti to apply the values that we put in the parameters of this setting (Boris Graffiti keeps 5 preset settings that can be applied separately or simultaneously;
  • For a thin black border, use the value of 0,0,0 for Edge color "and 1" for Edge width. The thin black border will separate the gray filling (235,235,235) of the letter and the shadow that we will add immediately after will be another gray (220,220,220).

The parameters in the fifth tab of the Face track.

  • Select the fifth tab in "Text Window": the "Shadow";
  • Select all the text (BORIS);
  • Check the first box to indicate to Boris Graffiti to apply the values that we put in the parameters of this setting (Boris Graffiti keeps 5 preset settings that can be applied separately or simultaneously;
  • For a gray shadow, use a value of 220,220,220 for the "Shadow color", use the value of 5 for "Shadow distance" and 100 for " Opacity Shadow ";
  • Now you can see the thin black border that we added earlier.

Parameters for Location of Text in "BORIS" track

  • Select the fifth tab of the "Text Window": the "Shadow" tab;
  • Select all the text (BORIS);
  • Now that you have set all the parameters for the text, you will now put it all together;
  • As you can see, the "Face" track is dependent (positioned below and offset) on the "BORIS" track. The "Boris" track is a container that contains the other tracks below and shifted up a notch.
    If all information relating to the text (font, size, newline, color, border, shadow) are contained in the "Face" track, information on the position of the text is contained in the "BORIS" container;
  • Double-click, to select the "BORIS" track. The Controls window displays the "Position" that allows you to assign values to the position X=360 and Y=288. Your text will then take the position that you see in the composite window (if your cursor is at time 00:02:17;
  • Incidentally, you will notice that the second keyframe of the "Boris" track is selected - 02:17 and that the cursor is also at 02.17 (as it is positioned on the keyframe).

Customization of text Animation

  • Normally you do not need to touch the text animation because that part of the text is already animated. But to understand how it works, here are some explanations:
    • "Text type on" determines the appearance (opacity) of text. For a value of 0, the text is not displayed and a value 100, it is displayed in full. On the screenshot, the value is 86.31 at 01:17 of the beginning of the end (time cursor position). The cursor is not positioned on a keyframe and the key value is 00:00:00:00.
    • These are the two key images of the "Face" track circled in red that give the true value in "Text Type On". The first is set to 0 and the second is set to 100. Thus, from the beginning to the end, the text begins to appear at 02:10 and it is fully displayed. The more observant among you may note the type of interpolation for the two keyframes.
    • "Shift values" for X and Y determine the location where the text arrives.
  • Your first line of text is completely set. You still have to click "Update" in the "Text Window" and close this window. You can save this phase of the effect using the menu "File / Save settings as ..." and choose a filename (eg Step1.grf) and the folder in which you want to save your effect. Then you click "Apply" to apply your effect and save your project in Studio 12, and you will find it in Studio 12.

Your video effect should look roughly like this:

Step 2 : Creating the Second Line of Text

To create a second line of text, you will need to create a new track.

Reducing the "Boris" Track

  • Before creating the second track you will need to reduce the number of tracks that you see by closing the "BORIS" container;
  • You should now see just the "Boris" and "Background" tracks.

Creating a new Text Track

  • Select the "Background" track and select "Track / New Text Page" (or CTRL + Shift + T). This way the new track will be located between the "Boris" and "Background" tracks.
    Note: it is always possible to move a track that was not created in the right place.

Parameters for the New Track

  • After creating the new track, a blank window "Text Window" opens (see the screenshots in Step 1) and you can enter the parameters for this new track;
  • Place your cursor at time 0 BEFORE entering the settings.

The parameters are:

  1. "Style": Text = "Graffiti" Font = "Space Bd BT" Size = 96 (Hint: You can enter the text when all the tabs from 1 to 5 have been completed, it will save you having to select the text each time ...)
  2. "Page": Unchanged;
  3. "Color": Unchanged;
  4. "Border": Uncheck the first checkbox (unchecked because you will not use a border);
  5. "Shadow": Leave the first checkbox checked, shadow color = 0,0,0, shadow distance = 6,
    Click "Update" and close "Text Window". Now your "Text" track has the same name as the "Graffiti" track. The details of positioning the "Graffiti" container on the screen are the same as the "Boris" container and the text for the two lines will overlap.

To remedy this, select the "Graffiti" container and the window controls ("Position" tab) and set the value to Y = 400. If your cursor is positioned on time = 01:20, you should see this:

Positioning the Second Line of Text

Now you'll have to animate the second line of text after the positioning phase is done, so let's go to Phase animation...

Creating a Movement Effect

  • You will see in the screenshot above that there is no keyframe on the "Face" of "Graffiti" track to animate the text;
  • By default, the "Type On" animation is one character on the order of writing. But playing with the "Apply to" and "Order" buttons (top of the window controls), you can make the text word by word, line by line, in reverse order of how it's written or in random order.

Parameters for the "Type On" Tab

  • The "Text" for "Graffiti" is selected, set the "Type on";
  • Place the cursor at 00:00:00 time, and set parameter "Shift X" to 1080 (characters will arrive from right to center), then click in the "Text Type On" interpolation box to create an image with the "linear" (/) key type with a value of 0. (Not shown);
  • Place the cursor at time 00:01:15, click in the "Text Type On" interpolation box to create an image with the "decelerate" key type with a value 0. (Text is still not displayed);
  • Place your cursor at time 00:03:00, click in the "Text Type On" interpolation box to create an image with the "linear" (/) key type with a value of 100. (Full text available);
  • Place your cursor at time 00:04:00, click in the "Text Type On" interpolation box to create an image with the "linear" (/) key type with a value of 100. (Text is always displayed).

Using the Transform Tab

All that remains is for you to consider some of "GRAFFITI" letters at the beginning, and at the end of the movement.

With the "Text" of "Graffiti" selected, select "Transform"

  • Place your cursor on the second time keyframe at 00:01:15 and click the "Rotate Letter" interpolation box to create a linear type (/) keyframe with a value of 18 (the letters are at an angle of 18°);
  • Place your cursor on the third time keyframe at 00:03:00 and click the "Rotate Letter" interpolation box to create a linear type (/) keyframe with a value of 0 (the letters are at an angle of 0°, they are straight).

Your second line of text is completely set. You still have to click "Update" in the "Text Window" and close this window. You can save this phase of the effect using the menu option "File / Save settings as ..." and choose a filename (eg Step2.grf) and the folder in which you want to save your effect. Then you click the "Apply" to apply your effect and save your project in Studio 12.

Your effect should now resemble:

Step 3 : Addition of a Ripple Effect

You can further animate your text by adding a filter. Boris Graffiti has 35 movement filters, effects, and colors ... For this tutorial I chose a ripple filter, and it is very easy to implement. But as we want this filter to apply to the two lines of text at the same time, you will create a container that contains the "Boris" and "Graffiti" tracks as well as the ripple filter.

Adding a Contaner

  • Position the cursor at the time of 00:00:00;
  • Select the "BORIS" track and select "Track / New 3D container" (or CTRL + J) to add the container.

Insertion of the "GRAFFITI" track in the container

  • After creating the 3D container, the "BORIS" track is separate (positioned below and offset) from the container;
  • Select the "Graffiti" track with the mouse and move it into the container. if you cannot drag the track below the "BORIS" track, then reverse the order of the two tracks; Note: In this example, the order of the two slopes is not important.

Contents of a Container

  • In the end, you try to do this by dragging the tracks with the mouse;
  • Now you're ready to add the ripple filter.

Adding the Effect

  • To add a filter, simply add a track from the "Filters" menu;
  • Click on the "3D Container" track so that the filter comes into position below the "3D Container" track;
  • In the "Distortion and Perspectives" category, choose "Wave BCC.

Ripple Effect Parameters

  • The filter has two keyframes at 00:00:00 and 00:04:00. Drag the first keyframe with the mouse to 01:00 so the ripple effect starts only from 01:00;
  • The "Control" shows new controls that you will change;
  • With the cursor time at 01:00 for the first keyframe, enter a value of 1000 in "Wave width" interpolation with a constant and 0 in "Speed" with a linear interpolation;
  • With the time slider at 04:00, enter the value of 1 in "Speed" with linear interpolation. This way the ripple movement starts gradually with a low amplitude;
  • Of course, all values can be changed with the addition of additional keyframes and different types of interpolation. You can have fun playing with these settings to see the impact each of the settings has in the "Controls" window;
  • Your ripple filter is completely set. You can save this phase of the effect using the menu option "File / Save settings as ..." and choose a filename (eg Step3.grf) and the folder in which you want to save your effect. Then click "Apply" to apply your effect and save your project in Studio 12, and exit to Studio 12.

Your effect should now look like this:

Step 4 : The Final Effect

To complete this, you are going to adjust "BORIS". Then "Graffiti" will take its place and become blurred. At the same time, you will stop the ripple so that there is more ripple in the dark.

Remove the line "BORIS"

For the flying "BORIS" adjustment:

  • Select the "Face" track of "Boris";
  • Create a third keyframe at 02:17 with "Text Type On" set to 100 (full text available) with linear interpolation. Between the second and third key frame, the text will be fully displayed;
  • Create a fourth keyframe to 03:20 with "Text Type On" set to 0 (completely faded out text) with linear interpolation. Starting from 03:20, "Boris" is no longer visible.

Displacement of the line  "GRAFFITI"

Now go up to the "GRAFFITI" line which will take the place of the "BORIS" that flies.

  • Select the "Graffiti" track and create a second keyframe at 02:17 so Y = 400 linear at the starting position that you set to Y = 400. So between the first and second keyframe, Y remains at 400;
  • Create a third keyframe at 03:20 with linear Y = 288 (the position of the "BORIS" line);
  • The "GRAFFITI" line will climb between the second and third key frame and take the place of the "Boris" line.

Insertion of a blur

The final action is to blur the "GRAFFITI" line:

  • Select the "Graffiti" track;
  • Move the time slider to 03:20, and add a "BCC Blur" filter;
  • Set the first keyframe value for "Horizontal Blur" to 0 linear;
  • Set the second keyframe value for "Horizontal Blur" to 100 linear;
  • Between the two keyframes, the blur will increase gradually.

Reducing the Ripple Time

There remains one last adjustment to make. The ripple filter you set up starts at 01:00 and ends at 04:00. In other words, during the period when the line "GRAFFITI" becomes blurred, the ripple continues. For the ripple to end when the blur starts, simply drag the mouse to the last key frame and bring it to 03:20.

Your effect is fully customizable. You can save this phase of the effect using the menu "File / Save settings as ..." and choose a filename (eg Etape4.grf) and the folder in which you want to save your effect. Then click "Apply" to apply your effect and save your project in Studio 12, and exit to Studio 12.

Your effect should now look like:

If you wish to review the video that is on the timeline of Studio 12, select the "Background" track and replace the media "Color" to "Video 1" (the opposite of what you did at the beginning of this tutorial ).

TIP: If you want to insert a Boris Graffiti title on a clip of 15 seconds length but you do not want to start as early in the clip and you want it to display for only 6 seconds, try this...:

Cut the clip of 15 seconds length into 2+6+7 seconds. Then you will have the Boris effect last for only 6 seconds.

Step 5 : Bonus

For those who have had some difficulties getting to the end of this tutorial, you can find the Effet01.grf file available in the « Associated Files » section below. This file contains all the tracks, and keyframe parameters in detail above (with some small variations around adjustment).

Using this file:

  • If you want to use the effet01, copy the "Effet01.grf" file to one of your folders (eg My Documents);
  • When you use Boris Graffiti in advanced mode, open this file from the menu "File / Open Settings" and the effect is immediately available, ready to be incorporated into Studio 12 by pressing the "Apply" button in the window;
  • Note: Unlike the ones provided with Boris Graffiti, this .grf file does not preview or have the animation. It is therefore not advisable to copy this file into the Boris Graffiti library, as you will have neither the preview nor the animation of the effect.

With a little practice, be aware that it is faster to create an effect than to read a tutorial that explains how to do it. If it took me less than an hour to create this effect, it took over thirty hours to design and write this tutorial. Go ahead and choose the fastest method and....CREATE!

{Thanks to markk655 who translated this tutorial from french to english, Loosecannon who fine-tuned it.}

Associated File(s)
Share/Save this article


Comments
moles on skin By # moles on skin @ Wednesday, December 7, 2011 1:27 AM
Great tutorial That was a really good article, thanks for taking the time to put it together! You have managed to point out some very good points. I can't say that I completely agree about some points, but you certainly have a unique perspective. Anyway, I like your post.

Déclic Vidéo FX By # Déclic Vidéo FX @ Saturday, December 10, 2011 1:56 PM
Thanks moles on skin, do not hesitate to comment the point you disagree, we love that, this way everybody learn from everybody, that's what we need here.

DV FX

 
WARNING: this comment section only relates to the current article. All technical and/or general questions regarding software detailled in our article *MUST* be asked through various forums; we won't even answer to comments which do not comply to this basic rule, and we might even moderate it. Thanks in advance for your comprehension.

Comments support tags : [quote]Text[/quote], [b]Text[/b], [i]Text[/i], [u]Text[/u], [url]www.sample.com[/url] or [url=www.sample.com]Link name[/url].
You can use these tags to highlight your text or insert a link in your comment.

Name or surname (required) - publicly visible on the website

Email (required)

Website

CAPTCHA image
Enter the code shown above:

Pinnacle website access

Site officiel Pinnacle Studio