Extrude Shapes and Text - Adobe After Effects tutorial

Video Statistics and Information

Video
Captions Word Cloud
Reddit Comments
Captions
- [Narrator] Hello everyone, this is Evan Abrams and in this After Effects Tutorial, we're gonna explore a new feature of Adobe CC 2017 that is the Cinema 4D 3D Render Engine. It allows us to extrude things and really leverage Cinema 4D rendering power inside of After Effects without ever leaving the application. But without further ado, let's get some chocolate in our peanut butter, some peanut butter in our chocolate. That sounds really gross but let's get some Cinema 4D inside of After Effects and open that program now. You can see it looks pretty nice. This is a nice lookin' extrusion of some letters, some shape layers, very wonderful stuff. If we want to get started doing this ourselves, it's very simple. We just make a New Composition, doesn't matter the settings, I don't care. And then you need to make a layer of some kind and the Cinema 4D 3D Render Engine we can extrude both shape layers and text. And text is super simple, we just put some text out there (inaudibly blabbering), I just hammer on my keyboard, make some text, wonderful. Maybe I'll even make a color of text. What do you think of that, oh, a fun color. And then all you have to do is make a layer 3D. So you'll notice up here there isn't an option to change your render engine yet. We just make something 3D and there it is right up in the corner, woo. Right up there, that's where you gotta look. And this is where you can choose either Classic 3D, which has no extruding but certainly there are some options and you can learn about it but there's also the option to use Ray Traced 3D which is kinda the old, let's say outdated version of this kind of thing, which allows you to extrude and bevel text. It gives you reflections, refractions, a whole bunch of things are enabled. A bunch of things are also disabled though. No blending modes, no track mats, no layer styles, no mask and effects on a bunch of stuff. You're kind of trading off the ability to extrude things and have this real 3D stuff with removing a lot of compositing based options. Let's Ray Trace and then if you go to Cinema 4D, we throw away a bunch of other things. No motion blur, no camera depth of field, but ya know, it still does the extruding and you'll see how much better it is. Let me just get started and we'll do that. So we enable it, wonderful, now you can twirl down into the layer and you'll see we have Geometry Options and Material Options. And these Geometry and Material Options are things like Beveling so we can apply bevel to it. We can extrude this thing, notice we're pushin' that thing back into space. And we can't really sorta tell what's goin' on too well. So what I'd like to do is just go ahead and make a new light to really show off what's goin' on, fairly default settings and you can see right away, there you go, now this extruded thing. It's got some shading goin' on, wonderful stuff, good, good. So we can extrude that all the way back. You could bevel this thing so you could give it some beveled depth. You'll need to pick a style though. Let's try Angular because it's the simplest. And you'll notice that all bevels are applied to the outside of these shapes. And some of them are applied to the inside which is where this Whole Depth comes in. And you can see, ya know, Whole Depth of zero, no beveling on the inside. Whole Depth of 100, there is in there. So let's just jack that up and then you can really see what the difference is so that's what that's all about. That's extruding, that's beveling. I guess you could make some titles and stuff out of this. It's very easy way to add a little bit of depth stuff though. And before, if you used classic method, you would have to duplicate the layer, push it back into 3D space, do some stuff to it, now you can do it for real. And it has real live sides on it. What I mean by real live sides, I mean I can put this anchor point in the middle. I can rotate this thing and we can look at the end of it. And it has stuff there, it's terrific. So that's what happens when you extrude these things. And speaking of the sides, if I delete this light, nothing is really telling me that this side is extruded in some way. What I could do, I mean, except for it taking up that space, but what I can do is I can go to the text, I can say Animate and then I can say Animate The Side. I'm not really gonna Animate The Side but you'll see what happens. Animate the Color, let's change the Brightness. And I take that Brightness down. And suddenly I'm able to put a little stuff on there, put a little, a little depth just by changing the color of the sides, it's pretty wonderful stuff. I don't even have a light in the scene and we can tell what's goin' on. And since it's something you can Animate, you can actually go, go like this and you can actually Animate the sides and the faces and everything changing so that's how we do this with text if we wanted to. So good for us, we did it. If we want to do this with Shape Layers, it is the same thing so we would go New Shape Layer. You might import some shape layers. You might have some Vector stuff. I'm just gonna double click up here which makes a shape layer, makes a rectangle, sweet. And I'm gonna do all of my shape layer animating before we make things 3D. That's helpful to save yourself some grief. So you want to work with it in 2D and then extrude it, just 'cause you're spending a lot of machine resources on stuff you don't really need to deal with until later. So I'm just gonna put these things in an order that will be helpful to you. So what I think I want to have happen is, have kind of a frame pop up. So let's toggle off the Transparency grid there. And I'd like this, some kind of like a frame to pop in, maybe like a boxy lookin' thing so what I'll do is link the size together. Let's start at a size of zero, that could be fun. We'll move ahead a few frames, 30 frames or so. And then it can come up to size 500, sweet. The other thing I would like is to add another rectangle. I wanna be able to duplicate this rectangle and have it come up to a size that is a little bit smaller, maybe like a 450, cool, and let me just add a merge path to this so I'm merging these two paths together. I'm saying you subtract you, is this new shape. And what does that mean, well, it just looks like this expanding, I'm not very thrilled with that. So let's have the outside, I'm just accessing the graph editor here and I'm going to Easy Ease these. So keep my assistant Easy Ease or use the shortcuts. I got 'em all wired up to a mouse. It's pretty quick for me so we're gonna go into the Graph Editor, push this handle like so, give it a little bit of a ramp so it starts fast and gets slow and then we've got the inside of the box here which kinda trails so it kinda (verbally exhaling) comes up like that, interesting, interesting. I'm just easing those so it's kind of an easy wee, comin' up like this, that's okay. Maybe I wanna push it so that this comes up and then that kinda snaps up to be with it. Interesting in two dimensions, sure, I guess, maybe. Let's add that third dimension though. So I'm gonna make it 3D, if yours isn't set to Cinema 4D Rendering stuff, make sure you're on the Cinema 4D right there, good. And if you're having trouble with yours, like oh, it's so slow, well, you can always take this down to Draft Level Detail. You're gonna push it up to Extreme level. So the default is around 25 and that's good enough for most people for what they're doin'. So this allows us to have, not only our contents, but also we can have some Geometry Options, meaning we can, we can have, maybe we want this thing to have an Extrusion Depth of maybe 50. That sounds like a good enough number. I'm gonna look at this from Custom View 1, so we can kinda see that frame. Oh, yeah, that's a good look. So that's a good extrusion depth. I'm gonna set a Key Frame, click on the Stopwatch there. I'm gonna go back to the beginning here and set it at zero and what I would like this to do, I'm Easy Easing them again. So it's gonna come up and it's just gonna ease itself, kinda like that, that's not super exciting for me. I'm not thrilled by this. What I would like it to do is to come up and be too large and then retract back. So how about I go into the Graph Editor and instead of looking at a Speed Graph like we have been doing, I'm gonna look at a Value Graph. And on this Value Graph, let me just see here. Zoom to see the whole thing, I'm just gonna pull this handle here, wee, all the way back to the beginning so that it's influence, very influential. I'm gonna take this first one and push it up like this. So what I'm telling the Graph Editor is I would like for this to go beyond and then come back to 50. So what does that look like? It looks like it's exploding up and then eventually coming to rest, everything's comin' to rest. So that is kind of a, kind of a bursting onto the scene look. One thing I don't like about it though, is that it's moving away from the camera. I want it to come towards the camera. That's what I'm, that's what I'm lookin' for. And in fact, maybe I'll just go like (audible whine) nah, it's good the way it is. So we'll go like this a little bit, kinda push these things so it's comin' out. And then comin' back, good and like I said, I want this to come towards the camera. So I should make a New Camera at least. Make the 50 millimeter preset, cool. And you can see that it's pushing away from the camera. I could fix this by rotating this 180 degrees if I wanted to but if I had a more complex shape that I didn't wanna rotate or flip or any of these things, I would want it to be pushing the front towards the camera rather than pushing the back away from the camera, if that makes sense. So what I'm gonna do is I'm gonna hit A, go into the Anchor Point, hold down Alt and Create an Expression and this Expression, I would like to tie into some of those values I've changed. So I'm gonna hit AA and I'm just gonna pull up, so I've got the Anchor Point, it's here. It's waiting to get an Expression. And I'm gonna wanna link that somehow to the Extrusion Depth. So I'm gonna say Anchor Point, how about you be the value that you are 'cause you're perfect the way you are except for this change and then add within square brackets 0,0, and then just pick whip to that Extrusion Depth. So what I'm saying is, let's use your value, perfectly fine and then we're gonna add to it nothing for the X, nothing for the Y and then add the Geometry Extrusion Depth to the Zed which has the compelling effect of having it now push the front forward because if we look at this from the top, that's just, it's making the Anchor Point always that far back so it's always far enough back to make that happen, good. Let's look at this not from the top but from the active camera so we can see what that looks like. I'm just gonna hit n, just do a little, quick render-ino here, right now it's not super compelling. It's lacking some stuff, you know what it's lacking? A new Solid, Solid, so let's get a new Solid out there. Make it the Comp Size, sweet, put it behind everything. Make it 3D, now we can't see anything. So now we're gonna make a New Light. So that we can cast some Shadows so we need to get some light in the scene, boom. And as soon as we get that out there, things are lookin' a little bit nicer now. And now I think we'll bring this up like so, push it over here, bring it up here. And we see it's kinda casting shadows a little bit but by default, if I hit AA again to bring up the Geometry and Material Options, we don't have Casting Shadows on by default so we're gonna hit yeah, please cast those shadows. So now it's got these lovely, soft shadows, terrific. And a lot of that is defined by this light, which we go into the Light, you can see it's got Shadow Darkness, it's got the Shadow Diffusion. It's all super good, okay, we hit OK on that. Now we're just gonna give this a quick little render so you can see what's goin' on. And yeah, I think that's lookin' pretty neat. It's kinda coming up off of the, off of the stuff here. Wonderful, wonderful things, maybe we, if we don't wanna use the light we could position it somewhere else. Let's make it a little bit more subtle, ya know. We could do all kinds of things. The world is your oyster but when you are working with these things, it's important to really remember that the more lights you put in the scene, the more triangles you're asking it to render, the more difficult it becomes so you might at some point, ask it to do something that really hurts your machine. You're gonna wanna have this Adaptive Resolution on to make things a little bit easier for yourselves. If things get a little wonky and it looks pixelated, just turn that off so you see what the final version would look like. So when you're working, keep your detail level low. And keep your Adaptive Resolution on. It's just very helpful to make things work out. And while this is all very well and good, oh, we've made a square, whoop te woo, super great. You don't have to just make basic primitives. For this kind of thing, ya know, what are we really saving, right, what if I told you, you could make like a cell phone lookin' thing. So you could make like an iPhone maybe. So what's an iPhone, well, an iPhone is just a rounded rectangle, isn't it? So if I go to this rounded rectangle and then we just kinda go like 500 by somethin', I don't know what the dimensions of one of these phones be's. (humming) Let's say we do like this, let's say we go make this a little bit more rounded, kind of a cartoon-ish looking phone. We take this, we take this fill, we make it black 'cause that's the color of iPhones, isn't it? Then we could give, go to this, we could add another rectangle to it, fun, fun. Give it a screen, so we're gonna wanna punch a hole in this by merging the paths. Merging the paths together means subtracting please. And then we just wanna kinda define this a little bit. (humming) And increase this, oh boy, that's kind of a big screen, isn't it, so let's go, just tweak our numbers. Tweak, tweak, tweak, make it all, make it all real good. Super nice, alright, so that could be an iPhone screen, I guess. Why don't we also add to this a Ellipse. An Ellipse, yeah, that sounds better. And move that down here 'cause that's where the button's gonna be at. You gotta have them buttons, it's crucial, crucial to have buttons or else the phone probably won't work. I'm just tweakin' it up, everything's, everything's fun, everything's loose. So if this is the case of the phone, well then, you would want to make that 3D. You would want to extrude that, we assume. So let's extrude that by like 50, cool. Then we can instead of lookin' at the active camera, look at it like this, that's neat. But I feel like the edges of this thing could use a little work. (audible whine) Touch up those edges, right? Just make this a little bit more, a little more grey, I think, cool. What we can do now, just like we did with the text is we can alter the edges of this thing. So let me just, we can go to the Contents, pick the group we want, Add Side Color and you see it's adding this color to all the sides. So what I would like to do is to pick that color but just make it, maybe a little bit brighter, you might make it with a little bit of color. I don't totally know but look at this. Look at this, now it's got color on the sides. We don't even have a light, this is wonderful. So we'll call this the case, maybe. But what we can do is we can create another rectangle out there, wonderful, make it 3D, cool. I'm gonna make it like a light color. And I think you see where this is going that I'm gonna just shrink this down to be within the bounds of this thing, cool. And then shrink it down, see if we expand this up like so, oh yeah, that's lookin' pretty good. Oh, keep goin', keep goin'. (inaudibly singing) Oh, we're gettin' a little bit of texture ripping and that's to be expected because we have it right now located right on the surface which we do not want, change the position here. Put this to 20, lock this to this, wonderful. So now if we go back to the active camera, this pretty cool lookin' phone. If we go and we rotate this thing, you would see oh, it's got like a screen or whatever, oh boy. We're doin' it, it's workin' for real. We've made a thing and you could make like a separate button. You could make the button pop in and out. You could make a pre-comp and put it where the screen is. That could be fun but little warning, you cannot use Track Mats in here. Track Mats are disabled, can't do those. So if you wanna have ya know, some defining of where the alpha is for these things. Can't, you can't do that in here. That's, that's a different thing. That's a separate thing, what you would probably end up doing is precomposing this kind of thing if you wanted to used blending modes and putting it into a different composition and then blending stuff there. But that's about it, go out there and start extruding and making stuff with that. Thank you so much for watching. If you've enjoyed learning this little bit about After Effects and the new stuff in Adobe CC 2017, please Subscribe to this channel. We try to stay on top of what's new and interesting in the Adobe world and we try to put out content when possible. So Subscribe to the channel if you want to get some of that. If you have questions about this Renderer, anything we talked about, please ask questions in the comments. I try to get back to them whenever possible. And if you have questions about After Effects or motion designing in general, hit me up on the Twitter @ECAbrams or leave me a message on the channel or on the Facebook Group. Links to all that stuff is in the description. If you wanna poke around at this file, it is available for download. Again links, description, description's full of links. It's a good spot, if you enjoyed what you're seein', if you like learnin' about motion graphics, motion design, After Effects, Subscribe to this channel. And if you do that, I will see you around the internet. Thanks a lot and have a nice day. (techno music)
Info
Channel: ECAbrams
Views: 214,686
Rating: undefined out of 5
Keywords: adobe, after effects, after, effects, tutorial, lesson, how, to, how to, tips, tricks, instruction, help, ECAbrams, Evan, Abrams, cinema 4d, 2017, cc, extrude, text, extrude shape layers, shape layers, extrude text, animate extrude, cinema 4d extrude, how to extrude, extrude in after effects, text effects, cinema 4d after effects, after effects extrusion, Ae extrusion, Ae extrude
Id: RBxBwaz-eEA
Channel Id: undefined
Length: 18min 48sec (1128 seconds)
Published: Fri Nov 25 2016
Related Videos
Note
Please note that this website is currently a work in progress! Lots of interesting data and statistics to come.