Animated Signs with Flash

Mustang Forums Mustang Classifieds Photo Gallery Calendars Search Live Chat Contact MF Sponsors
Mustang Recalls Mustang TSB's News Timeslips Timeline Wallpaper Member List Register Login

Animated Signs with Flash

Printable Version

Mustang >> Other >> Chop Shop >> Animated Signs with Flash

Page: [1]

Message

<< Older Topic Newer Topic >>

Animated Signs with Flash - 11/30/2005 10:57:28 PM

fso119

Posts: 167
Joined: 9/7/2005
Status: offline

Here's the flash way:

OK. Here's a cliff note version:

Step 1 Picture 1. Create a new file from the templates.
I chose the 468x60 banner. This gives a decent size web banner. You can use what ever size you want though.

Thumbnail Image

Step 2 Picture 2: Create multiple layer to work with. Using layers helps put objects in their own 'track'. You'll need this to animate.

Thumbnail Image

Step 3 Picture 2: Import you artwork and add to layers. In this example, I'm only using a picture that I did in photoshop matching the size of the flash movie. If outputing as flash go jpg. You can use jpg to make a gif in flash but be aware of the color changes.

Step 4: add enough frames to work with. The more frames yoo have, the smoother the animation will look. BUT keep in mind that the more frames you have the larger your file will be. This goes for images also. If you can create some things in flash using the drawing tools, this is better.In my banner, I put each letter in my sig in its own layer. I then started with the alphabet and added letters until it reached the letter that I wanted.

AAA 000
BBB 111
CCC 2
DDD 3
EEE 4
FFF 5
GG 6
HH 7
I I 8
... ...
... ...
SO 9
You get the pattern here.

Step 5 Picture 3: Make your keyframes somewhere in the timeline where you think you have enough frames. I created my keyframes at 23 frame mark. What keyframes allows you to do is move your images and text around without affecting the other frames.

Thumbnail Image

Step 6 Picture 4: Select a layer at an earlier point in the timeline and create a motion tween. The motion tween will render each frame from the start of the first keyframe (which in this example is frame 1) to the next keyframe. Now adjust your objects in each layer in the next keyframe to the position you want them to end, all the previous frames adjust themselves. If your scrub the playhead in the timeline you can see your animation move.

Thumbnail Image

Step 7: Now goto File>>Publish Settings and check the gif output. Publish and post your work.

If you want the source project of my banner, pm with your email and I'll send it to you.

_____________________________

2005 V6 Premium Convertible (stock no mods)