Home | Help Forums | Web Design Tutorials | Free Swishmax Downloads | All Downloads

 

 

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

   Swish Templates
   SWiSH Climax
   GimpTalk
   Idea Designs
   Sposatoettore
   Try Acai Berry Diet
   Download Free Ringtones
   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


All rights reserved - swish-db.com