Crie animações 3D do Adobe Illustrator para o Adobe After Effects motion graphics

1. Introdução: Bem-vindos a todos ao curso passo a passo de pós-efeitos de gráficos em movimento. Sou o anfitrião conhecido como Er Tapolus no After Effects. Começaremos importando um arquivo vetorial do Illustrator Converta isso em uma camada de forma. Extrai o campo e o traçado em três espaços D. Adicione holofotes com sombras saltitantes e E anime a composição com uma câmera 3D de dois nós e três Ao concluir o curso de pós-efeitos gráficos em movimento, ele terá um sólido conhecimento e uma visão de como extutar e animar seus arquivos vetoriais e criar incríveis animações em três D para seus projetos 2. Como observar a forma do Illustrator: Extrudar camadas de formas dentro do After Effects tem tudo a ver com nosso trabalho dentro do Quão bem as camadas são organizadas antes de importá-las para o After Effects neste caso. E olhando para dentro do painel de camadas, cada caminho está em sua própria camada e não dentro de um grupo ou subcamada Cada camada foi nomeada e separou os caminhos do campo dos caminhos do traçado, o que me ajudará no processo de extrusão dentro do After 3. Como importar e criar formas vetoriais: Agora, dentro do After Effects, vou importar o documento ilustrado com o motivo Estou dentro do plano do projeto acessar o arquivo de importação de relíquias Aqui está o documento ilustrado dentro da minha pasta. Mas o importante é importar isso não como gravação, mas sim como tamanhos de camada de composição e, em seguida, clicar para importar O que isso significa é que o After Effects reconhece as camadas de nível superior, nós as configuramos dentro do Adobe Illustrator como camadas do After Effects Então, vamos clicar duas vezes nessa composição. Aqui estão todos esses caminhos importados de um ilustrador duplo E você pode ver que todos os nomes foram mantidos, o que é ótimo. Mas o que precisamos fazer agora é converter esses caminhos em camadas de forma, algo que o After Effects reconhecerá e será capaz de animá-las. Vou selecionar todas elas com a tecla Shift no menu de camadas. Continue, crie e crie formas a partir da camada vetorial após os efeitos fazerem a conversão. O que eu preciso fazer agora é limpar meu trabalho aqui. Basicamente, remova todos esses caminhos e, ao mesmo tempo, toda vez que alguns contornos Vou renomear isso para poder limpar todo o trabalho e manter as coisas organizadas 4. Camadas de forma extrudadas: Eu limpei todas essas camadas e as renomeiei. Então, o que vem a seguir? Vou prosseguir com o plano do projeto, vou clicar e abrir apenas as importações de um arquivo JP aqui, no qual vou clicar, arrastar e colocar na parte inferior da linha do tempo. Basicamente, isso servirá como uma superfície plana onde todas as luzes baterão e refletirão, afetando todas as três camadas em forma de D. E deixe-me prosseguir e bloquear essa camada temporariamente. Falando sobre três camadas D. Vamos seguir em frente e selecionar todas essas formas aqui. Em seguida, vamos converter essas duas de duas camadas, 23 atrasadores Vou clicar quando todas elas estiverem dentro, todas elas estiverem selecionadas, que serão convertidas em três camadas. Tudo bem, agora para que isso funcione e seja capaz de extrudar aqueles, precisamos trocar as três momento, estamos dentro do Classic Three D, basta clicar no menu suspenso e escolher o Cinema Four D Render. O Cinema Four D Composition Render é basicamente a ferramenta para a extrusão de texto e formas Vamos também examinar as opções do renderizador para ver a qualidade que estou usando, o modo de rascunho, porque isso levaria menos tempo para desenhar os três atrasadores Mas no final do projeto, vou arrastar esse controle deslizante até o extremo para obter uma renderização de funil bem limpa Vou cancelar isso. Estou muito satisfeito com isso, o que precisamos fazer a seguir, basicamente, é selecionar cada um desses caminhos um por um. Vá para dentro disso. E então, dentro das opções de geometria, vamos alterar a profundidade de extrusão E eu vou definir para todos eles, por enquanto, 240. Tudo bem Vou seguir em frente e passar algum tempo fazendo isso pelo resto desses caminhos. 5. Como posicionar formas no plano 3D: Depois de passar um pouco de tempo todas essas camadas de forma, defini a profundidade de extrusão para 40 Então, vou mudar a seleção. Em seguida, pressionarei a letra você duas vezes no teclado para mostrar apenas as propriedades modificadas. Aqui vamos nós. O nível de extrusão está definido para 40, 40, 40. Então, a questão é: por que podemos ver alguma coisa mudando? A razão é que quando nós extrudamos para baixo, ela se extrude para dentro de um espaço. No momento, a razão pela qual não podemos ver nada é porque tudo está em zero. A extrusão passou pelo fundo saindo do outro lado Em primeiro lugar, vamos em frente e, em vez de uma visualização, mudaremos para duas visualizações dessa visualização aqui. Pessoalmente, recomendo que, em vez de usar a câmera, use a visão esquerda. Isso é uma coisa para esse JP aqui. Deixe-me também garantir que isso também seja convertido em uma camada de três D. Aí está. Agora podemos ver que, como você pode ver, toda a extrusão passou pelo fundo, saindo do outro lado Outras coisas, vou alterar a visualização da resolução aqui de total para metade, que será mais fácil para o sistema. Em seguida, selecionarei todas essas opções. Amplie um pouco aqui. Eu só vou trazê-los para fora. Eu vou trazê-los aqui, então isso fica bem em cima desses planos de fundo. Tudo bem, essa superfície plana. Se eu fosse mudar isso da esquerda para, digamos, para a visualização personalizada, isso é o que eu recebo. Já podemos ver as mudanças ocorrendo, tendo duas visualizações de composição lado a lado. Tanto a visualização esquerda a direita ajudarão você a entender a posição das camadas da forma e a ser capaz de movê-las para espaço Z para que você possa ver a extrusão 6. Como adicionar holofotes: As coisas estão ótimas na composição de Sara que foram extrudadas Todas essas camadas de forma. Continue e adicione alguns holofotes em uma cena. Vou selecionar esse caminho um, ir até o menu, ir até o menu, novas luzes neste caso holofote número um, tipo de voo Vá em frente e veja e temos a cor da luz, a intensidade. Quão intenso é isso? Nós temos o ângulo contrário. O ângulo do cone é o ângulo do cone ao redor da fonte de luz, que determina a largura do feixe à distância. E vamos ver isso logo após a formação da pena em forma de cone, 50% Tudo bem, tudo bem Mas o importante é ter as sombras projetadas. Isso especifica se a fonte de luz faz com que uma camada projete uma sombra Nós precisamos disso. Eu vou clicar sobre isso. Deixe-me usar uma vista aqui porque preciso de um imóvel aqui. Quero que esse holofote venha do canto superior direito. Vou trazer isso para o eixo y, x e, em seguida, pegar esse ponto de interesse e apontá-lo diretamente sobre as camadas da forma. E então coloque isso no z e talvez no Y. Agora vamos ver esse ângulo de contras aqui Se eu clicar duas vezes novamente, aqui está o ângulo contrário, veja os graus, para que você possa brincar com isso, dependendo de sua preferência E vou trazer isso um pouco também. Até agora tudo bem. Novamente, nada disso é definitivo, mas é um bom começo. Vamos adicionar outro Spot Light. De volta ao menu de camadas, New Light. Nesse segundo holofote, vou deixar tudo como está, certificar de que o elenco está em uma zona e clicar em OK. Aqui está um segundo holofote. Nesse caso, quero que o holofote acenda do canto inferior esquerdo aqui. Vou mover isso no X, no Y, pegar o ponto de interesse e apontá-lo aqui. Posso mostrar isso no Z novamente, posso voltar para as configurações de luz aqui e talvez mudar o ângulo e assim por diante. Tudo bem, novamente, como mencionei, isso não é definitivo. É um bom começo. Mas o que precisamos fazer agora é garantir que todas essas camadas de forma aceitem as fontes de luz. No momento, eles não estão. O que precisamos fazer é selecionar todos esses caminhos aqui. Depois vou abri-las e, dentro das opções de material, vou ativar as sombras projetadas Depois de fazer isso, você poderá ver uma grande diferença. Agora todas essas camadas passam, exceto os dois holofotes, e agora temos uma bela sombra caindo. 7. A crescente extrusão de traços: O principal motivo pelo qual separei esses caminhos de traçado dos demais caminhos provenientes dos usuários. Porque eu quero que essas camadas em forma de traçado tenham uma profundidade de extrusão maior Nesse caso, selecionarei essas opções com a tecla Shift e, em seguida, pressionarei a letra você duas vezes no teclado para poder ver apenas as propriedades modificadas. Como todos foram selecionados, mudarei para todos eles a profundidade de extrusão de 40 Vou aumentar esses 250, vou pressionar a letra novamente. Mais uma vez, não conseguimos ver a mudança. E isso porque a extrusão está ocorrendo em um espaço, ela é expulsa Vamos voltar a ter, em vez de uma visão, duas visões sobre essa visão. Aqui estou eu, dentro da visualização personalizada. Primeiro, vá em frente e mude para a vista esquerda, e aqui está. É a isso que estou me referindo. Foi para o espaço z. Vou deslocar, selecionar o bit de zoom depois clicar e arrastá-lo no eixo z. Lá vamos nós. Tudo bem, aqui está a diferença. Agora vamos mudar da esquerda para a personalizada. E altere a visualização prévia para visualização completa. Veja que agora poderemos ter uma visão melhor dos traçados do caminho da camada de forma extrudida Essa é a razão pela qual eu pré-planejo isso dentro do Adbustraer por 8. Como melhorar os holofotes, as configurações: Tudo bem, então as coisas estão fantásticas dentro de uma composição. A próxima coisa que eu quero voltar e voltar são os holofotes. Mas você pode ver que há muita iluminação proveniente desses dois holofotes Nesse caso, vá em frente e volte para uma das vistas. Eu vou entrar nos holofotes. Nas opções de luz, eu mudaria a cor do holofote para uma cor laranja. Clique OK. Agora você verá uma boa transição vindo do topo aqui. Eu faria o mesmo nas opções de holofotes e sob a luz Eu mudaria a cor em vez do branco. Normalmente, as luzes nunca são completamente brancas. Vou usar a cor branca amarelada. Vou clicar. OK. Você vai ver uma boa transição. Mais uma vez, uma boa queda. Ótimo. Agora, a próxima coisa sobre a qual quero falar é a difusão das sombras Essa aqui, que se refere ao quão suave é a sombra. Aqui está a única sombra para os holofotes. Um, aqui está a outra sombra para o local. Luz dois, o que posso fazer aqui para a difusão da sombra para este holofote, mais uma vez, a luz vem do canto superior direito Aqui está a sombra. Eu posso melhorar isso. Digamos que talvez 30. Vai ser menos sombrio aqui. Isso vai ser mais suave. Vamos também aumentar a suavidade dessa luz aqui. Está vendo isso? Agora, se eu afastasse isso no Z, na verdade nesta luz aqui, isso afetaria a difusão novamente, afetaria a difusão novamente, você vê que tudo torno de onde você está posicionando as luzes e assim por diante Portanto, não há uma regra definida em vez de qualquer outra que seja do seu agrado Talvez eu possa levar isso para, digamos, este para 20. Lá vamos nós. Eu gosto disso. Vou deixar isso como está. Mas há uma coisa que eu gostaria de fazer é ter um pouco mais de refletividade em todas essas camadas de forma aqui Estou falando sobre a especularidade, seja, o reflexo de todas as camadas da forma Vou deslocar a perna do, pressionar a letra você duas vezes e abrir as opções de material. Aqui está a intensidade especular definida para 50%. Vou definir isso para 70%. Para tudo isso, só consigo ver a mudança. Deixe-me ampliar um pouco e vou desfazer esse controle Zero comandos. Aqui está o antes, então, aqui está depois de uma mudança bem-vinda, pelo menos da minha parte. 9. Câmera 3D nula e animação: Tudo bem, tudo parece fantástico em nossa composição. A partitura à frente cria nossa animação. Nesse caso, vou até o menu aprendido e criarei uma nova câmera tridimensional para o tipo. Vou usar uma câmera dupla para as predefinições. Embora você tenha muitas predefinições diferentes aqui, neste caso, vou optar pela lente grande angular de 24 milímetros Em seguida, clique em OK. Tudo bem, então isso é uma coisa. Outra coisa que vou fazer é acessar o menu aprendido e criar um novo objeto nulo Agora, um objeto nulo, basicamente, como você pode ver aqui, é uma camada invisível que tem todas as propriedades de uma camada visível Mas pode ser associado a qualquer camada da composição. Isso é exatamente o que vamos fazer aqui. Vamos direcionar a câmera para o objeto nulo porque é mais fácil controlar a câmera por meio de um objeto nulo Diz que vou ter um objeto nulo. Vou pressionar Enter Return no meu teclado. Renomeie isso Toll the camera. Pressione Enter Return e renomeie isso para apenas Câmera. Vou colocar a câmera principal em zero. E eu vou fazer isso usando o chicote principal. Nesse caso, vou clicar e arrastar o chicote par pick diretamente sobre o objeto nulo Agora a câmera foi colocada no zero, ótimo. Agora, esse objeto nulo tem duas camadas, mas como estamos trabalhando em um ambiente de três D, também vamos convertê-lo em três camadas Olhando dentro dessas propriedades, essas são exatamente as mesmas propriedades de uma camada de três D. Tudo bem, agora, neste caso, deixe-me ir em frente e trazer o tempo de requeijão dedicado ao início Vou animar a propriedade da posição e a orientação Vou clicar no cronômetro de posição para criar o primeiro quadro-chave Em seguida, clicarei nas partes de parada na orientação para criar o segundo quadro-chave para a posição. Deixe-me prosseguir e alterar as propriedades de todos os x, y e z. Por exemplo, para o x, vou empurrar isso um pouco para o lado, certo? Digamos que o verão por aqui para o Y, eu vou aumentar isso, pode estar um pouco fora do caminho aqui. Para o Z, vou empurrá-lo volta para o espaço. Tudo bem? Digamos que seja verão por aqui. Tudo bem? Então essa é a primeira na posição. Vá em frente e trabalhe na orientação. Vou mudar a orientação para digamos, 36 graus. Mas farei isso com todos os mesmos valores aqui. Para eles também. 36.36 Tudo bem, agora vou mover o indicador de tempo atual, digamos 4 segundos Tudo bem, aqui mesmo. E então eu vou realmente redefinir o objeto nulo clicando no botão de reset, aqui mesmo Aí está. Vou pegar isso, que está correto por enquanto, a animação. Se eu descrevesse o decator de tempo atual, seria algo assim Tudo bem, neste quadro-chave, especificamente, Chad. E pressione a letra K no teclado para garantir que vamos para o próximo quadro-chave visível em Z. Eu quero ter isso, digamos que vou ampliar um pouco Tantos bits A, alguns por aqui. Tudo bem, quando limparmos o indicador de tempo atual, obteremos algo parecido Tudo bem, perfeito. Agora vou limpar o indicador de tempo atual para 5 segundos Vou adicionar outro quadro-chave somente na posição. Esfregue o indicador de tempo atual por aqui. Em seguida, adicione outro quadro-chave e faça o mesmo, vamos ver por aqui. E eu adiciono outro quadro-chave. Agora vou voltar para dois quadros-chave visíveis. O que significa que vou usar a letra G no teclado. E esse quadro-chave agora tem uma interpolação linear. Vou clicar novamente, mudar isso para um quadro-chave de alternância e retenção que significa que quando o tempo chegar a 5 segundos, será mantido por 1 segundo. E então ele vai fazer alguma coisa vai animar novamente. Vou pressionar a letra K no teclado para ir para o próximo quadro-chave visível para este na pontuação Z. um pouco o zoom aqui para poder ver o resto do motivo Diga alguma coisa por aqui. Isso não é ruim. Eu só quero mudar a interpolação de linear para como Vou fazer isso dentro do editor gráfico. Aqui está o quadro-chave selecionado. Vou mudar para fácil , em seguida, clicar duas vezes no quadro-chave. Dentro da velocidade do quadro-chave, vou mudar a influência para, digamos, 75% ou Em seguida, clique em OK e saia do editor gráfico. Vamos dar uma olhada rápida no indicador atual. E vamos ter algo nesse sentido. Veja, isso vai realmente animar muito bem aqui. Veja, olhar dentro do editor gráfico e observar esse movimento aqui atingirá o pico, depois desacelerará lentamente É por isso que fizemos isso com a velocidade do quadro-chave. Tudo bem, esta é a animação a seguir e tudo o que vou fazer é logo abaixo dela para poder ver os resultados finais. 10. Configurações finais de animação: Depois de renderizar as animações, pressione a barra de espaço e veja o resultado final Como você pode ver, as coisas estão ótimas, tudo parece bem nítido E, claro, há muita coisa que você pode fazer com o movimento da câmera, mas isso é apenas uma ideia aqui. Tudo bem, vou mover a hora atual indicada para, digamos, os 8 segundos aqui. Vou pressionar a letra N no teclado para definir o final da área de trabalho para a hora atual Relic e cortar a composição para a área de trabalho Tudo bem, essa é a duração total da animação Antes de renderizá-la, você pode voltar às opções de renderização e mover o controle deslizante até o extremo se quiser ter uma animação bem nítida 11. Obrigado: Muito obrigado por passar um tempo comigo. Entendendo como combinar ilustrados e posteriores efeitos ilustrados e posteriores e criar incríveis animações em três D. Entre em contato se tiver alguma dúvida ou feedback sobre o curso. Será ótimo ouvir de você.