


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
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"): To implement a logo overlay first construct a logo image in either gif or png
(jpeg not recommended due to no image transparency support).
<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>
<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.
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.