Did You Know?


Drawing Objects Lesson 2

In this lesson we will continue to learn about the drawing tools in Flash.

1. Open a new Flash file and in the property inspector, leave the size as 550 x 400 and the canvas colour white. Save this file as drawingobjects2.fla in your Assignment 5 folder.

2. Draw a rectangle and change the properties to reflect the rectangle seen below


3. Open the Color Panel

4. With the rectangle selected, choose Linear Gradient and change the left slide to be (#00CCCC) and the right slider to be (#FFFFFF).


Modifying Objects

5. With the shape still selected, choose the Free Transform Tool

This enables plot points around the shape. You can use this tool to rotate, skew, resize or modify a shape. We are going to use it to modify the shape.

6. While holding CMD + Shift and dragging the bottom right corner in, you will move both bottom corners in together.


Modifying Part of an Object

As you were told before, drawn objects in Flash behave very strangely in some instances. This can be annoying at time, but sometimes it can be a great asset. We will see one of the advantages of it's strange nature next.

7. Select the Arrow Tool and click and drag across the bottom of the glass as seen below. This will select only the portion of the glass you have dragged over (dotted selection).

5. In the Color Panel, add a third crayon slider by clicking on the spectrum and change the color of the slider to black

6. Drag the green slider away from the spectrum to delete it and re-position the black slide to the left side of the spectrum.

7. Now drag the white slider to the middle and add an extra black slider on the right side of the spectrum.


This will will make it so that the selected area has a different gradient fill than the rest of the drawn object.



Using The Gradient Transform Tool

Once a gradient has been made, it is not necessarily finished. You can still change attributes of the gradient by using the gradient transform tool.

8. Choose the Gradient Transform Tool

9. Click on the top portion of the glass.

This will give you a rotational circle on the top right side of the glass.

10. Click and rotate the linear gradient 90 degrees to the left so that the gradient lines appear as seen below.

11. Still using the Gradient Transform Tool, select the bottom of the glass.

12. Click and drag the extend arrow to the right to widen the gradient spread as seen below:


Overlapping Objects

As mention in the previous lesson, overlapping objects in Flash can create problems. In the next step you will see how this problem can sometimes be useful.

13. Select the Oval Tool

14. Change the stroke to none and the fill to white

15. Hold Shift and click and drag to draw an oval anywhere in the cup.

While this oval is still selected, it can be moved anywhere in the cup by using the arrow tool.

16. Using the arrow tool, move the oval to another location in the cup.

17. Click off of the oval.

18. Click the oval again and try moving it again.

Notice that the overlapping oval actually erased the part of the cup that it overlapped. This would be a problem if we weren't planning on using this to create bubbles.

19. Select the oval tool and draw a different sized oval.

20. Repeat this process until you get a glass full of bubbles as seen below.


Note - If you place an oval an it cuts out a portion of the glass you did not intend, the only way to fix it is to undo (Edit > Undo or CMD + Z).


21. Save your Flash file and go complete Assignment 5.

Because we don't always have the need to use this overlapping cutting technique, Flash does allow us to overlap objects without having them cut into each other. We will see how in the next lesson.