Skip to main content
Inspiring
Aug 21, 2024 3:12 PM UTC
Question

Tutorial for Animating a Magic 8-Ball in After Effects

Does anyone know of a tutorial out there on how to animate a magic 8 ball in After Effects? I know that I would need to illustrate it in Illustrator, but I'm not exactly sure how to animate it. Any help is appreciated!

This topic is closed to new replies. Start a new post to keep the conversation going.

6 replies

Community Expert
Aug 21, 2024 11:48 PM UTC

A Magic 8 Ball contains a cylinder with a regular icosahedron (a sphere created from 20 triangles) submerged in a blue liquid. The cylinder has a flat top, and the dark blue liquid obscures the other sides as one of the twenty messages floats to the top.

 

You could easily create the icosahedron using Blender or even the included C4D lite. Then, you could set up some rotation and position animations that made the message triangles appear to float into view by using a Circle with an animated gradient to reveal the message. That would be accurate, but because the Magic 9 Ball only shows one triangle and message at a time, you should be able to get away with just one triangle and an editable text layer.

 

Something like this: Create a small square comp with a triangle-shaped layer, add the text, and add some bevel and drop shadow using layer styles. You could then add a spherical shape layer lens with a gradient, then parent the triangle and text layer to a 3D null offset in Z. Animating the rotation and position of the 3D null would give you the appearance of the text layer coming into view.

 

Nest that 3D comp in your main comp with a sphere effect applied to a nested pair of layers with a white circle, an 8, and a Black background, and you've got your 8 Ball. Then, it's just a simple matter of layering and matching the rotation values with simple expressions for position and rotation, and you will have a pretty good simulation of a magic 8 Ball.

 

I don't have time to put together a sample comp right now, but the project should take no longer than 30 minutes to complete. 

 

You could even turn it into a MOGRT that you could use in Premiere Pro and change the outcome or text with a click or two.

 

 

Translate
Enzo5EB8Author
Inspiring
Aug 22, 2024 2:17 PM UTC

I'll try that as well! Thanks! 

Translate
Legend
Aug 21, 2024 3:27 PM UTC

Make an animation like that?

Translate
Enzo5EB8Author
Inspiring
Aug 21, 2024 3:30 PM UTC

Yes, something like that, but I want to create the animation in AfterEffects.

Translate
nishu_kush
Legend
Aug 21, 2024 7:34 PM UTC

It is mostly position animation. You can use Wiggler to make your job easier. Here's a YouTube tutorial that should help: https://adobe.ly/3WWShFh

Don't forget to show us what you create.


Thanks,
Nishu

Translate