LIBRARY: 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
Fancy Title Animations In Adobe After Effects -- FAST!

Fancy Title Animations In Adobe After Effects -- FAST!

Follow along as VFX guru Tobias Gleissenberger shows you how how to quickly create professional-looking animated text elements using the free presets that are included with Adobe After Effects, customizing them to suit your needs. Tobias will also show you how to apply masks to your text layers to have them appear from behind other elements.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Remove People from Moving Video in After Effects with Mocha

Remove People from Moving Video in After Effects with Mocha

Learn how to remove a person from a moving video using the Remove module of the Mocha Pro plug-in for Adobe After Effects! In one of his most epic tutorial's yet, Surfaced Studio's Tobias Gleissenberger then adds a bonus Beam Up effect using some of the great filters from the Boris Continuum and Sapphire collections.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Basic Clone Effect Interaction - After Effects Tutorial

Basic Clone Effect Interaction - After Effects Tutorial

Want to take your CLONE EFFECT to the next level? Want to know how to make your clones INTERACT? Tobias Gleissenberger shows you how.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Adobe After Effects: Glitch Effects Without Using Plug-ins!

Adobe After Effects: Glitch Effects Without Using Plug-ins!

Join VFX guru Tobias Gleissenberger for a fun, high-energy look at how to create all sorts of digital noise, glitch, and other disturbing video effects with any version of Adobe After Effects, without using any plug-ins!

Tutorial
Tobias Gleissenberger
Adobe After Effects
Adobe After Effects Energy Ball

Adobe After Effects Energy Ball

In his latest high-energy Adobe After Effects tutorial, VFX guru Tobias Gleissenberger of Surfaced Studio combines a variety of effects to create the pulsating energy ball, composited with motion tracking, optical flares, and more.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Stabilize 360 Video with Mocha VR

Stabilize 360 Video with Mocha VR

In this intermediate tutorial, Mocha Product Manager Martin Brennand takes you through smoothing the horizon in a Samsung Gear 360 shot using the Reorient Module in Mocha VR. Jittery 360 video footage can be made more watchable by stabilizing with Mocha’s planar tracking tools. The tutorial is done via the Adobe After Effects plug-in, but the techniques apply to all versions of Mocha VR.

Tutorial
Imagineer Systems
Adobe After Effects
Adobe After Effects April 2017 New Features

Adobe After Effects April 2017 New Features

The April 2017 release of Adobe After Effects (version 14.2) is packed with new features, and Tobias Gleissenberger of Surfaced Studio is here to show you the latest and greatest. Highlights include the Essential Graphics panel and Motion Graphics templates (with Adobe Premiere Pro integration), the addition of Lumetri Scopes and Color Correction effects, new effects organization, the Camera Shake Deblur filter and more.

Tutorial
Tobias Gleissenberger
Adobe After Effects
Adobe After Effects Advanced Title Tutorial

Adobe After Effects Advanced Title Tutorial

Learn how to create complex title animations in Adobe After Effects! In my last tutorial I covered how to create, customise and animate simple titles in Adobe Premiere Pro: https://www.youtube.com/watch?v=6xQtq... In this tutorial we will take things one step further and create titles that are too complex to create with Premiere alone. We will be working with and customising presets, creating character by character animations and we will look at the power of custom Text Animators. Want to learn more about how to animate text? Check out the Adobe help page: https://helpx.adobe.com/after-effects...

Tutorial
Tobias Gleissenberger
Adobe After Effects
Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-In for Adobe: An In Depth Review

Imagineer mocha Pro 5 Plug-in for Adobe brings all the amazing features of the professional version of the mocha Planar Tracker directly into After Effects and Premiere Pro in the form of a plugin. In this in-depth review, After Effects tutorial guru Tobias Gleissenberger of Surfaced Studio will show you what you can do with this new plug-in, and discuss what he likes and doesn't like about the new update.

Tutorial
Tobias Gleissenberger
Adobe After Effects
After Effects 2015.3 - My Favorite Features

After Effects 2015.3 - My Favorite Features

Learn why you should upgrade to After Effects CC 2015.3 - 13.8.1 - a close and detailed look at the latest release of After Effects (August 2016). Roei Tzoref will be focusing on his favorite features that set this release apart from previous versions: Performance, Queue in AME, Lumetri Color new features, and more.

Tutorial
Roei Tzoref
MORE
© 2018 CreativeCOW.net All Rights Reserved
[TOP]