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 www.istockphoto.com.

Click here to download the support files (10.5MB)

Click here to download the tutorial for free

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson and Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.