
Movie Maker 2 - Editing Text - Custom Overlays
Beyond adding a logo or frame, you can easily use custom image overlays over part of your movie, or the entire one... using any graphic overlay you want. The overlay can be opaque and block the underlying pixels, or have whatever degree of translucency you want, to partially see through it.
The overlay images can be in a fixed position like a logo or trademark in a corner, or move like the two spiders in the upper left... playing over a captured visualization video clip.
PapaJohn's Products and Services
Here's how it works:
The text going through the coffee cup handle in this video snippet is a creative example of using customized overlays (courtesy of Dave - dlk).
If you're interested in how the xml files work, and how to do them yourself, start with the Title Overlay Starter Kit below, and the other items on this page. Then go to the Editing > the Persian Page.
For example, if you render a movie using an image overlay and then go back to the project later to do some more editing, the Title Overlay clip in the timeline won't show a big red X if the overlay graphic file is missing... the movie will be black in that area and you might think there's a problem with Movie Maker or your computer. Keep notes and backup files if you expect to rework such projects, and you'll be fine.
Newsletter #52 is an introduction to using xml files for custom text effects.
Title Overlay Starter Kit and tutorial
Here's a custom 10 pack to get you started... an xml file that defines 10 animations, and 10 starter image overlays of 640x480 pixels... PNG files with some transparency. Once the files are in place, the 10 extra choices are included in the list of title animations. 10 of them are more than enough for most movie projects.
Tip: you need to add at least one character of text or it won't work... and the text you enter won't appear in the overlay... so type anything, even if it's just a single pressing of the space bar.
Tip: if you want both an overlay image and text, as shown at the left, you need to make two title overlays, one with the image and the other with text, and overlap them on the timeline.
All 10 of them on a video clip would look like this Sample Video.
Overlay Images Here are some downloadable PNG images ready for use in movies... click on a link to see and/or save it... feel free to use any of them.
Assume they are standard 4:3 ratio unless noted as 'widescreen', which will be 16:9.
Make your own custom PNG files, name them the same as those in the starter kit, and swap them out. You're off and running with your personal custom xml files and overlays. You won't need to touch the xml file, just keep swapping the images used.
Paint.NET (link on the Setup > Other Software page) is a great tool for making part(s) of an image transparent... and then saving it as a PNG file that'll work with Movie Maker.
Images used as overlays are sized by Movie Maker to fill the screen, leaving no black borders. The birds in the picture above is a 640x480 image being used in a widescreen movie... in this case, slightly fatter birds look OK. If I wanted to keep the birds' original proportions, I'd use an overlay image of 856x480 pixels (16:9 ratio). It'll depend on the content of the overlay image being used if it's worth the effort to resize it.
If you use small overlay images that don't align with standard or widescreen aspect ratios, they'll be stretched to fill the video frames, and become pixilated and mis-shapen. It's best to use overlay images aligned with the size you'll render the movie to.
Custom Overlay Projects
A series of related title overlays (using images instead of text) can be an unusual and fun way to start a video.
Newsletter #73 is a tutorial about how to do an overlay project, using the puzzle project to illustrate it. Click the image to read it.
Here are some sample projects with downloadable packages ready to use on an XP system ... to help you understand what's needed, and get you started without having to write or tweak xml code. Each project has a downloadabe zipped package.
The zip package includes the xml file, a set of partially transparent images, a Movie Maker project file (MSWMM) with the overlays already on the timeline, and batch files to install or remove the set of project files.
The download is a zipped file with:
Click on any of images below to see a sample video that was made from the overlay project package.
Puzzle...
... pieces are removed to show the video clips on the timeline. Click the image at the right to see a sample video, with fish at the Monterey Aquarium in the background.
and here's a link to download all the files needed to use the puzzle overlays in your own movie.
Puzzle Overlay Project Download
Keyboard...
... as time passes, random white keys disappear to reveal more of the underlying video.
Click the image to see the sample video with a clip from Seattle's 'Experience Music' exhibit in the background, and the download link to get a copy of the custom package.
Keyboard Overlay Project Download
Countdown Clock...
...as each second passes, one of the clock faces is removed.
When the last one disappears, the movie begins... unless you started it in the background at the beginning of the countdown.
The background video is whatever you want to use. The sample uses some scenes from Times Square in New York City.
Click the image to see my sample video, and the download link to get a copy of the package.
Countdown Overlay Project Download
Opening Curtain... (XP)
...this one takes you further than the first three. It includes an opening animation clip with audio and two overlays that align with it...
The background video starts with an animated clip, and is followed by your personal clips. The sample uses a Happy New Year clip from kathokatho of the windowsmoviemakers.net forum, and a Chirstmas scene from Rockefeller Center in New York City.
Click the image to see the sample video, and the download link to get a copy of the package.
The package has: a custom XML file and two custom PNG image files... a WMV file for the opening animation with sound... and a Movie Maker project file (MSWMM) with the opening clip and custom overlays in place.
To get the curtains to open to show your personal clip behind it, apply the standard 'Split, Vertical' transition between the opening clip and yours.
Opening Curtain Overlay Project Download
Newsletter #83 is about fine tuning image overlay positions, and tweaking them so they work with fades or other transitions. Click the image to read it.
Moving Overlay Images
Here's my first test clip with the code, a
virtual sailboat. It can be made into a big boat going up a river, or a little boat moving among the reeds. The overlay is the same, but the background video changes.
Here's the forum thread with
the xml code.
The image at the right is a positioning guide to help you understand the co-ordinates used in the xml code. For example, to have an overlay image move from the upper left to the lower right, make the EntrancePosition 0.0, 0.0 and the ExitPosition 1.0, 1.0.
Trugga's
Logo Locator is a great guide to help you get the code you need, and to let you play with things interactively to understand what happens as you change settings .
Newsletter #92 is about moving image overlays. Click the image to read it.
Another sample... big birds (California Condors) flying around my office... each of them a moving overlay image... click on the picture to see the video.
The 3 condors are from a single still picture of them flying over the Grand Canyon... the steps to doing this are: crop each out > make the background transparent > save as PNG files > use as title animation in Movie Maker with custom xml code.
The 3rd sample scrolls a moving image overlay smoothly upwards as you would show ending credits.... with transparency you see an audio player's visualization playing in the background.
Using such an overlay, you can add about any kind of text effect you want... click on the picture to see the video.
In this clip the background video is a captured visualization...
The latest sample in this series is one that uses 8 moving image overlays with transparency to put together the starting picture that leads into a video... of an airshow for this sample.
This frame grab at the left shows the last of the 6 planes moving up into position. Click on the picture to see the video, about 40 seconds long.
Newsletter #96, about special effects applied to images and video clips before or after import, includes a mini-tutorial about using custom XML files to censor someone's face. Click the image to read it.
The link in the newsletter to the sample video is obsolete. Here's one to a copy of it on YouTube.
Tip: Using custom image overlays in lieu of text is a hack of Movie Maker, not officially supported by Microsoft. Some of the usual things you might expect won't be there.


I've also included two batch files in most of the packages, one that automatically installs the items when needed, and one that removes them... see the newsletter for info about how I use these files with my personal database. If you don't know how to use them, or are uncomfortable doing so, don't... they are optional and not needed to use the project.
