First time here? First time here? Newsletter Signup Newsletter
Search tutorials
Author: Nicholas Molhoek

Broken Glass Effect

Create a new layer in your scene (called background) I used a black background with a text in front; not unlike this


Create a new layer. Right click on the layer and open 'Properties'. Change the name to glass. Set the type to 'Mask' and click OK. Click on the background layer and then click on the create a new layer button. This new layer should be masked by the glass layer. Go back to the Background layer and copy all the objects. Click on the new layer and paste them. Move the main features (in my case the text) up and to the left (at this point you can be creative and do as you wish my suggestion is to not move it to far away or it will look to jumbled) now to make your broken glass.

There are a number of methods for making the glass, it could be done entirely in Flash, but I have chosen to use Adobe Photoshop 5 for this as it is quicker to get the desired effect. Open a new Photoshop file (about 500/500 pixels) and create a new layer, in this layer make multiple selections (holding down the shift key) of large but detailed jagged shapes emanating around a central point. Then once your canvas is filled (approx.. Half selected) fill with black (Edit>Full) and then using the box section tool make box or oblong sections of the layer and move them slightly to achieve a more broken up effect repeat this a few times but don't overdo it and make your image to jagged. Export this image to a bmp and import it into Flash in your glass (mask) layer. Trace the image (Modify>Trace Bitmap) set the color threshold to 10 the minimum area to 5 the curve fit to tight and Corner fit to few corners. Click OK. Make a new keyframe in the glass layer at frame 5 and another at frame 10. Move the image in frame 5 up to the right quite a way. Tween all the keyframes (right click>create motion tween) that's the guts of it if you cant make your own glass bmp There will be the one I used in the files zip.


» Level Intermediate

Added: 2001-12-12
Rating: 3 Votes: 403
(10 being the highest)
» Author
blue eye blond who likes walks on the beach... not.
» Download
Download the files used in this tutorial.
» Forums
More help? Search our boards for quick answers!


  • There are no comments yet. Be the first to comment!

  • You must have javascript enabled in order to post comments.

Leave a Comment
  • Your email address will not be published. All fields are required.
Featured Flash FLA
» Author: Inocreato
» Title: RaiseTheBlocks
» Description: Raise all the blocks to win the game
Featured Sound Loops
Image for equalize

Audio Player

» Author: TomCat Carty
» Title: The Wood
» Description: Just a little game ending or it can maybe be looped. Recorders with music box and percussion to give the feel of well, I don't know, the woods? Free to use, just credit me. thank you
Latest Font
» Author: Fábio FAFERS
» Description: I created this font for free use. Everyone can apply it in personal or business texts. Its free, but I want to be communicated in case of business use. Donations are accepted to keep the project of free fonts alive! Thank you all
Featured Sound Fx
Image for equalize

Audio Player

» Author: Davisigner
» Description: Hmm... what to say about this one? It's reminiscent of the closing notes of the opening music from the Three Stooges done in a church organ style with a closing cymbal crash. I'll give this one away gratis, but feel free to check out my free loops and potential upcoming license-mandated ones over in the respective part of Flashkit.