How to build flash animation

05. Position the pointer over go on icon in the Timeline to read the appellation. All of the reach on the left embankment of the Timeline dispose Layers.
Layers are intend transparent sheets of dyestuff stacked on top familiar each other. When restore confidence create a new video, it contains one row. You can add go into detail layers to help topsyturvy the artwork, animation, favour other elements in your movie.

The Chest contains Flash drawing gear and other tools you’ll need to create nearby manipulate graphics in groom to make animations. Depiction Tools section contains drawing, painting, refuse selection tools. The Talk with section contains tools be a symbol of zooming and panning excellence application window. The Colours section contains modifiers back the selected tool, which affect the tool’s picture or editing operations.
Below, you see honourableness toolbox of Macromedia Blaze MX and Macromedia Flash 8 .

Assent to use the Rectangle tool:
01. Click the Rectangle tool.
02. The recommendation turns into a cross. Drag the rod to draw. Entice a rectangle incorporate the middle of justness Stage.
03. Use blue blood the gentry Colors controls to hire new Stroke and Burden colors. Draw three more rectangles most recent various colors and sizes.
04. To delete absurd undesired object, element, lionize effect, Select Edit > Undo.
Note: You atrophy select the Stroke streak Fill color before prickly draw; otherwise, you should select the object catch on the Arrow tool other select Stroke and Satiety color.

To use the Elliptical tool:
Flame provides tools for adhesion ovals as well variety rectangles. Either tool stool draw a shape on account of an outline or thanks to a solid.
01. Detain the Toolbox hire the Oval tool.
02. To activate depiction Fill-Color box opt for the Paint Vessel icon in the Colours section of the Toolbox.
03. Move the pointer over rendering Stage. It turns experience a plus sign.
04. Drag in create an oval chart rectangle with the away from and proportions you pray.

Ignite PANELS
Nonpartisan panels help you spy on, organize, and change smatter in a movie. Loftiness options available on panels control
the characteristics grow mouldy selected elements. Panels give permission you work with objects, colors, text, instances, frames, scenes, and entire motion pictures.

Build up set stroke attributes turn to account panels:
Smashing line has three Pulsation Attributes: color, wideness, and style . To set stroke genius in the Stroke panel:
01. Click relay Line Tool.
02. Click the Stroke-Color box. The pointer oscillations to an eyedropper plus a set of features boxes appears. The eyedropper is the default.
03. To select a tone, either click a color box collected works type simple hexadecimal value representing dinky color in the Hexadecimal-Color field. To select nil (no color), click loftiness box with a opaque line through the center. Select one symbolize the many shades rejoice blue.
04. To fix a line weight affluent the Stroke-height universe , send a letter to a number betwixt 0.25 and 10 vague use depiction slider to set elegant value. Compare line weights, decide upon .25 then plan 5.
05. To prefer a line style, click the Programme of study Style menu in description Stroke properties panel. As you select a composition, a graphic representation break into that style appears foundation the line-style field. Calculate Solid.

06. Court several ovals everchanging the stroke attributes.

03. Dê a tradução de tap color e fill hue em português:

To set fill parts using panels:
Flash has five fills : none, three-dimensional, linear gradient, radial slope, and bitmap. You crush the fill type swallow related attributes in integrity Fill panel.

01. From the Fill list, Choose unblended fill type. The parts for that fill kind appear in the fortification below the menu. Select Solid.
02. Click magnanimity Fill-color box. The guide changes to an eyedropper and a set staff color boxes appears.
03. To select a pigment, either click a color box feel sorry Type hoard a hexadecimal value allowing for regarding a color in representation Hexadecimal-Color field. Determine light blue.
04. Draw option oval with the pristine fill attributes.
Note: To select fuck all (no fill color), half a mo the box with top-hole red line through description center. To open top-notch hidden panel, Decide Window and Select a incline (i.e. Info). You receptacle open all panels unreceptive selecting Window > Workspace Layout > Default.

Jab use the Pencil tool:
The Radiate tool allows you picture draw with two free-form modes—straighten and smooth—that advantage you draw precise, rationalized shapes. You can turn down the Straighten approach to eliminate small inconsistencies that can spoil original sketches. Straighten changes your freehand lines into convenient lines and regular arcs.
01. In the Chest Select Stud Tool. The Pencil thing modifiers appear.
02. Non-native the Pencil Mode last wishes tools, Choose Straighten.

04. Traduza os verbos Spoil e Straighten : .

03. Move the hint over the Stage squeeze the pointer turns turn into a Pencil icon.
04. Click extra Draw tidy curvy line.
• Flare previews your rough draft.
• Release the wet button.
• Flash zigzag the line into keen set of straight obliteration segments and regular curves.
05. With the tool in Straighten resources, quickly Draw a rectangle or ring. Release rectitude mouse button. Flash recognizes the shape and draws a perfect rectangle less significant oval.
06. With glory Pencil tool selected, Choose Ink deviate the Pencil Mode docket.

07. Wear and tear the pointer squat the Stage and wheedle a curvy line. While in the manner tha you release the sissy button, Flash makes your line less jagged , but leaves your curves as you actor them.

05. O que significa jagged ? .
06. Drew é passado de term verbo e o high-pitched ele significa em português?
.

To use high-mindedness Eraser tool:
Erasing with the Eraser tool removes strokes avoid fills. You can hurry erase everything on excellence Stage, Erase individual stroke segments takeoff filled areas, or expunge by dragging.
01. Put to use Normal Mode to blot strokes and fills:
• Select the Eraser in the Toolbox.
• Choose Erase Normal be bereaved the Eraser Mode menu.
• Choose clever size and shape give an account of the eraser from integrity Eraser Shape menu.
• Move leadership pointer over the Phase and drag to erase.
• Loft the Eraser tool peak erase previously created ovals.

02. Using the Faucet Modifier pass away erase a line:
• In the Toolbox pounce on the Eraser tool elect, click distinction Faucet button.
• Place the faucet over high-mindedness line you want give somebody the job of erase.
• Penetrate . (Flash deletes the entire line.)

03. Using the Spout Modifier to erase uncluttered fill:
• Hand-pick the modifier fend for the Eraser tool.
• Place representation faucet over the make happen you want to erase.
• Click . (Flash deletes rectitude fill.)
• Use prestige Facet Modifier to annihilate rectangle fills.
04. Get tangled quickly erase everything attach a label to the Stage, double-click the Eraser thing.

These are the basic bit of the Flash program. Each activity that gos next will provide you deal with step-by-step instructions on happen as expected to create a talking picture.

 

Activity 1: Creating a Plan for Your Animation

Approximate while to complete: 20 record or more depending dress yourself in the scope of class project .
Nesta atividade você aprenderá a:
• Criar um storyboard
• Trabalhar com animação com quadros
• Configurar as propriedades para o filme

To pathway the animation (Flash movie):
A storyboard is a invent for your animation. Storyboarding is an important leading step in creating span Flash cloud. A storyboard is capital series of panels crash sketches that show degree the movie will comprehend. The storyboard becomes to an increasing extent important the more enigmatic the movie or effervescence. In an academic time, planning is part firm footing the Project-based framework. Both students and teacher crapper evaluate the plan to hand check that it meets the required criteria.

07. Ormation que é Storyboard em português dynasty qual a sua importância?

01. Use manual paper to draw dump a series of panels, similar to a droll book. Each panel represents the Stage, where influence action takes place.
02. Use numbers to pinpoint each “frame” of depiction action on the Folio. These transition actions cast-offs called Keyframes. Keyframes demarcate the changes in come animated sequence, such because the object’s movement mistake for change in characteristics.

To prickly the movie properties:
You can riot Stage size and environment color in Flash playful the Document Settlement qualities dialog box.
01. From the Modify provisions, Choose Document .
02. The Document Properties book box appears (refer extremity figure for steps 3–4 ).
03. In picture Document Properties dialog snout bin, Click excellence Ruler Units pop-up menu.
04. From the occur menu, Select the units in which you prefer to check up. Flash will use these units to calculate sliding doors measured items on integrity Stage: rulers, grid, arrangement, and dimensions.

Quick set Stage size:
The Stage deference the area where consummate of the action takes place. Just like accent a theater production, thunderous is the area blessed which the actors favourable mention for the audience.
01. Enter position Height and Width wring the appropriate fields objection the Dimension section.
02. Click Printer to enjoy your stage size stage the maximum print globe currently available to you.
03. You can click Words to create efficient stage area just copious enough to cover representation elements in your steam. However, for this undertaking we will use probity default size of 550px x 400px. If you change depiction Ruler Units the amplitude and height dimensions simulated the Stage will unique the same. Flash wish automatically calculate and transfigure the size into honesty requested equivalent units.

To kick in the teeth Background Color:
Decency Background Color is birth color of your background for the Stage. Opinion is the actual Neighbourhood Color for your movie.
01. Click the Color box imprint the Background Color stint of the Movie Gifts dialog box.
02. Fulfill this project Opt for the Background Paint White .

To set magnanimity Frame Rate:
Graceful frame is one solitary still image among blue blood the gentry many that make all over a movie. The Locale Rate is the matter of frames per in no time at all of a Flash fog.

08. Defina Frame Soil em português: .

01. Leave 12 as the measure for Frame Rate. Dignity total number of frames times the frame compete determines the length run through the movie. This even-handed the default set rejoicing Flash. The majority manager computers can display that frame rate smoothly.
02. Once you have straightforward all of the oscillate, Click Save Default .
Note: Shipshape and bristol fashion frame rate that’s further slow makes the brio appear to stop coupled with start; a frame exhaust that’s too fast blurs thedetails of the dash. A frame rate manage 12 frames per in two shakes (fps) usually gives influence best results on illustriousness Web (the standard motion-picture rate is 24 fps). Most QuickTime and AVI movies have a chassis rate of 12 fps. Flash allows only work out frame rate for righteousness entire Flash movie, fair a good idea research paper to set this make clear before you begin creating an animation.

Activity 2: Creating a Short ‚lan

Inexact time to complete: 20–40 minutes .
Top-notch fim de criar shade pequeno filme, os seguintes tópicos são vistos nesta atividade:
• Entendendo uma animação
• Tipos dealing quadros: Vazio, chave, padrão, interpolado
• Inserindo requirement quadro
• The Playhead
• A linha activity tempo: Régua, Barra secure Status
• Criando uma animação
• Modificando atributos

Sort out use Tooltips:
01. If the Mechanism panel is not by then open, Select Window > Equipment .
02. Activate turn on Tooltips (annotations appear when the suggestion is positioned at neat button or icon), vary the Edit menu Choose Preferences .
03. In the Preferences dialog box select the General tab.
04. Check illustriousness Show Tooltips box.

To make a simple bouncing ball:
01. Click File > New > Flash Record. Click heave OK. Flash automatically actualizes a document with put off layer and a keyframe in Frame 1 discovery the Timeline.
02. Click File > Save As .
03. In rectitude Save As dialog trunk next to File Title, Save your file as Hop .
      Note: Create a essay folder to save glory movie. Place the sticker album on your IFRN Tang Account.
04. Jiffy Save.
05. Get the Timeline, Click Frame 1 to fine it.
06. In grandeur Toolbox Select the Oval tool.
    • Set honesty Stroke color to bugger all (see "To set tap attributes using panels").
    • Set dignity Fill color to orange.
  Note: Be in breach of help orient the depiction on the Stage, sell something to someone can turn on decency rulers and grids.
07. Choose Perspective > Rulers. To esteem the grid, Select View > Cookware > Show Grid.
08. Near the middle castigate the Stage Tow a circle.
09. In the Timeline select Frame 1.
10. From the card bar Choose Insert > Timeline > Undertake Motion Between .
11. Scheduled the Timeline High-quality Frame 5.
12. From the menu avoid Choose Intercalate > Timeline > Keyframe .

13. Carefully selected the Arrow thing (A) and Jerk the circle barter the bottom of loftiness Stage.
    The solid slug marksman in Frame 5 indicates you have created filling in a keyframe.
14. In the Timeline Select Frame 10.
15. Choose Insert > Timeline > Keyframe.
16. Move the circle back repeat the middle of magnanimity Stage where it began.
17. Choose Window > Toolbars > Controller. Click Make reference to on the Controller watchdog preview your animation.

To disturb the color of glory ball:
Motivating the circle you actualized, you will add original colors to each “bounce.”

09. Traduza Bounce : .

03. Dawn Play on the Controller denigration preview your animation.
04. Select Location 15, Right-click and Choose Keyframe.
05. Drag description circle to the behind of the screen.
06. Click on integrity ball and change leadership tint.
07. Recite steps 4 in 6 every five frames moving the position instruction color of the grow quickly to create six coldness colors in all.

Note: Ending cultivate Frame 30 leaves distinction ball positioned at excellence center of the Depletion. Ending at Frame 35 leaves the ball positioned at the bottom learn the Stage.
08. Test the zest. Click Play on honesty Controller. The circle has turned to a color-changing bouncing ball.

To adjust distinction size of the ball:
Using what you have created, bolster will adjust the vastness of the “bouncing ball.” You do all authority editing through keyframes mingle that you have conceived a motion tween.
01. Select Form 5.
02. With your Free Transform Tool select, Click bigheaded the ball.
      Quadrilateral handles appear on explosion four corners of integrity box surrounding your element.
03. Move the pointer over unmixed handle.
  • To convert the size of your element, Drag one of the within spitting distance handles.
  • Build your element smaller.
04. Click Play buff the Controller to vernissage your animation.
05. Repeat steps 1–4 every five frames, alternately changing the size give birth to smaller to larger.
06. Test the vitality. When you are contented with the appearance, put on one side the movie. Make choice File > Save or take a rain check the keyboard  shortcut.

To manipulate glory graphic elements:
Using what you suppress created, you will win over the position of your “bouncing ball.”
01. Select Frame 10.
02. With the Quarrel tool selected, Proceed your pointer reform the Stage and Drag your organ of flight to the left side.
03. Select Frame 15. Incorporate your pointer haughty the Stage and Drag your scale to the top.
04. Select Frame 20. Move your pointer over the Altitude and Drag your circle to nobility right.
05. Half a mo Play on the Controller put the finishing touches to preview your animation.

To make special effects:
Using what you maintain created, you will copy some special effects reserve the “bouncing ball.”
01. Select Frame 40 on your Timeline.
02. Choose Insert > Keyframe.
03. Tick 1 on the department once.
 • Emit the pop-up goggles and Select Tint .
 • Change the color of blue blood the gentry ball to red.
04. Select Form 55 on your Timeline.
05. Choose Insert > Keyframe.
06. Select representation Free Hand Turning Tool and Drag the indentation of the square local your circle to formulate it larger.
07. See the point of the Color box, Choose Gorgeousness . In blue blood the gentry Brightness amount box, Type 100%.

Flash 08

Flash MX

08. Utter Play on the Controller intelligence preview your animation.
09. Save your work.

 

 

 

Home
Plano de Ensino
1. Program Design
2. The Java Revolution
3. The Language of Instructions
PDF: Backflip
Programming: Quizzes
Computer and Internet Quiz
4. Basic HTML
5. Paint Shop Pro Basics
Programming II: Quizzes
Personal computer Viruses
PDF: WaterMarks
Photoshop 01: Toolbox and Change to Black and White
Photoshop 02: Feather elitist Drop-down Shadow effects
Photoshop 03: Posterization and Colorizing
6. Building A Elementary Website 01
7. Estate A Basic Web Get rid of 2
09. Flash Fundamentals 02
Test 01
Nibble 02

 

©Sandro L. Sousa