Skip to main content

Static titles over video clip

Just a technology I explored yesterday, hope someone might find it useful...

How to make static titles over video clip for iMovie (or any other QuickTime DV editing application).

You will need:

Adobe Photoshop (I used v. 7.0, not sure if Elements would work)
QuickTime Pro (I used 6.3)
iMovie (I used 3.0.3, but 2.1.2 should work just as well)

In Photoshop:
Create a new (720x480 px, transparent fill) .psd file as a template for your titles.
Type your title (creating a new text layer), using whatever font of combination of fonts you want. You can use layer effects as well (Drop Shadow, Stroke, etc.), just make sure you stay within "TV-safe" area, use NTSC colors (there is a filter to adjust that), and remember, that QuickTime does not seem to support Photoshop's layer "blending modes" other than "Normal" very well (the default setting for Drop Shadow effect is "Multiply". If you change it to "Normal" and tune your drop shadow using the transparency slider in the Effects window, you will have a better idea of what your final result will look like, especially if you place a sample frame of the target clip on a layer under it).
Turn off visibility of all layers (if you have more than one) you don't want to show in your title clip, and save the file as ".tif" file, uncheck the "Layers" checkbox, so you would have a "flat" image, but KEEP the "Transparency" option in the secondary dialog window CHECKED. I used non-compressed, Macintosh byte order format to save my titles.

In QuickTime Pro:
Open your "whatever.tif" file in QuickTime Player (the file will have a black background, it's fine, it's in fact transparent, there is just nothing behind it, and "Graphics Mode" is defaulted to "Copy"), then "Edit" > "Select All", "Edit" > "Copy".
Open target DV clip in QuickTime Player, "Edit" >"Add Scaled". This will place your single frame on top of the existing video track and stretch it to the length of the target clip. Alternatively, you can select only a portion of the clip and place your title over that portion only.
Select "Get Movie Properties..." from the "Movie" menu. Select "Video Track 2" (the one you just added) from the left drop-down, and "Graphics Mode" from the right.
Set the mode of your track to "straight alpha" (the black background will turn transparent), then go to "File">"Export...", and export the composite movie to a DV stream.
Import the result into iMovie and feel proud.

Popular posts from this blog

{position:fixed} in iOS 6

I stumbled upon this oddity when upgrading to iOS 6 while working on a mobile advertising project, and it took me a better part of the day to figure out what is going on: all of a sudden an element {position:fixed} stopped working in a correct manner (which is staying put, while the page is scrolling), and started "sticking" to the scrolling page, moving out of the viewport, and then just "jumping" back to the correct location after the scrolling was finished.If you scroll this page , you will see it—hint: that's the one labeled "broken"—assuming that you have a correct device/browser combination. Mine was iPhone4 and iOS 6.0 (6.0.1-6.1.3 behaves just the same). On the original page, where I first encountered the problem, all of my elements were created dynamically using JavaScript, but at the end of the day (literally) it become clear, that the glitch is in the iOS 6 CSS implementation.Here is what happens: if you have an element {position:fixed} whic...

WordPress: How to add custom fonts to a twenty seventeen child theme.

Quick help to those who have tried to find some help and failed (as I have so I have to write the code myself). Assuming that you have your virgin child theme configured and activated: here is a function which goes into the functions.php file (of your configured and activated child theme): function childtheme_twentyseventeen_fonts_url() { $replace_original_font = true; // unless you really like Libre Franklin if ($replace_original_font !== true) { $hyph = '-custom-'; } else { $hyph = '-'; }; $font_families = array( //add your Google fonts and weights (400 and 700 are defaults for normal and bold) here: 'Oswald:200,400,700', 'Lato:200,400,700', ); $query_args = array( 'family' => urlencode( implode( '|', $font_families ) ), 'subset' => urlencode( 'latin,latin-ext' ), ); $fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' ); wp_enqueue_style( 'twentyseventeen' ....

Have to do something about something

I recently realized, that I haven't been doing any 3D work for month now. I also noticed, that the last movie I made, wasn't all that exciting of a project. For some reason my interests shifted - again - to another area, which is, in turn, split between standard-based web design, and making music with GarageBand. May be, I should concentrate on something; just may be. May be, I will achieve some sort of recognizable and reputable state in that area, whatever that area would be. May be, people will refer to me as an authority on some obscure subject, like cross-browser implementation of unordered lists, or making Apple-compatible loops, I will become famous, and will receive an incredible job offer (this last statement is about as realistic, as me winning a lottery, considering that I never play). Somebody just sent an email to my wife, asking if she still gives art lessons. I couldn't help noticing custom domain name in the email address, so I checked it out: very decent ...