FLASH 11.1 INTRODUCTION Animation is the most attractive and informative part in any Multimedia Application. Various softwares are available in the market for creating animations, One such popular software is Macromedia Flash. It provides a platform for designing applications involving Text, Animations, Sound & Video content and other presentations that can be displayed on web. It is helpful in designing multimedia applications such as computer games, tutorial CDs and complex presentations. In this lesson, you will lean how to use Flash version 8. Your web site can transform from a bland text based web site into a graphical playground. Many companies (that are based primarily on image and appearance) use flash websites to help show their company in the best light. 11.2 OBJECTIVES After going through this lesson you will be able to © list of components of flash‘ertificate in Web Designing and Development © insert a Frame / keyframe © convert text / graphics to symbol apply special effects to objects 11.3 USING FLASH SOFTWARE Following are 3 features of Flash: © Flash is a multimedia graphics program specially for use on the Web * You can embed images, sound and video clippings which are created in other softwares in a flash document file. Flash documents are stored as -fla files. * Flash enables you to create interactive “movies” on the Web — © Flash uses vector graphics, which means that the graphics can be scaled to any size without losing clarity/quality © Flash does not require programming skills and is easy to learn. 11.4 HOW TO USE FLASH: ‘When you launch Flash you will see a welcome screen. This screen offers a few shortcuts. It looks like the screen as shown in Fig 11.1:Creating Animation Using Flash :: 259 ‘Open Recent Create Noe 2 om Brennen) esr Comat i [ru Fig. 11.1: Welcome Screen To start working on a Flash file, you now can use either the File Menu or you can click on an item in the welcome screen. E. © Use File >Open to open a *.fla file you are working on © Open a “recent” item either through the File Menu or the button © Create a new Flash file Let’s learn about Flash workspace, Stage, Timeline, Property Inspector, Toolbar and Panels.260 :: Certificate in Web Designing and Development Fig, 11.2 : Program Window of Flash Property Inspector Fig. 11.2 shows the following components of Flash software: © Menu Bar contains options like File, Edit, View, Insert, Modify Text, ‘Commands, Control, Window, and Help. Each of them have further sub- options. * Toolbar contains the tools like Selection, Subselection, Free Transform, Gradient Transform, Line, Lasso, Pen, Text, Oval, Rectangle, Pencil, Brush, Ink bottle, Paint Bucket, Eye dropper, Eraser, Hand, Zoom, Stroke Color, Fill Color, Snap to objects. You can use these tools to create color, draw, select and modify different objects in the Stage. The description of each tool is discussed in the next section. : © Stage is the canvas where various objects can be created. This is the workspace of a Flash document. © Timeline controls how the contents of your document looks like at a particular instance of time i.e. assigning time to each object to perform its function... E.g. you have created a movie where you have shown how the player hits the football in one of the movie shots. Here, you can break up the complete shot in small pieces, called frames. Let each frame show a slightly different pose of the player and the football. Now arrange allCreating Animation Using Flash :: 261 the frames with respect to time, i.e. let Flash display each frame at the time you decide. You can use Timeline to time each frame as per your requirement. There is a ruler attached to the timeline which helps you select a particular frame. © Property Inspector lets you to alter the attributes of the selected objects in the Flash document. For example, you can alter the size, shape, Timeline, color, frame rate etc. of different objects including bitmap, video, frame etc. © Panels help in creating and manipulating objects on the Stage e.g. Color Panel, Align Panel, Library etc. You can dock the Panels on the bottom oftthe Flash screen or on the sides and can hide them too. Various panels available for various different purposes e.g. Library Panel contains all reusable clements like graphics, audio, bitmap etc... INTEXT QUESTIONS 11.1 1. Fill in the blanks: (a) The extension for Flash document file is (b) The extension for Flash Movie file is 2. Fill in the blanks: (a) A particular frame can be selected from in Flash software. (b) You can change the attributes or properties of an object.in (©) Alllthe reusable objects in Flash are stored in Panel. (@) The working space in Flash where objects can be created and modified is called as (©) Selection tools, drawing tools and color tools are part of in Flash. ee 11.5 FRAME Frame: Animation is produced by arranging a series of pictures that have objects in slightly different positions. (i.e. a sequence of drawings). Each drawing is called a frame. In other words, Frame is a snapshot of what's happening at a particular moment. E.g. a five minutes cartoon may have up262 :: Certificate in Web Designing and Development to 9000 frames. In animation, each frame overlaps the previous one. Movement is caused by rapidly displaying each frame in sequence,, which creates the illusion ‘ofamoving object. Each frame is represented by the frame numberiin the Timeline. Frames are of two types: ‘© Key frames: define the objects that change in your animation. You can show the change in an animation by placing different objects in different keyframes. © Regular frames: contain the contents of the immediately preceding keyframe. 11.5.1 Inserting a Frame or a Key Frame or a Blank Frame Follow these steps to Insert a Frame or a Keyframe or a Blank frame in a Flash document: © Open the document in which you want to insert the Frame, © Onthe menu bar, click Insert as shown in Fig. 11.3. © From the drop down ist, select Timeline. ‘* From the drop down lis select the required option: Frame or Keyframe or Blank Keyframe. Fig. 11.3: Inserting a FrameCreating Animation Using Flash :: 263 11.5.2 Inserting Text into the Frame To insert text in a frame, follow these steps: . From the Timeline, select the frame number into which you want to insert the text. . From the toolbar, click on Text Tool (Symbol A). © Drag the text tool on to Stage. «You will see a rectangle appearing on the Stage. Write the text inside the box as shown in Fig. 11.4. © Ifyou want to change the property of this new frame, you can do so in Property Inspector. 5 2 ® r 2 ° a 3 2 8 Fig. 11.4: Inserting key frame 11.5.3 Inserting Graphical Elements into the frame To insert a Graphical element in a frame, follow these steps: From the Timeline, select the frame number into which you want to insert the graphic. «From the toolbar, click on the required tool: Line tool or rectangle tool or Oval tool or Polystar tool or Pencil tool or Pen tool. They will264 :: Certificate in Web Designing and Development respectively draw a line, Rectangle, Oval or circle, polygon and free hand drawing. ‘© Drag the required tool on the Stage. © Draw the graphic. Fig. 11.5 shows two ovals drawn in the Satge. Ifyou want to change the property of the graphic object, you can do so i. Property Inspector. Fig. IL + Inserting graphical elements in frame 11.5.4 Inserting Key Frame into the Blank frame To insert a Keyfram 10 a blank frame, fallow these steps: From the Timeline, select the blank frame number into which you want to insert the Keyframe. This can be done by placing the mouse pointer just below the Timeline ruler showing the blank frame. © A drop down list as shown in the Fig. 11.6 appears. Choose Insert Keyframe. ‘© Ifyou want to change the property of this new frame, you can do so in Property Inspector.Creating Animation Using Flas! No aNN Oo 11.6 : Inserting key frame 11.5.5 Selecting all/Specific frames of a Layer To select the frames ofa Layer, follow these steps: * Select the Layer from which you want to select the frames. The Layers Panel is located on Left hand side of the Timeline. * From the Timeline, using mouse, select the required frames. This can be done by placing the mouse pointer just below the Timeline ruler showin: the frame numbers, In the Fig. 11.7, the black portion shows that frames wt between 10 and 30 have been selected. © If you want to select all the frames, right click and choose Select all” Frames. In the Fig. 11.7, ifyou click on select All Frames, all the frames between the starting and the ending frames get selected and just below the timeline you will see black portion between the frame 1 and frame 40 (the ending frame).266 :: Certificate in Web Designing and Development ’ ‘ 5 es ® z S a 2 4 ° a Z we et a = x ki Fig. 11.7: Selecting Frames 11.5.6 Copying/Pasting selected Frames To perform copy/paste operation on frames, follow these steps: «From the Timeline, using mouse, select the frames to be copied. This can be done by placing the mouse pointer just below the Timeline ruler showing the frame numbers. «Right click and choose the required option: Copy Frames / Paste Frames ‘operation. * © Other operations related to frames are also listed in Fig. 11.8 e.g. Insert / Remove / clear frames; Convert to Keyframes, convert to Blank Keyframes. ‘Creating Animation Using Flash :: 267 Fig. 11.8: Copying Selected Frames 11.5.7 Change background and Stage size The Stage provides a preview of how your Flash content will appear in your published file. You’ll change the size of the Stage to accommodate artwork designed for a larger Stage, and you'll change the background color of the Stage. 1. Inthe Tools panel, click the Selection tool. 2. On the Stage, click anywhere in the gray workspace that surrounds the Stage, or on the background area of the Stage, so that no objects are selected. The Property inspector, under the Stage, displays properties for the document when no objects are selected. 7 3. To change the Stage background color, click the Background color box and select a light shade of gray, such as gray with the hexadecimal value of #CCCCCC. 4, To change the Stage size, click Size in the Property inspector. In the Document Properties dialog box, enter 750 for the Stage width, and then click OK. ‘The stage resizes to 750 pixels wide.268 :: Certificate in Web Designing and Development INTEXT QUESTIONS 11.2 3. Fill in the blanks: (@ defines the objects that change in your animation, (b) Animation is a sequence of, and (c) Timeline is associated with and (@ To insert anew frame in your movie, select Insert->. S >Frame. (©) Inorder to add sub-titles to your movie, you can insert text into the frame and edit the attributes of text in (You can select specific frames from 11.6 SYMBOLS ‘A symbol is a graphic, button or movie clip that you create once and reuse multiple times. Converting Text/Graphics to Symbol ‘A symbol is an object that you create in Flash, Any symbol that you create is automatically added to the document’s library (Window > Library), so you can use it multiple times. A symbol can be a graphic, button, or movie clip, and you can then reuse it throughout the current flash document or other flash, documents. To convert Text or Graphics to Symbol, follow these steps: © Create an object in a Flash document. Fig. 11.9 shows an object circle, which needs to be converted to a symbol. © Right click on the object. Click on Convert to Symbol. * A dialog box appears on the screen, as shown in Fig. 11.10. © Give an appropriate Name to this symbol. ‘* Select the Type for this symbol: Movie clip / button / graphic. Fig. 11.10 shows that Movie clip is selected. ‘© Choose a dot from the Registration grid. The dot that you choose decides the axis around which this symbol rotates.Creating Animation Using Flash :: 269 * Click OK. You can see the circle becoming part of the Library in the Library Panel, as shown in Fig. 11.11. Daeg wo WNP ONO O NNO aoa Ee Fig. 11.9 : Convert to Symbol Figure 11.11 : Adding circle into Library270 :: Certificate in Web Designing and Development Inserting Symbol into the Frame To insert a Symbol into the frame, follow these steps: ‘© Select the Keyframe into which you want to insert the symbol created in section 11.5.1. Note that objects / symbols can be inserted in Keyframe only. ‘© Click the symbol name in the Library panel, located on right hand side of the Flash screen. © Drag the symbol from the Library to the Stage, as shown in Fig. 11.12. SAE Or Sa Fig, 11.12: Inserting Symbol into the Frame Setting Symbol Property (Graphics/Button/Movie) * Click on the symbol and go to Properties Inspector. «Fig. 11.13 below shows the Properties of a Movie Clip. Fig. 11.13 : Setting Symbol PropertyCreating Animation Using Flash :: 271 You can type the name of the instance of this symbol in the Instance Name edit box. Select the width and height of the instance of this symbol. Select the color from the Color drop down © Tint: changes the color of the symbol. © Brightness: higher the brightness, symbol becomes lighter. Lighter option makes the symbol darker. © Alpha option sets the opacity of the symbol. 0% means transparent. 100% means opaque. © Advanced: helps blend the tint and alpha color. © None: Removes any color effects applied using any of the above options. ‘Swap option replaces this instance of this symbol with instance of other symbol. Instance name, Color, Width, Height, Swap Fig. 11.14 : Property Inspector for Buttom ee me - elles Fig. 11.18 : Property Inspector for Graphic272 1: Certificate in Web Designing and Development INTEXT QUESTIONS 11.3 4, Fill in the blanks: (a) To use an object multiple times, convert it into (b) Symbols are of three types: i and (c) To insert a symbol into the frame, simply drag it from to the Stage. (d) The attributes ofa symbol can be modified in. 11.7 Special Effects Let us discuss some special effects, which can be applied to objects to create animation: 11.7.1 Motion Tweening Motion tweening creates an effect of a moving object ina movie. When you create a new Flash document, the first Keyframe is automatically created. In order to add motion to the frames, all you need to do is select the ending Keyframe and rest of the intermediate frames between the first Keyframe and the last Keyframe are filled by Flash software. Follow these steps to learn about motion tweening: © Create an object on the Stage. ‘© Select the ending frame of the motion by right clicking on any frame, eg. Frame 40. © Right click and select Insert Keyframe. Fig. 11.16 shows frame 40 is being selected as the ending Keyframe. ‘© Select the object in the frame and move it manually across the stage as you would want it to move in the final animation. © Click the right mouse button on any frame between the starting and the ending frame. Choose Create Motion Tween, as shown in Fig. 11.17. © Save your document. ‘© Test your movie by selecting Control > Test Movie from the menu bar, as shown in Fig. 11.18.Creating Animation Using Flas! 273 You can see movement of the object. Flash also provides the facility to rotate, scale, motion along a predefined path, ease of movement, synchronization with text or audio etc. This can be done by selecting proper options from the Property Inspector. Fig. 11.17: Create Motion Tween274 :: Certificate in Web Designing and Development me RO 8 Fig. 11.18 : Test Movie Create the Tweening example Make a blue circle and convert it into symbol (graphic) You must have this, circle in the middle of your stage and nothing else Right click on Frame 25 in your timeline and select Insert Keyframe: You should see a keyframe on Frame 25. Now, insert a keyframe on Frame 50 also, Your timeline should have a keyframe on Frame 1,Frame 25, and Frame 50. Let's modify our circle’s size. Go back to Frame 25 on your timeline, right click on your circle, and select Free Transform. The scale and skew boxes should appear around your circle. Click on any of the boxes on the comers and drag outward: If you were to preview your animation by pressing Ctrl + Enter, you will see that your circle starts off small, suddenly becomes bigger, and then returns to its small size again Select all of the frames in your timeline from Frame 1 to Frame 50. Right click on any of the selected frame(s) and select the option for Create Motion ‘Tween. Notice that when you preview your animation, the circle smoothly animates from being small to large and back again. 11.7.2 Shape Tweening Shape tweening gives an effect as if one shape is appearing from the other over a period of time. In short, Flash helps to transform an object into a different shape by changing its properties like: size, skew, rotation, color,Creating Animation Using Flash :: 275 position, etc. Iti different from Motion tweening in the respect, that Shape tweening treats an object as an editabie shape, Also, it considers the edges and the object separately editable. In Motion tweening, the object is a single entity whose edges can't be edited separately. Follow these steps to learn about shape tweening. Next few Figures show how a rectangle is shape tweened into an oval. © Create a new Flash document. © At frame 1, draw a rectangle by clicking at Rectangle tool from the toolbar. Insert an ending Keyframe at Frame 40. To do so, select Frame 40 from the timeline ruler and right click. Select Insert Keyframe. «Select the frame 40 and delete the rectangle. Now at the same place, draw an oval by clicking at the Oval tool from the toolbar. * Click over any frame between frame | and frame 40. «From the Property Inspector, from the Tween drop down box, select Shape. * Save the Flash document. «Test your movie by choosing Control->Test Movie from the menu bar. © Asthe Test movie progresses, you can see the rectangle taking the shape of an oval gradually, as shown in Fig. 11.19. Fig, 11.19 : Rectangle to oval216 :: Certificate in Web Designing and Development 11.7.3 Color effect Toolbar provides options to choose: Stroke color: Outlines the object with the selected color. Fill color:Fills the object with the selected color. In order to fill the object with a color, choose the Fill color and then click on Paint bucket Tool in the toolbar. Then click on the object on the Stage to be filled. 11.7.4 Inserting Sound Layer To insert a sound layer, follow these steps: © From the menu bar, click Insert->timeline->Layer, as shown in Fig 11.20. * Inorder to attach sound file to this layer, there can be two ways. If you already have the sound file in your Library, drag it onto the Stage and it automatically gets added to the Sound Layer © Ifyou already don’t have the sound file in your Library, import it from wherever it is located by clicking File->Import->Import to Library ‘And then follow the above step. © This file now becomes visible in the Properties Inspector under Sound drop down list. * You can add special effects to this file by selecting suitable option under Effect. © You can edit this file, if required © You can synehronize it with other files, ‘© You can also add number of times the sound is to be repeated in the animation. ound LayerCreating Animation Using Flash :: 277 INTEXT QUESTIONS 11.4 5. Fill in the blanks: (@ is a technique to create an effect ofa moving object ina movie. (b) Motion tweening controls the movement of an object between the first frame and the ending (©) is a technique to create an effect as if an object is changing its shape over a period of time. (@) You can edit a moving object or change its properties using tweening. © tweening treats the object and its edges as separate entities while tweening treats both of them as the same entity. (f) To give color effects to an object, toolbar contains two tools Stroke Color Tool or Fill Color Tool. Out of these two, _ color tool fills the outline, while color tool fills the object with the selected color. (g) Suppose your movie contains audio files as well as images. In order to modify them separately, it is recommended to create two separate _ for each of them. (h) You have added a sound file to your movie. From the ____, you can select to play it 10 times. 11.8 IMPORT MOVIE/SOUND AND OTHER MULTIMEDIA OBJECTS TO A FLASH FILE When you finish your Flash document, you are ready to publish it so it can be viewed in a browser. When you publish a FLA file, Flash compresses it into the SWF file format. This is the format that you place in a web page. The Publish command can automatically generate an HTML file with the correct tags in it for you. In order to view completed .fla files on the internet or allow otiters to view it, the .tla must be published through Flash to access the fie in a format viewable by their own computers. Publishing saves the multimedia project, from layers and music to channels and text, ina compressed streaming file that even those ‘viewers on dial-up don’t normally have a problem viewing, unless your project contains large multimedia files embedded within its library. Flash makes it easy for anyone to put their files online after the engine has finished processing,278 :: Certificate in Web Designing and Development the file. However, there are some steps that need to be taken before the files can be fully viewed online. ‘You can enhance your movie with background music or narrative, and sound effects. Flash can stream longer sounds (such as soundtracks or long-form narration) to minimize loading time so that users get right to the good stuff Flash imports the following audio file formats: * AIFF © MP3 * Windows WAV Follow these steps to import a sound into your library: 1. Create a new Flash document and choose File —> Import —> Import to Library. 2. Browse and choose an .mp3, .way, or .aiff file from your hard drive and click Open (Windows) or Choose (Mac). Choose Window —> Library to launch the Library panel. 4, The sound appears in the library with a speaker icon. a Select the sound and check out the Preview window. ‘A waveform preview of your sound appears, and you can listen to the sound by using the Stop and Play buttons in the upper right comer of the panel. 11.9 EXPORT MOVIE/SOUND AND OTHER MULTIMEDIA OBJECTS Use the following steps to export a sound file or movie clipping from current Flash document to a different location. © From the menu bar, select File > Export (shown in Fig. 11.21). Following two options appear: © Export Image © Export MovieNiki an a a a Fig 11.21: File Export Movie/Sound © After selecting the desired option out of these, a dialog box appears asking to save that file, (Shown in fig. 11.22) i er:o = a ‘Smaton [anton To (te | oe | 4 a rergr ren ees eer 11.22: the file ¢ Type the location of file where you want to save the file and click on Save button,280 :: Certificate in'Web Designing and Development INTEXT QUESTIONS 11.5 6. Fillinthe blanks: (a) Itis possible to add sound or image to your movie by sound file from a location other than your current Flash project. “(b) Youcan store all the imported files in a Library by using the following option in Flash File-> Import > a PUBLISHING A FLASH MOVIE “Publishing a Flash movie means storing the Flash movie ‘on Web, or CD or DVD. orany other media. From the menu bar, click File. Click Publish Settings as shown in Fig. 11.23. Fig. 11.23 Publish Settings * A dialog box Publish Settings appears on the screen as shown in Fig. 12.4, displaying 8 formats. Flash and HTML are the default options.Creating Animation Using Flash :: 281 Checking your publishing settings Though flash can be fairly intuitive most of the time, the author of the flash project still has to go into the publish settings to customize where the SWF as well as the HTML files are going to be saved to. This menu is located under File —> Publish Settings. Most of the time, the SWF and HTML options are the only ones which need to be checked, though the others have their purposes as well. As each option is checked, a new tab appears in the Publish Settings menu that corresponds to the check. Options within the Publish Settings dialogue box © Flash (swf) = Web browsers must have flash player or Shockwave player installed to view any movies © HTML (html) * This file is needed in order for the flash file to be contained somewhere. Ifan swfis directly linked to in a web browser, the movie will automatically resize to the dimensions of the viewer’s web browser, possibly causing some distortion or scaling in any graphics used within the movie © GIF Image (.gif) * Saves the movie as animated or still GIF images. The tab for it offers various optimization options. © JPEG Image (jpg) = Will publish the first frame of the movie. © PNG image (.png) = Italso contains optimization options. Will publish the first framé of the movie. © Windows Projector (.exe) "Creates a standalone movie that is playable on any Windows-based operating system without the use ofa flash player or Shockwave plug- in, but is a considerably larger file than a swf. * Macintosh Projector + The same as the Windows projector but for Macintosh computers instead, will create a considerably larger file than a SWF. * Quicktime Movie (.mov) = Creates a Quicktime standalone movie284 1i Certificate in Web Designing and Development Fig 11.24: File options for Publish Settings © Check the format(s) you want to select to publish your movie in. © Give an appropriate File name to the published movie in the edit box ‘against the format you select. ¢ Clicking the teon located after each file name, A dialog box appears where the destination for this file can be stored, as shown in Fig. 11.25. Click Save. Ifyou click Use Default Names in Fig. 11.26, Flash will give the names to Published files on its own. t © Click on Publish button to publish the current Flash document. Flash will start show progress bar as files are being published. «After all files are published, click on OK.Creating Animation Using Flash ii 283 ‘Location for saying Published fle 11,11 TESTING WITH PUBLISH PREVIEW Onee you have saved your file in the required format, you can use File > Publish Preview option from the menu bar to test your published mavie in diffrent media (shown in Fig. 11.26). Depending on how many formats you chose to publish your Flash document, same number of formats is highlighted in the Publish Preview drop dewn list. E.g: if you saved your document in HTML format only, the Publish Preview will show only HTML as the active eptien. Rest other options will be deactivated. Click on the active format and see the published movie in different media. The movie appears in the browser.284 :: Certificate in Web Designing and Development 11.12 SOME QUICK REFERENCES IN FLASH . Using Flash tool, you can create animation having sound and video effect. Flash produces two types of files. A Flash document is saved as fa file. AA flash movie is saved as swf file. To view a Flash movie, you need additional software called Flash Player. ‘Animation is produced by arranging a series of pictures in slightly different positions. Each picture is called a frame. Thus, a movie is @ collection of frames. To create a movie, Flash software provides you Menu Bar, Tool Bar, Timeline, Panels, Stage and Property Inspector loaded with the latest techniques to create movie and give it special effects. ‘The white area in Flash window where all objects are created and edited is the primary workspace of Flash and is called as Stage. Keyframes define the objects that change in your animation, while frames contain the contents of the immediately preceding Keyframe. ‘Timeline in Flash tool is associated with Layers and Frames. It organizes and controls the objects in a Flash document with respect to time. In other words, it decides when to display a particular frame in the movie. Property Inspector is used to view and edit the attributes of the selected object on Stage. With Toolbar, you can select, create, color and modify an object. On right side of the Flash window are Panels, which can align, tansform, and display library components in Flash. To create a new document in Flash, select File» New New Document —> Flash Document. Frames and Keyframes can be Inserted, Deleted, Cut, Copy, Pasted, Cleared, Selected etc. If you right click on any frame just below the Timeline ruler, you can see all these options. Flash provides concept of Symbols that are part of the Library. You can create a graphic, button or movie clip once and make it part of your library to reuse it multiple times. To create a new symbol, you camright click on aan object and select Convert to Symbol. As soon as you do it, you can see the symbol in the Library Panel, In order to use it in your movie, just drag it from the Library panel.Creating Animation Using Flash :: 285 © Togiveanobjectamoving effect, Flash has di option called Motion TWeening. Tocreate a moving object, select the ending frame (Frame where you want the movement to end), right click and select Insert Keyframe, Manually, move the object on the Stage in the same’manner as you would want it to ‘move inthe final animation. Right click the mouse button on any frame between the starting and the ending one and choose Create Motion Tween. © Shape Tweening option changes the shape of an object gradually over a period of time. Suppose you want to design a screen saver where a polygon takes the shape ofa star, you can use Shape Tweening option. * Youcan give color effects to different objects by selecting appropriate Stroke Color (outline of the object) and Fill Color (color of the object) from the Toolbar. © Youcan arrange your movie in different layers, e.g. Video clippingin one Layer, ‘Shape Tweening in another layer, Audio recording in another Layer etc. This ‘way, you can control different parts of the animation separately and fine tune them in a movie together. © Once your movie is ready, you can test it in Flash tool itself by choosing Control-> Test movie option from menu bar. INTEXT QUESTIONS 11.6 8. State True or false. (@) You have created a movie using Flash software. You can share it with your friends by publishing it on a CD. (b) You can publish a file in 8 different formats using Flash. (c) Itis not possible to preview a published file in Flash. Fill in the blank: 2 (a) Topreview a published file, select File menu then choose menu then choose and the format you want to view the file in, 11.13 WHAT YOU HAVE LEARNT In this lesson you have learnt how to use Flash, importance of Frames, how to create symbols in Flash and also how to add special effects to the objects. Also you have learnt about how to import movie/sound and other media objects, to a flash file and export movie/sound file and publish a flash file.286 ut ortifieate in Web Designing and Development ee 11,14 TERMINAL QUESTIONS 1. Deseribe the steps to be followed to design a sereen saver in Flash. The requirement is deseribed below: + There are 2 objects in the sereensaver: a rectangle and @ cirele. ¢ Rectangle moves from top left eorner ef the sereen to the bottom right ‘corner of the sereen. As it moves down, it changes its shape from rectangle to circle * Ciole moves from bottom right corner of the sereen to the top left corner of the screen. As it moves down, it changes its shape from circle to rectangle. + Speed needs to be regulated at 12 fps, 2. How will you insert a text saying "MULTIMEDIA PROJECT™ in Frame number 10 using Flash software? 3. What is the purpose of property inspector in flash sofware. 4. Describe panel and its purpose. ‘What is the purpose of frames. ANSWERS TO INTEXT QUESTIONS Wel 1. @) fla 2. (a) Timeline (d) Stage 3. (a) Keyframe (d) Timeline 113 4. (a) Symbol (b) sw (b) Property Inspecter (e) Library (e) Toolbar (b) Frames and Keyframes — (e) Layers and Frames (e) Property Inspecter (A) Timeline (b) Movie Clip, Button and Graphic (e) Library (d) Property InspectorCreating Animation Using Flash 11 287 [i] 5, (a) Motion Tweening (b) Keyframe (©) Shape Tweening (@) Shape (e) Shape, Motion (6 Stroke, Fill (g) Layers (h) Property Inspeetor->Repeat is 6. (a)Imperting ——_(b) Import te Library 7. @ Tne 11.6 8. (a)Tre (6) Tue (e) False 9. (a) Publish Preview