Creating a 3D Illustrative Animated Cursive Logo: Create a Cursive Logo Using Splines

Photo of EJ Hassenfratz

Instructor EJ Hassenfratz

Share this video
  • Duration: 09:17
  • Views: 4791
  • Made with Release: 17
  • Works with Release: 17 and greater

Creating and manipulating bezier splines in Cinema 4D Lite.

Learn how to create and manipulate splines to create a script logo inside of Cinema 4D.



In this video, we're going to start by creating our logo script by utilizing the spline tools that are inside of Cinema 4D Lite. So the first thing we actually need to do is open Cinema 4D Lite. And the way you open C4D Lite is by jumping into After Effects. And under the file, new menu, we're going to go and choose Maxon Cinema 4D file. And what this is going to do is it's going to prompt you to save this file somewhere. And I'm just going to name it "untitled" for now. And what that's going to do is launch Cinema 4D Lite. And we can start having some fun in 3D. So right by default, we are in our perspective view. And one thing I really want to drive home is three important keys that are going to be very useful when navigating in 3D space in Cinema 4D. And that is the one, two and three keys. If I hold the one key down and click and drag in my viewport, I'm going to pan in my scene. If I hold the two key down and click and drag, I'm going to zoom. And then if I hold the three key down and click and drag, I am going to orbit. So this is very similar to your camera move tools in, say, After Effects. So what I'm going to do is, first, create a freehand spline. And in my spline menu here, we also have the bezier. We have bspline. We have all these other splines we'll use. But right now, I'm just going to use the freehand tool. And what I'm going to do is just click and drag. You're going to see this is going to act very similarly to, say, your pencil tool inside of After Effects where you can just freehand draw a spline. And a spline, again, is just Cinema 4D's version of a path. So what I can do now is I'm in my perspective view. I want to bring up my 4UP camera view, just like our 4UP camera view that we have in After Effects. To bring that up, all I have to do is go and click this little viewport icon on the top right. And that's going to bring up my top, my right and my front view. And you can see that working in this 4UP view in 3D is very important because you have a full handle on what's going on in your 3D scene. So the first thing you're going to notice is if I hold the three key down and orbit in my perspective view, my spline is not completely flat. You can really tell this in my top view and my right view. So this is something that we're going to need to actually change how we're working here because what I want to do is create a flat spline. So what I'm going to do is delete that spline. And I'm going to go to my bezier spline tool. And this is going to act similarly to the Adobe Pen tool. And if I click and drag, you can see I'm bringing out my little bezier handles. And I'll click and drag again. I'll just start creating my play logo. And you can see in my alternate views here that I'm drawing a completely flat spline. So this is very important to work in my front view and draw my spline in my front view. So now that I am done drawing my first two letters, I can go to my move tool here and then start selecting individual points. Let me just bring up my front view full screen by going to the top right viewport icon and just maximize the front view. Now I can kind of fine tune this spline. So you can see that this is going to be very similar to manipulating paths inside of Illustrator or After Effects. And I can then double-click that spline to rename it and just rename this "PL." So now I'm going to go over a few other handy tools to be able to adjust your splines in Cinema 4D Lite and that is how to add and delete spline points. So to delete a spline point, it's as easy as selecting a point and deleting it. So that's very simple. I'm going to undo that, Cmd+Z. So to add a spline point, it's actually very easy. The only thing you have to do is hold down the Cmd key. And you can see a little plus symbol popped up next to my cursor. But if I then move my cursor and hover over my spline, you can see that that plus turns to an icon with six points. When you see that, that means you can actually click on your spline. And that's going to create a bezier point. And I can go and hover over my spline over here, create another point, hover over here, click, and create another point. So by holding Cmd or Ctrl on PC and hover over your spline and click, we can create points. And I created way too many, so I can go in here and just delete those. Again, go to my move tool, select my points and just adjust these new points that I have here or just delete them altogether. We'll add one right here. You can see it's very, very easy to add or delete points. And one more important thing you need to know is how to break bezier handles. And you can break bezier handles by clicking on a point, holding the shift key down and just grabbing one of the bezier handles. And you can see that you can break that bezier tangent and just basically manipulate each handle separately. Now if you want to join them again to smooth them out because right now it's kind of very sharp, I can just click on that spline point again. I can just right click, go to soft interpolation and you can see that that joins our bezier handles again. And we can now smooth out that point. So a few useful shortcut keys for quick point selection or manipulation, we're going to use the zero key to get into our rectangle selection tool, so we can click and drag and select all the points we want in our rectangle selection. We can use the nine key and select individual points or we can click and drag and select multiple points. And then use the E key to go into our move tool and move those points around. So by using the zero for rectangle selection, nine for live selection and then E for the move tool, you can then freely manipulate your spline without having to go and click into any of these menus up here. You can just work in your viewport and be really efficient. So the one last thing I want to show is how you can actually import paths from Illustrator and bring them into Cinema 4D as splines. So it's going to be very easy. What we're going to do is jump into Illustrator. And you can see that I have my P-L-A-Y with my little underline as three separate layers here. And I'll just select them all and so you can see the paths right here. Now what I'm going to do is save this out. I'm going to do is save as and just save over my existing file. And the very important thing in this Illustrator options menu that you need to keep in mind is when you save out your Illustrator file, you need to make sure that you save it as Illustrator 8. Illustrator 8 is the file version that is compatible with Cinema 4D. So if you save it out as Illustrator 8, you can then bring in that path data and Cinema 4D will recognize it. If it's any other format or any other version, Cinema 4D is not going to recognize it. So Illustrator 8 very important, hit OK. Now we can hop back in Cinema 4D Lite. Let's just make a new scene. I'm going to go to file, open and select our Illustrator 8 version file that we just saved out. And I'm going to say connect splines. That's what we want. And I'll just hit OK. And if I twirl down my little null object here, you can see I have those three paths that were from Illustrator and they are now Cinema 4D splines. So what I'm going to do is click on my null and just zero out the X and Y coordinates. And then use my one key to pan and three key to orbit and two key to zoom. And just we can see that we have our flat spline in here. We can then go into our front view. Let's just zoom out and frame this up. And you can see that if I go into my point mode and select one of my paths, I can then freely manipulate this spline inside of Cinema 4D. You can see how intuitive and easy it is to create and manipulate splines inside of Cinema 4D Lite. As an Adobe user, familiar with paths in other Adobe apps like Illustrator and After Effects, you're going to feel very comfortable with the intuitive spline tools in Cinema 4D Lite.
Neste vídeo, vamos começar a criar o nosso logo manuscrito utilizando as ferramentas de Spline do Cinema 4D Lite. Então a primeira coisa que precisamos fazer é abrir o Cinema 4D Lite. E a maneira que você faz para abrir o C4D Lite é indo no After Effects. Logo abaixo do menu File > New Menu, vamos escolher a opção Maxon Cinema 4D File. O que isso vai fazer é abrir uma janela nos solicitando que criemos um nome e salvemos o arquivo em algum lugar. Eu vou manter o nome de "untitled" por enquanto. Feito isso, o Cinema 4D Lite é aberto. Agora podemos começar a nos divertir em 3D. Por padrão, nós estamos na janela perspectiva. E uma coisa que eu quero que vocês realmente gravem são estas três importantes teclas que serão muito úteis para navegar no espaço 3D do Cinema 4D. E essas teclas são: 1, 2 e 3. Se eu segurar a tecla 1 e clicar e arrastar no Viewport, eu vou fazer movimentos panorâmicos na minha cena. Se eu segurar a tecla 2 e clicar e arrastar, vamos ter o zoom. E se eu segurar a tecla 3 e clicar e arrastar, vamos orbitar na cena. Então elas são muito similares as ferramentas de câmera do After Effects. Vamos começar criando, primeiramente, uma Spline Freehand. No menu Spline, temos outras opções como a Bezier Spline, a BSpline ... Temos todos estes tipos de Spline para usar. Mas por enquanto, eu vou apenas usar a ferramenta Freehand (traço livre). E o que eu vou fazer é clicar e arrastar. E você pode perceber que ela é muito similar a ferramenta Pencil do After Effects, aonde você pode simplesmente desenhar livremente uma Spline. E uma Spline é basicamente a versão Cinema 4D de um Path (caminho). Então o que eu posso fazer agora é, na minha janela perspectiva ... Eu quero trazer meu viewport de quatro janelas, exatamente como o viewport de quatro câmeras que temos no After Effects. Para fazermos isso, é necessário vir aqui e clicar neste ícone de viewport no canto superior direito. E assim vão aparecer as janelas Top (topo), Right (direita) e Front (frente). E você pode notar que trabalhar com quatro janelas em 3D é muito importante porque você tem um completo controle do que está acontecendo na sua cena 3D. A primeira coisa que podemos notar é que, se eu apertar a tecla 3 e orbitar na janela perspectiva, a minha Spline não é completamente achatada. Você pode realmente perceber isso pelas janelas Top e Right. E isso é algo que nós realmente precisamos alterar, na nossa maneira de trabalhar aqui, porque eu quero criar uma Spline achatada. Então o que vou fazer é apagar esta Spline. Vamos agora selecionar a ferramenta Spline Bezier. Ela funciona de uma maneira similar a ferramenta Adobe Pen. E se eu clicar e arrastar, você pode ver que estas pequenas alças Bezier aparecem. E então vamos clicar e arrastar novamente. Vamos começar criando o meu logo "Play". E você pode notar nas outras janelas que eu estou desenhando uma Spline completamente achatada. Por isso é muito importante trabalhar na janela Front e desenhar a Spline na janela Front. Agora que eu já terminei de desenhar minhas duas primeiras letras, eu posso selecionar a minha ferramenta Move (mover) e começar a selecionar os pontos individualmente. Vamos só retornar a janela para tela cheia clicando no ícone localizado no canto superior direito e maximizando. Agora eu posso refinar a minha Spline. Então você pode reparar que este processo é muito similar a manipulação de Paths dentro do Illustrator ou do After Effects. Para renomear uma Spline, clique duplamente sobre ela e então altere o seu nome para "PL". Vamos agora ver algumas outras ferramentas importantes que nos ajudarão a ajustar as nossas Splines no Cinema 4D Lite, como adicionar e apagar pontos na Spline. Apagar um ponto da Spline é fácil como selecionar o ponto e então apagá-lo. É muito simples. Vou dar o Undo aqui, Cmd+Z. Para adicionar um ponto na Spline, também é muito fácil. A única coisa que você precisa fazer é segurar a tecla Cmd. Você deve ter notado que um pequeno símbolo de mais "+" apareceu bem ao lado do ponteiro do mouse. Mas se aproximarmos o ponteiro sobre a Spline, o símbolo altera do "+" para um ícone de seis pontos. Quando você ver este ícone, isso significa que você pode clicar na sua Spline. E o que isso faz é adicionar um ponto Bezier na Spline. E então eu posso vir aqui e criar outro ponto, vir aqui, clicar e adicionar mais um ponto. Então, ao segurar a tecla Cmd ou Ctrl, em um PC, e clicar em cima da Spline, você pode criar pontos na Spline. Mas eu acho que criei muitos deles, então eu vou vir aqui e apagá-los. Novamente, selecione a ferramenta Move, selecione os meus pontos e ajuste estes pontos que eu tenho aqui ou apenas os apague. Vamos adicionar um bem aqui. Você pode ver que é muito muito fácil adicionar ou apagar pontos. Uma outra coisa importante que você precisa saber é como "quebrar" as alças Bezier. E você pode quebrar as alças Bezier ao clicar em um ponto e então, segurando a tecla Shift, selecionar uma das alças Bezier. E como você pode notar, você quebrou a tangente Bezier, basicamente permitindo que você manipule cada alça separadamente. Agora, caso você queira unir as alças novamente e suavizar as Splines, já que agora elas estão um pouco duras demais, você pode clicar no ponto da Spline novamente e com o botão direito do mouse, escolher Soft Interpolation (interpolação suave) e agora as alças Bezier estão unidas novamente. Agora nós podemos suavizar este ponto. Vamos ver agora alguns atalhos úteis para uma rápida seleção dos pontos e a sua manipulação. Vamos usar a tecla 0 para ativar a ferramenta de seleção retangular, assim podemos clicar e arrastar para selecionar todos os pontos que quisermos dentro da nossa seleção retangular. Podemos também utilizar a tecla 9 para selecionar pontos individuais ou podemos clicar e arrastar para selecionar múltiplos pontos. E então podemos usar a tecla E para ativar a ferramenta Move e movimentar esses pontos. Então, ao usar 0 para a seleção retangular, 9 para a seleção Live e E para a ferramenta Move, você pode manipular livremente a sua Spline sem ter que se preocupar em clicar nos menus de ícones localizados na parte superior. Você pode simplesmente trabalhar no Viewport e ser muito eficiente. A última coisa que eu gostaria de mostrar é como você pode importar Paths do Illustrator para dentro do Cinema 4D como Splines. E isso vai ser muito fácil. Primeiro vamos abrir o Illustrator. Como você pode notar, eu tenho aqui o meu logo "Play" com uma pequena linha sublinhando, separados em três Layers (camadas). Vamos selecionar todas as letras e você pode visualizar os Paths. Agora o que precisamos fazer é salvar e exportar o arquivo. Vamos então escolher Save As ... e salvar sobre o meu arquivo já existente. Agora a parte muito importante neste menu de opções do Illustrator e que você precisa se lembrar sempre que estiver salvando um arquivo do Illustrator, é certificar-se de que você salve o arquivo no formato Illustrator 8. Illustrator 8 é o formato de arquivo que é compatível com o Cinema 4D. Então salve como Illustrator 8, assim você pode importar os dados do Path e o Cinema 4D vai reconhecer esta informação. Se você escolher qualquer outra versão, o Cinema 4D não vai reconhecer. Então o formato Illustrator 8 é muito importante. Aperte OK. Vamos voltar agora ao Cinema 4D Lite. Vamos criar uma nova cena. No menu File > Open, selecione o nosso arquivo na versão Illustrator 8 que acabamos de salvar. Neste menu, vamos escolher a opção Connect Splines (conecte Splines). É isso que queremos. Clique em OK. E se nós expandirmos o o objeto Null aqui, você pode ver que nós temos três Paths que eram dos Layers do Illustrator e que agora estão como Splines no Cinema 4D. Vamos então clicar no Null e então zerar estes valores de coordenadas em X e Y. E agora vamos utilizar a tecla 1 para movimentar, a 3 para orbitar e a 2 para se aproximar. Podemos agora visualizar a nossa Spline achatada. Também podemos ir a janela Front, vamos apenas dar um Zoom aqui e reenquadrar a cena. E você pode ver que se eu for no modo Point e selecionar um dos meus Paths, ele me permite editar livremente a Spline dentro do Cinema 4D. Como você pode notar, é realmente fácil e intuitivo criar e manipular Splines dentro do Cinema 4D Lite. Como um usuário Adobe, familiar com o uso de Paths nos outros software Adobe, como o Illustrator ou o After Effects, você irá se sentir muito confortável com as intuitivas ferramentas Splines do Cinema 4D Lite.
Resume Auto-Scroll?