Draw shapes and create gradients

This tutorial explains how to draw shapes and create gradients in Flash CS3 using ActionScript 3.0.

Related Tutorials

Drawing with actionscript
This tutorial will teach us on how to draw at runtime using actionscript code. We will use 'drawing methods' of 'movieclip class' to draw shapes in the SWF file in response to events.

Drawing Vectors in AS3
Learn how to draw lines, make fills, and create basic shapes.

Using Gradients
In Flash you use Gradient fills to make natural color transitions and imitate the play of light & shadow. In this tutorial you will learn how to customize Gradients to achieve great effects.

Tweening Shapes
If you'd like to discover how to morph shapes in Flash to create simple animation, read on.

Creating Graphics: Applying Gradients
This tutorial guides you through the process of using the gradient tools in Macromedia Flash Basic 8 and Macromedia Flash Professional 8. With Flash, you can create simple color gradients and complex gradient effects. In this tutorial, you learn how to do some of both.

HitTest With Irregular Shapes
This is a tutorial on how to use the ActionScript function hit test with shapes.

Shape Morphing
Morphing is turning one shape into another over time. To achieve this in flash we tween shapes and its attributes like, size, location and colour of shapes between two keyframes. As a general rule its best to separate your shape-tweens with their own layers to keep things nice and simple. Flash can tween numerous shapes on one layer as demonstrated in the example below.

AS3.0 Drawing API examples Tutorial
This Flash tutorial will show you how to draw simple shapes using ActionScript 3.0 Drawing API.

Timeline Shape Tween in Flash MX 2004
By tweening shapes, you can create an effect similar to morphing, making one shape appear to change into another shape over time. Flash can also tween the location, size, and color of shapes.

Moving shapes or objects using keyboard in Flash MX 2004.
You need a flash program where user will be able to move objects or shapes using keyboard? It's not difficult to create. Just follow step-by-step instructions, write some action script code and you will make it!

Draw lines in Flash CS3 using code.
In this tutorial we will draw using ActionScript code. It is a simple and fun tutorial. We will use our mouse to draw lines of different thickness and random color. You can test your drawing skills if does not look good from the first time clear and start again.

Create a sketchpad that your visitors can draw onto!
In this lesson, I will show you how to create a an interactive sketchpad on which you and your users can draw. The sketchpad features an interface which allows you to change the thickness and the color of the line.

Draw Full Line Through Any Two Points
While it is fairly straightforward to use Flash's drawing API to draw a line from 1 MovieClip to another, it's a little less trivial to draw a full line from from 1 end of the stage to another AND through two given MovieClips. This tutorial will guide you throug the steps of drawing just such a line!.

Shape Hints in Flash
Flash likes to use the path of least resistance when morphing, which can sometimes make your shape tween look like your cat sat on it. Enter, stage left, Shape Hints! These are added when tweening shapes to give you more control over the transition. They can keep the integrity of key shapes while you morph, instead of going through a tangle of colours and lines that have a closer resembalence to one of my stews than of a morphing shape.

PolyStars
Using the PolyStar tool to create some crazy shapes.

Draw in Flash
When you draw in Flash, you create vector art, which is a mathematical representation of lines, curves, color, and position. Vector art is resolution-independent; you can rescale the art to any size or display it at any resolution without losing clarity. Additionally, vector art downloads faster than comparable bitmap images. This tutorial shows you how to create vector art of a bolt and logo.

Draw in a Flash movie
This tutorials illustrates how to use onMouseMove onMouseDown and onMouseUp events to draw lines in a Flash movie.

Drawing API
Tutorial on how to dynamically draw with Actionscript. The tutorial includes draw with lines of codes just like when using drawing tool.

Flash plastic buttons
This tutorial is to create a plastic looking button. You'll work with two gradients, you'll use the Soften Fill edges command.You'll use the Library, add objects to it, and reusing objects in it.You'll create a button with use of all the button states.

Video about shapes tweening
A video tutorial on shapes tweening.

Tweening Shapes
The aim of the tutorial is to learn how to morph shapes in Flash. This is an important animation technique in Flash called Shape Tweening. The term Tweening means to move or animate an object. When you Shape Tween you change or animate an objects outline shape. Shape Tweening is a simple form of Flash animation that changes one Shape into a new Shape. This tutorial is suitable for those of you who maybe new to Flash.

Create a simple blend group with Dynamic Blend component
Most graphic designers are familiar with "Blend" tools used in CorelDRAW or Freehand. Blend group is a number of objects gradually changed between two base objects. It can be used to create custom gradients, distribute a number of objects to some space, create 3D effects, etc.

Windmill animation
Have you ever want to draw a windmill, and after that animate it? No problem! Read this tutorial and see how to draw a windmill, and after that animate it.

Baby Steps : Getting Started in Flash
This is a tutorial for flash 4. How exactly do you start using Flash? Well first you have to understand how flash works. Think of it as a cartoon and you, the designer, are the cartoon artist who has to draw each frame. (Flash helps you here, you don't have to draw every frame.)

Creating simple color fills
Learn to fill your drawn shapes via ActionScript, or create them without any outlines. Check out this tutorial before exploring the gradient fills.

Flash Drawing
I made this tutorial to show how I draw a basic drawing in flash. I thought it would be fun to go step by step in this creation process. George Bernard Shaw was once quoted in saying, "He who can, does. He who cannot, teaches." Well, he maybe right in his quote, I don't draw professionally, but I have fifteen years drawing expienance. All but one of those years I drew with paper and pencil. But now, 100% digital! I am perfectly content and adjusted to my art tablet and my flat panel screen.

Creating Animations Using Flash Motion Tweens
Easily create animations without the need to draw each and every frame in an animated sequence.

Creating clickable and draggable shapes
In this example, you'll explore some of the new features in the Flash Professional 9 ActionScript 3.0 Preview. You will create a simple shape and make it clickable using the improved event model. In later examples, you will make the shape draggable, turn your code into a class, and dynamically create a class instance.

Fade Object Animation
Learn how to convert shapes into objects and fade them using tweens.

Morphing Effect In Flash (Shape Tween)
Flash can create morphing animations, in which you specify the first and the final shapes so that all the frames in between are created by the authoring tool. This is called Shape Tween.

Away3D Programming Tutorial - Primitives
See how easy it is to use the build in primitive shapes supplied with Away3D. Demo and source code included.

Flash drawing by pencil
Learn how to create a pencil and after that how to draw something using that pencil and Action Script in flash8.

Daybreak
This tutorial will show you how to create full daybreak animation. You will learn how to draw, and after that how to animate daybreak.

How to Create Stunning Bubbles
This tutorial will teach you how to create an amazing image effect such as Flash bubbles. Step by step you will learn how to draw such bubbles, how to create movie clips and symbols and how to set everything in motion. This Flash lession will be perfect for beginners, but hoping, Flash gurus will also find something useful.

Animated cloud
This tutorial will show you how to draw cloud using some tricks and flash technics.Note! To create this tutorial you'll need to use Flas 8.

Dynamic masking using the drawing API II
Create a 'swosoh' masking effect using dynamic masking and the drawing API. Also covers easing and morphing shapes.

Curve Tracing (Cardioid)
This tutorial illustrates how to trace curves like a cardioid. The process can be extended to trace other interesting shapes.

Drawing in a Flash Movie
The aim of the tutorial is to learn how to create a Flash movie that the user can draw with whist online. At the bottom of the page you will see an example of a complete Paint program created with this same script.

Morphing Text
In a movie, type the text you want into a text box. Choose the correct font and size. Now select Modify and Break Apart. This turns your text into shapes. You can not edit the words after you have broken them apart.

Draw shapes and create gradients

View Tutorial