Adobe flash for drawing. New image - draw the character of the series

The foregoing in the previous chapter indicates that when working with graphic objects, you can use Flash like a regular graphic editor like MS Paint or Paint Shop Pro. Nevertheless, when describing the possibilities for creating and modifying images, we will proceed from the fact that they (images) must sooner or later become elements Flash movie.

Drawing tools

Drawing is performed using the tools located on the Tools panel.

The main ones are (Fig. 5.1):

  • Line Tool (Line) - the tool allows you to draw straight and broken lines, which, if necessary, can be used as the outline of an object; the tool has no modifier buttons; as settings, the user can choose the thickness and color of the line; configuration is done using the property inspector;

Rice. 5.1. Drawing tools

  • Oval Tool (Oval) - the tool is designed to create standard geometric shapes: ellipses and circles of various radii; the created figure consists of two components that can be edited separately from each other: outline (Outline) and fill (Fill); as settings, the user can choose the thickness and color of the line; configuration is done using the property inspector;
  • Rectangle Tool (Rectangle) - the tool is designed to create the appropriate geometric shapes; the created figure consists of two components that can be edited separately from each other: outline and fill; as an additional parameter, you can specify the radius of rounding of the corners of the rectangle; in addition, the user can choose the thickness and color of the line; specified parameters are set using the property inspector; setting tool parameters will be discussed in more detail below;
  • Pen Tool (Pen) - the tool allows you to draw straight and smooth curved lines with high accuracy based on the Bezier curve mechanism; for this in the process of drawing Flash creates base points (Anchor points) and then builds a drawn segment from them; this tool is perhaps the most difficult to use, so below we will consider working with it in more detail;
  • Pencil Tool- the tool is intended for drawing arbitrary lines, however, with the appropriate settings of the parameters, it performs "recognition" of the drawn figures and their automatic conversion to standard geometric figures; tool settings will be discussed below;
  • Brush Tool (Brush) - the tool allows you to draw lines that resemble brush strokes; despite the relative ease of use, the brush has enough big number additional parameters, which we will consider separately;
  • Eraser Tool (Eraser) - this is the usual for graphic editors "diligent gum", according to the principle of operation and the set of additional parameters, it is very close to the Brush Tool.

It should be noted that the results of using any of the listed tools can be subsequently canceled or adjusted. For example, to change the shape of lines and contours of objects, the Arrow tool, which was discussed in the description of object selection operations, can be used.

Now let's take a closer look at the features of using some tools.

Rectangle Tool

The technology of using this tool does not need detailed comments, so we will focus only on the possibilities for setting it up.

As mentioned above, the following parameters of the Rectangle tool can be changed:

  • the angle of rounding of the rectangle; to change this parameter, click the modifier button Round Rectangle Radius (Rounding radius of the rectangle), and in the dialog box that opens, enter the rounding value (in points), as shown in fig. 5.2;
  • outline color and fill color, which are selected using the corresponding buttons located on the tool property inspector panel (Fig. 5.3);
  • the thickness and line style of the contour, which are also set using the property inspector; by default, the contour thickness changes with a resolution of 0.25 points (points), but any value in the range from 0 to 10 can be entered from the keyboard;
  • additional parameter Sharp Corners (Sharp corners), which sets the shape of the contour; changing the parameter is performed in an additional dialog box (Fig. 5.4), which opens when you click on the Custom... button (Settings); in this window, you can also change the thickness of the outline (using the Thickness drop-down list), the value in this list depends on the value set in the property inspector panel, and vice versa.

Rice. 5.2. Dialog box for setting the amount of rounding of the corners of the rectangle

Rice. 5.3. Rectangle Tool Property Inspector

Rice. 5.4. Dialog box for setting additional options for the Rectangle tool

The property inspector format shown in Figure 5.3, similar to that used for the Line and Oval tools.

After using one of the three tools to draw the corresponding figure, to adjust its parameters, the extended format of the Property Inspector (Fig. 5.5) can be used. It differs from the one discussed above by the presence of four text fields that contain the following information:

  • for a line - the coordinates of the left (fields X and Y) and right (fields W and H) of its ends; coordinates are measured relative to the top left corner of the movie table;
  • for a circle - coordinates of the center (fields X and Y) and radius (fields W and H);
  • for a rectangle - the coordinates of the upper left corner (fields X and Y) and the lengths of the sides (fields W and H).

Rice. 5.5. Extended Property Inspector Format for Standard Shapes

Pen Tool

With this tool, you can draw straight or broken lines, or curve segments. In both cases, the line is built from base points based on the Bezier curve mechanism.

To draw a straight line, you must specify the first and last points of the segment. A point is created by clicking on the table. For example, to get a broken line consisting of three segments, four points are required (Fig. 5.6 a).

The drawn line can either be left open or converted to a closed shape. In the first case, it is enough to double-click on the last point of the line; to create a closed figure, you must click on the starting point (Fig. 5.6 b).

Rice. 5.6. Polyline drawn with the Pen Tool

Drawing curves with a pen is based on the movement of so-called tangents. The tangent is a straight line drawn through the base point (Fig. 5.7 a). The length and direction of the tangent determine the size and depth (the amount of bend) of the curve segment. The tangent is like an intermediary between the mouse pointer and the line being drawn.

To draw a curve segment, you must do the following:

  1. Create the first base point by clicking on the table.
  2. To create the second base point, move the pointer to the required distance and press the left mouse button; as a result, a line will appear on the screen connecting the base points.
  3. Without releasing the button, move the pointer in the direction opposite to the required direction of bending; when moving the pointer, a tangent will appear on the screen, the size and direction of which determine the depth and angle of the bend (Fig. 5.7 b).

Rice. 5.7. Drawing curves with a pen

  1. When the desired shape of the segment is reached, release the mouse button; the tangent will disappear and the base points (the first and end points of the segment) will be represented by small colored rectangles.

To add another segment to the one created earlier, you need to repeat steps 2, 3, 4 of the procedure described above.

When working with a pen, keep in mind that the drawn line is considered "incomplete" until you press the key or don't switch to another instrument. Otherwise, each new point will be considered to belong to this line and will automatically be connected to it by a new segment (or straight line), as shown in Fig. 5.8.

Rice. 5.8. Adding a segment

Once a line is drawn, it can be modified using any of the four tools: Pen, Arrow, Free Transform, or Subselect.

For the Rep tool, as well as for other drawing tools, the user can set the line thickness and color, as well as the fill color (Q will be discussed in the next section).

Setting the line thickness is done using the Property inspector, the format of which is similar to that shown in fig. 5.3. If the Property inspector panel is closed when you turn on the tool, go to the Window menu and select Properties from it.

The set parameter values ​​are applied to newly created lines. To assign them to previously created lines and shapes, they must first be selected. The result "appears" after the selection is removed.

We repeat once again that effective application The Rep tool requires some practical skills, however, the time spent on mastering it will pay off as soon as you want to create something non-standard for the design of the Web page (Fig. 5.9).

Rice. 5.9.“Flourish” of the pen (“The lonely sail turns white ...”)

Pencil Tool

"Pencil" is available in many graphic editors, so we will focus on distinctive features its implementation in .

Let's start with the fact that this tool has a modifier button, by clicking which you can open a kind of menu that allows you to select the tool's mode of operation (Fig. 5.10).

Rice. 5.10. Pencil Tool mode menu

There are three such modes:

  • Straighten (Straightening);
  • Smooth (Smoothing);
  • Ink (Ink drawing).

The Straighten mode provides the transformation of the original image, drawn "by hand", into one of the geometric shapes (Fig. 5.11). The simplest case of such a transformation is the straightening of a line drawn, to put it mildly, not very smoothly.

Smooth mode is less "hard" and allows you to simply get rid of some of the roughness in the picture.

The third mode - Ink - practically does not differ from the Smooth mode, but has even less impact on the original image.

To draw with the Pencil tool a perfectly straight horizontal or vertical line, it is enough to hold down the key . If you want to change the direction from vertical to horizontal or vice versa, release the key , then press it again and continue the line in the desired direction.

The line color and thickness are set using the tool property inspector (Fig. 5.12).

Rice. 5.12. Pencil Tool Property Inspector

Tool brush tool

The tool allows you to create lines that resemble brush strokes. It is provided for whole line additional special effects, including the effect of calligraphic writing.

When creating images with the Brush, you can use an imported bitmap as a fill.

The tool has five modes of operation. The mode is selected using the modifier button (Fig. 5.13):

Rice. 5.13. Brush Tool Usage Mode Menu

  • Paint Normal (Normal painting) - the “stroke” of the brush covers all the lines and fills of the edited image, as well as any other object or section of the table that is in the path of the brush (Fig. 5.14 b);
  • Paint Fills (Filling fills) - provides painting fills without affecting the contours, lines and empty area of ​​the table (Fig. 5.14 c);
  • Paint Behind (Painting behind) - the “stroke” of the brush covers the empty area of ​​​​the table located behind the image, leaving all lines and fills on the edited image unchanged (Fig. 5.14 d);

Paint Selection (Painting of the selected area) - the “stroke” of the brush affects only the selected fill (or fills, if several are selected), leaving the lines, contours, unselected fills and the empty area of ​​​​the table unchanged (Fig. 5.14 e);

Paint Inside (Painting inside) - only the fill with which the operation was started is painted over; other fills, lines, contours and the table remain unchanged (Fig. 5.14 e); if you start painting in an empty area of ​​the desktop, the effect will be similar to using the Paint Behind mode.

a) original image

b) Paint Normal mode

c) Paint Fills mode

d) Paint Behind mode

e) Paint Selection mode

f) Paint Inside mode

Rice. 5.14. The effect of applying different modes of the Brush Tool

When working with the Brush, keep in mind that the effect of the set mode does not appear during the operation, but after it is completed (that is, when the mouse button is released).

Additionally, the user can select the size, shape, color of the brush. The first two parameters are set using the modifier buttons (Figure 5.15, top), and the color selection is done either with the Fill Color button on the Tools panel or with the Brush Property Inspector (Figure 5.15, bottom).

Rice. 5.15. Tools for setting advanced options Brushes

Eraser Tool

The tool acts like a regular eraser, removing lines, outlines, and fills.

The tool has six modes of operation. Mode selection is performed using two modifier buttons (Fig. 5.16): Eraser Mode and Faucet.

Rice. 5.16. Eraser Tool Mode Menu

Button Faucet (Crane) provides the inclusion of the corresponding mode, when using which, with one click, that part of the object (outline or fill) is deleted (“erased”), on which the pointer in the form of a water tap is set; moreover, the “hot spot” of the pointer is not the faucet itself, but a droplet; this allows you to position the pointer with a sufficiently high accuracy when erasing thin lines and contours, and even individual points of the image.

Enabling Faucet mode will cancel any of the five other modes selected with the Eraser Mode button, and vice versa, clicking this button will cancel Faucet mode.

The Eraser Mode button can be set to one of the following modes:

  • Erase Normal (Normal erasing) - the eraser deletes all fill lines of the edited image, as well as any other object or background image located in the active layer;
  • Erase Lines (Erasing lines) - the eraser deletes lines and contours, leaving fillings on the edited image without change;
  • Erase Selected Fills (Erasing selected fills) - the eraser deletes only the selected fill (or fills, if they are selected)

Rice. 5.17. The effect of applying different modes

but a few), leaving unchanged lines, contours, unselected fills, etc. (Fig. 5.17 d);

  • Erase Fills (Erasing fills) - provides erasure of fills without affecting the contours, lines and empty area of ​​the table;
  • Erase Inside (Erasing inside) - only the fill with which the operation was started is erased; other fills, lines, outlines and the table remain unchanged; if you start painting in an empty area of ​​the desktop, then all objects will remain unchanged.

When working with the Eraser, as well as when working with the Brush, the effect of the set mode does not appear during the operation, but after it is completed (that is, when the mouse button is released).

Additionally, the user can select the shape and size of the eraser.

All about drawing in flash and more. Information about how graphics for flash games are created, how to draw a character, how backgrounds for flash games and cartoons are drawn, the basics of game design.

Drawing clothes in flash

From time to time, through the site, they turn to me with a request to suggest something about drawing or animation in flash.

I always try to answer questions, if, of course, I myself have information.

Today I received a letter with a request to write a lesson on drawing:

Color keys (Color keys). Search for a color solution

To speed up the filling process, you should use color keys. For those who studied in art school You are probably familiar with this term. But not everyone is so lucky, there are many self-taught artists and animators, like me, for example :) In fact, color keys are a search for a color solution for characters, backgrounds and everything else. After watching a lot of video tutorials on drawing, I came to the conclusion that many fill with color intuitively, choosing colors one by one, at random.

How to draw hair

Not so long ago, a request was received through the site to write how I drew hair. I haven’t posted lessons for a long time, and I decided - why not, I’ll write a couple of lines about hair :) I wouldn’t call this a guide to action on how to draw hair correctly. That this is how they are drawn, and nothing else. I will just briefly describe the process itself, as I did. Perhaps it will be interesting not only to one person.

Flash drawing techniques and styles

In my work I use several drawing techniques. Since animation involves a stylized image of living and inanimate objects, there is complete freedom for fantasy. But it is advisable to discuss your fantasies on the style of execution with the customer at the very beginning of work, so that fantasies become common :) Sometimes the choice of a particular technique depends on its complexity. For example, it's easier to draw with a pencil than fiddling with a brush and lines that need to be edited, and this requires more accuracy, and therefore more time to execute.

By the nature of the lines can be classified:

1. Homogeneous contour- drawn with a pencil (Y), as a result, lines of the same thickness are obtained. So that the drawing does not look very monotonous, you can use lines of different thicknesses, for example, we take more line thickness along the edges, and draw smaller details (for example, elements of clothing) with a thinner line. Such a contour is very convenient for quick filling.

For more than seven years I have been working remotely with foreign customers from the USA, Canada, Australia, Germany and other countries. I draw graphic resources and animation for games in Adobe Animate CC. The editor used to be called Adobe Flash Professional CC.

On an old blog, I started a similar cycle of lessons, but instead of continuing there, I decided to rewrite everything again in order to share new experiences.

Why do we need another cycle of lessons about drawing in Adobe Flash? I have been doing this for many years and I believe that my experience can be useful for beginners. Especially for those who have never drawn with a graphics tablet before. If you draw well on paper, but have never drawn on a computer, then I definitely have something to tell you.

And for those who do not know how to draw on paper, I will try to explain how you can develop this skill as a whole, without reference to graphics editor: construction of perspective and composition, selection of colors, shading and other topics.

Choosing a graphics tablet

It doesn't matter if you can draw, you will need tools: devices and programs. Let's start with the hardware. You already have a computer, but you still need to connect a graphics tablet to it, which will give us the opportunity to draw on a virtual canvas that exists in RAM. In other words, this is another input device, like a mouse or trackball. But the tablet has advantages that allow you to draw as if on paper. These are pressure sensitivity and a pen-like shape of the manipulator.

There are many manufacturers of graphics tablets: Wacom, Genius, Huion. I've only encountered the first two. In total, I've already tried four Wacom tablets and one from Genius when I started. I highly recommend Wacom - it's high quality for a reasonable price.

If you don't have the money, don't buy the Genius, get the most affordable small used Wacom Bamboo Pen. I used almost the same model Wacom Bamboo Pen&Touch S CTH-460. There were no critical problems for seven years of use, a good device to start with. If you can highlight more money, then take a larger model. I am using Wacom Bamboo Fun Pen&Touch M CTH-670.

What do the numbers and letters mean in the names of Wacom models

I will explain what some numbers and letters in the name mean to make it easier for you to navigate in the company's model park.


Wacom Bamboo Fun Pen&Touch M CTH-6 70

  • M- size working area. There are S - Small (small), M - Medium (medium), L - Large (large);
  • CTH- denotes the lineup. There are CTL and CTH - entry-level amateur models with optional buttons and touchpad, PTH - professional models, DTH and DTK - professional models with built-in display;
  • 6 — the size of the workspace in inches. There are 4 - Small (small), 6 - Medium (medium), 8 - Large (large), as well as 13 and more, but this only applies to tablets with a built-in display. Sometimes in online stores and in ads they do not indicate an alphabetic index, then you can use a digital one to understand the dimensions of the device;
  • 70 generation and model. It is important to understand that the higher this number, the newer the device. For comparison, my old tablet has an index of CTH-460, modern analogue— CTH-490. Generations differ by 10: 460, 470 and so on.

Graphics tablet size

When you draw, the active area of ​​the workspace is very small. In other words, the stylus constantly slides in a radius of a small circle. This circle may move slightly. Over time, a stain forms, which is visible as a dense accumulation of micro-scratches. It shows that you practically do not use the peripherals of the device, everything happens in the center.

It can be assumed that a large graphics tablet is not needed, since you will never use its entire working area, and the activity spot will be the same size as on a smaller model. But it's not.

When you work on a tablet, its active area is projected to the full width of the monitor. Therefore, the larger the tablet, the more accurately you can apply strokes. Conversely, the larger the monitor and the smaller the tablet, the more difficult and uncomfortable it will be for you to draw. From experience I can say that after switching from size S to M when working on a 29-inch ultra-wide monitor, I began to work 25-30% more comfortably. It takes me less effort to draw a complex path, and overall the interaction feels softer and more enjoyable.

Larger graphics tablets should provide even more comfortable working conditions, but I have not had to work on L-models, I can only assume.

Differences between amateur and professional Wacom tablets

Buying a pro model, you get a wireless device made of higher quality plastic with 2048 levels of pressure sensitivity versus 1024 for cheaper models, a beautiful design, additional controls in the form of buttons and a touch ring. I am completely satisfied with the younger outdated models of the Bamboo series, which are discontinued. The difference in cost between amateur and pro versions will be more than two times. The table will put everything on the shelves:

Setting up Wacom Bamboo Pen & Touch M CTH-670

Before connecting the device, download the drivers from the official Wacom website.

List of models Link to drivers
Intuos CTL-4100/6100/4100WL/6100WL
Intuos Pro PTH-451/651/660/851/860
One CTL-471/671/472/672
Intuos CTL-480/490/680/690
Intuos CTH-480/490/680/690
Intuos 5 PTK-450/650 PTH-450/650/850
Intuos 4 PTK-440/640/840/1240/540WL
Windows
macOS
Bamboo Pen&Touch CTH-460/470/471/660/661/670
Bamboo Pen CTL-460/471
Windows
macOS

After connecting the tablet and installing the drivers, launch the application Wacom Preferences, which can be found through Windows search (Win + S) or in the control panel.

The main settings of the company's tablets do not differ, similarly both amateur and professional models are configured.

On the tab Tablet you can customize the tablet for the right and left hand, as well as assign actions to the keys. First install them in Disabled, over time it will be possible to assign hotkeys.

On the next tab pen important parameters are:

  • Tip Feel- pressure sensitivity. Leave in the center. In the process, you will understand what kind of stiffness you like and adjust to taste;
  • tracking— stylus position tracking mode. Install Pen Mode— the working area of ​​the tablet is stretched to full screen. Mode Mouse used as a mouse replacement;
  • The rest of the settings are not so important. Pen Buttons allows you to assign an action to the stylus buttons. Eraser Feel- rubber band sensitivity reverse side stylus. I don't use this feature because it's faster for me to switch using hotkeys.

In the same tab in the section tracking press the button mapping... to set how the tablet work area is projected onto the monitor screen. A window will open Pen Mode Details.

In chapter Screen area choose Monitor, if you have several monitors and specify the main one. If there is only one monitor, then leave All Screens

.

In chapter Scaling be sure to tick the box Force Proportions so that the client area does not stretch when projected onto the screen. In this case, part of the working area of ​​the tablet will not be used, but we will have normal proportions of 1 to 1. And if you draw a circle, then it will be displayed on the screen as a circle, not an elongated ellipse.

Be sure to check the box next to Use Windows Ink for pressure sensitivity to work.


On the next tab Touch Options uncheck the box opposite Enable touch input to switch your tablet to normal mode.


On the other tabs, I have everything disabled, since I do not use either Touch mode gestures or the branded drop-down menu. This completes the graphics tablet setup.

Animate CC or Flash Professional CC?

Adobe Animate CC is a rebranding of Adobe Flash Professional CC with several new features added to the program. Even with the old name, it has gained immense popularity among artists, animators and indie game developers. Vector principles of construction allow you to create sprites for any resolution. Any version you can get your hands on is fine for drawing. Drawing tools have not changed for many years, but only slightly improved. I'll be using Adobe Animate CC, but what I've written will apply to older versions of Adobe Flash Professional as well. By the way, in Lately Adobe has moved to a monthly subscription model to access its products instead of costly one-time licensing. Currently, the price for using Adobe Animate CC is $20 per month.

First launch of Adobe Animate CC

After loading, create a new file and select the type Action Script 3.0. In the same window, you can specify the scene parameters:

  • Width And Height— the width and height of the scene in pixels. Let's set it to 1920 x 1024, as the resolution in a modern monitor or smartphone;
  • Ruler units- units of measurement, set pixels;
  • frame rate- the number of frames per second, leave 24;
  • background color- background color, set to gray.

These settings can also be changed after the document has been created. To do this, select a tool Selection Tool(hotkey V), open window Properties and expand section Properties. If you cannot find this window, then use the menu WindowProperties or by pressing Ctrl + F3.

Hot key settings

To increase work efficiency, you need to use hotkeys to the maximum. In the early stages, it takes getting used to and learning new key combinations, but it provides a solid jump in your efficiency in the long run. I've redefined most of the hotkeys to be on the right side of the keyboard. Why exactly on the right? The fact is that I am left-handed and, accordingly, it is more convenient for me. If you are right-handed, then you will have to come up with your own scheme. Also, I use the Rapoo E9050 and Apple Wireless Keyboard, which are laptop keyboard form factors, so if you're using a full-sized one, then again, work hard and come up with your own scheme - it will pay off in a lot of time saved - and consider my scheme, as an example.

Get the idea: group key commands on the comfortable side of the keyboard for quick access without constantly changing hand position. Most of the time it should lie in one place, only the fingers "walk" in a small radius, pressing the buttons. Of course, there will be teams that demand a change of position, but they are in the vast minority. Here is my schema:


Team Description old combination New combination
Select All Choose all Ctrl+A Ctrl+A,O
Deselect All Remove selection Ctrl+Shift+A Ctrl+Shift+A,P
Undo Undo action Ctrl + Z Ctrl+Z, [, Z
redo Repeat action ctrl+y Ctrl+Y, ]
Zoom Scaling Shift+Z, Z Shift+Z,\
zoom in Enlarge Image Ctrl+=, Ctrl+Num= Ctrl+=, Ctrl+Num=,=
zoom out Zoom out Ctrl+=, Ctrl+Num= Ctrl + -, Ctrl + Num -, -
straighten Straighten selected curves 9
Smooth Smooth Selected Curves 0
Flip Horizontal Flip Horizontally F
flip vertical Flip Vertical Shift+F
Cut Cut to clipboard Ctrl + X Ctrl + X, X
Duplicate Symbol... clone symbol ctrl+d
Swap Symbol... Change symbol Ctrl+]

In most cases, new combinations do not replace the old ones, but complement them, several new commands are introduced. You need to make settings through the menu EditKeyboard Shortcuts.... In the search field, enter the name of the team, in the column Shortcut click on an empty space opposite the desired command and press a new keyboard shortcut.


Do not try to understand the commands given in the table, they will all be explained in next lessons. In the future, when you start to actively use them, most likely you will redefine them several times until you find the most convenient option.

Brush setting

brush tool(hotkey B) - the brush tool, the most used when drawing. Settings are concentrated in two windows:

The brush setup is finished, let's paint something.

Painting with a brush

Pick a suitable color using the Color window (Ctrl + Shift + F9), select the brush tool (B) and start with one long stroke with a little effort to outline the future shape. Then circle the resulting outline to smooth out all the bumps - the brush is ready.


Note that only three strokes were used in the example above. You want to aim for medium-length strokes so that your hand doesn't leave the tablet. Try to make many small strokes incorrectly, as the resulting contour will not be smooth and with a lot of extra points.

Adobe Animate CC works on vector principles. All objects are described mathematically and can be scaled without loss of quality, in contrast to the raster approach. This allows us to manipulate vector objects, which we will never do with the same ease in a raster editor. We can smooth and simplify paths, straighten curved lines, change proportions and deform graphics without losing quality. Each stroke is automatically converted into mathematical curves that we can fine-tune and modify.

To verify all of the above, activate the tool subselection tool(hotkey A) and select the brush you just painted. Now you can see the points of the vector path and even change them.


Conclusion

Today we have set up Adobe Animate CC and are ready to start drawing. Practice a little before we continue. Learn to draw simple geometric figures without distortion, try different colors and brush settings (experiment with the Smoothing option).

Similar content

In order to create pictures, buttons and other graphics, i.e. realize drawing in Flash You will use forms. Flash CS5 offers a large number of tools for these purposes: "pencil", "pen", "drawing lines", "brush", etc. To create primitive geometric shapes such as a rectangle, circle, oval, square, polygon, you will use special tools for such forms.

Flash CS5 has 5 various tools to create simple shapes: "rectangle" (rectangle tool), "oval" (oval tool), "primitive rectangle" (rectangle primitive), "primitive oval" (oval primitive) and "polygon" (polystar tool). "Rectangle" can create rectangular and square shapes, while "Oval" can create oval and round shapes.

Objects created with the Flash drawing tools: "rectangle", "oval", and "polygon" consist of a fill and an outline.

Flash CS5 offers two drawing modes: Merge Drawing model (merged drawing) and Object Drawing model (objective drawing). In the case of fused drawing, the outline and fill of any object, after its creation, will exist separately from each other. If you, for example, move the path, the fill will remain in place. In addition, all objects on the same layer will interact with each other. If you place one object on top of another, and then remove the bottom one to the side, then the area of ​​intersection with the top object will be "cut off" from it.

In the "object drawing" mode, the shapes are automatically grouped, so the fill and the outline of the object become, as it were, a single whole and various forms that are on the same layer will not interact.

Use the polystar tool to create polygons and star shapes.

Whatever tool you choose while drawing in Flash, the properties panel will display its parameters: corner radius, fill and outline colors, etc.

Drawing in Flash forms

Select the shape drawing tool.

Click on the rectangle tool to draw a rectangle or square.

Click on "oval" to draw an oval or circle.

Click on the "rectangle primitive" to draw a rectangle in outline and fill mode.

Click on the "primitive oval" (oval primitive) to draw an oval in the mode of combining path and fill.

Click on the "polystar" tool to draw a polygon.
Note that Flash CS5 always shows the active button for the tool you last used.

Click on the stroke color tool.

Choose a color.

Click on the fill color tool.

Choose a color.

In any place of the stage (Stage) click the mouse button and drag it without releasing it. Release the button.

You have created a figure.

Additional Information

In order to create a rectangle or an oval with the exact dimensions while drawing in Flash, you need to call the "rectangle settings" or "oval settings" dialog box. In the "rectangle dimensions" window, you can set the corner radius if you need a rectangle with rounded corners. To open this dialog, press the Alt key and click anywhere on the Stage. A dialog box will open. Enter the Width, Height, and Radius in the appropriate fields, where applicable. Click the OK button. Flash will place the created rectangle or oval at the location on the stage where you clicked.


The rectangle primitive tool draws a rectangle with small dots at the corners to draw rectangles with rounded corners. Using the selection tool you can click on one of these points and drag to round the corner.


In the case of an oval, where there are also such points, you will delete a certain sector in it.

Please enable JavaScript to see the comments.

And you know this program. Now let's talk about how to make images in this program. To begin with, let's deal with.

colors

To select the color of the line and fill, use the area in the middle of the toolbar, called colors. The pencil icon and color picker icon in the first row of this area determine the color of the line ( Stroke colors), while the overturned bucket icon and the color picker icon in the second line determine the fill color ( fill color ).

Line (line)

Tool line used to draw straight lines. Select this tool, click the cursor in the workspace where the line's start point will be, then, without releasing the mouse button, drag the cursor to where the line's end point will be. If you want to draw a line at an angle that is a multiple of 45 degrees, press the button Shift. The colors of the generated lines are determined by the color of the tool Stroke color .

Oval (oval) and Rectangle (rectangle)

Select a point corresponding to the corner of the rectangle or an imaginary rectangle in which the oval is inscribed, and drag the cursor along the diagonal of this rectangle while holding down the mouse button. The color of the line and fill matches the selected colors Stroke colors And fill color .

A rectangle can have a rounding radius at the corners. For rounding, you need to click in the properties of the rectangle (at the bottom of the toolbar) on the icon with a radius ( Set Corner Radius), and choose a radius value.

also in Macromedia Flash Professional 8 you can create regular circles and squares if you press the button Shift when stretching. When you create an oval or rectangle, two related graphical elements appear that can be selected and edited separately.

Selection (selection)

Used in Macromedia Flash Professional to select and modify graphics. Selected graphic elements are displayed as a bitmap.

Selection tool properties

Snap(magnet) causes the cursor to be directly fixed directly to the intersection point of the grid (if it is shown), or to a specific location on the graphical object. With this property, one graphic element can be fixed at the center, midpoint, or end point of another graphic object. In addition, one element can be made adjacent to another element.

Smooth(smooth) causes smoother curves to appear in the selection. When selected again, the curves continue to smooth out.

straighten(straighten) causes straighter curves to appear in the selection. When selected again, the curves continue to straighten.

Video on how to draw in Macromedia Flash Professional 8

You can get more detailed information in the sections "All courses" and "Utility", which can be accessed through the top menu of the site. In these sections, the articles are grouped by subject into blocks containing the most detailed (as far as possible) information on various topics.

You can also subscribe to the blog, and learn about all the new articles.
It does not take a lot of time. Just click on the link below:


Top