LIBRARY: Tutorials Reviews Interviews Editorials Features Business Authors RSS Feed

Making 3D Text

Making 3D Text
CreativeCOW.net Motion Tutorial

Peter Wiggins: Making 3D Text in Motion
Peter Wiggins
Peter Wiggins, United Kingdom

idustrialrevolution.com
www.peterwiggins.com

©2007 idustrial revolution Reprinted by permission.

Article Focus:
When Motion3 was released and after the initial excitement had died down, it became obvious that there were a few features that hadn't made the release. One of the first to be highlighted by the many forum posts was the lack of 3D text. In this short tutorial, CreativeCOW leader, Peter Wiggins gives you some help in building 3D text in Motion.




When Motion3 was released and after the initial excitement had died down, it became obvious that there were a few features that hadn’t made the release. One of the first to be highlighted by the many forum posts was the lack of 3D text.

In this short tutorial, I’m going to give you some help in building 3D text in Motion. Yes it can be done, there are some limitations but hopefully this will get your text looking less flat and more 3D.

Method Number 1: Extrude

The extrude filter worked really well in Motion2 adding depth. To apply the filter to the text, go Add filter/stylize/extrude.

Apple Motion Text Extrude

In Motion 3 the extrude filter works slightly differently. You can cheat a 3D look, but don’t use any perspective changing camera moves or element spins as the extrude is still only a 2D plane and you end up with this type of problem. Not good.


Hang on though, what happens if I apply the filter to a group instead of the text? Bingo! 3D text in 3D! Well, yes and no. I really thought I'd cracked it then.

Apple Motion Layers

If you move the camera you do get a perspective change and the filter does actually extrude in 3D space and the filter will update depending where you are.

Apple Motion Sample Text

Here we are having tracked in and rotated the camera to show the filter holding up. You can probably spot that the thickness of the ‘extrude’ has thinned somewhat. Dam! we were so close. If you do want to use this method, then just animate the distance control of the filter in the HUD to compensate.

Apple Motion Text

What is slightly surprising though is the extrude filter holds up to adding a light source and the result all starts to look quite sexy even though we are using plain white text.

Appl Motion Light Text

We still hit the problem of large camera moves even though you now have more latitude. Spinning the camera round 180 degrees puts the perspective right out.

Behaviors can be applied though. In this grab we see the “Behind Camera 3D” applied to the text to give us the text flying in.

Apple Motion Flying Text

So that’s a 3D filter working on a 3D behavior, phew! Still not good enough though, so lets get onto the next method.

Method number 2: Replication

I think the replicator in Motion is vastly underused and I thought that it might be the key to getting great looking 3D text – I think I was right., take a look at this movie again.




So how do we achieve his look?

First of all, start a new project and make the default group 3D and add a camera too.

Apple Motion Layers Window

Then select the text tool and tap in some sample text. Here you can see I’ve written the very original ‘Sample Text” in Myriad bold and set the alignment to centre. It is important here that the size of your text should be about the size you want it in your final composition. More about that later.

Apple Motion Sample Text

Now, here is the sneaky bit, duplicate the layer. Use Apple D or you can right click and select copy.

Highlight the copy and in the style menu assign the look of the graphic. Here I’ve chosen chrome text so you will be able to see the effect easily.

Apple Motion Text Inspector

Click on the group and rotate the Y axis to about 60 degrees so we can see the 3D effect building.

Apple Motion 3D Text

Now click on the original text layer in the layer tab and hit the replicate button in the top bar or simply hit the L key. You should end up with something like this.


Apple Motion 3D Text

A bit muddled, but the Replicator defaults to this 2D rectangle tile fill, not what we want.

In the Replicator panel of the inspector, we need to adjust a few controls to get our text depth.

  • First of all, check the 3D box
  • Then toggle the shape (which should be on rectangle) to box
  • Set the columns slider to 1
  • Set the rows slider to 1
  • Set the ranks slider to about 50

Apple Motion Replicator Window

By doing this 2 things have happened. First of all the layer order has changed, so flip the chrome style layer to the top of the group.

Apple Motion Chrome 3D Text

Secondly we have obscured the original text as the Replicator has expanded out in all directions.

No amount of tweaking with Mark Spencer on iChat for an hour managed to fix this, so please let me know if you can set the replication direction. One tip here, the Origin control doesn’t apply to the replication direction.

3D Chrome Text in Apple Motion

This looks good, but the depth is far too much, so adjust the depth slider in the Size dropdown of the Replicator to about 80 or so. You might get a slight dealy in this working as you have 50 layers in there remember!

In the Properties tab of the Replicator, click on the Transform triangle which should give you access to the Z position. Adjust this slider into the negative values to push the extrusion behind the chrome text. Here I’ve used -40. You can fine control this by clicking on the little triangles either side of the number.

Fantastic, you should now have some 3D text! Lets do some movement to try it out. Either rotate the group or move the camera.

Replicator 3D Chrome Extrude

Cool, it all looks good but maybe a bit slow – remember the ranks control in the Replicator? Adjust this to give you the best performance between speed and a smooth looking edge as you are looking at a ‘deck of cards’ all stacked up behind each other.

A note here is that if you rotate the whole thing side on, you will see right down though the layers. This is because each ‘card’ hasn’t any Z thickness, we are cheating a bit here remember!

The final movie shows that you can apply lighting effects and these will affect the Replicator to add to the 3d look.


The examples I’ve done here are not necessarily something I’d create, but I hope its given you some insight into creating 3D text within Motion. There are many controls in the Replicator for adjusting the colour, gradient and lighting of the text depth, so have a good go experimenting.

Have fun, I've uploaded the project here so you can pick it apart and use it as a basis for your projects. One word of warning - Remember I said earlier to get your text the right size? Well, I've noticed that if you start altering the text after the replication, funny things happen.

You never know, there might be a software update tomorrow that adds 3D text into Motion!

For more Motion tutorials and other cool free stuff, please visit: http://idustrialrevolution.com/

©idustrial revolution 2007 Reprinted by permission. All screengrabs done with Snap Pro X



Please visit the forums or read other articles at Creativecow.net if you found this page from a direct link.


Comments

great!
by Alvin Bicasan
thanks for the article!


Related Articles / Tutorials:
Apple Motion
Apple Motion 5: Light Art Tutorial

Apple Motion 5: Light Art Tutorial

Discover how to create this moody light art scene with Apple Motion 5! Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for a tutorial that also includes number of useful tricks, including how to create an ambient occlusion effect and textured specular highlights.


Simon Ubsdell
Apple Motion
Apple Motion Fire Dragon Logo Animation

Apple Motion Fire Dragon Logo Animation

Fractals, generators, displacements, oh my! You can find everything you need to make engaging fire effects inside Apple Motion 5, and longtime VFX artist, editor, software developer, and business owner Simon Ubsdell shows you how to both build the fire and apply it to a logo. Project files are included, but you'll learn everything you need to apply it wherever and however you'd like, in your own unique style!


Simon Ubsdell
Apple Motion
Apple Motion Data Vortex

Apple Motion Data Vortex

Join longtime VFX artist, editor, software developer, and business owner Simon Ubsdell for a deep dive into Apple Motion's generators, behaviors, and 3D compositing as you take advantage of the remarkable resources built right into Motion: no plug-ins, no external files, but lots and lots of production and animation tips that you'll be able to use in every Motion project you undertake from here on!


Simon Ubsdell
Apple Motion
Apple Motion 5: Slot Machine Text Generator,  Part 2

Apple Motion 5: Slot Machine Text Generator, Part 2

In Part 2 of a tutorial with its origins in a recent thread in Creative COW's Apple Motion forum, longtime VFX artist, editor, software developer, and business owner Simon Ubsdell plays with some variations on the theme of animating the dials of a slot machine. In particular, he says, "I want that really nice slow-down effect that you have with some slot machines, where you agonizingly discover that you’ve got the wrong value, and that you’ve lost still more money." Don't miss the bonus tips clip that follows, too!


Simon Ubsdell
Apple Motion
Apple Motion 5: Slot Machine Text Generator

Apple Motion 5: Slot Machine Text Generator

A recent thread in Creative COW's Apple Motion forum led longtime VFX artist, editor, software developer, and business owner Simon Ubsdell down his own path of discovery on how to tackle this, providing a reminder in this first of a series that there's more than one fruitful route to creativity using Motion's extensive toolset for generating media, animation, customization, rigging, and much more. As usual with Simon's tutorials, you'll find tips that you can apply to every project you undertake in Motion after this, too.


Simon Ubsdell
Apple Motion
Apple Motion 5: Building A Music Visualizer

Apple Motion 5: Building A Music Visualizer

Here's an especially fun one from longtime VFX artist, editor, software developer, and business owner Simon Ubsdell, showing how to build and animate a music visualizer in Apple Motion 5. As usual, you can count on Simon to go beyond the basics of simple construction to dive deep into the nuances of controlling this deceptively powerful application, highlighting such features as the Replicator, animation rigs, audio behaviors, glows, glints, lens flares, masking, filters and more. Turn it up!

Tutorial
Simon Ubsdell
Apple Motion
Apple Motion 5: Water Drops And Advanced Displacement

Apple Motion 5: Water Drops And Advanced Displacement

Following up his popular Rain on Glass tutorial, here's a more in depth look at how to create water displacement effects in Apple Motion 5 from longtime VFX artist, editor, software developer, and business owner Simon Ubsdell. This installment includes some useful background theory on how to work with Fixed Resolution, and tips on how to use the Glass Distortion and Bump Map filters correctly without running into tricky problems.

Tutorial
Simon Ubsdell
Apple Motion
Apple Motion 5: Animating Raindrops On A Window

Apple Motion 5: Animating Raindrops On A Window

Ready to have your mind blown? Longtime VFX artist, editor, software developer, and business owner Simon Ubsdell is inspired by an Andrew Kramer AE tutorial to combine Apple Motion's particles, displacements, 3D compositing, and advanced blurs to create an incredibly realistic animation of raindrops on a window. You're not going to believe how fast and fun this effect is to create, and how realistic it looks.

Tutorial
Simon Ubsdell
Apple Motion
Apple Motion 5: Crystal Spheres

Apple Motion 5: Crystal Spheres

Apple Motion 5 has many powerful compositing and graphics features, but its 3D feature set is, alas, limited. (For those keeping score, it's only 2.5D). Simon Ubsdell applies his his VFX and motion graphics expertise to cleverly working around those limitations by exploiting the best of Motion's behaviors, filters, lights, cameras, blend modes, refractions, and more -- along with everything you'll need to customize the effect to your liking, and to deepen your own Motion skills.

Tutorial
Simon Ubsdell
Apple Motion
Apple Motion 5: Science Fiction-Style Glitchy Interference

Apple Motion 5: Science Fiction-Style Glitchy Interference

You've seen the effect: video noise and glitchy interference, now a staple of contemporary sci-fi visuals. Simon Ubsdell shows you how to build it yourself inside Apple Motion 5, with no plug-ins or third-party software!

Tutorial
Simon Ubsdell
MORE
© 2019 CreativeCOW.net All Rights Reserved
[TOP]