vinodsrivastava.com

FLASH

1. What is a Layer? Layer helps us to organize the artwork in your document. When we create a flash document it contain one layer but we can add more. Objects are placed in layer to create animation. 2. What are Symbols? How is it different from instance

Symbol Instances

1. it is a reusable object such as graphics,

buttons, movie clips 1. it is a copy of a symbol

2. It is stored in the library. 2. It is a placed on stage.

3. Any change in the symbol affects all the instances of that symbol.

3. any change in the instance leaving the symbol as it is.

3. What is a Frame? What are Frame Buffer and Frame Rate?

It is a segment of a movie that is mainly used for creating and storing the objects. It is one of the important components of Timeline in Flash.

4. What is a Frame Buffer? What FPS? The way of storing a movie or animation before displaying it is called Frame Buffer. Frame per Second or Frame rate is the number of animation frames displayed per second. It increases or decreases the speed with which the movie is displayed on the screen 5. What is publishing? What are two formats which support movie files?

Publishing means delivering a complete movie or a animation to the viewers. The two formats in which a movie can be published are .SWF and .AVI.

6. What is a Key frame? What is the use of Stage? It is a frame in flash that allows the users to define a change for an animation or to include the frame actions to modify a movie.

Stage is the actual canvas in flash where all the objects to be included in a movie or animation are placed. It allows to the draw the graphics and preview the movie in design time.

7. What is Timeline?

The Timeline is used to organize and control the contents of a movie over time in the layers and frames so that each movie instance can occur at the correct time. The major components of the Timeline are layers,frames and the play-head.

MULTIMEDIA & FLASH

MMWT-12 @ VKS-Learning Hub Page 2

8. What is Tweening? Name any two types of Tweening? The Tweening is the way of creating the effects on a movie or an animation. The two types of Tweening are:-

1. Shape Tweening 2. Motion Tweening

9. Explain the steps to create a Tweening(Shape Tweening). The following are the steps for Shape Tweening:-

1. Draw a shape, let's say Sun on the first frame in Flash Studio/Photoshop. 2. Place the Playhead at the 40th frame and insert a Keyframe.

3. Drag the object by using the Selection Tool, select both stroke and the fill options. 4. Place it on the right hand side of the Stage. 5. At the 40th frame, delete the Sun shape and draw another shape, let's say Cloudy Rain. 6. Place the Playhead at the first frame and right click over it.

7. Select Panels and then Frame. In Tween Option, select the shape and in blend option select “ Distributive”

8. Publish it to preview the animation or the movie.

10. Difference Between Motion Guide layer and Mask Layer

11. Hiding a Layer & Locking A Layer

Hiding a Layer Locking a Layer

1. Hiding a layer means that its contents are not lost but not visible

1. Locking a layer means that its contents can not be edited

2. it is denoted by red cross 2. it is denoted by Padlock 12. Difference Between Key Frame & Blank Frame

Keyframe Blank Key frame

1. A key frame is a frame in which the user

can define a change in an animation or

include frame actions to modify a movie.

1. A blank key frame is one which is

empty and is waiting to be filled.

It is used to hide the object till it

reaches another keyframe.

2. It is denoted by a solid dot in the frame 2. It is denoted by a white frame

13. What is Publishing. Name different format on which the flash movie can be published

Publishing a Flash Movie means delivering a completed movie to an audience

by converting the Flash .FLA file to another format for playback.

File formats in which a Flash movie can be published are: .SWF, .HTML, .GIF,

.JPEG,.PNG, .EXE, .HQX, .MOV, .SMIL.

Guide layer

Mask layer

Guide layer is used to assign an animation path that links to an object on another layer during motion tweening, we can use the drawing tools in the toolbox to draw the guide path.

Mask layer is used to create a hole through which the contents of one or more underlying layers are visible.

MULTIMEDIA & FLASH

MMWT-12 @ VKS-Learning Hub Page 3

14. Difference Between Motion Tweening & Shape Tweening

Shape tweening Motion tweening

Shape tweening refers to making one shape appear to change into another shape over time. By tweening shapes, you can create an effect similar to morphing.

Motion tweening refers to changing the position of an object over time. Motion tweening is helpful in creating an animation effect.

Shape tweening works with any object. . Motion tweening works only with symbols

15. Explain the concept of Scenes in Flash A scene is a clip of a movie which can be treated as an entire single unit all on its own and arranged around other clips. The advantage of breaking the movie into scenes is that every scene can be accessed individually an thus the sequence or order of scenes can be changed.

16. Differentiate between .FLA and .SWF

17. Differentiate between TIFF and MPEG TIFF MPEG

Tagged Image File Format Moving Picture Experts Group

It is type of file format meant for storing images, including photographs and other line arts.

is another type of file format formed by ISO for the storing and transmission of audio and video contents.

18. What are the two differences between JPEG and GIF JPEG GIF

Its full form is Joint Photographic Engineering Group.

Its full form is Graphics Interchange Format.

It supports high resolution and can take 24 bits color combinations yielding millions of colors.

It does not support high resolution and can take 8 bits color combination yielding only 255 colors.

19. FULL FORMS

# Abbreviation Full Form

1 GIF Graphics Interchange Format

2 JPEG/JPG Joint Photographic Expert Group

3 BMP BITMAP Image File

4 AVI Audio Video Interleave

5 PSD Photoshop Standard Document

6 AIFF Audio Input File Format

7 MIDI Musical Instrument Digital Interface

8

WAV Waveform Audio File Format

9 ASF Advanced Systems Format

10 TIFF Tagged Image File Format

.FLA file

.SWF

i) .FLA is the extension of the flash source file. ii) .FLA file can be opened and edited at any point of time

i) .SW F is the extension of the flash publish file. ii) .SW F file cannot be edited, it can only be viewed.

MULTIMEDIA & FLASH

MMWT-12 @ VKS-Learning Hub Page 4

20. What is the use of the onion skinning feature?

The onion-skinning feature allows the designer to see multiple frames and how their movements relate to the current frame. When creating an animation, this feature can be a great help to see what the objects in the preceding and succeeding frames look like.

21. What is the use of the Publish Preview option? The Publish Preview option allows one to preview the movie in a browser before publishing to see if the movie is appearing fine.

22. Identify the different Part of Flash Interface

23. How Graphic symbol is different from Button Symbol and Movie Symbol

Graphic Symbol are used for static image and to create reusable piece of animation that are tied

up with main timeline.

Button Symbols are used to create interactive buttons that respond to mouse clicks, rollover or

other action

Movie Clip Symbol these symbols have their own timeline of animation these are used to create

reusable piece of animation. This animation is independent of main movie’s Timeline.

24. What is Alpha values

Alpha Values set the transparency level of color At 100% color is solid or opaque at 0% it is Transparent

MULTIMEDIA & FLASH

MMWT-12 @ VKS-Learning Hub Page 5

25. Explain Different type of Layer

1. Normal Layer by default all layer added on time line are normal layers, which means all objects on layer will appear on movie,

2. Motion Guide Layer a motion guide layer contains an animation path that links to an object on another layer. It is always added above the layer which is linked it is not visible when we run the movie

3. Mask Layer A mask is used to hide any layer linked to it. Only certain portions of the underlying layer appear through mask design. While other parts of leyr are hidden or masked.

4. Sound Layer: it is added automatically on timeline when we add sound on stage

26. How to add Sound in Flash Click on file Menu and Choose Import Select the sound file to be imported from dialog box Click open, sound file will be imported and placed in Library Select the Frame from where you want to add sound and insert Key Frame Select the sound from library and drop it on stage. 27. Two Types of Sound in Flash Event Sound: Event sound must download complete before it begins playing and it continues playing until we stopped it Stream Sound : it start playing as soon as enough data for first few frame sound downloaded, it

is synchronized to the timeline for playing on a Website

28. Difference between

Publishing Exporting

1. is preparing movie files and accompanying HTML codes for uploading movies on the internet.

Is saving a movie file in different formats to be played using a particular player.

2. setting can be saved for reuse 2. setting cannot be saved

3. A movie is published only is the recipients

Stage Work Area

1. It is the placeholder for all the visible objects of a movie.

1. it is the placeholder for all the invisible objects of a movie.

2. it is the blank area located in the bottom half of the flash screan.

2. It is the gray area around the stage used to place animated objects that appear or disappear from the edge of the stage.

Bitmap Graphics Vector Graphics

Made up of tiny dots called pixel Made up of line and shapes

Individual elements cannot be grouped Cannot be grouped

Take more storage space Take less storage space

.Jpeg,.bmp files are the examples .svg,.eps .swf files

29. What is Morphing

Morphing is a special effect in motion pictures and animations that changes (or morphs)

one image or shape into another through a seamless transition.

MULTIMEDIA & FLASH

MMWT-12 @ VKS-Learning Hub Page 6

30. Define stroke. What is default stroke style? Stroke: stroke is an outline of an image. Each image can consist of a stroke and a fill. To create a shape stroke and fill are two primary elements.

Default stroke style: the default storke style is solid, meaning a solid line will be drawn.

31. How character kerning is different from character tracking?

32. Write steps to include flash file into a HTML file? To include flash file into a HTML file we can use <embed> Tag <EMBED SRC = “Filename.swf”> 33. Study the figure given below and answer the questions that follow :

(i) What is the usage of the area labelled as A in the above figure ?

Label A is Guide layer icon used to insert motion guide

(ii) What do the arrows in the timeline area indicate ?

Arrows indicate tweening between the key frames

(iii) Given the above settings, which layer contents will not be displayed on the stage?

Text Layer below the background layer because it shows cross on eye so it will be hidden

(iv) What is the frame rate of the above movie ?

Frame rate is 12.0 frame per second

v) What is the usage of the area labelled as B in the above figure ?

Label B is Lock layer icon used to lock the layer so that it cannot be edited

vi) What is the usage of the area labelled as C in the above figure ?

Label C is Onion Skin icon used to display frame wise animation

Character kerning Character tracking

When there are unequal space between the

character it is called kerning. It controls the

spacing between pairs of characters.

When there are equal uniform space between

characters it is called tracking.

B C

MULTIMEDIA & FLASH

MMWT-12 @ VKS-Learning Hub Page 7

Motion Tween : A motion tween is the fluid animation of a symbol in Flash. A tween controls speed,

rotation, skewing and scale of a symbol. However, a motion tween cannot be made without turning a drawing into a symbol. Step to create Motion Tween are given below Step 1 Draw a shape. Using Oval tool from Toolbox. Or drag the shape from library if it present there

STEP2 : Select the shape you have created with the "Selection Tool" and press "CTRL + F8".

Step 3 : The "Convert To Symbol" dialogue will appear, and you should select "Graphic". You can name it, but that is not necessary click at ok

Step 4: Go to the Timeline and click on frame 10.

Step 5 :Now right click frame 10 and select "Insert Frame".

Step 6: Click on a frame between Frame 1 and Frame 10.

MULTIMEDIA & FLASH

MMWT-12 @ VKS-Learning Hub Page 8

Step 7 : Right click on that selected frame and select "Create Motion Tween".

Step 8 : Now, go back to Frame 10 and select it. Change your "Graphic Symbol" in anyway you feel like. You can use the Free Transform tool to make it smaller, larger, or drag it to a different place on the stage.

Step 9: Now, if you look at the timeline, a blue arrow should be in the empty frames between Frame 1 and 10. This means that a "Motion Tween" has been created and it will animate your symbol from the position in Frame 1 to the position in Frame 2.

Step 10: To test your animation, go back and select Frame 1 press "Enter" on your keyboard or by selecting Control > Test Movie. Either way, the animation will appear and your symbol should change the way you wanted it, by size, position or shape.

MULTIMEDIA & FLASH

MMWT-12 @ VKS-Learning Hub Page 9

Shape Tween The shape tween in Flash can be used to transform shapes with ease. You can make a triangle acircle, a trapezoid a parallelogram, or a humpback whale a bottle of mustard with a few clicks of the mouse. Step to create Motion Tween are given below

Step 1 Draw the first shape. Using Oval tool from Toolbox. Or drag the shape from library if it present there

STEP2 : Go to the Timeline and click on frame 10.

Step 3 :Now right click frame 10 and select "Insert key Frame “.

Step 4: Draw the second image on the 10 keyframe. And delete the first image

Step 6: Click on a frame between Frame 1 and 10.

Step 7: From properties panel select use Tween Drop down and select Shape

MULTIMEDIA & FLASH

MMWT-12 @ VKS-Learning Hub Page 10

FLASH SCENARIO

(a) Observe the figure given bellow and do as directed :

The text “learn flash 5.0 in three days “ shows the position and size in frame 1.

The solid circle image shows the position and size of the image for mask layer. Write the procedure and property settings for animating the above scenario.

Steps for Masking

i. draw an object , say a text “ learn flash 5.0 in 3 days” with the help of text tools on layer

1 at frame 1st and press ctrl+g.

ii. press F6 and increase it to the frame 50.

iii. click on insert and select “ mask layer”, a layer will be created above the layer 1. select

the frame 1 of mask layer…

iv. draw a solid circle on the layer 1 and press F6 till 50th frame, move the circle on the

text to the new position.

v. right click in mask layer and select create motion tween .

vi. look the layer and click on contr+Enter test movie.

vii. play the movie.

(b) Observe the figure given bellow and do as directed :

The image on the left side shows the position of the image for frame 1.

The image on the right side shows the position of the image for frame 50.

The dotted line shows the path of motion of image. Write procedure and property setting for animating the above scenario.

MULTIMEDIA & FLASH

MMWT-12 @ VKS-Learning Hub Page 11

STEPS TO CREATE GUIDE LAYER:

a. Draw an object, say a golf ball with the help of tool on layer1 at frame 1st and

press ctrl+G.

b. Press f8 and convert object to graphic symbol

c. click on frame 50. right click and choose insert key frame.

d. drag the image from frame 1st to frame 50.

e. right click anywhere in between and choose create motion tween.

f. Select insert – motion guide

g. Flash creates a new layer above the selected layer; named as guide layer.

h. On the guide layer, place the playhead at the 1st frame

i. Then using pencil tool, draw the motion path as shown with dotted line in the

question.

j. Select control – play

(c) Observe the figure given bellow and do as directed :

The image on the left hand side shows the position and size of the image for frame1.

The image on the right hand side shows the position and size of the image for frame 40. Write the procedure and property settings for animating the above scenario.

Steps to shape tweening:-

i. Draw a sun shape on the first frame.

ii. Place the playhead at the 40th frame and insert a keyframe(insert – timeline – keyframe)

iii. Drag the object by selecting the selection tool, select both stroke and the fill. Place it on

the right hand side of the stage as shown in the figure.

iv. At the 40th frame, delete the sun shape and draw a different shape lets say cloud with a

different fill colour.

v. Place the playhead at the first frame and right click over it. Chose panels > frame.

Frame dialog will appear. In tween option select “shape” and in the blend option select

“Distributive”.

MULTIMEDIA & FLASH

MMWT-12 @ VKS-Learning Hub Page 12

(D) Observe the figure given below and do as directed :

The image on the right hand side shows the position and size of the

image for frame1.

The image on the left hand side shows the position and size of the image

for frame 40.

The dotted line shows the path of motion of the ball.

Write the procedure and property settings for animating the above scenario.

STEPS TO CREATE GUIDE LAYER:

i)draw an object, say a golf ball with the help of toolon layer1 at frame 1st and press ctrl+G.

ii) click on frame 50. right click and choose insert key frame.

iii) drag the image from frame 1st to frame 50.

iv) right click anywhere in between and choose create motion tween.

v)Select insert – motion guide

vi) Flash creates a new layer above the selected layer; named as guide layer.

vii)On the guide layer, place the playhead at the 1st frame

viii)Then using pencil tool, draw the motion path as shown with dotted line in the question.

ix)Select control – play

(e) Consider the figure given below and do as directed:

• The circle on the left hand side shows the position and size of the image for frame 1. The

colour of the image is red.

• The circle on the right hand side shows the position and size of the image for frame 20. The

colour of the image is yellow.

• The circle on frame 1 moves and transforms into a semicircle on frame 20.

Write the procedure and property settings for animating the above scenario.

The following steps have to be followed to animate the given scenario:

• Select frame 1 from the timeline and select Insert New Symbol Graphic

• Create the red coloured figure given on the left hand side.

• Insert an instance of this symbol in frame 1 by dragging it from the library window.

• Select frame 20 from the timeline and Select Insert Keyframe

• Change the size and shape of the image using scaling button

• Change the colour of the object by selecting Tint option from the Effect palette and

selecting the new colour.

• Select any frame between 1 and 20

• Select Create shape tween.