Creative COWSIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US :: FAQ
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
LIBRARY:TutorialsVideo TutorialsReviewsInterviewsEditorialsFeaturesBusinessAuthorsRSS Feed

Basic Shatter: Introduction to the Shatter Effect

COW Library : Adobe After Effects Tutorials : Ben Unguren : Basic Shatter: Introduction to the Shatter Effect
Share on Facebook
Basic Shatter: Introduction to the Shatter Effect
from CreativeCow.net's ''25 Cool Things about After Effects 5.5'' Series


Basic Shatter Effect in AE 5.5
Ben Unguren Ben Unguren,
Provo, Utah, USA

©2002 by Ben Unguren and CreativeCow.net. All rights are reserved.

Article Focus:
Now that Shatter is included in the filter set of After Effects 5.5, many users are asking how to use this effect. In this tutorial, Ben Unguren demonstrates a very simple technique to help get you started with Shatter.


PAGE 1: SETTING UP THE NON-SHATTER STUFF

 
   
 
 
I still feel like an amateur when I use this effect, but I think the following tutorial might be helpful for beginners that want to acquaint themselves with Shatter.

here is a sample of what we are going to make (228 KB)
 

This page consists of 2 sections:

MAKE A GRADIENT


A key to making Shatter work the way you want is to use a gradient layer, or a separate layer that tells the Shattter effect how to behave (this will make more sense later on). You can make your gradient layer in Photoshop, Illustrator, or another graphic program, then import the file into After Effects. You can also make the layer in After Effects itself, which it what we will do:

  • Open After Effects
  • Make a new Composition (Composition New Composition...)
  • Name your new comp ramp, choose the Medium, 320x240 preset, and set your duration to about 10 seconds:



  • In your new ramp composition, create a new Solid (Layer New Solid...)



  • Name your Solid ramp and click Make Comp Size. Click OK.



  • Apply the Ramp filter to your Solid (Effect Render Ramp)



  • For now, leave all the effects settings as they are. Your gradient is complete:

MAKE YOUR LAYER TO BE SHATTERED


The Shatter effect, well, shatters a layer. Therefore, we are going to make something for it to shatter. For this tutorial (as the above movie shows) we are going to shatter text. We will make this in After Effects again, though again you can make this layer in another graphics program like Photoshop or Illustrator.

  • Make another new Composition (Composition New Composition...)
  • Name it text, choose the Medium 320x240 preset again, and click OK.
  • In your text composition, create a new Solid. (Layer New Solid...)
  • Name your Solid text and click Make Comp Size, just as before. Click OK
  • To your text Solid, apply the Basic Text effect (Effect Text Basic Text)



  • In the window that appears, type in a nice message and click OK:



  • Adjust the Basic Text Settings as desired (try to fill as much of the screen as possible for this exercise):



    I used the above settings to get this:

 




Please visit our forums and view other articles at CreativeCOW.net if you found this page from a direct link.


  View 1 Comment(s)

  Adobe After Effects Tutorials   •   Adobe After Effects Forum
Reply   Like  
+1
Share on Facebook
Comments

Re: Basic Shatter: Introduction to the Shatter Effect
by sheila Macdonald
This is an excellent tutorial giving all the needed data on a very good gradient. Thanks very much!
SheilaMacd


Related Articles / Tutorials:
Adobe After Effects
3D Dance Show in After Effects

3D Dance Show in After Effects

When Ari Grunzeweig needed to create a dynamic promo, he turned to a remarkable combination of keyed footage, particles, and the dynamic 3D compositing and cameras in Adobe After Effects to build a virtual world exploding with dance and light. Take a look to see how to build your own 3D world in After Effects.

Tutorial, Feature
Ari Grunzeweig
Adobe After Effects
Perfect Chroma Keys from Bad Green Screens in After Effects

Perfect Chroma Keys from Bad Green Screens in After Effects

High-quality green screen footage is a luxury that many of us will never have. Your quest for perfect chroma keys from awful green screen footage is nearing its happy conclusion as Bracer Jack shows you exactly how to achieve success using only the tools built into Adobe After Effects.

Tutorial
Bracer Jack
Adobe After Effects
Introducing Rotoscoping With mocha for Adobe After Effects

Introducing Rotoscoping With mocha for Adobe After Effects

Imagineer's mocha is Academy Award-winning technology for rotoscoping and motion tracking that's ideal for use with Adobe After Effects. Visual effects artist and editor Ruan Lotter shows some of the keys to unlocking this exceptionally powerful tool.

Tutorial
Ruan Lotter
Adobe After Effects
Adobe Creative Cloud 2015 Updates: Collaboration & Workflow

Adobe Creative Cloud 2015 Updates: Collaboration & Workflow

With Creative Cloud updates announced ahead of the 2015 NAB Show, Adobe brings new workflows and expanded collaboration to Pro Video apps, including a Character Animator, new color workspaces and editorial tools in Premiere Pro, and Adobe Anywhere for Teams.

Feature
Kylee Peña
Adobe After Effects
Sexism in Post: Sometimes It's What You Think, Sometimes Not

Sexism in Post: Sometimes It's What You Think, Sometimes Not

Sexism in video production is making work environments hostile and keeping women away, but the most damaging sexist actions aren't what you think.

Editorial, Feature, People / Interview
Kylee Peña
Adobe After Effects
NetApp Simplifies Hybrid Cloud Management Software

NetApp Simplifies Hybrid Cloud Management Software

Storage and data management company NetApp announced a set of tools to enhance cloud services, including a more efficient operating system with simple tools to manage data on Amazon Cloud web services.

Editorial, Feature, People / Interview
Kylee Peña
Adobe After Effects
Zero VFX: Why Some Effects Are Better Unseen

Zero VFX: Why Some Effects Are Better Unseen

Kyle Andal and Gerard Andal, lead compositors at Zero VFX, bring invisible post-production magic to several films - including 2014 Academy Award-winning "American Hustle," in which the team helped transform 2013 Boston to 1978 New York - and also several commercial shots with mocha Pro.

Editorial, Feature, People / Interview
Imagineer Systems
Adobe After Effects
LightGrid Script and Demo Tutorial Part TWO with New Feature

LightGrid Script and Demo Tutorial Part TWO with New Feature
  Play Video
LightGrid Script creator Brian Charles demonstrates his newly modified After Effects script for rigging lights in grids and circles. The modified script with the new feature, which adds the ability to enable individual light colors through a checkbox in the effect control panel, is available as a free download in the Project Files folder.

Tutorial, Video Tutorial
Brian Charles
Adobe After Effects
Green Screen Billboard Compositing

Green Screen Billboard Compositing

This After Effects tutorial demonstrates how to simulate augmented reality centered around a city billboard by compositing green screen footage and editing it into the scene.

Tutorial
Ari Grunzeweig
Adobe After Effects
After Effects Handwriting Tutorial

After Effects Handwriting Tutorial

This tutorial will show you how to create an animation of a marker writing out a logo or a few words, followed by a slick reveal to an actual logo.

Tutorial
Ari Grunzeweig
MORE


FORUMSTUTORIALSFEATURESPODCASTSEVENTSSERVICESJOBSNEWSLETTERNEWSBLOGS

Creative COW LinkedIn GroupCreative COW Facebook PageCreative COW on Twitter
© 2016 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]