Introduction to Macromedia Flash 8.pptx.

Introduction to Macromedia flash

1. Introduction to Macromedia Flash

2. Macromedia Flash 8.0: Syllabus Introduction to Macromedia Flash 8.0 Slide Number 2 Contents Adobe / Macromedia Flash Use different tools Photoshop Use different tools Page maker Use different tools Any Two of the above

3. Introduction to Macromedia Flash 8.0 Introduction to Macromedia Flash 8.0 Slide Number 3 When pictures are displayed in series, they create motion. The simulation of movement created by these pictures is known as Animation. The most common example of animation is cartoons. Animation is used in multimedia presentations and in many softwares. One such software is Flash.

4. Introduction to Macromedia Flash 8.0 Introduction to Macromedia Flash 8.0 Slide Number 4 Flash is Macromedia's powerful vector-based animation tool. Flash is the defacto i.e. default standard for Internet multimedia because it allows authors to create online multimedia presentations with minimum file sizes.

5. Introduction to Macromedia Flash 8.0 Introduction to Macromedia Flash 8.0 Slide Number 5 With Flash, Web presentations can blend text and pictures with video and audio, interactive buttons, and animated charts and graphs.

6. Introduction to Flash Introduction to Macromedia Flash 8.0 Slide Number 6 Lets learn more about flash. Flash, also known as Macromedia Flash is a multimedia graphic software that is used to create animations. The animations are made for so many purposes, for example, movies, games, desktop presentations, web applications, etc.

7. Introduction to Flash Introduction to Macromedia Flash 8.0 Slide Number 7 Flash is compatible with all web browsers and is one of the most popular technologies on the internet. It was created by Macromedia. I t was created for web applications only.

8. Flash: Uses Introduction to Macromedia Flash 8.0 Slide Number 8 With the use of Flash, animations can be easily created and almost all types of animations can be created. The beauty of this software is that it keeps on getting better, every new version of Flash is better and has more features than the previous one. Flash was created to overcome one of the biggest shortcomings faced by the web, that is, Dynamism.

9. Flash: Uses … Introduction to Macromedia Flash 8.0 Slide Number 9 Dynamism is not only limited to animation but also to interactive animations on the web that keep the viewer/learner interested and their time is more invested on the web. Keeping the interactions attractive and removing the static nature of the pages was successfully done by Flash .

10. Flash: Uses … Introduction to Macromedia Flash 8.0 Slide Number 10 Web designers must learn how to use Flash and keep it in their to-do list as Flash not only has animation creation ability, but it is able to be helpful at many more places. Flash is really easy to use, anyone can sit on the software and spend hours learning and having fun with the creation.

11. Flash: Features Introduction to Macromedia Flash 8.0 Slide Number 11 Flash 8 offers so many attractive designs that allow neglecting the creation of animation for the visual effects. The Software offers a wide range of font sizes and helps in Font Optimization. From a Single Panel, a wide range of existing objects can be searched from the library.

12. Flash: Features … Introduction to Macromedia Flash 8.0 Slide Number 12 Flash offers consolidated library. The animation is getting better and better, with flash 8, the power of animation has become even more, with a good control over the editing mode, such as velocity of rotation, shape changing, color and movement, the animations are getting easier to create and modify .

13. Flash: Features … Introduction to Macromedia Flash 8.0 Slide Number 13 Flash 8 provides high quality independent Codec, completely skinnable, it helps on easier video importing and improvement in the video formats. Mobile devices emulators are introduced with Flash 8.

14. Flash: How to Start? Introduction to Macromedia Flash 8.0 Slide Number 14 Following Steps are in general used to Start Macromedia Flash Click on the Start button on the computer Select or search for Programs on the sub menu In the Programs section, click on the Macromedia section Select Macromedia Flash 8

15. Symbol in Flash Introduction to Macromedia Flash 8.0 Slide Number 15 Using the tools provided by Flash 8, the different objects are created for the animation, they are known as Symbols. Suppose the object is created, now in order to use it in a movie or any other movie for some other time, these objects are transformed into Symbols by including them in a library at the moment of creation. In this way, the object can be used for the movie .

16. Instance in Flash: What is an Instance? Introduction to Macromedia Flash 8.0 Slide Number 16 When a symbol is created, it is saved by Flash in a library. Every time, this object is required to be used in a movie, it is converted into an Instance.

17. Difference between Instance and Symbol Introduction to Macromedia Flash 8.0 Slide Number 17 Both the terms Symbol and Instance seem almost similar, but there is a slight difference between them. Symbol is used while creating a movie and after everything is done, on modifying, the instance will be updated.

18. What happens to Object after it is converted to Symbol? Introduction to Macromedia Flash 8.0 Slide Number 18 The object is still remains intact just like it was at the start so that it can be further approached in case it is required to be used in another movie.

19. Creating Animation using Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 19 Creating Animation might sound like a very tedious job. While creating animations, multiple objects are needed to be created, and they are created at different positions each time in order to show the motion going on in the object, and more the objects are created, the movie created with the help of these objects will be better and flawless .

20. Creating Animation using Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 20 It is simple logic that in order to create so many objects with precise detailing, a lot of time and hours are to be consumed. Nevertheless, Flash 8 is famous for its simplicity and straightforwardness and it is the reason how the animations are created with the least effort and in very much less time than estimated.

21. Creating Animation using Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 21 Let’s suppose a globe that is moving up and down is required to be made for a short animation, now it looks like a process that could take hours since it is better to create a globe at each and every point very precisely and timing it in a way to make it look flawless, more the number of globes created, more likely for the animation to look real and better.

22. Creating Animation using Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 22 Considering that a ball that is moving up and down is required to be made for a short animation, now it looks like a process that could take hours since it is better to create a ball at each and every point very precisely and timing it in a way to make it look flawless, more the number of balls created, more likely for the animation to look real and better.

23. Creating Animation using Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 23 As shown above, in order to show this ball moving up and down, so many balls are required in order to make it look more real, but with the help of Flash 8, the entire animation can be beautifully created just by using 3 frames.

24. Creating Animation using Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 24 The first frame has to be in the initial position, it is where the ball is at the topmost position. Then, the second position has to be created in which the ball is touching the ground and is present at its lowermost position and finally as a final frame where the ball is back at its initial position, which can be easily created with the help of the first frame.

25. Creating Animation using Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 25 In order to create movement, the duration of each movement is needed to be determined which is done by setting proper time between the moments when the globe is at the top and when it is at the bottom-most point. Flash creates the animation of movement between those two frames.

26. Macromedia Flash 8: Getting Started Introduction to Macromedia Flash 8.0 Slide Number 26 The Work Area Launching Flash will load the work area page. The work area has three main sections. They are The Toolbar The Stage T he Timeline

27. Working with Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 27

28. Working with Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 28

29. Components of Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 29 Menu bar Layers Timeline Toolbar Stage Zoom

30. Components of Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 30 Properties Panel Basic Tools

31. Tools in Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 31 Selection Tool(V) Subselection Tool(A) Free Transform Tool(Q) Gradient Transform Tool(F ) Line Tool(N) Lasso Tool(L)

32. Tools in Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 32 Pen Tool(P) Text Tool(T) Oval Tool(O) Rectangle Tool(R) Pencil Tool(Y) Brush Tool(B)

33. Tools in Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 33 Ink Bottle Tool(S) Paint Bucket Tool(K) Eye Dropper Tool(I) Eraser Tool(E) Hand Tool(H) Zoom Tool(M,Z)

34. Tools in Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 34 Stroke Colour Fill Colour Background Colour No Colour Swap Colours Snap to Object

35. Tools in Macromedia Flash 8: Selection Tool Introduction to Macromedia Flash 8.0 Slide Number 35 The selection tool is one of the most used tools, it is used to select and move anything present on the stage. Its shortcut key is V. The selection tool can select the complete objects and also the parts of the object. To select any object just left-click on it once and to deselect it again click on it.

36. Tools in Macromedia Flash 8: Subselection Tool Introduction to Macromedia Flash 8.0 Slide Number 36 The subselection tool allows us to edit curves so to make customized shapes. Its shortcut key is A. If we left-click on any object then rectangular points will be visible on the vertices of any shape which can be used to manipulate that object.

37. Tools in Macromedia Flash 8: Free Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 37 Free Transform tool allows us to scale, rotate and skew any object. It is very helpful in changing the size and orientation of objects. Its shortcut key is Q.

38. Tools in Macromedia Flash 8: Free Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 38 To scale, rotate and skew any object just left-click on that object after taking the free transform tool and use edges for skew, vertices for scaling and rotating.

39. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 39 Creating gradients in Flash is very simple. Use the oval tool found in the left toolbar to drag and draw an oval on the stage. By default the oval will be filled with the solid color of the fill color. Now to change this to a gradient color, open the color mixer panel by clicking on Windows > Color Mixer from the top navigation bar.

40. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 40 Types of Gradient Radial Linear Image or Bitmap Default

41. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 41 Radial Gradient To create a radial gradient, choose the oval object and in the color mixer panel, choose Radial from the Type drop down menu and then double click on the color you want to change and change it using the color swatch or enter the color code. Repeat this for the second color.

42. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 42 Radial Gradient … You can also add as many colors as you like for gradients, by clicking anywhere in the gradient bar and adding a color (see screenshot below). To remove a color, just drag the color of the panel.

43. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 43

44. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 44 Linear Gradient To create a linear gradient, follow the same steps as given above and choose Linear from the Type drop down menu. See the screenshot given below.

45. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 45

46. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 46 Image or Bitmap Gradient You can also create a custom image gradient and apply it to a vector object by choosing the last option in the Type drop down menu which is the Bitmap option. Choose Bitmap and import the graphic that you would like as your custom gradient. See example given below.

47. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 47

48. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 48 Default Gradient There are some default gradient styles in Flash which you can view using the paint bucket tool. They can be seen in the last row. You can use any of these styles and change the colors or delete extra colors.

49. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 49

50. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 50 Changing the Direction of the Gradient and Expanding or Contracting the Gradient You can also change the direction of the gradient or you can expand or contract the gradient using the gradient transform tool found in the right tool bar. User the circle in the gradient transform tool to drag and change the direction of the gradient.

51. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 51 Changing the Direction of the Gradient and Expanding or Contracting the Gradient … Use the square with the arrow to expand or contract the gradient size. See the examples given below.

52. Tools in Macromedia Flash 8: Gradient Transform Tool Introduction to Macromedia Flash 8.0 Slide Number 52

53. Tools in Macromedia Flash 8: Lasso Tool Introduction to Macromedia Flash 8.0 Slide Number 53 This tool is to cut an object into two or more objects. Its shortcut key is L. It is used when we need customized shapes then we can cut the shapes into pieces according to the need of our animation. Lasso tool is also used to remove unnecessary components which are not needed in the final output.

54. Tools in Macromedia Flash 8: Lasso Tool Introduction to Macromedia Flash 8.0 Slide Number 54

55. Tools in Macromedia Flash 8: Pen Tool Introduction to Macromedia Flash 8.0 Slide Number 55 The pen tool is used to draw lines or precise curves. Its shortcut key is P. This tool is very helpful in character tracing and making a point to point lines. Different types of lines can be created easily for animation works, it is mainly used in making background animations.

56. Tools in Macromedia Flash 8: Pen Tool Introduction to Macromedia Flash 8.0 Slide Number 56

57. Tools in Macromedia Flash 8: Text Tool Introduction to Macromedia Flash 8.0 Slide Number 57 The text tool is used to write anything on the stage, it is also used in text animations. Its shortcut key is T. Text can be made attractive by using different shades and colours from the properties toolbar.

58. Tools in Macromedia Flash 8: Text Tool Introduction to Macromedia Flash 8.0 Slide Number 58 It can be used in intro text videos where text rolls from one side to another. There are a number of effects that can be applied to text.

59. Tools in Macromedia Flash 8: Text Tool Introduction to Macromedia Flash 8.0 Slide Number 59

60. Tools in Macromedia Flash 8: Line Tool Introduction to Macromedia Flash 8.0 Slide Number 60 Line tool is used in drawing different types of lines like straight, curved etc. Its shortcut key is N. Making a stylized character is easy using tracing with the help of line tool, with line tool different properties can also be applied to make an animation or drawing more realistic like stroke width, colour etc. can be manipulated to provide smooth touch.

61. Tools in Macromedia Flash 8: Line Tool Introduction to Macromedia Flash 8.0 Slide Number 61 Making a stylized character is easy using tracing with the help of line tool, with line tool different properties can also be applied to make an animation or drawing more realistic like stroke width, colour etc. can be manipulated to provide smooth touch. To use the tool just select the line tool, and draw a line, this line can be manipulated using free transform and other tools .

62. Tools in Macromedia Flash 8: Line Tool Introduction to Macromedia Flash 8.0 Slide Number 62

63. Tools in Macromedia Flash 8: Shape Tool Introduction to Macromedia Flash 8.0 Slide Number 63 The shape tool has a number of shapes that can be used to draw circles, rectangles, ovals, polygons etc. Each has its own shortcut key like taking the case of the rectangle it’s shortcut key is R and it can be used to draw rectangles as well as squares, next is the oval tool which is used to draw oval and circle, for drawing circle just press the shift key.

64. Tools in Macromedia Flash 8: Shape Tool Introduction to Macromedia Flash 8.0 Slide Number 64 Rectangle Primitive tool is used to draw rectangles and squares with round corners, similarly, the Oval Primitive tool is used in making sectors of the circle. Polystar tool is used in making polygons of different number of sides.

65. Tools in Macromedia Flash 8: Shape Tool Introduction to Macromedia Flash 8.0 Slide Number 65

66. Tools in Macromedia Flash 8: Pencil Tool Introduction to Macromedia Flash 8.0 Slide Number 66 Pencil is used to draw freehand lines, it is mostly used in the frame by frame animations when each and every object is drawn again and again. Pencil stroke width can be changed using the stroke width option. Its shortcut key is Y.

67. Tools in Macromedia Flash 8: Pencil Tool Introduction to Macromedia Flash 8.0 Slide Number 67 Pencil tool works best on animation tablets with weight properties in that case it allows the animator to have complete control on the lines drawn by the pencil tool. Different features like width, smoothness etc. can be easily controlled using a property panel.

68. Tools in Macromedia Flash 8: Pencil Tool Introduction to Macromedia Flash 8.0 Slide Number 68

69. Tools in Macromedia Flash 8: Brush Tool Introduction to Macromedia Flash 8.0 Slide Number 69 Brush tool is used to draw freehand strokes, it is like a pencil tool and is also used in the frame by frame animations. Brush tool stroke consists of an outer width and an inner line whose properties can be changed as per the need. Its shortcut key is B.

70. Tools in Macromedia Flash 8: Brush Tool Introduction to Macromedia Flash 8.0 Slide Number 70 The main difference between the line drawn by the pencil tool and the brush tool is that the pencil-drawn line does not have an outer width or stroke but in the case of lines drawn by brush, it has both outer and inner width which help in achieving different effects.

71. Tools in Macromedia Flash 8: Brush Tool Introduction to Macromedia Flash 8.0 Slide Number 71

72. Tools in Macromedia Flash 8: Paint Bucket Tool Introduction to Macromedia Flash 8.0 Slide Number 72 Paint bucket tool is used to fill any shape with the desired colour. Its shortcut key is K. It is like a fill tool in paint and can only fill the closed figures hence if any figure is left open then it will not show any colour.

73. Tools in Macromedia Flash 8: Paint Bucket Tool Introduction to Macromedia Flash 8.0 Slide Number 73 Lines cannot be filled with paint bucket tools but strokes made by brush tools can be filled with the paint bucket tools.

74. Tools in Macromedia Flash 8: Paint Bucket Tool Introduction to Macromedia Flash 8.0 Slide Number 74

75. Tools in Macromedia Flash 8: Eyedropper Tool Introduction to Macromedia Flash 8.0 Slide Number 75 The eyedropper tool is used to select the colour of anything available on the stage, and that same colour can be applied anywhere. Its shortcut key is I .

76. Tools in Macromedia Flash 8: Eyedropper Tool Introduction to Macromedia Flash 8.0 Slide Number 76 It is like giving the exact same colour to multiple items because at times it may be possible that we are unable to get a colour from the colour pallet in this case we only need to use the eyedropper tool and pick the colour from any object and then drop at the place where we want to apply that.

77. Tools in Macromedia Flash 8: Eyedropper Tool Introduction to Macromedia Flash 8.0 Slide Number 77

78. Tools in Macromedia Flash 8: Eraser Tool Introduction to Macromedia Flash 8.0 Slide Number 78 Eraser tool is used to erase anything on the stage. The size of the eraser can be changed to small or large. Its shortcut key is E. Eraser tool cannot be used to erase symbols of any type like graphic symbols or movie symbols.

79. Tools in Macromedia Flash 8: Eraser Tool Introduction to Macromedia Flash 8.0 Slide Number 79 So delete the symbol you need to convert the symbol to shape and then you can easily delete them. Faucet option of eraser deletes complete colour from the object in one go.

80. Tools in Macromedia Flash 8: Eraser Tool Introduction to Macromedia Flash 8.0 Slide Number 80

81. Tools in Macromedia Flash 8: Hand Tool Introduction to Macromedia Flash 8.0 Slide Number 81 The hand tool used us to navigate the screen by holding the screen and then dragging it to any place. Its shortcut key is H. It is used in animating when the camera is recording and we want certain parts of any animation project so to record from different angles use the hand tool to navigate the screen because in flash camera is fixed at a certain position.

82. Tools in Macromedia Flash 8: Hand Tool Introduction to Macromedia Flash 8.0 Slide Number 82

83. Tools in Macromedia Flash 8: Hand Tool Introduction to Macromedia Flash 8.0 Slide Number 83 The hand tool used us to navigate the screen by holding the screen and then dragging it to any place. Its shortcut key is H. It is used in animating when the camera is recording and we want certain parts of any animation project so to record from different angles use the hand tool to navigate the screen because in flash camera is fixed at a certain position.

84. Tools in Macromedia Flash 8: Hand Tool Introduction to Macromedia Flash 8.0 Slide Number 84

85. Macromedia Flash 8: Tools Introduction to Macromedia Flash 8.0 Slide Number 85 Selection Tools Drawing Tools Transforming Tools

86. Macromedia Flash 8: Tools Introduction to Macromedia Flash 8.0 Slide Number 86 Selection Tools Arrow Subselection Lasso

87. Macromedia Flash 8: Tools Introduction to Macromedia Flash 8.0 Slide Number 87 Drawing Tools Line Pen Oval Text Rectangle Brush

88. Macromedia Flash 8: Tools Introduction to Macromedia Flash 8.0 Slide Number 88 Transforming Tools Transform Transform Fill Inkbottle Paint Bucket

89. Timeline in Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 89 The timeline is one of the most important toolbars in Flash. On a timeline you have frames and keyframes . A frame is simply an intermediary between keyframes , there is no change in the amount of objects on the stage during a normal frame.

90. Timeline in Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 90 Keyframes are major changes in the state of the stage. You use them to add a new object or end/begin an animation. Keyframes are marked by small squares with a black dot in them. Blank keyframes are marked by a square with an empty dot.

91. Timeline in Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 91 We can insert a frame with F5, a blank keyframe with F7, and a non-blank keyframe with F6. We can also insert frames and keyframes from the contextual menu, which can be accessed by right-clicking on the timeline . All commands to insert and delete keyframes are available by right clicking on any frame of the timeline .

92. Timeline in Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 92 The Timeline is made up of two different panes The Layers pane, which you use to organize content spatially The Timeline itself, made of frames and layers. When you first create a Flash document, one layer is created in the Layers pane and given the default name of Layer 1, and one keyframe is inserted in the Timeline for that layer .

93. Timeline in Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 93 The red playhead is located at Frame position 1 because there are no other frames that follow it. The row numbers running along the top of the Timeline represents the frame numbers along the Timeline itself. Frames can be referenced by number or by name using frame labels, which you will create in the next task.

94. Timeline in Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 94 On a timeline there are layers. A layer can contain only 1 animation at a time, so therefore to animate multiple objects you need to use multiple layers to do multiple animations. Any layer above another layer will have the layers contents stacked above the lower layer.

95. Timeline in Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 95 To Show or Hide the Timeline: Select Window → Timeline from the menu or press <Ctrl> +<Alt> + <T>. To Insert a Layer: Click the New Layer button in the Timeline, or select Insert → Layer from the menu. To Hide a Layer: Select the layer and click the Show/Hide All Layers button in the Timeline.

96. Timeline in Macromedia Flash 8 Introduction to Macromedia Flash 8.0 Slide Number 96

97. Keyframe Introduction to Macromedia Flash 8.0 Slide Number 97 Keyframes signify the beginnings and ends of changes in an image like the bounces of a ball, the fade-in of a photo or a fade-out of a photo, etc . Mark a frame as a keyframe when you want to start or end a change.

98. Keyframe Introduction to Macromedia Flash 8.0 Slide Number 98 K eyframes are very much like the brackets, the starts and stops, the beginnings and ends - of a motion, a fade in, a fade out, size increase, a size decrease, etc.

99. Tweening Introduction to Macromedia Flash 8.0 Slide Number 99 When you set two keyframes - one when a fade starts, another when it ends, Flash does its magic and figures out the middle, the in between part. This is called Tweening .

100. Tweening Introduction to Macromedia Flash 8.0 Slide Number 100 When you set two keyframes - one when a fade starts, another when it ends, Flash does its magic and figures out the middle, the in between part. This is called Tweening .

101. Drawing Object on the Stage Using Basic Tools Introduction to Macromedia Flash 8.0 Slide Number 101 Use the Oval Tool Drag the oval Tool over the Stage Use Paint Bucket Tool to Colour the Shape that we have drawn over the stage.