Egghead's Animated Sig Tutorial

[egghead]

Now let's add the background picture the animation.

Highlight frame one again and open the coats-big-spooky.jpg



It will be placed in the frame however we see that it has now covered over the animations



No worries here.

Go to the Object manager window and you will see the image at the top. Drag the image section to the bottom of the stack.



Now everything above the object stack will be visible.

With the image highlighted in the object window you can now adjust the background picture to suite your needs. Simply hold the left mouse and drag the image as needed.



Now select frame 2. Notice that there is no background image? Go back the object manager and select the background click the "show/hide object" button.



Do this for all the frames and adjust as neccessary.

You did it!

Save your work!

Now we are going to add a blank frame so you get the idea of how easy it is to do this.

Right click on the frame panel and select "add frame".



Now head over to the objects menu and "show" the ones you want to use and adjust as neccessary.

That's it!

Save your work!

You have just created an animation sig with a background.

Now you may have noticed that when you preview the sig it is very fast. To set the speed of a frame you simply right click on each frame and select "frame properties".



In the delay attributes colun input your desired interval. zero no delay and 60+ waits longer to see the next frame (you get the idea?)


http://img476.imageshack.us/img476/7...swindow0ft.jpg

Save your work and select preview. It should look like this,


http://img476.imageshack.us/img476/7...torial27od.gif

Next we add text and we will save optimize and save it for the web

[egghead]

Now lets add text.


http://img477.imageshack.us/img477/7...ingtool9ag.jpg

Select the text tool and left click on the picture where you want to place text.



In the text box choose your color, font and size and type in your text. Your text will now be in the picture. In all the frames you will need to select the "show" button to show your text for each frame.

save your work!

Now we can preview what we've done and decide if we like it.

We like it so lets save it and optimize it.

Select the optimize tab and we will now save the work.



Press the save as button to save without compression.



We are now going to compress the file to work at techzonez.

Select the comress by size button.



In the box type 79 and press ok/



You will see a preview of your compressed image.
*Note - you can increase and decrease the quality before saving if neccessary.

Here are the before and after pictures.

Uncompressed, 122k

http://img461.imageshack.us/img461/6...pressed8wd.gif

Compressed, 80k

http://img399.imageshack.us/img399/3...pressed2da.gif

There you go! hope this gives you an idea how to do this kinda stuff. It really is a lot of fun and I hope that it helps you. Let mer know if you like it and please lets see your work

If you want to display your pictures you can use imageshack to host your pictures and display them here using image tags


www.imageshack.us

Good luck
Egghead

[egghead]

Egghead's has created an easy to follow shockwave flash demo!

You can view the easy to follow 6 minute demonstration of the above tutorial here,

Have fun with it!

Egghead