First time here? First time here? Newsletter Signup Newsletter
Login | Register | 651326 Members and growing! | Flash Jobs
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

UNBREAKABLE

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.

Neo

» Level Intermediate

Added: 2001-12-12
Rating: 2.99 Votes: 398
(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!

Comments

  • 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: work2survive
» Title: Girl Walking 1kb
» Description: Walking girl, animation just takes 1kb, using high heels shoes, and fashion model attitude.
Featured Sound Loops
Image for equalize

Audio Player

» Author: BoxCat
» Title: CPU Talk
» Description: From the cyberpunk RPG, "Nameless: the Hackers" Completely Free to use! Keywords: edm hip hop rap electronic mysterious mission hacking chase exciting spy ios ambient chilling love happy sad angry suspense
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: nathan
» Description:

A recorded sound of the Dimensional Fork Gate.