How to Draw with Adobe Flash – Very Easy Beginner – Rectangles Object Drawing

ImageLast week, I focused on Adobe Photoshop.  This week, I’ll focus on Adobe Flash.  By September 1, I hope to have begun posting my tutorials on Youtube; and I want to use some Flash with the Youtube posts.  Flash is an animation program; and it is perfect for animating simple images that have very little detail; very little variation in color; and that use very very little space on the computer’s hard drive [if they are saved correctly].  They also load faster for the viewer.  These simple images are perfect for beginning to learn flash and for simple animation projects.  Many of them have a cartoon-like appearance.  Some look like the bland gif files that you find in Clip Art collections.

I have not used all of the Adobe programs yet; therefore, I can only say that most of the Adobe programs allow one to create drawings and shapes within the program.  The types of images vary.  I hope to show how to draw in all of the programs one-by-one.  Today’s post will feature How to Draw with Adobe Flash.

We’ll begin with the most basic approach possible.  I’ll assume that you know nothing about Flash.  If you already know all of the basics, you may want to check back in a few days–or you may just want to review.

In Flash, you can draw with shapes, lines, the pencil tool, and the pen tool.  We’ll begin with shapes.

We’ll begin by opening the Flash program.  When Flash opens, it looks like this:  Image

At the top of the page, you see the word File.  Click on that and select New.  Enter the following:

Image

From the Tool Bar on the left, select the rectangle which rests beneath the large “T” Type Tool.

Image

On the right side of the screen is where the Properties Panel sits.  If it is not open, go to Window on the top bar and select Properties.  I have drawn a blue rectangle with a stroke of 1 pixel–which is almost too small to see.

Image

By moving the Slider of the Stroke in the Properties Panel, change the size to 10.  You can also change this number by drag selecting the first number and typing the size that you want.

At this point, you can work with your rectangle either one section at a time–or only as the entire rectangle.  This depends upon whether or not the Object Drawing option is selected.  The  Object Drawing Button is at the bottom of the tool bar on the left.  It looks like an old television with a round screen inside a square.

Image When the button is dark, you are drawing with the Object Drawing option.  Any changes will affect the entire rectangle.  When it is not selected, you have draw a square comprised of 4 lines and a fill.  You can delete any or none of those, if you wish.

Let’s begin by drawing another rectangle with the object drawing button selected [dark]

At the top of the Tool Bar, there is a light arrow [the selection tool] and a black arrow [the subselection tool].  Click on the black arrow and then click on the top line.  Hover above that line and you will see either a right angle or a curved line.  While the curved line is showing, click in the middle of the top line and pull it upward.  You have created a type of house with a rounded roof.  Although you worked only on that top line, you did not remove it from the rectangle.  The change affected the entire rectangle.

Image

Again, with the right angle showing, click on the lower right corner and pull it downward and to the right.  We have the beginning of a blue mouse.

Image

This is a bit off topic; but I had no idea that I was creating a mouse until I saw what happened.  This is an example of allowing your intuition to suggest something to you–and following that lead. So let’s go for it and make a mouse.  To do this, click on the light arrow [the main selection tool] and select the entire shape to modify.  From the top bar, select Modify–Then Free Transform.  Hover over the shape and when you see the curving line, turn the mouse’s head; then pull the boxes together to make the head smaller.

Image

Beneath the Rectangle Tool, there is an Oval Tool.  Click on that and draw a body for your mouse.

ImageUse another Oval and draw an ear.

Image

On the right Properties Panel, change the fill to Black; Use the Oval Tool and Draw a small black eye. Repeat to draw a nose.

Image

Repeat again to draw the back foot only.

Image

On the top bar, click on Edit – Copy – Paste in Place.  Hold down the shift key and press the right keyboard arrow to move the other foot in place.  By copying in this way, your feet are the same size.  Image

Now, we’ll use the Pencil Tool to draw the Whiskers.  Change the Stroke Size to 2 px

Image

I want to move the mouse forward; but he has been drawn with lots of parts.  I go to Edit – Select All and with the right arrow key, I nudge him forward.Image

We’ll begin drawing the tail with a Rectangle.

Image

We will remove one of the points [corners] to create a triangle. On the Tool Bar, select the Pen Tool and from the Pen Tool’s Drop Down Menu, Select the Delete Point Tool. Click on the top right corner point and Voila–a Triangular Tail.

Image

A Few More Adjustments; and I have a Mouse.

Image

For my next post, I’ll show you how to make the mouse move across the page.

Advertisements

One thought on “How to Draw with Adobe Flash – Very Easy Beginner – Rectangles Object Drawing

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s