Creating animated 3D elastic button - SWiSHMax Tutorials
 
  Buy Ebooks, Video Games, DVDs, Electronics and more !
Home | Help Forums | Web Design Tutorials | Free Swishmax Downloads Make Money Online Blog . Free Image and Photo Sharing and Hosting

 

 

Company

Home

Nework Details

Tutorials

SWiSH 2

SWiSHMax

Flash MX

PHP & MySQL

HTML / JScript

Adobe Photoshop

Corel Draw

Gimp

Miscellaneous

Downloads

Templates

Plugins

Fonts

Wallpapers

Free Images

Scripts and Codes

Products

E-Books

SWiSH BB

SWiSH Templates

SWiSH-DB Newsletter
Subscribe to our newsletter : GO
  Partners / Affiliates

   Free image hosting
   Web Design Pakistan
   Swish Templates
   SWiSH Climax
   Talkfreelance Community
   Template Desire
   Lite boards
   Script Sector
   GimpTalk
   13dots
   Idea Designs
   PHP Cafe
   Sposatoettore
   Free swishmax templates
   Swishzone

Manage your site with Flax Article Content Management System
Creating animated 3D elastic button
Category : SWiSHMax | Level : Beginner | Language : English
Ask Question | Read Comments | Post tutorial | Previous | Next

Web www.swish-db.com

Hi,

This tutorial is for all who want to get the max of 3d visual objects in the Flash movies sites, presentations etc.).

Let's start:

1.If you have the 3d software Swift 3D, open it and create the 3d object of your choice (buy it from Electric Rain).

2.Do the animation of this object and save the pictures separatelly (frame by frame) or export this animation like *.swf file.

3.Now, open Swishmax and do one of the following:

-import the *.swf 3d file into swishmax in new scene (you will import as sprite).

-import all pictures (frame by frame ) and group as sprite.

Add name of this sprite(3d button)

Note: If you use the second solution, add the place and remove action for all of this pictures (frames), like the picture below:

user posted image

And then, on the last frame in this sprite, add action: gotoAndPlay(1);

for example:

onFrame (n) {
gotoAndPlay(1);
}


// n is the number of your last frame in this sprite (end of animation)//

4.Now, group this sprite as sprite again and add some name (elastic button).

5.The next steps are the same steps for creating the elastic button.

6.Open the 3d button sprite and add this action:

on (rollOver)
{
jump = false;
xskal = xskal * 2;
yskal = yskal * 2;
_parent.roller = 1;

}
on (rollOut)
{
xskal = 100;
yskal = 100;
_parent.roller = 0;

}


7.Now, open the sprite named elastic button, and add this action:

onLoad () {
xskal = 100;
yskal = 100;
jump = false;
sX = 100;
sY = 100;
multiplikator = 0.800000;
ratio = 0.300000;
}
onEnterFrame() {
if (!jump)
{
sX = Number(sX * multiplikator) + Number((xskal - _xscale) * ratio);
sY = Number(sY * multiplikator) + Number((yskal - _yscale) * ratio);
_xscale = _xscale + sX;
_yscale = _yscale + sY;
}
}


8.That's all.Now test you animated 3d elastic button.ENJOY wink.gif

Preview link:

Download Example

3d animated button


© 2002-2005 Flaxweb Network | Article Manager | Gimp Tutorials Library | RAD C++ Library | Free C/C++ Sourcecode |
Sites of interest : Web Design Blog | Swish Templates | Swishmax Ebook | Photoshop Templates | Gimp Tutorials | Text Forum | Make Money Online