Tutorial Web Animation with SwishMax

Creating a Simple Object

2011-09-26T17:36:00.000-07:00

The following will explain the technique of making a simple object. Swish has provided tools for that purpose.

Creating a Straight Line

Tool used to create a straight line is Line. The steps to create a straight line is as follows.

1. Click Line on the toolbox.
2. Drag on the page so as to form a straight line.

Know Object Animation

2011-09-26T16:03:00.000-07:00

Animation in Swish is not a single object. Animation created from a collection of objects that run. Files generated animation in this is called the Swish Movie. The components that make up a movie is:
1. scene,
2. Frame, and
3. Objects.

Scene

A movie may consist of a scene. Scene is used to group objects that are animated in the frame. Each scene usually has its own theme. For example: the scene for the preloader, the main scene and others. When the movie is run, the objects in the scene will be executed. After all objects is finished playing, then will move to the next scene.
You can make the animation into several scenes so as to facilitate the management of its object.

Frame

Each scene has a number of frames. Frame shows more or less long duration or short duration of the animation. Each frame will contain objects that are animated.

components in animation

Objects

Objects in the animated Swish consists of simple objects (simple object) and object complex (Complex Object).

Simple object

Simple object is formed from a single object. Examples of simple objects:

Object Shape. Simple objects are formed from lines and curved, well-shaped object in the form of a closed curve or a simple curve. Shape objects can be created with these tools.

Tools for Creating Shape Objects

Button object. Object button or key is formed of several objects placed on the four states, namely: Up State, State Over, Down State, and Hit State. Any object that is placed on a state will be active when the event occurs. For example, for the Over State object will be displayed when the mouse event is above the button (Mouse Over). Similarly for the other events.

Sprite objects. This object is composed of multiple objects in a single timeline, so much like an object movie. When executed, the sprite will run the animation.

Instant Object. This object is a clone of the object sprites.

Complex objects

Complex objects composed of several single object or a simple object. Complex objects are divided into two types, namely: text objects and group objects.

Text Object. Text object is divided into three types, namely: static text, text that is displayed on the movie; dynamic text, text that is run by a script in the animation, and text input, ie the text that when the animation is run someone can enter text in the animation.

Object Group. This object is composed of several components, each component can be formed from multiple objects. Examples of components in the object group for example: text.

Setting the View Size

2011-09-26T01:59:00.000-07:00

If the page size is too large, there are parts that are not shown. Or for small objects, you need to enlarge the view so that details appear more clearly.

To change the display size, use the Zoom facility. How to use this facility:

Click on the size of the view on the View.
Choose the appropriate size. Eg 100%.
The result, the display will look like the picture below.
You can adjust the paper position by using the Pan button. How: Click the Pan button, then drag on the page so that its position according to your desired
To change the size of 100% and directly in the middle position, click the Zoom 100%. To zoom in directly using Zoom In, and use the Zoom Out to zoom out. Meanwhile, to display a full screen, click on the Fit button in the Scene Window.

Set the Page Background

2011-09-26T01:32:00.000-07:00

Animation background page you need to adjust the background color on a web page so that the limit of animated objects become fused. For example a web page color blue, then you have to change the animations page to blue. how:
1. Make sure the Movie tab is active.
2. Click on Backgound Color, then select the color blue. Consider the following figure.

The result will look like the picture below.

Setting the Frame Rate

2011-09-26T01:24:00.000-07:00

Frame rate is the speed of an object is moved in an animation. Unit Frame Rate is the frames per second (fps). The standard size for the animation to the monitor screen is 12. That is, every second contains 12 object-driven image. In contrast to the size of the movie within the movie, at 25 fps.
The steps to set the frame rate is as follows.
1. Make sure the tabs on the panel Movie Movie Talah active.
2. In the Frame rate, change its size to 10. Consider the following figure.

Preparing and Setting Page for Animation

2011-09-26T01:04:00.000-07:00

Before you start creating animations, you need to set up the page with the size that fits your needs as a place to put the animated objects. You need to ensure in advance the animation for what you will make. For example, you will create an animation object to the introduction of a web or first page of the web with size of 500 x 400 pixels or you'll create a web banner size 500 x 60 pixels.

Setting the Page Size
How to set the page size is as follows.
1. Make sure you have opened SwishMax.
2. On the Movie Panel, the content width and height as needed. For example to create an introductory web page, make a size of 500 x 400 pixels. Fill in the Width and Height = 500 = 400. Consider the following figure.

Know Interface SwishMax

2011-09-25T18:54:00.000-07:00

Before you learn more, first you must know the layout or interface of SwishMax so you can use this application program quickly. In order to look at in this book are the same as the display on your monitor screen, use the monitor settings 1024 x 768 pixels.
Once you open SwishMax, Start Up menu is displayed as shown below.

You can choose:
- Start a new empty movie to create a new movie,
- Start a new movie from a template to create a movie from a template that has been provided, and
- Work on an existing movie to open the movie you've ever made before.
Select the first option to create a new movie. Further display SwishMax interface will look like the picture below.

Main Menu

The top part is the Main Menu. Main Menu is a command in the pulldown menu. The contents of this menu such as File, Edit, View, Insert, Modify, Control, Tool, Panels, and Help.

Tool Bar

Under the Main Menu appears small icons called Toolbar. Toolbar function the same as the Main Menu, but with the toolbar you can perform commands more quickly, ie by clicking on the icon. For example to open a file you can simply click on the Open Standard toolbar. There are several types of toolbars on the line, namely: Standard Toolbar, Insert Toolbar, Toolbar Control,

Standar Toolbar

Insert Toolbar

Contrl Toolbar

Time Line

Time line is used to view the duration of time in the animation. At this time there is a line of frames that are filled with animated objects. Similarly, the effects were added to the duration of time the object will appear on the line this time.

Time line

Outline Panel

Outline Panel is used to manage objects that have been added to the movie page. To set the properties of an object, you can click on objects in the outline panel.

Outline Panel

Layout Panel

Panel layout is the place to arrange the objects that will be animated.

Layout Panel

Tool Box

The Toolbox contains tools to create animated objects, such as text, lines, circles, boxes, and others. In addition to the toolbox you can manipulate objects such as: rotate, change the scale, spread and other objects. If you have mastered the graphics application program, you are not familiar with these tools and how to use them.

Tool Box

Movie Panel

This panel is used to organize and manage animated objects such as: set the background, managing the animated objects, and others.

Movie Panel

In the movie panel at the top there is the tools for setting the animation object. To activate the tool, click on the relevant tab. For example, click on the Guides tab if you want to set up help lines in the layout panel.

Movie panel with the Tab Guides Enabled

Required System Configuration

2011-09-25T18:38:00.000-07:00

To be able to use SwishMax well, a minimum configuration of your computer system is as follows.
- Using the Windows operating system 95/98/ME/NT4/2000/XP.
- Computer with minimum Pentium 2 processor or higher.
- Memory 64 mb.
- A minimum monitor resolution of 800 x 600 pixels with 256 colors.
- SwishMax already installed on your computer.

Know New Facility in Swish

2011-09-25T18:04:00.001-07:00

Compared with previous versions, SwishMax version has new facilities such as:
- Development of scripts facilities,
- Addition of new effects which is quite a lot, of 230 effects.
- Facility to draw a more complete,
- Display or a more complete program interface making it easy to manage animated objects.
- Improved import and export facilities as well as the ability to generate an executable file.
- And others.

Ability Swish

2011-09-25T18:03:00.000-07:00

You may never see an animation on a web page very interesting. Unimaginable how to make it. If you have mastered the animation program like Macromedia Flash though, would take days to mengasilkan animation effects are very attractive. And you also be surprised to learn that the animation was just made within a matter of seconds. This ability Swish.

The last two years, many web sites are decorated with animation produced by Swish. At that Swish 1.5 is very popular among practitioners of web design. Usually they combine the processed Swish animated with Macromedia Flash. With the collaboration between Swish and Macromedia Flash animation will be generated image of a professional. Generally made with Swish animation used to create objects banners, menus, interactive buttons, and others.

In addition to web animation, you can insert these animations Swish processed into documents created with PowerPoint presentations resulting presentation is more attractive and appealing.

Swish developments

2011-09-25T18:01:00.000-07:00

Swish is an application used to create components in a web page such as: introductory pages, banners, menus, and web pages in full.

Swish was born in April 2000 with the ability to create animated text. In July 2000 launched version 5.1 Swish is quite popular. In this version has been able to add pictures and sounds to create animations. More complex capabilities found in Swish v2. And today is the latest version which is the development of SwishMax Swish v2 version. And the latest version SwishMax SwishMax is 4.

Introduction

2011-09-25T17:38:00.000-07:00

Swish is a program for creating web animations instantly. This application program is very helpful for beginners as well as practitioners in the field of web design to produce animated web atractive and interesting.
Today many web sites that are equipped with flash animation in order to become more attractive appearance. Flash animation was not created with Macromedia Flash, but by using Swish. With this program, a pemulapun can produce a professional web animations.
The latest version issued by SwishZone application is SwishMax. In this latest version has been equipped with a scripting facility that has the ability equivalent to the ActionScript in Macromedia Flash. Even more interesting is the ready availability of 230 effects that you use to produce an interesting animation.