Skip to main content

Create warped caricatures

Warping is similar to the morphing we've seen in films and ads for years, but only the shape of the image changes, not the image itself. With Flash Player 10 use becoming widespread, you can now take control of this process with ActionScript 3.0.

In this tutorial, I'll be showing you how to slice an image into triangles and build a warped version with the triangles from another image. We'll be using some of Flash Player 10's new data types and bitmap fills, and creating a simple point-based interface to make adding and dragging points easy. I'll take you through the code so you can use the set-up to create your own effects, and we'll store the points in a Flash cookie so they're still there the next time you run it. You'll need a couple of portrait photos to get started. They should be cropped to the same size. I found mine at

Click here to download the support files (10.5MB)

Click here to download the tutorial for free