Creating a 3D Illustrative Animated Cursive Logo: Animate Cursive Logo
Share this video
Introduction to setting keyframes, using the timeline, and animating properties inside of Cinema 4D Lite.
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.