Software Tutorials

Website Templates Types

Website Templates Categories

Partners

Featured Free Templates

View All Templates!

Preview | Download

Name: metamorph_flame

Downloads:

Preview | Download

Name: metamorph_skyandclouds

Downloads:

View All Templates!

Recommended Hosting:

Recommended Hosting:

:: Free Website Templates


Preview \| Download	Preview \| Download	Preview \| Download
Name: metamorph_sunset	Name: metamorph_flower	Name: metamorph_waterfall
Downloads:	Downloads:	Downloads:

Do You Like Our Website? Share With Others!

Page: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25

Welcome To WebDesignTutorials.net Flash Tutorials Area - Revolving Text Button

Download Flash File

Start off by starting a new movie: File>New. Then go to Modify>Movie and change the width and height to whatever your prefference might be. The one I'm making is Width: 200 Height: 50. Then make a new symbol (Button) by going Insert>New Symbol and name it Button1 and behavior as a button. On the white screen, draw what you want the button to look like, just as I have and make sure you have text in it.

After you have made the graphic in the "Up Frame", right click on "Over" near the top left hand side and chose Insert Keyframe. Everything should remain the same except there should be a dot inside the "Over" at the top and your image should be highlighted in blue.

Alright, with your image highlighted, chose Insert>Convert to Symbol. Name can be called Movie1 and behavior is as a Movie Clip. Right click on your image, which should now be a movie clip, and choose Edit In Place. Here is where we will make our animation which will occur when you put your mouse over the button. (You can click on the left image to see a larger version:)

What you want to do at this point is to separate the text from the rest of the button. So you select the text and Edit>Cut. Then Press the New Layer button

and press Edit>paste Name the layer "Text" by double clicking on the left where it says "Layer 2". Lastly, lock the other layer which contains all the other graphics besides the text.

Alright, here comes the most tedious part of the tutorial. Select the text and press Modify>Break Apart. All the letters are separate now. You may want to zoom in, but now you must select each text character, press Edit>Cut, start a new layer

and Edit>paste, just like we did ealier in Step 4, but after pasting each letter, you must also press Modify>Group so each letter stands on its own.

Okay, now you add a keyframe in the tenth and twentieth frames on all the layers inside there. Now go to the tenth frame, zoom in, and revert all the charachters by clicking on each charachter, pressing the scale button

and having a mirror image of each text while keeping it aligned so it looks like the image on the left.

Next, you want to create a motion tween from the 1st to the 10th and then from the the 10th to the 20th frame on all the layers which have letters in them. You do this by going to each layer's first frame and going to the Frame Tab in Flash 5 and setting it up to look like the figure on the left. Make sure you select CW (Clockwise). You want to go through and do the same thing on frame 10 on all the layers. Finally, last step is to Press File>Publish Preview>Default(HTML) and make sure it works :)

Author: Akash Goel

Advertisements

Graphic Software, Flash Templates, Free Stock Photos, Web Templates, Web Design, Corporate Web Design, Royalty Free stock Photo, Affordable Website Design, Submit site, Add Url, Stock Photos, Survey Software, Anti Virus Software, E mail software, Computer Software

Premium Partners

Free Website Templates - Flash templates, Affordable Website Design, Website Templates, Website Redesign, Custom Website Design, Web Design Tutorials, Flash Tutorials, Promotion Tutorials - that is what we do. Metamorphosis Design Studio offers quality, free and low cost web site templates for your business and personal life, we also offer affordable web design and site re-design.

Vertex Website Tempales - It saves tones of time and money to use pre-made web designs to build your web site. You need a web site but you don't want to pay thousands dollars to professional web design companies? Our web templates is just for you! They are designed to be easilly edited by your favorite html editor, like MS FrontPage

Photoshop Tutorials - Learn how to build stunning web pages using Adobe Photoshop, Macromedia Flash MX and 3D Studio Max software. The step-by-step approach makes it so easy, that even beginners can produce great web pages. Get started with these tutorials covering everything from page layout to content tips.

Photoshop Tutorials, Flash Tutorials, 3Ds Studio Max Tutorials, Web Design Tutorials

Welcome To WebDesignTutorials.net Flash Tutorials Area - Revolving Text Button