Creating a 3D Illustrative Animated Cursive Logo: Render Settings for Cineware & AE Compositing

Photo of EJ Hassenfratz

Instructor EJ Hassenfratz

Share this video
  • Duration: 04:52
  • Views: 1340
  • Made with Release: 17
  • Works with Release: 17 and greater

Learn how to prepare your Cinema 4D Lite models for compositing inside of After Effects using the Cineware plug-in.

Learn how to prepare your Cinema 4D Lite models for compositing inside of After Effects using Cineware, a live 3D bridge between AE and C4D that allows you to composite C4D elements into your After Effects scene without needing to render.

Less...

Transcript

So now we made a fun, 2D-style cursive logo animation in Cinema 4D Lite. It's time to prepare it for being composited inside of After Effects. So the first thing I want to cover in my scene is I added a camera, and I chose a flat, parallel, projection. And by default, you have a perspective projection, and that allows you to inject some depth perspective, say if you had a very small, focal length, you get that depth distortion. I'm just going to remove that altogether by using the parallel projection. Another thing we can do is get rid of our background object because this will actually free us up to apply any kind of background color we want inside of After Effects. The next thing we ought to do is go into our render settings here. And inside of our settings, we can choose to turn on Alpha Channel and turn on Straight Alpha as well if we'd like. And the major thing I want to cover is the anti-aliasing options here. The first thing I want to cover is this anti-aliasing setting, right here, or the quality setting. And by default, it's set to geometry and this kind of gives you jaggy edges. Since we're going to be compositing our little, cursive logo element inside of After Effects with a bunch of continually rasterized elements like shape layers, we're going to have to make sure the edges of our logo are just as sharp as those shape layers. So we're going to change this default anti-aliasing setting from geometry to best. So we can further sharpen our edges by upping the max value here, or tweaking the threshold but usually, that's a little bit of overkill. So I'm just going to skip that. So the next thing I want to cover is this filter. And by default, it's set to cubic, still image, and typically you're going to want to use the gauss or animation filter due to how it softens the edges of your objects so they don't flicker. But for animations with a lot of vector 2D art with very sharp edges, we're going to want to render out using a filter that allows for less blurring and sharper edges. Now my preference is using the sinc filter right here, and that allows for really nice, crisp edges that help your 3D work blend into all your vector art that you may be using inside of After Effects. So now that we're done with all of our settings here, close the render window. We can save this file, and now we can go into After Effects. So the first thing we want to do is check out what we have in our scene right here. So I added these shape layer splashes that will coincide with the logo animating on. So to import a Cinema 4D file, it's very easy. All we have to do is go to Import, File, and we can import a Cinema 4D file like any other kind of asset. So there's my Play_Logo.c4d file. I'm going to open that up, and I'm just going to drag and drop this underneath all of my splashes but above my white background layer here. And you're really not going to see anything and this is because we're using the default render that is set to software. And this coincides with the software render that is our default view in Cinema 4D Lite. So if I get out of my interactive render region here, you're going to see that our cursive logo's actually white, because we only see that Cel Shading texture if we actually render this. So the software view is actually the view that you see in your viewport by default in Cinema 4D Lite. That's what we're seeing on our Cineware layer right now. If I hop back into After Effects, we can change the renderer settings here from software to standard final. And that's going to look exactly like our interactive render-region preview where it actually looks like our final render. So this is our fully rendered image from Cinema 4D being shown and rendered in our After Effects composition which is really, really cool. Because I actually used a test version of this logo for placement of all my little splash elements here. So now, if I ran preview this, you can see we have our nice, little, splash elements that I made. Splashing off, being motivated by our cursive logo, writing on and revealing itself using those sweep object and growth properties. And we just composited all these 2D splashes with our 3D cursive logo from Cinema 4D. And by ensuring our edges are nice and sharp in Cinema 4D Lite, we can have these two elements, our 2D and our 3D elements look right at home inside of After Effects. So by using Cineware, we can easily composite our 3D elements with our Cel Shading from Cinema 4D Lite into our After Effects composition without needing to render anything out of Cinema 4D.
Agora que criamos uma animação divertida do nosso logo cursivo de estilo 2D no Cinema 4D Lite, é hora de preparar o logo para ser composto dentro do After Effects. Então a primeira coisa que eu quero falar sobre a minha cena é que eu adicionei uma câmera e que eu escolhi uma projeção chapada e paralela. Por padrão, você tem uma projeção em perspectiva, que lhe permite injetar alguma profundidade em perspectiva, como se você tivesse uma distância focal bem pequena, aonde você teria uma distorção. Mas eu vou remover tudo isso ao usar uma projeção Parallel. Uma outra coisa que eu fiz foi me livrar do objeto Background, porque isso vai nos liberar para aplicar qualquer tipo de cor de fundo que quisermos dentro do After Effects. O próximo passo é configurarmos a nossa renderização. Dentro das configurações, nós podemos escolher ligar o Alpha Channel (canal alpha) e também ligar o Straight Alpha se desejarmos. Mas a parte mais importante que quero falar aqui são as opções Anti-Aliasing. Vamos começar falando desta configuração de Anti-Aliasing aqui, a configuração de qualidade. Por padrão, ela está configurada para geometria e isso produz algumas bordas recortadas. Como vamos fazer a composição do nosso logo cursivo dentro do After Effects com um monte de elementos rasterizados, como Shape Layers, nós temos que ter certeza de que as bordas do nosso logo são tão perfeitas quanto as bordas dos Shape Layers. Portanto, vamos alterar essa configuração Anti-Aliasing padrão de Geometry para Best. Se quisermos, podemos aumentar ainda mais a qualidade das nossas bordas ao configurar o Max Value ou o Threshold (limite), mas isso geralmente é um exagero. Por isso, vou pular esta parte. A próxima coisa que quero falar é do Filter (filtro). Por padrão ele está configurado em Cubic - Still Image (cúbico - imagem still) e tipicamente você vai querer usar algo como o filtro Gauss - Animation, já que ele suaviza as bordas dos seus objetos para que eles não oscilem. Mas para animações com uma grande quantidade de arte vetor 2D e bordas afiadas, é melhor renderizarmos com um filtro que permita menos borrões nas bordas afiadas. A minha preferência é usar o filtro Sinc pois ele proporciona boas e afiadas bordas que ajudam o seu trabalho 3D a se misturar com a arte vetorizada que você deve estar usando dentro do After Effects. Agora que temos todas essas configurações feitas, vamos fechar a janela de renderização. Podemos salvar o arquivo e ir para o After Effects. E a primeira coisa que queremos fazer é checar o que temos nesta cena aqui. Eu adicionei esses borrifos de água usando Shape Layers para coincidir com a animação do logo. Então para importar um arquivo Cinema 4D é muito fácil. Tudo o que precisamos fazer é ir em File > Import > File e podemos importar o arquivo do Cinema 4D como qualquer outro tipo de arquivo. No caso é o arquivo Play_Logo.c4d. Vamos abrir o arquivo e eu vou arrastá-lo para debaixo de todos os meus borrifos, mas sobre o meu layer do fundo de cor branca. Você não vai ver nada no momento e isso ocorre porque estamos utilizando o renderizador padrão, que está configurado para Software. E isso coincide com o renderizador Software que é a nossa janela padrão no Cinema 4D. Então se eu sair dessa janela de região interativa, podemos ver que o nosso logo cursivo é de fato branco e nós só vamos ver a textura de célula 2D se de fato nós renderizarmos a imagem. Então a janela Software é a imagem que você vê no Viewport padrão do Cinema 4D Lite. E é isso que nós estamos vendo agora no nosso Layer Cineware. Se voltarmos ao After Effects, nós podemos alterar as configurações de renderização aqui de Software para Standard Final. E o resultado vai ser igual a nossa região interativa de renderização, que é igual a nossa renderização final. Então o que vemos aqui é a imagem completamente renderizada do Cinema 4D sendo mostrada e renderizada na nossa composição do After Effects, o que é muito, muito legal. E eu usei uma versão teste do logo para posicionar todos os meus elementos de borrifo aqui. Então se eu fizer uma pré-visualização de RAM aqui, você vai poder ver que temos os nossos bonitos elementos que fiz borrifando como água, motivados pelo nosso logo cursivo sendo animado e "escrevendo" a si mesmo pelo uso das propriedades de Growth do objeto Sweep. E nós acabamos de compor todos esses borrifos 2D com o nosso logo cursivo 3D do Cinema 4D. E ao garantir que as nossas bordas são bonitas e afiadas no Cinema 4D Lite, nós podemos ter estes dois elementos, tanto o 2D quanto o 3D, podendo ficar lado a lado dentro do After Effects. Então, ao usar o Cineware, podemos facilmente compor nossos elementos 3D com o nosso sombreamento de 2D do Cinema 4D Lite em uma composição do After Effects sem a necessidade de renderizar e exportar nada do Cinema 4D.
Resume Auto-Scroll?