LIBRARY: Tutorials Video Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Basic Shatter: Introduction to the Shatter Effect

COW Library : Adobe After Effects Tutorials : Ben Unguren : Basic Shatter: Introduction to the Shatter Effect
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.


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
How to Make After Effects Faster with Proxies

How to Make After Effects Faster with Proxies

Learn how to make Adobe After Effects faster by using PROXIES! A proxy is a placeholder that stands in place for a very large video file or image sequence in your project. You can easily create proxies for the large source files that you are using and After Effects will automatically link them to the item in your project panel.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Stabilize & Smooth: mocha 5 Plug-in for Adobe & Avid

Stabilize & Smooth: mocha 5 Plug-in for Adobe & Avid

Imagineer Systems and Boris FX product specialist Mary Poplin shows you how to stabilize with the new mocha Pro 5 plug-in inside of Avid Media Composer, Adobe Premiere Pro and After Effects. This tutorial covers artistic stabilization, such as smoothing out camera movements or stabilizing around moving objects, completely locking down shots, and automatically replacing edge fill on planar backgrounds.

Tutorial
Mary Poplin
Adobe After Effects
Adobe After Effects Puppet Tool

Adobe After Effects Puppet Tool

Become a puppet master by learning how to use the Puppet Tool in Adobe After Effects! This intermediate-level tutorial from After Effects guru Tobias will show you how the Puppet Tool allows you to add joints and animations to bring life to any static image!

Tutorial
Tobias Gleissenberger
Adobe After Effects
Common After Effects Problems and Mistakes

Common After Effects Problems and Mistakes

Got problems using Adobe After Effects? In this video, Tobias Gleissenberger will discuss some of the common problems and mistakes with Adobe After effects and how to fix them!

Tutorial
Tobias Gleissenberger
Adobe After Effects
How to Spawn A Clone in Adobe After Effects

How to Spawn A Clone in Adobe After Effects

Want to learn how to create a cool clone spawn effect in Adobe After Effects? Follow along with After Effects whiz Tobias from Surfaced Studio in this exciting new visual effects tutorial that combines green screen using Keylight, CC Vector Blur, the Liquefy Effect, CC Particle World, and much more, delivered in Tobias' inimitable style!

Tutorial
Tobias Gleissenberger
Adobe After Effects
Creating A Flame on Your Finger with After Effects

Creating A Flame on Your Finger with After Effects

It is easy to do some motion tracking and attach a basic stock footage element of fire onto your hands, but there is a little bit of work involved if you actually want to make it look good. In this intermediate tutorial by After Effects expert Tobias, you'll see how to use a fire stock footage element to set your thumb on fire! There are lots of useful tricks for null objects, expressions, and more in this tutorial that will help you create all sorts of other cool visual effects -- or set even more things on fire!

Tutorial
Tobias Gleissenberger
Adobe After Effects
Turning After Effects CC Particle World Into a 3D Galaxy

Turning After Effects CC Particle World Into a 3D Galaxy

Want to create an epic space scene with only the tools built into Adobe After Effects? Starting with After Effects' native CC Particle World, Graham Quince shows how to create a spectacular 3D spiral galaxy using null objects, 3D layers, and expressions to define where CC Particle World adds particles in (After Effects) space.

Tutorial
Graham Quince
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
MORE
© 2016 CreativeCOW.net All Rights Reserved
[TOP]