Flash Tutorial: The Pen Tool - Drawing Curves with Angled Direction Handles- Techniques Introduced in Flash CS3.

Home • Members Tutorials Forum iSnapChat Contact Us 

 


Flash Tutorials

   

Free Flash Tutorial - The Pen Tool

 

Free Flash Tutorial

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

 

Step Nine: Drawing Curves with Angled Direction Handles - Techniques Introduced in Flash CS3

Just when you thought you knew how to draw curves with sharp corners I come back with even sharper corners! Why? Because the technique that I am about to show you is actually quite different to what I showed you in the previous section and the one thing the Pen Tool offers is flexibility. With the Pen Tool it is possible to draw any shape you can think of. This amazing flexibility and accuracy come at a price and that is it that the Pen Tool has many options! But you have nearly covered them all.

Important Note: The technique described here were introduced in Flash CS3 and will not work in earlier versions!!


A curve with sharp peaks.

So what is different. In all the previous curves the direction handles are cut through the curve like a tangent.


Direction Lines on smooth curves cut through in a tangent to the curve.

What you are going to learn now is how to create direction handles that are not in tangent and each individual direction line moves off in different directions, which makes the curve move off in different directions.


Each Direction Line moves in a different direction.

    Example: Download the Flash Drawing Template  Draw 224h  (Angled Direction Handles)

  1. With the Pen Tool click on 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. Hold down the: Alt Key (The cursor will change to the Convert Tool: )
    Grab
    hold of the handle at: Point 4
    Drag
    down to: Point 5
    Release the: Mouse
    Release
    the: Alt Key
  6. Note: Holding the Alt Key temporarily changes the cursor from the Pen to the Convert Tool:
    This convert option is not available in Flash before version CS3.

    When you move the Direction Handle down to point 5 there is no change to the shape of the existing curve. This is because this handle effects the direction of the next segment of the curve, the bit you are about to draw.

    Tip: The Pen has many functions and you will notice that the screen icon changes depending on what you are about to do. So keep a close eye on the Pen's cursor. This was you are less likely to forget to let go of the Alt Key!

  7. Click and hold onto: Point 6
  8. Drag to and release at: Point 7
  9. Hold down the: Alt Key
    Grab
    hold of the handle at: Point 7
    Drag
    down to: Point 8
    Release the: Mouse
    Release
    the: Alt Key
  10. Click and hold onto: Point 9
  11. Drag to and release at: Point 10
  12. Hold down the: Alt Key
    Grab
    hold of the handle at: Point 10
    Drag
    down to: Point 11
    Release the: Mouse
    Release
    the: Alt Key
  13. Click and hold onto: Point 12
  14. Drag to and release at: Point 13
  15. To finish the line: Ctrl Click

    Suggestion: Try drawing the line with the bumps at the top:

         

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


20233 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.