PapaJohn Productions

Beginners guide to custom effects, transitions and titles by using XML

PapaJohn's Products and Services

Logos and Frames

These title overlays are slightly different in style compared to Rehan’s PIP+ Effects (discussed later) but are great alternatives for creating channel logos, borders, and picture frames!

Example One: Placing a Logo/ Watermark- View

LogosandOverlaysTo implement a logo overlay first construct a logo image in either gif or png (jpeg not recommended due to no image transparency support). 

This also could work for borders and frames but major editing of the params are required so wait till I get to PIP+ on that one.

Rehan also has a very well put together page on this one which covers deeper waters of the process, you can view it at this link.

Open up your photo editing program and select new.  Set the dimensions of the picture to about 85 x 65 pixels to proportion it more accurately.  Next construct your logo and make sure once that is done that you remember to erase or cut out any white background to allow the footage to show through.  Then choose to save it under a name like logo.gif or png and put it in your "AddOnTFX" folder (If you don't have an AddOnTFX folder yet, create it manually). If you want to change the name or the name is incorrect in the first place change it and remember to edit the "LogoBitmapFilename" line of the xml with the proper name.  You can test out this sample image just right click on it and say save as.  The video to the left shows live shots of the logo being used (if you're having browser trouble select view to download).

Now for the coding!  Copy and paste the following xml  which places the logo on the right corner of the screen (this code will not work till you edit the "LogoBitmapFilename" line, it references to the picture you're going to use so insert the name of your image right where it says "AddOnTFX/logo.png or gif"): 

<TransitionsAndEffects Version="1.0">
<Titles>
<TitleDLL guid="{353359C1-39E1-491b-9951-464FD8AB071C}">
<Title name="logo" iconid="13" >
<Param name="InternalName" value="TitleStandard"/>
<Param name="Description" value="Places a logo on the screen."/>
<Param name="LogoBitmapFilename" value="AddOnTFX/logo.png or gif"/>
<Param name="LogoRect" value="0.75 0.75 0.25 0.25"/>
<Paragraph>
<Param name="IsOneLine" value="true"/>
<Param name="BoundingRect" value="0.05 0.85 0.70 0.1"/>
<Param name="MaxCharacterCount" value="32"/>
</Paragraph>
</Title>
</TitleDLL>
</Titles>
</TransitionsAndEffects> 

For those interested in changing the location of the logo, its placement is referenced to by this line:

<Param name="LogoRect" value="x y width height"/> 

So if you remember your high school Algebra you would know the x stands for where horizontally a point is and  y stands for where a point is vertically.  Hopefully you know what width and height means.  Think of the values for this particular one as -0.1[0] to 0.1[0] (e.g. 0.15, 0.3, 0.95) scale.  The higher x is the more to the right the logo will be and the higher y is the more lower it will be.  Keep in mind modifications made to the size affects the location of the logo as well.  The same applies to the width and height.  You could also position the title text this way if you wanted to by editing the "BoundingRect" line.  

Bring the clip you want the logo on, to the timeline.  Go to Tools>Titles and Credits.  Choose title on the selected clip.  Select 'Change the title animation', and scroll down the list and choose logo in the one line group (or for you smarty pants out there who noticed Title name in the script and put your own select that one ;).  Then when it comes to entering text if you don't want any just enter a space and click done.  To increase the duration of the logo grab the of end of the title hold and drag.  

That's all there is to it!


More About a Logo

Use Trugga's Logo Locator for an easy fun interactive experience in sizing and placing a logo. When it's sized and located where you want it, copy the code into your xml file.


... and More about Frames and Logos

In her forum post of 7/22/06 DanielleOfSLC gives you xml code for 39 Frames.

PNGDesigns

Jose Jimenez is a graphic artist making a neat set of PNG images for use as custom overlays in Movie Maker. The frames have transparancy for use as full sized overlays, and others can be used as logo-like images in a corner.

Here's a peek at his well done images, free downloads from his album at Picasa 2. The above image is a link. Select one from the album of over 200 at last check, click on it to see it full sized, then use the 'Download Photo' link to the right of it for a copy of the PNG file.