A Flash Developer Resource Site














Internet Commerce

Partners & Affiliates














Developer Channel

internet.com


Featured Flash FLA
Gallery Downloads 11246 Flash Movies | 9 New Flash Movies Added
What's New | Top 100

Featured FLA

» Author: Gurgen Tagvorian
» Title: Perpetuum Mobile
» Description: It's just a Perpetuum Mobile for you
» More by Gurgen Tagvorian


Random FLAs | Add Flash Movie
Featured Flash Site
Gallery Downloads 6410 Flash Sites | 0 New Flash Links
What's New | Top 100 Flash Site

Featured Site

» Posted in the Flash Kit Links section
» Title: Atlantis Media Ltd
» Comments: Greg Rudman new media creative & website design - Atlantis Media Ltd


Random Links | Add your own Flash Related Links
Flash Tutorials 1192 Tutorials 7 New Tutorials Added!
What's New | Top100

» How to convert FLV video to MP3 audio for Mac OS
» Join flv videos together with just a few clicks
» How to convert flv file to avi for mac os x
» How to Create Christmas Flash Greeting eCard without programming skills
» How to Create Real Estate Flash Photo Gallery Presentation
» How to burn DVD, VCD, SVCD
» How to convert FLV to ASF with FLV to ASF converter for Mac os X
» 5 ways to convert PowerPoint to video
» How to Make Vista Buttons
» Unknown Tag: Title10
Random Tutorial | Add Site

bbm.netBBM.net is designed to save you time and deliver the highest quality royalty-free music for your multimedia projects. Features include: over 450 Music Loop Packages from some of the best composers in the business, our music search engine to speed your selection process, alternate music versions & bonus sounds to use for rollovers or transitions, free technical support and free consulting.

Click here for details »

Senior Web Analytics Engineer
Professional Technical Resources
US-OR-Beaverton

Justtechjobs.com Post A Job | Post A Resume


Tutorials Home What's New Top Rated Submit myTutes Random!

Search Tutorials


Tutorials Tutorials » Special_Effects

Categories Broken Glass Effect
Author: Nicholas Molhoek

 
Page 1
1

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

1

» Level Intermediate

Added: : 2001-12-12
Rating: 2.76 Votes: 367
Hits: 6903
» Author
blue eye blond who likes walks on the beach... not.
» Download
Download the files used in this tutorial.
Download (88 kb)
Get conversion and unzipping tools for PC and Mac here!

» Forums
More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.
10 9 8 7 6 5 4 3 2 1
Read or Post Comments
 
   
 

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info

Legal Notices, Licensing, Reprints, Permissions, Privacy Policy.
Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers