Creating a 3D Illustrative Animated Cursive Logo: Animate Cursive Logo

Photo of EJ Hassenfratz

Instructor EJ Hassenfratz

Share this video
  • Duration: 06:33
  • Views: 1004
  • Made with Release: 17
  • Works with Release: 17 and greater

Introduction to animating inside Cinema 4D Lite.

Introduction to setting keyframes, using the timeline, and animating properties inside of Cinema 4D Lite.

Less...

Transcript

With our cursive logo looking really good with our Cel Shading, we're going to go ahead and animate it by utilizing the options inside of our sweep objects to actually animate our cursive logo growing onto the screen. So in each of our sweep object, we have this End Growth option. And as I adjust it from 100 to 0, you can see that we just got rid of it completely, but if we animate this from 0% to 100%, you can see that that growth from 0 to 100% essentially animates on or writes on our cursive logo. So we simply have to animate this End Growth property. So to set key frames in Cinema 4D, we simply have to just go and choose the value we want to set the key frame at which is 0% and then to set the key frame, we simply click this little circle next to the property we want to animate. You can see in our timeline, that creates a little rectangle and that is our key frame. So we can go ahead to frame 30 and then change the End Growth from 0 to 100%, click this circle again, creating our second key frame here and we essentially just animated the End Growth from 0 to 100% and wrote on the first two letters of our cursive logo. So what we can do is first let's just constrain this timeline just to the first 30 frames and we can go to our timeline and have a little bit more control with our key frames and you can see that we have our sweep object. We have our animation track right here. If I twirl down my sweep object, you can see the property we animated which is the End Growth. And if we twirl down that property, you can see our animation curve. Now if I hover my cursor here where it changes to this up down arrow, I can actually click and drag and give ourselves a little bit more breathing room when working with our curves and then just like with the viewport, we can use these icons and pan or zoom into our viewport. This timeline window also has the same kind of options. We can zoom in, zoom out and then pan and we can also use the one or two keys to do the same thing in our timeline. So by default, just like in After Effects, we have these easy ease curves that are applied to all of our key frames. So a lot of animating is going to be very similar to how you animate in After Effects. The one big difference though is that in After Effects, you have the speed graph and the value graph, but in Cinema 4D, we primarily use the value graph. So you can see that these numbers on the left here correspond with the 0% End Growth and then the 100% End Growth from our sweep object. So we can manipulate our bezier handles by simply clicking and dragging and adjusting the handles here. We can right click key frames and choose soft, ease in, ease out or easy ease. Soft just kind of softens out the curve. And we all know our good friend easy ease. And if we want to constrain our bezier handles horizontally, we simply hold Cmd and click and you can see that that will constrain horizontally our bezier handles. We can select both of these. And holding the Cmd key down, we can really make these super, super steep curves. And then we can go back to default by having both of our key frames selected, go into spline types and then easy ease and that's our default curve all over again. So let's just see what kind of animation we have thus far. So looking good, but we can make this a little bit more interesting. And what I'm going to do is actually have our End Growth slowed down around the curves of our cursive logo here. So right around these loops here, we're going to have these slowed down. So to make that happen, we're going to go ahead and right where our End Growth is reaching these curves, I'm going to set new key frames. And to set new key frames, we simply hold the Cmd key down and click and we can either do that on the timeline track or on the actual curve itself. So now I can right click and make this an easy ease or whatever interpolation I want and then I can continue moving down the timeline and say, "Okay, there's another curve so I'm going to Cmd+click and right click and create an easy ease there." And then we can manually adjust these points, these key frames to precisely where we want them to kind of slow down, so maybe right there. And then there's our one last big loop right about there, so I'll Cmd key down and click and we'll right click and make an easy ease and there we go. So now we can see what we have here. We'll hit play. You can see that looks a little bit more energetic. We have that variation of speed and it's looking a lot more interesting. So of course, you can use your animation skills to kind of adjust the spacing of all of your key frames here smooth everything out or speed up and slow down around each part of the curve to make this look as good as you want. We can also go ahead and you can see that as I move those points around, that kind of adjusted my bezier handles. They're not exactly even anymore. So I can just go ahead and just go to easy ease and again, I can hold the Cmd key down and constrain these bezier handles just horizontally to really smooth these out a little bit. So now we can see what we got now. I'd say that's looking pretty fun and looking good. So I'm going to go ahead and animate the rest of the letters and skip ahead. And voila, we have this really fun, energetic, cursive logo animation simply by animating the sweep object's End Growth properties. So you can see that if you can animate in After Effects, a lot of that animation knowledge translates over extremely well to animating inside of Cinema 4D Lite.
Com o nosso logo cursivo bem bonito devido ao sombreamento 2D, vamos começar a animá-lo utilizando as opções contidas dentro do objeto Sweep para animar o crescimento da escrita do logo na tela. Em cada um dos nossos objetos Sweep, nós temos essa opção End Growth (crescimento final). E conforme eu ajusto ela de 100 a 0, você pode ver que as letras sumiram completamente, mas se eu animar este valor de 0 a 100, nós podemos ver que o crescimento, começando em 0 e indo a 100 essencialmente anima ou "escreve" o nosso logo cursivo na tela. Então precisamos apenas animar essa propriedade End Growth para termos o resultado esperado. Para gravarmos Keyframes no Cinema 4D, nós precisamos apenas escolher o valor que queremos salvar no Keyframe, neste caso 0%, e então para salvar o Keyframe, simplesmente clicamos neste pequeno círculo ao lado da propriedade que queremos animar. Se olharmos na Timeline, podemos ver que um pequeno retângulo foi criado e este é o nosso Keyframe. Então podemos ir ao quadro 30 e alterar o End Growth para 100%, clicar no círculo novamente e adicionarmos o nosso segundo Keyframe. Está basicamente terminada a nossa animação do End Growth indo de 0 a 100%, além de escrevermos nossas duas primeiras letras do logo cursivo. O que podemos fazer agora, mas antes vamos restringir a nossa Timeline para os primeiros 30 quadros, é ir para a janela da Timeline e ter um pouco mais de controle sobre os nossos Keyframes. Ao abrir a Timeline, podemos ver que temos aqui o nosso objeto Sweep. Temos também a faixa de animação e se expandirmos o objeto Sweep, podemos ver aqui a propriedade que animamos, no caso o End Growth. E se expandirmos ele, conseguimos chegar a nossa curva de animação. Agora, se eu colocar o meu mouse por aqui e ele mudar pra esse ícone de duas flechas, eu posso clicar e arrastar para aumentar essa área, dando mais espaço para trabalharmos com as nossas curvas. E como no Viewport, nós podemos usar estes ícones para os movimentos de Pan e Zoom. Esta janela da Timeline também tem este tipo de opções. Nós podemos fazer o Zoom, e então reposicionar o gráfico, além de usar as teclas 1 e 2 do teclado para acessar os mesmos atalhos nesta janela. Por padrão, exatamente como no After Effects, nós temos estas curvas Ease Ease aplicadas em todos os nossos Keyframes. Então a maior parte do processo de animar vai ser muito similar a maneira que você anima no After Effects. A grande diferença é que, no After Effects você tem o Speed Graph (gráfico de velocidade) e o Value Graph (gráfico de valor), mas no Cinema 4D, trabalhamos primariamente com o Value Graph. Estes números que estão aqui na parte esquerda correspondem aos valores de 0% a 100% do End Growth do nosso objeto Sweep. Podemos também manipular as nossas alças Bezier apenas clicando e arrastando para ajustá-las. Podemos clicar com o botão direito nos Keyframes e escolher entre Soft, Ease In, Ease Out ou Ease Ease. O Soft apenas suaviza a curva e todos nós conhecemos o nosso velho amigo Ease Ease. E se você quiser restringir a alça Bezier horizontalmente, você precisa apenas clicar e segurar a tecla Cmd+Clicar e arrastar e podemos ver que isso restringe o movimento das alças horizontalmente. Nós também podemos selecionar ambas e utilizando a tecla Cmd, nós podemos fazer estas curvas super íngremes. Para voltarmos ao estado padrão, selecione ambos os Keyframes e nos tipos de Spline, escolha a opção Ease Ease e agora temos de volta a nossa curva padrão. Vamos ver que tipo de animação temos até agora. Está boa, mas podemos fazer ela um pouco mais interessante. E o que eu vou fazer é ter a animação do End Growth diminuir em volta das curvas do nosso logo cursivo. Então bem em volta destes Loops, vamos fazer ela diminuir a velocidade. Pra fazer isso acontecer, vamos achar o momento aonde o End Growth está chegando nestas curvas e vamos adicionar novos Keyframes. Para adicionar novos Keyframes, você simplesmente segura a tecla Cmd e clica e isso pode ser feito na faixa da Timeline ou na curva. Agora eu posso clicar com o botão direito e fazer essa curva uma Ease Ease ou qualquer outra interpolação que eu queira e continuar seguindo a animação até chegar a uma outra curva, para então adicionar mais um Keyframe com o Cmd+Clique e com o botão direito, escolher a opção Ease Ease. E então eu posso ajustar estes pontos manualmente, para posicionar os Keyframes precisamente aonde eu quero que eles diminuam ... talvez bem aqui. E agora falta apenas o nosso último grande Loop, então eu vou clicar Cmd+Clique e então clicar com o botão direito e escolher Ease Ease e pronto, terminamos. Agora podemos ver o que temos. Vamos clicar no Play. Podemos notar que a animação parece mais energética. Temos alguma variação na velocidade e ela está muito mais interessante. Obviamente, você pode utilizar suas habilidades de animação para ajustar o espaçamento dos seus Keyframes e suavizar tudo ou aumentar ou diminuir a velocidade em torno de cada parte da curva, tornando o movimento tão refinado quanto queira. Podemos perceber também que, conforme eu movimento esses pontos, isso acabou afetando as minhas alças Bezier. Elas não estão mais iguais. Então eu posso torná-las Ease Ease novamente e com a tecla Cmd apertada, restringir as alças horizontalmente e suavizar o movimento mais um pouco. Agora vamos ver o que temos. Eu diria que está com um visual bonito e divertido. Vou aproveitar e animar o resto das letras e pular adiante. E voila! Agora temos esta animação energética e animada do nosso logo cursivo, simplesmente animando a propriedade End Growth do nosso objeto Sweep. Então como você pode ver, se você consegue animar no After Effects, boa parte deste seu conhecimento é transferido para animar dentro do Cinema 4D Lite.
Resume Auto-Scroll?