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 (opens in new tab).

Click here to download the support files (10.5MB)

Click here to download the tutorial for free

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began over a decade ago. The current website team consists of five people: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.