Drawing with the Pen Tool in Flash CS3

Home • Members Tutorials Forum iSnapChat Contact Us 

 


Flash Tutorials

   

Free Flash Tutorial - The Pen Tool

 

Free Flash Tutorial

Step 10   <<   Previous      Intro   1   2   3   4   5   6   7   8   9   10   11  12   13     Next   >>    

 

Step Ten: Drawing Basic Shapes - All versions of Flash

What is surprising is that all drawings are made of a few basic shapes! In this section I will show you the types of shapes that can be drawn with all versions of Flash. In each instance I will give you an example of a line with two Segments and three Anchor Points.

Example: Download the Flash Drawing Template  Draw 224i  (Basic Shapes 10a to 10c)


Step 10a  Straight Line to Straight Line

Select the: Pen Tool

  1. Click at: Point 1
  2. Click at: Point 2
  3. Click at: Point 3



    To finish the line: Ctrl Click


Step 10b  Curve to Curve - Two Direction Points

  1. Click at: Point 1
  2. Click and hold onto: Point 2
  3. Drag to and release at: Point 3
  4. Click at: Point 4



    To finish the line: Ctrl Click


Step 10c  Curve to Curve
- Six Direction Points

  1. Click and hold onto: Point 1
  2. Drag to and release at: Point 2
  3. Click and hold onto: Point 3
  4. Drag to and release at: Point 4
  5. Click and hold onto: Point 5

Drag to and release at: Point 6



To finish the line: Ctrl Click


Note:
In the next group of shapes notice how a straight line turns into a curve and a curve turns into a straight line:

Example: Download the Flash Drawing Template  Draw 224j  (10d & 10e)


Step 10d  Straight Line to Curve
- Two Direction Point

  1. Click at: Point 1
  2. Click at: Point 2
  3. Click and hold onto: Point 3
  4. Drag to and release at: Point 4



    To finish the line: Ctrl Click


Step 10e  Curve to Straight Line
- Two Direction Point

  1. Click and hold onto: Point 1
  2. Drag to and release at: Point 2
  3. Click at: Point 3
  4. Click at: Point 4



    To finish the line: Ctrl Click

     

    Important Note: The rest of this tutorial is focused on the additions that were introduced with Flash CS3. If you are using an earlier version of Flash you could continue this tutorial by using any version of Adobe Illustrator to practice the techniques discussed.

         

Step 10   <<   Previous      Intro   1   2   3   4   5   6   7   8   9   10   11  12   13     Next   >>    


20100 visitors to this page since June 08 •

Phil Schulz's Facebook Profile
Webwasp is Phil Schulz's baby. You are welcome to contact me or become my Facebook friend: Click here

 Top of Page HomeMembers Tutorials Forum iSnapChat Contact Us 
 All material on this site is protected under international copyright © law. DO NOT reproduce any material from this site without written permission. Please ask as permission is often granted.