Shattering Glass with Adobe After Effects

Using After Effects’ Shatter Effect to simulate a baseball going through a glass pane.

This video requires Adobe Flash Player.

Visitor Comments »

 

nice tut.thank you

 

Comment by expands | January 22, 2009 @ 9:00 pm

 

Thanks!

Keep checking back. There are more cool tutorials coming down the pipe you won’t want to miss!

J.

 

Comment by J. Schuh | January 23, 2009 @ 3:41 pm

 

J
Fascinating! I am not a techie on this stuff and it’s intriguing. Thanks for sharing! Nice job!

 

Comment by Linda | January 23, 2009 @ 4:24 pm

 

Great stuff.

 

Comment by Mark | January 24, 2009 @ 6:59 am

 

love these tutorials but they are too small to really see what you are doing….and there doesn’t seem to be any way to make it larger. I’m a newbie and I spend a lot of time going back and forth.
…any help in that area ?

 

Comment by Tim OC | January 24, 2009 @ 12:30 pm

 

Great tutorial J! Now I have no reason to smash real glass to produce the same effect. Haha!

 

Comment by Rio | January 24, 2009 @ 6:44 pm

 

Hey folks! Thanks for the great feedback.

Hey Tim, I had a real debate on that tutorial, if I zoomed in to the dialogue boxes people wouldn’t be able to see what was happening on screen.

If I did both, it would have made the tutorial a constant zoom in, zoom out that could get distracting after awhile plus to do it right I would have had to pause inbetween the zooms and it would have doubled the length of the tutorial.

In future tutorials I will try and find a nice balance if I can so it is easier to read what I am typing in.

Thanks again for continuing to watch the tutorials and for your most excellent feedback.

J.

 

Comment by J. Schuh | January 26, 2009 @ 12:19 pm

 

GENIAL

 

Comment by Jes | January 27, 2009 @ 9:39 pm

 

J, the solution here isn’t necessarily to zoom in on the screen, but instead offer a large version of the video (as in full size).

Flash is, in general, a pretty bad medium for delivering high-quality video, so I’d suggest offering the ability to download a .mov version. That, or a link to a large version of the flash video player that plays a larger high-quality video.

 

Comment by Josh | February 2, 2009 @ 7:43 pm

 

Hey Josh,

That is actually a standard that powers higher than myself have control over. I just submit my tutorials and then they are formatted for the website. I do know they have their reasons for the decisions they have made on that front.

Thanks again for your feedback!

J.

 

Comment by J. Schuh | February 5, 2009 @ 10:45 am

 

nice tutorial!! do you think you can make your tutorials a bit bigger? like http://www.videocopilot.net or http://www.futuredesigns.ca ??? that would be awesome! thanks

 

Comment by Sineh | February 6, 2009 @ 3:45 pm

 

Great tutorial! I was just wondering where do you get the 3D image of the shattered glass?

 

Comment by Alfred | February 9, 2009 @ 2:44 pm

 

J. This site ROCKS! It will make my concept music videos so much better.Order the trial
magazine and without a doubt will get the
one year subscription.Told the guys in electronic pre press about this site.

THANKS!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

 

Comment by Paul Panzarella | February 10, 2009 @ 6:34 am

 

Great stuff
顶!顶!

 

Comment by TWO炮 | February 28, 2009 @ 1:55 am

 

[...] Launch tutorial Share and Enjoy: [...]

 

Pingback by LAYERS Shatter Tutorial Free After Effects Tutorials | Forging Fire Studio | April 13, 2009 @ 9:31 am

 

How can I watch it in full screen?
到底该怎么弄啊

 

Comment by Kingston Axel | April 30, 2009 @ 3:19 pm

 

Thank you very much

 

Comment by Mohak | May 10, 2009 @ 7:11 pm

 

Great Tutorial indeed, simple yet very powerful!!!

 

Comment by Omar Niaz | May 11, 2009 @ 3:43 pm

 

hi
how can i have the shatter image of a glass?
thnx

 

Comment by ken | May 12, 2009 @ 9:12 am

 

how do you re-time the shatter plugin
im finding a problem trying to get it to last more than a few seconds :(
andy

 

Comment by andy darcy | May 22, 2009 @ 8:03 am

Comment by RiddickMedia | May 23, 2009 @ 4:22 am

 

[...] Link [...]

 

Pingback by Shattered Window Effect Tutorial « motiongraphicstutorials.com | June 2, 2009 @ 5:39 pm

 

i want some notes

 

Comment by saradhi | June 21, 2009 @ 6:44 am

 

Is there a way to make the glass just slowly crack up and not really shatter? Like to have it crackle, and then a couple peices of broken glass just easily fall out on to the floor. How can that be done?

 

Comment by DJ | June 25, 2009 @ 2:05 pm

 

Very Impressive!!!!!!!!! 4 thumbs up including my two big toes.

 

Comment by Greg | June 29, 2009 @ 3:47 am

 

Great Tutorial, but when the ball goes through the class in a perfect straight line, and at the speed it is going, wouldn’t the glass shoot out more before falling down? How can we create that? Thanks!

 

Comment by Brecheisen | July 2, 2009 @ 2:30 am

 

very very nice

 

Comment by jhh | July 30, 2009 @ 11:05 pm

 

Cool tutor. Thanks ;)

 

Comment by Artur | August 4, 2009 @ 2:52 pm

 

Good tutorial, but need a british accent. All tuts these days are done by Brits. (HAHAHA!) Minus AK of course…

 

Comment by Beau Chevassus | August 29, 2009 @ 2:10 pm

 

I like this very much

 

Comment by Ali hussaini | August 31, 2009 @ 1:28 am

 

Hi everybody with size problems…. :) maybe this will help:
press command (PC control) &
+ (size up)
- (size down)
0 (back to original)…
bye!

Great tut! thank you so much for this site!

 

Comment by almuth | September 2, 2009 @ 1:36 am

 

gon part

 

Comment by pangi | November 4, 2009 @ 6:22 am

 

Muito Bom Mesmo :]

 

Comment by MaIcOn LiMa | November 8, 2009 @ 6:53 pm

 

nice!!! Thank you for the tutorial…

 

Comment by Borrys Hasian | November 18, 2009 @ 1:09 am

 

Just one comment : the rotation of the ball, i think it should be ccw, not cw…

 

Comment by Borrys Hasian | November 18, 2009 @ 1:10 am

 

Thanks folks!!!

 

Comment by J. Schuh | January 29, 2010 @ 1:48 am

Leave us a comment

Comments RSS | TrackBack URI

Back to Top

 
 
Advertisement
Creative Suite Tutorials
  1. Photoshop Photoshop
  2. Illustrator Illustrator
  3. Indesign Indesign
  4. Dreamweaver Dreamweaver
  5. Fireworks Fireworks
  6. Premiere Premiere
  7. Flash Flash
  8. After Effects After Effects
  9. Lightroom Lightroom
  10. Acrobat Acrobat

Get the latest tips, tricks and news delivered straight to your inbox.

From our Partners
Subscribe to Layers Magazine
 
 
 
  • Back to the Layers Magazine Homepage
  • Creative Suite Tutorials
  • Layers Magazine
  • Reviews on top products
  • Layers Magazine Reader Forums
  • Subscribe to Layers Magazine