Internet Commerce

Partners & Affiliates

Developer Channel


Featured Flash FLA
Gallery Downloads 11401 Flash Movies | 5 New Flash Movies Added
What's New | Top 100

Featured FLA

»  Author: Nick Kouvaris
»  Title: Znax
»  Description: Znax is a board game. Click 4 tiles of the same color and form squares as big as you can. You will erase all the tiles inside the square and collect points. Get maximum score if you make a square with game edges.
»  More by: Nick Kouvaris


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

Featured Site

»  Author Agence WOP Digital Agency
»  Title: Electricdrum
»  Description: French WOP Agency, 3D websites, Flash (Papervision, Away 3D), event or institutional projects. The agency operates on all digital projects: consulting, design, graphic design, development, online communication. The WOP agency follows you on the implementation of original, creative and optimized digital projects.


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

» How To Make A Simple Animation Using Christmas Clips
» Simple Step by step flash game tutorial Spot the diffrence
» How To Make A Moving Text Slide
» Create Flash Banner With Text Float Effect
» How To Make Zoo Photos Slideshow
» How To Make A Dolphin Photos Slideshow
» How To Make A Fathers Day Slideshow
» How To Make A Transparent Background of Your Flash File
» Create Flash Banner With Text Disco Light Effect Today we will introduce you a Text Disco Light eff
» Unknown Tag: Title10
Random Tutorial | Add Site


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.86 Votes: 393
Hits: 7019
» 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