Create an Image Cropping Application in Flash with ActionScript 3 – Active Premium

Carlos Yanez on Jul 14th 2010 with 6 comments

Download Source Files

Thanks for supporting the site, feel free to download the ZIP file for this tutorial.
Source files for this tutorial are available to Premium members.
Get a Premium Membership

It’s that time of the week again; today we have an awesome Active Premium tutorial exclusively available to Premium members. Follow the prolific Carlos Yanez as he explains how to build an image cropping app – all with Flash and AS3..

This Premium Tutorial is Filled with Creative Tips

Using the Flash Tools we’ll create an attractive interface that will be powered by several ActionScript 3 classes like MouseCursor, Bitmap, BitmapData, Rectangle, Point, Tween, FileReference and even external libraries. A nice looking mac-like interface will power our code, involving multiple timeline based buttons, custom cursors and more.

The user will be able to crop an image multiple times to later select the best option and save it to disk.

Professional and Detailed Instructions Inside

Premium members can Log in and Download! Otherwise, Join Now! Below are some sample images from this tutorial.

Demo

Example Images

Active Premium Membership

We run a Premium membership system which costs $19 a month which periodically gives members access to extra tutorials, like this one! You’ll also get access to Psd Premium, Vector Premium, Audio Premium, Net Premium, Ae Premium and Cg Premium too. If you’re a Premium member, you can log in and download the tutorial. If you’re not a member, you can of course join today!

Also, don’t forget to follow @activetuts on twitter and grab the Activetuts+ RSS Feed to stay up to date with the latest tutorials and articles.

Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By Carlos Yanez

Rollover to read this author's bio or click through to see a full list of posts by this author.

Carlos is a Web/Logo Designer, Flash Developer with passion for great designs and cool applications.

Plus Premium

vasu

looking great…..
http://midnyt.net Greg

A couple thoughts and suggestions…

A) Click once outside of your selection to clear the selection, instead of having it just select a smaller 10px by 10px box.

B) Dragging from top-left to bottom-right works once, but if you go too far, you can’t drag back top-left to shrink the current selection before letting go. You have to drag a whole new selection. (kinda frustrating).

C) When viewing crops that you have made, the “clear” button should be “delete” and should only delete one of the crops that you’ve made, not all of them. Or at least have a “delete single crop” button.

Other than that, I think this outcome is pretty nice. I’ll comment again after logging into Premium and checking out the source.

vasu

your suggestions are good. That wont take much time to solve, but this is just a basic of cropping tutorial thts how to do.
http://byte-news.com abdulhadi hallak

i agree with u

http://www.botaiusti.com Bota Iusti

Interesting tut….I think i will buy a Premium account!
Chris

Hey,

This looks good I did a project last year on cropping images using jqury etc. This works well though.

Would it be possible to allow a user to upload their own image? And then crop that and output it?

Also could you fix the aspect ratio of the cropper?

Cheers
Chris