Multimedia Task #7 - Holday Promo with After Effects
Start date: Fri., 5/21, due date: Wed., 5/26

Build a promo


Click here to download the Christmas song folder
Requirements:
Composition > New Composition with:
Name: Task 7
Size: preset - 720x480 - NTSC DV
Duration: length of the song (your choice which song) or no song and 30 seconds exactly

This is an example of a promo I did a few years back for the start of the baseball season. It is a short example of how to animate and use audio:

Get the Flash Player to see this player.


Click here to see the promo projects from Fall 2007 classes

Click here to see the promo projects from Spring 2007 classes

Click here to see the Christmas promo projects from Fall 2008 classes


Here is what I will be looking for when grading:
1. Creativity - how far "outside the box" was your overall design? Was it an improvement of skills from the Photoshop Animation?
2. Objective - was it a clear advertisement? Would people know what it was for?
3. Difficulty - did you just dissolve up one word or did you have a lot of things going on?
4. Length - At least 30 seconds. (This is the MINIMUM amount of time for your animation.)

Short version:
1. Think of theme - what is it you are trying to show in your promo?
2. Find some pictures to support this theme.
3. Animate them to make them last throughout the song.
4. Use text to help it out.
5. Creativity is the key.
Long version
1. Come up with an idea and create a promotion based around the theme (idea) - for a promotion. It could be shopping, families, gifts, etc.
2. Find some pictures to go along with your promo. No videos - that's not to point of this task. Just find some pictures, use some background and try and mix them all together.
3. Choose your song wisely.
4. Text can help explain what you are doing, so use it. Again, you can use the motion blur effect to animate the text on, or opacity changes, anything to make it more dynamic rather than static (moving rather that standing).
5. Be original, be creative. Try to come up with an idea that no one else is going to do. Be advised that you should pace yourself so that you finish on time.

Export settings:
1. Clicking to highlight your composition ("Task 7") in the project window, and go to Composition > Make Movie (Ctrl+M)
*If it asks you where to save it, save it to your folder*
2. Click on lossless, and check off the stretch box changing the ratio to 300 x 200.
3. In the same window (if you closed it, click on 'Based on "lossless" ') and check off "Audio". Then click Ok.
4. Click on Render.
5. After it's done rendering, close the Render Queue window.
6. Go to Composition > New Composition (Ctrl + N).
7. For the name, call it "Task 7 - Your name". For the duration, change it to match your mov video's time. (1500 for 15 seconds, 1700 for 17 seconds, etc.)
8. In the project window, import the "task 7.mov" file you just created in your folder.
9. Hit the home key to go to 00:00:00:00.
10. Drag the mov file into the timeline.
11. With the "Task 7 - your name" composition still highlighted in the project window, go to File > Export > Adobe flash (SWF). Put this in the folder and call it "Task 7 - your name" and save it.
12. Settings should be 5 - high
13. Change unsupported features from "Ignore" to "Rasterize".
14. Put a check next to loop continuously.


Mini-lessons:
1) Sliding text or pictures


If you'd like to make an animation like this, here's some quick hints on how:

After creating your layer (a text or picture), the key is having 3 position keyframes. 2 close to each other, and one at the end (the outpoint) of the layer.
Mine was the words "text layer", it was 3 seconds long, and had 3 keyframes. 1 at the start (0:00), 2 at the beginning (0:10) and 3 at the end (2:29). I like to have the 2nd keyframe no more than 15 frames from the first one to make it a quick effect. if I wanted it to go slower, I would move it further away. Maybe 20 or 30 keyframes from the first.

When I place these keyframes, I get the path in the window to look like this:

The last thing I did was add the motion effect blur by clicking and adding a check-mark. If I want to see it when I preview it, I need to click on the letter M with the shadow to enable the motion blur.


2) Scaling text or pictures

If you'd like to make a picture grow with a little style, then the 3 frame scale is the way to go. It's exactly like the slide, except you change the scale values instead of positions.
I always skip the first keyframe and work backwards on effects like these. Start out by setting the picture up for where you want it to finish.
Then, go to the end and set a scale keyframe. This is your 1st keyframe.
Then go somewhere about 10-15 keyframes into the layer, and scale it down so that it's not the same as the end, but you can still see what it is. This is now your 2nd keyframe.
Lastly, Go to 0:00 and set the scale to 0. This is your 3rd keyframe. Preview it and see if you like it. If something is growing to fast or too slow, adjust either how far apart the keyframes are or the values of the keyframes.

I added the motion blur for effect, but it's not really necessary.


Text slam

This is just a few adjustments and a change of font style. Very easy, take a look:

I started with a font style called "Stencil". I chose a larger font size, and a bold style. I also typed my words with a center justification, also making sure that one was centered on top of the other.

A few (3 keyframes) to do this effect. Again, I went to where I wanted the picture to land (:10) and set it up. I used a 0 x -20 rotation, a scale size of 100 and position it where I liked it. I set keyframes for these 3 options.
Then I worked backwards again. I went to the start (0:00) and set the rotation back to 0 x +0.0. This was my 2nd keyframe for rotation.
Still at 0:00, I then increased the scale so that the words were getting larger and larger. I wanted to feel like I was zooming in between the two words. I changed the scale and position until I had just zoomed to words off the screen. These were the settings for my 2nd keyframes for scale and position. Remember, this is at 0:00 in the timeline.

I then went to the end of the layer (2:29) and changed the scale to 120. This would give it a slow grow after it lands. Here's the timeline after it's all done:

Again I added the motion blur effect, but again it's not really necessary.


Swivel

This is just an effect added to a layer (pic, text, whatever). Very easy, take a look:

I used the Effect > Perspective > Basic 3D on this layer.

In the effect controls, at 0:00, I set a stopwatch keyframe for the swivel at 0 x + 0.0. Then, I moved to the end of the timeline and set a keyframe for swivel of 2 x +0.0.


Zooming in and out of the timeline
To make it easier for you to see all the layers in your timeline, you can zoom in and out easily. Down on the bottom, you should see the triangle. Clicking and dragging left and right will zoom you in and out of the timeline.