Home
Username:
Password:
Adobe Flash CS3 Tutorials

Creating Simple Graphics / Geometric Shape Tools

Subtitles of the Movie

The basic Geometric tools under the Rectangle tool here in the Toolbar, let's you create these basic geometric shapes and apply strokes, fills and specify rounded corners, in addition to the Merge and Object Drawing model, the Oval and ,,,Rectangle tools also provide the Primitive Object Drawing mode, when you create rectangles or ovals using a Primitive Rectangle or Primitive Oval tool. Flash draws the shapes as separate objects, not unlike the shapes created when you use the Object Drawing Mode. The Primitive Shape tools let you specify the corner radius of rectangles and the start and end angles of the inner radius of ovals, using controls here in the Property Inspector. This is the control here. Let's go ahead and add now a Primitive Oval tool. Again, show you the start angle and the end angle. This is a new tool with Flash CS3. When either of the Primitive Object Drawing tools is selected, the Property Inspector retains the values of the last primitive object that you edited - there is my angle right there. Let's go back to the primitive rectangle. Notice that those are the angles that are retained from this object that I drew previously. Property Inspector controls are specific to this Rectangle Primitive Tool, are the Rectangle Corner Radius controls here, these let you specify the corner radiuses for the rectangle. You can also enter a numerical value for the inner radius of the box - click on the slider and interactively adjust the size of the radius entering a negative value creates an inverse radius as I have here. Positive value just curves that edge of the rectangle. I can also de-select the constrained corner radius icon and adjust each corner radius individually. And thats this icon right here, notice unselecting that lets me adjust each corner individually to give you some quite unique shapes. This is a new tool, again, in Flash CS3. The reset button resets all of the Rectangle Primitive tools, controls and returns the Primitive Rectangle shape drawn on the stage to its initial size and shape. Let's go ahead and reset the controls for my other rectangle by selecting it with the selection tool, click on reset. The Property Inspector controls specific to the Primitive Oval tool over here. Our start angle and end angle, these let you specify the angle of the start and end points of the oval. Using these controls you can easily modify the shape of ovals and circles into pie slices, as I have done here, half circles and other creative shapes. The inner radius, which you specify inner radius or oval with in the oval, you can either enter a numerical value for the inner radius in the box, or click the slider and interactively adjust the size of this inner radius. Let's go ahead and span this out and now play around with the inner radius control there so that I can get different kinds of shapes. If these numbers are all positive, the closed path let's you specify whether the path or paths, if you are specifying and inner radius of the oval, is closed. If you specify an open path, no fill is applied to the resulting shape, only the stroke is drawn. Remember that fills require closed shapes. Remember the fill is gone because that shape is no longer closed. The reset button resets all of the Oval Primitives tools controls and returns the Primitive Oval shape drawn on the stage, to its initial size and shape, like so. Now there is another Geometric Shape tool, it's kind of hidden and it may be under utilized because of this and that is the Polystar tool. Let me demonstrate this tool in closing this movie here. Now there is two shapes you can draw with this tool. You can draw a polygon or a star and you will set those options up here in the Options button of the Property Inspector, notice that there is a style setting, Star or Polygon. And then you can set the number of sides as well as the star point size. So let me demonstrate. So there is an eight sided polygon. Actually a seven sided polygon, I missed by one. Let's do a 12 sided polygon, like so. And now let's do a four sided polygon - a tetrahedron. Or a square. You can also create stars of multiple sides. Let's do a three sided star. You will notice that a two sided star automatically defaults to three, which is the fewest number that you can do. You can also set up the star point size, let's set that to two. The best way to learn these tools is to experiment by simply going into the Options and changing this. Notice that the values need to be between 0 and 1, it won't accept numbers that are negative or numbers above 1 or below 0, so let's do .7 and let's do a six sided star. You get the idea there. So experiment with that, I think I will move on to the next movie and talk about the brush tool.

Tutorial Information

Course: Adobe Flash CS3
Author: James Gonzalez
SKU: 33793
ISBN: 1-934743-05-4
Release Date: 2007-10-12
Duration: 11 hrs / 125 lessons
Work Files: Yes
Captions: Available on CD and Online University
Compatibility: Vista/XP/2000, OS X, Linux
QuickTime 7, Flash 8

VTC Sign up & Benefits

  • Unlimited Access
  • 98,729 Video Tutorials (23,265 free)
  • Video Available as Flash or QuickTime
  • Over 1026 Courses
  • $30 for One Month Access
  • Multi-User Discounts Available