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

Boris Graffiti: Transparent Letters for a Title

Boris Graffiti: Transparent Letters for a Title By Le Papy - Last updated on Sunday, January 15, 2012
41395 Views :: 3 Comments :: Article Rating (Total Votes: 3)
Category: Boris Graffiti Tutorials  -  Previous tutorials  -  Associated File(s)
Published on Sunday, October 9, 2011
Created on Friday, October 15, 2010 4:48 AM
 

You know that the Boris Graffiti styles palette is very broad. It includes many fonts, many colors, gradients, and various motifs and you can make any kind of title. But one of our readers would like a transparent title ... No, this is not a joke ... He would like it so "you can only see the edges of letters and the interior of letters is composed of the background video". Certainly we've done a tutorial "Mapping an image to a text with Boris Graffiti and Studio" but the procedure is different since there is nothing to map to the text, it is even necessary that the letters are transparent. Unless I am mistaken, I do not think that a transparent font exists in the Boris Graffiti's styles palette. Then I looked at this and realized that it is easier to make transparent letters than to map an image or a video.

Step 1 : Implementation in Studio

You will not need a screenshot as the procedure is simple.

  1. Put a clip of a few seconds on the Studio video track;
  2. Apply a Boris Graffiti effect;
  3. Edit in Boris Graffiti.

For this tutorial, I selected the same 5 second clip that was used in the tutorial Mapping an image to a text with Boris Graffiti and Studio (7th clip of "OurFunVacation"), allowing you to see how the implementation is different in Studio.

Step 2 : Achieving the Effect in Boris Graffiti

Upon opening the "Library Browser", immediately go to the "Advanced mode".

Setting the "Preview" window

  1. Before entering your text, I suggest you properly set your preview screen;
  2. In the "Composite" Window, open the "Preview" menu;
  3. Make sure the "Preview With Square Pixels" item is ticked if your video is 16:9 and unchecked if it is 4:3.

This setting will facilitate any text placement so you will not have any unpleasant surprises when returning to Studio later.

  1. By default Boris Graffiti has created a "Text" track and a "Background" track;
  2. Click the rectangle icon that represents the text form "3D Plane" track to change the shape of this track.
Changing the shape of the "Text" track
Select the "3D Extrusion" shape. Remember our previous tutorials, this is the magical shape ... Notice the change in the shape icon. Remplacing the "3D Plane" shape  by a "3D Extrusion" shape
Entering text
  1. Render the "Text" track and double-click on the associated "Text" track;
  2. Then enter the text "DV - FX" in the "Text Window" which just opened. Choose a font and a typeface large enough such as Arial Black 168 for example.
Setting the text texture
  1. In the "Controls" window, normally located in the top left of your screen (Here I moved "Controls" windows for clarity);
  2. Select the "Textures" tab;
  3. Tick the boxes "FR" (Front), "EX" (Extrusion) and "BV" (Bevel).

Each time you check a box, the corresponding track is automatically created with default settings. You'll notice I haven't checked the "BK" (Back) box here because we can't see behind the characters. We only see the front face, the thickness of the characters and the beveled portion.

  1. You'll remember that our reader wanted to see the video inside the letters and only wanted to see the edge of the letters. The "Front" track already contains the "Video 1" video: we don't touch it. But you need to edit the Extrusion and Bevel tracks to make the contours of the letters visible;
  2. Click the "V1" icon that represents the background video to change the media.
Changing media on Extrusion and Bevel tracks
  1. Select the "Extrusion Texture" track;
  2. Replace the "Video 1" media by a default "Gradient".
Input gradient media on Extrusion and Bevel tracks

Repeat the above operation on the "Bevel Texture" track and you should get the following results:

  • Video 1 on the front of letters;
  • Gradient on extrusion and bevel tracks;
  • Video 1 on the background of the screen.
Final result
Step 3 : Back in Studio

To return to Studio, click the "Apply" button. Wait for the rendering to stop and you will see something like this:

Step 4 : Bonus

You can download the file "Transparent.grf" available in the « Associated Files » section below.

I told you it was not a joke ...

{Screen Capture made with TechSmith Snagit 10}
{Thanks to Loosecannon for the fine tuning}

Associated File(s)
Share/Save this article


Comments
Gert Oskar Reitner By # Gert Oskar Reitner @ Sunday, October 9, 2011 3:55 PM
What a greatidea ! All kinds of possibilities for its use !

Thanks

Beitle By # Beitle @ Monday, October 10, 2011 10:19 AM
Very cool, mates., I have found a new app for Boris, will you have a upload for Boris Graffiti file?

Déclic Vidéo FX By # Déclic Vidéo FX @ Monday, October 10, 2011 11:24 AM
Hello Beitle,

We do not have any upload area in our website. But feel free to contact us through the contact page, and we will check with you. Can you please clarify, at the same time, what you mean by "app for Boris"...

Thanks,
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