Welcome to Gaia! ::

Reply ~:: The University of Gaia ::~
Macromedia Flash and SWF animation: The Basics Goto Page: 1 2 [>] [»|]

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Ninamarth
Captain

PostPosted: Thu Jan 19, 2006 2:06 am


Macromedia Flash and SWF animation: The Basics

Objectives:
On this course you will learn how to create and modify simple and complex animations using Flash's drawing tools, how to use keyframes and motion tweening for efficient frame by frame animation, create complex animated movies with sounds and how to export your movie.


Prerequisites:
Basic HTML knowledge


Outline:
~ Flash overview and features
~ Drawing Tools
~ Fills and Gradients
~ Objects
~ Layers
~ Symbols: Graphics
~ Timeline and keyframes
~ Animation frame by frame
~ Motion Tweeing
~ Symbols: Buttons and Movieclips
~ Adding Sound
~ Exporting and publishing


Requirements:
~ Macromedia Flash Mx 2004 or 8 (Trial or full version, you can download the try version here).
~ Flash plugins (If you can play Gaia Towns you have them wink ).
~ A host to uppload your animations (if you don't have any, try to open a free one like Geocities.com).

PostPosted: Mon Feb 13, 2006 9:52 pm


Everybody can sign up for this course now. I will start when 5 people signs heart

Ninamarth
Captain


Titialia

PostPosted: Tue Feb 21, 2006 12:20 pm


Which class do you want to take part in: Mac. Flash basics
Why would you like to join that Class : I think it owuld be fun and helpful
How often are you online in Gaia:three or four times a week
How long will you take part in the class: until it ends
PostPosted: Thu Feb 23, 2006 11:31 am


Titialia
Which class do you want to take part in: Mac. Flash basics
Why would you like to join that Class : I think it owuld be fun and helpful
How often are you online in Gaia:three or four times a week
How long will you take part in the class: until it ends
YAY! my first student. Please take note of the requirements. You will need the program installed. If you need help on this please PM me :3

I will start... hum... with 2 more students mrgreen

Ninamarth
Captain


Cesia101
Crew

PostPosted: Tue Feb 28, 2006 6:13 am


I'm on a school computer, so I don't know how much I'll be able to post before my time runs short, but :

I'll join the class! heart
PostPosted: Tue Feb 28, 2006 9:41 am


I'll join! I know a bit about HTML.

Sileny


Ninamarth
Captain

PostPosted: Thu Mar 02, 2006 11:04 pm


Okay!
Both need to install macromedia flash.
I need to know what you know of HTML and web pages. Please post a little resume of what you know. If you need I may give you a little fast course of HTML first.
PostPosted: Fri Mar 03, 2006 5:47 pm


I think our computer already has flash, but I'm not sure...

As for HTML, I have a guidebook, and I know simple commands, like color, text, link, image, etc. I've made simple webpages for my science classes and for amusement before.

Sileny


Ninamarth
Captain

PostPosted: Fri Mar 10, 2006 10:13 pm


Sileny
I think our computer already has flash, but I'm not sure...

As for HTML, I have a guidebook, and I know simple commands, like color, text, link, image, etc. I've made simple webpages for my science classes and for amusement before.
Hope it would be enough sweatdrop
Let me know when all of you have flash installed please! Is very important to start practicing since the beginning mrgreen
PostPosted: Sun Mar 12, 2006 4:22 pm


I've got it. I double checked.

Sileny


Ninamarth
Captain

PostPosted: Mon Mar 13, 2006 1:46 pm


Okay... I'll PM the others and I will start this next friday. You'll get all the weekend to do your first excercises. On monday I will check them whee
PostPosted: Tue Mar 21, 2006 12:26 pm


~ Flash overview and features ~


Flash is a powerful software program that can be used to create animated movies that are small in file size, load quickly, and incorporate user interaction and sound. You could use Flash to add interactivity to a web or CD-Rom based training module.

It has few tools compared to Adobe PhotoShop, and ActionScript, the Flash scripting tool, is simpler than most scripting languages.

Flash offers you several format options for displaying your creations: Shockwave movie with filename extension .swf, stand-alone projector (filename extension .exe), as an AVI or Quicktime movie (.mov), animated GIF, or other image formats.

Let's start with what will you see when you open the program:


User Image
((Click to enlarge))


~ The Stage ~
Flash uses a rectangular area called the "stage" to represent the area in which graphics display. Objects may move across the edges of the stage to make them float in and out of view in the final movie. You may adjust the dimensions and background color of the stage when designing your Flash and again when placing it in a web page. A grid can be turned on and off or adding multiple guides can assist you in positioning objects, and a snap tool helps align objects to the grid and/or to each other.


~ Timeline ~
User ImageTo represent how the stage content changes over time, Flash uses the Main Timeline as its primary authoring structure (movie clips have their own version of the timeline, with most of its features). This timeline consists of a horizontal array of frames representing moments in time. The rate at which the movie will play back is determined by the frames-per-second (fps) setting. The default is 12 frames per second.


User ImageThe frames of a timeline are used to determine when an object will apear or an event take place. A keyframe is a special frame, inserted to permit changes in content. To organize simultaneous animations and events, the timeline contains vertically stacked layers. New layers can be inserted as needed. Graphics on higher layers will appear in front of graphics on lower layers. By organizing your work on many named layers, you'll help keep elements separate, making editing a lot easier.

Layers can be assigned special properties, but we will see this later.



Ninamarth
Captain


Ninamarth
Captain

PostPosted: Tue Mar 21, 2006 12:58 pm


~ Drawing Tools ~


User ImageFlash comes with a set of drawing tools designed to keep your graphics as compact as possible. Many of the drawing tools can be used in conjunction with the snap feature to align objects and create perfect circles, squares, as well as horizontal, vertical, and diagonal lines.
The arrow tool allows you to select, move, copy, and delete objects. Selected objects may be scaled, rotated, and skewed. Their height-to-width ratio can also be altered and shapes can be straightened to modify their curves or smoothed to reduce the number of points.

The text tool allows text to be entered in various fonts, colors, and point sizes. Bold and italic features are included, as are justification, margins, indentations, line spacing, and kerning (letter spacing).

The pencil tool allows lines to be drawn in various thicknesses and colors. Line styles can be modified for special effects such as dotted or broken lines. Pencil options also allow creation of ovals, rectangles, and straight lines, as well as lines that smooth themselves out or straighten to conform to common geometric shapes.

An ink bottle tool allows line thickness, style and color to be modified after drawing.

A brush tool offers several sizes and shapes of brushes for creating shapes. It offers pressure-sensitivity for those drawing with a digitizing tablet. Special brush styles let you paint around lines, paint behind already drawn objects, paint only selected areas of the drawing, or paint only within an enclosed area.

The paint bucket allows filling an enclosed area with solid colors, gradients, or tiled bitmap images. Gradients may be radial or linear and are custom-definable. Once placed, a gradient can be scaled, stretched, rotated, and re-centered. The paint bucket can be modified to ignore gaps in the shape it is filling. It can also extend a gradient pattern among different shapes, using the gradient lock feature.

The eraser tool removes lines and fills. It can be set to various sizes and shapes, and can be modified to erase only lines, fills, selected fills, or a specific fill area.

A dropper tool allows easy copying of line or fill attributes from one object to an associated drawing tool.

The magnifying tool allows enlargement or reduction of a part of the stage.

The lasso tool alows you to select any portion of your drawing you wish. It includes a magic wand option for selecting color areas of a bitmap.

When the paint bucket or ink bottle is selected, colors (including gradients) may be selected and customized by accessing the color palette via a rectangle that displays the current color selection.
PostPosted: Tue Mar 21, 2006 1:20 pm


~ Homework ~

Draw different figures (circles, squeres or whatever you want) using the drawing tools. Notice what happens when you cut a figure with a line in the same layer, like this sample:

User Image

What happens with the line? And the circle? Move the new elements you have on your stage. Play with all the tools to see what does any of them.

Save the file with .fla extension when you finish. Please send me the file by e-mail: ninamarth@gmail.com (this is my MSN messenger BTW).

Ninamarth
Captain

Reply
~:: The University of Gaia ::~

Goto Page: 1 2 [>] [»|]
 
Manage Your Items
Other Stuff
Get GCash
Offers
Get Items
More Items
Where Everyone Hangs Out
Other Community Areas
Virtual Spaces
Fun Stuff
Gaia's Games
Mini-Games
Play with GCash
Play with Platinum
//
//

// //

Have an account? Login Now!

//
//