Scribbled no Adobe After Effects

1. Introdução: Ei, eu sou Jake Bartlett e este é rabiscado no After Effects. Nesta classe, eu vou rapidamente e facilmente mostrar-lhe como criar este efeito realmente divertido que adiciona as bordas onduladas rabiscadas a qualquer coisa que você aplicá-lo. Vou mostrar-lhe passo a passo como fazer uma configuração muito inteligente e eficiente para usar este efeito. Para o projeto de classe, você pode fazer um retrato de família como o meu e adicionar um pouco de movimento a ele com este efeito. Vamos começar. Deixe-me começar mostrando a minha configuração dentro do After Effects. Eu já coloquei minha arte do jeito que eu quero. Obteve uma composição muito básica que acabou de configurar 800 por 600 pixels e uma taxa de quadros de 24 quadros por segundo. Tem quatro camadas de ilustrador, uma camada de texto e, em seguida, um sólido de fundo. Nada complicado. 2. O que vamos fazer: O efeito que vamos usar para conduzir este olhar rabiscado é um deslocamento turbulento e eu quero que este efeito seja aplicado a tudo. Vou usar uma camada de ajuste para aplicá-la. Eu vou entrar em Camada, Novo, Ajuste Layer e, em seguida, eu vou digitar turbulento em meus efeitos e predefinições e aqui vamos nós Turbulent Displace e eu vou apenas arrastar isso para a camada de ajuste. O efeito de deslocamento turbulento é um efeito de distorção que permite gerar alguma distorção aleatória para o que quer que você o aplique, e dar-lhe uma imagem melhor do que exatamente está acontecendo. Na verdade, vou desligar a minha obra de arte por um segundo. Vou fazer um Novo Sólido e adicionar uma Grade a ele. Eu vou desligar a camada de ajuste e eu vou fazer isso uma grade quadrada e talvez fazer os quadrados um pouco maiores. Certo, agora vou ligar o deslocamento de volta. Agora você pode ver claramente o que esse efeito está fazendo. Esta é a grade com o deslocamento turbulento desligado e isto está com ele ligado. Você pode ver como ele está deformando todo o quadro. Se olharmos para os controles para o efeito, existem diferentes tipos de deslocamento que distorcem a imagem em diferentes tipos de padrões. Você pode brincar com todos eles, realmente qualquer um deles vai trabalhar para o efeito que estamos construindo. Talvez não estes três últimos, porém, esses são muito específicos e só funcionam em determinado eixo. Fique com estes seis primeiros e ficará bem. Vou deixar o meu em turbulento. Então, se eu descer para a quantidade, eu posso transformar o quanto está deformando tudo abaixo dele apenas mudando este valor. Desfazer e, em seguida, o tamanho controla quão grande ou pequeno este mapa de deslocamento é. Se eu virar para baixo, você vê que todas essas ondulações ficam muito pequenas. Se eu subir, agora a deformação está muito mais espalhada. O que eu quero fazer é baixar isso muito baixo talvez em algum lugar entre cinco e 10 e então eu vou usar a quantidade para basicamente controlar quanta distorção está aplicando às linhas. Vou aumentar o tamanho só um pouco para mostrar outra parte deste efeito. Há um valor chamado deslocamento para a turbulência e é um valor x e y. Se eu mover isso, você vê que este pequeno ponto de ancoragem aparece no meio. Eu posso clicar e arrastar isso como qualquer outra camada. Você vê que enquanto eu o movo para cima, se você observar esta linha bem aqui, a deformação vai com o ponto de ancoragem. Este ponto de ancoragem está controlando a origem da turbulência e isso vai ser importante mais tarde. Eu só vou colocá-lo de volta para o centro do quadro. Então temos a Complexidade do efeito, que se eu aumentar isso você pode ver que também acrescenta mais alguns detalhes. Na maior parte do tempo eu nem sequer mexo com isso, mas está lá se você quiser brincar com ele. Então a última parte desse efeito que precisará saber é a Evolução. Se eu clicar e arrastar isso, você verá que ele muda o mapa de deslocamento. Isso vai ser uma parte essencial deste efeito. Ajuste de volta a zero, desliga a minha grelha. Na verdade, eu só vou excluir essa camada porque eu não preciso mais dela e eu vou ligar minha arte de volta. 3. Criando a animação: Obviamente, o tamanho é muito grande para esta obra de arte. Eu vou reduzir isso para talvez algo em torno das oito. Vou ampliar, assim você pode ver como isso está afetando a imagem um pouco mais claramente. A quantidade também é muito alta, então eu provavelmente vou abaixar isso em algum lugar em torno de 18 e isso está parecendo melhor. Provavelmente estarei brincando com isso daqui a pouco. Mas agora que eu tenho essa configuração de efeito em uma camada de ajuste, o que eu preciso fazer é animar essa evolução de efeitos que possamos obter essas bordas balançando em tudo o que é aplicado. Primeiro, vou renomear esta camada de ajuste deslocamento turbulento, só para que eu saiba o que estou olhando, e então eu vou chegar até a evolução e no quadro zero, definir um quadro-chave. Então eu vou pressionar U no teclado para trazer todos os quadros-chave para essa camada, e eu vou para frente quatro quadros. Então página para baixo no teclado passos um quadro para a frente, então um, dois, três, quatro. Então eu vou mudar a evolução para um número aleatório. Não importa qual é o número, só precisa ser diferente. Então eu vou para quatro quadros para a frente novamente, um, dois, três, quatro, mudar o número novamente, e enquanto eu deslizo isso você pode ver que meu mapa de deslocamento está mudando aqui em cima. É o que procuramos. É só uma mudança no deslocamento. Então eu vou quatro quadros para a frente novamente, um, dois, três, quatro. Então eu vou na direção oposta, um, dois, três, quatro, para a frente todo o grupo. Agora eu tenho um, dois, três, quatro, cinco, distorções únicas entre estes quadros-chave. Se eu definir minhas áreas de trabalho para fora do ponto pressionando M no teclado e revisão de rampa pressionando zero no teclado numérico, você pode ver que meu mapa de deslocamento está animado entre esses quadros de teclas. Eu realmente não quero nenhuma mudança entre os quadros-chave, porque eu quero que essas bordas rabiscadas estejam acontecendo em momentos específicos sem interpolação entre os quadros-chave. O que eu preciso fazer é selecionar todos esses quadros-chave, clique com o botão direito e vá para alternar o quadro de teclas de segurar. Agora, não haverá animação entre esses quadros-chave. Começa em zero e permanece em zero até que seja o quadro quatro, o próximo quadro-chave, e então ele vai para 302 graus. Agora, se eu rodei a pré-visualização, já estamos muito perto do nosso efeito final. Vou ampliar aqui de novo para que você possa ver uma imagem clara do que está acontecendo. As bordas rabiscadas estão animando de uma forma agitada porque eu espalho esses quadros chave a cada quatro quadros. Então, colocar esses quadros-chave espaçados a cada quatro quadros por segundo em uma composição de 24 quadros por segundo é essencialmente fazer que a animação aconteça em seis quadros por segundo, que é a base completa para esse efeito. 4. Fazendo loop de quadros-chave: Agora, se eu diminuir o zoom em minha linha do tempo e mover minha área de trabalho para frente, depois desses quadros-chave, essa animação pára. Agora eu poderia copiar esses quadros-chave e ir quatro quadros para frente, colar, ir para frente novamente, um, dois, três, quatro colar. Mas há uma maneira muito mais simples e eficiente de fazer isso. Vou fazer backup e vamos adicionar uma expressão muito simples à evolução. Vou manter pressionada a opção ou alt em um PC. Clique no “Cronômetro” e, em seguida, digite loop. Capital OUT para fora. Em seguida, abra e feche parênteses. Vou clicar fora disso. O que isso está fazendo é pegar todos esses quadros-chave e, em seguida, voltar para o primeiro e reproduzi-lo novamente indefinidamente. Agora, um passo a mais que preciso dar é copiar e colar o primeiro quadro-chave no final da minha sequência. Vou copiar este quadro-chave. Certifique-se de que estou quatro quadros à frente do último quadro-chave de valor diferente, vá um, dois, três, quatro, e depois cole. Agora, isso está em zero, assim como está no início. Assim que o tempo chegar a este quadro-chave, esta expressão irá dizer-lhe para saltar de volta para este quadro-chave e reproduzir tudo entre esses dois quadros-chave novamente, e ele vai continuar fazendo isso para sempre. Se eu estender isso para três segundos e pré-visualização de RAM, você verá que mesmo que não haja quadros-chave aqui, os valores continuam a mudar. Agora, uma razão pela qual é muito útil fazer isso dessa maneira é porque eu poderia voltar para um desses quadros-chave e dizer que eu não gosto da maneira que a evolução parece neste quadro-chave ou eu poderia mudar esse número e agora ele automaticamente atualiza o resto do loop. Eu também poderia diminuir o número de quadros entre quadros-chave aqui. Eu poderia derrubar tudo isso por dois quadros. Estou fazendo isso segurando Option e pressionando a tecla de seta para a esquerda. Então eu vou pré-visualização RAM e agora que a animação é muito mais rápida. Agora eu gosto do meu espaçado com quatro quadros entre cada quadro-chave. Vou voltar a isso. É assim que você configura todo o efeito. 5. Como torná-lo mais inteligente: Existem alguns problemas com a geração desse efeito diretamente em uma camada de ajuste. Se você está fazendo uma imagem estática como este retrato de família, não há razão para você não fazer isso com uma camada de ajuste. Mas se eu pegar, digamos, meu pequeno retrato aqui e eu vou ampliar, quando eu clicar e arrastar isso. Se você olhar bem aqui para a linha do cabelo, você pode ver que o mapa de deslocamento da camada de ajuste está permanecendo no lugar enquanto minha arte está se movendo por baixo dela. Então o mapa de deslocamento não está se movendo com a arte. Eu realmente não gosto do jeito que isso parece, isso mata o efeito para mim. Então o que eu quero fazer a seguir, é aplicar este efeito a cada camada individualmente. Então deixe-me desfazer, zoom de volta. O que eu vou fazer é copiar este efeito da minha camada de ajuste e, em seguida, colá-lo em todas as outras camadas, certificando-se de que eu voltar para o primeiro quadro, ritmo. Então eu posso desligar o turbulento, esta camada de ajuste lugar e executar visualização. Parece que está funcionando. Se eu aumentar o zoom aqui no meu trabalho artístico e pegar essa camada de novo e movê-la. Você vê que a distorção agora está viajando com a arte. Então, isso é ótimo. Isso é exatamente o que eu queria. Eu posso animar esta obra de arte e os mapas de deslocamento viajariam com ela. No entanto, se eu descer até essa camada de texto e movê-la, você pode ver que o mapa de deslocamento não está se movendo com ele. Agora a razão pela qual isso está acontecendo é porque as camadas de texto são por padrão, continuamente rasterizadas, o que significa que elas são basicamente vetoriais. Não são gráficos raster. A forma como os efeitos são aplicados a camadas rasterizadas continuamente se comporta de forma diferente. Então, se eu ativar a rasterização contínua para minhas camadas de ilustrador e depois movê-la. Você pode ver o deslocamento se você olhar para a sobrancelha, ele está se movendo. Então, já que a rasterização contínua é uma grande parte dos efeitos posteriores, como contornamos isso? Bem, se você se lembra, nós temos um valor de deslocamento no efeito turbulento deslocamento, que está agindo como a origem desse mapa de deslocamento. O que eu quero fazer é vincular esse valor ao valor da posição do texto. Então, onde quer que o texto se mova, esse ponto de ancoragem permanece com ele. Então isso é realmente muito simples de fazer. Vou entrar no meu Efeitos, para essa camada de texto, abrir Turbulent Displace e, finalmente, o valor de Deslocamento. Então eu vou manter pressionada a opção e clique no Deslocamento e digite outra expressão muito simples. Eu vou digitá-lo transform.position e, em seguida, clique fora. Agora, o que esta expressão está dizendo é muito simples. É só dizer, encontrar a propriedade position dos controles de transformação para esta camada e, em seguida, colocar esse valor nesse valor. Então, se eu trazer as expressões para esta camada tocando duas vezes um, há a expressão que acabamos de escrever. Então eu vou manter a tecla shift pressionada e pressionar P para também trazer o valor da posição. Você vê que a posição e o deslocamento são exatamente os mesmos. Se eu clicar e movê-lo, o valor da posição muda e o valor do deslocamento muda. Então, à medida que eu movo isso, você pode ver que o mapa de deslocamento está se movendo com ele. Então a distorção não muda independentemente de onde esta camada esteja, que é exatamente o que eu precisava. A grande coisa sobre essa expressão é que ela é relativa ao que quer que você a coloque. Então, se eu copiar esse efeito e colá-lo em todas as outras camadas, essa expressão agora faz referência a cada camada individualmente, não à camada de texto propriamente dita. Então, se eu mover qualquer uma dessas camadas ao redor, o mapa de deslocamento agora se move com ele. Eles precisam ter cuidado ao copiar e colar efeitos que têm quadros-chave aplicados. Eu não estava prestando atenção no meu limpador de linha do tempo estava aqui quando eu colado. Então, se eu pressionar U para exibir os quadros-chave, você pode ver que todos os meus quadros-chave estão começando no lugar errado. Parece que minha camada de texto estava bem, mas eu preciso apenas ter certeza de que eu faço tudo isso para a frente. Caso contrário, se todos eles fossem deslocados, então o mapa de deslocamento não estaria animando ao mesmo tempo incrementos para cada camada. Vou executar a pré-visualização só para mostrar o que quero dizer. Você pode ver que a distorção não está mudando uniformemente. Portanto, é importante certificar-se de que todos esses quadros-chave estão acontecendo ao mesmo tempo em todas as camadas. 6. Lidando com movimento: Vou apagar as turbulentas camadas deslocadas já que não precisamos mais disso. Vou animar rapidamente estas quatro camadas. Eu estou indo para ir talvez 12 quadros para a frente. Vou definir um quadro-chave de posição segurando Option e pressionando P. Eu também vou definir um quadro-chave de rotação pressionando “Option” e pressionando R. Agora, eu não preciso mais ver os quadros de teclas de efeito, então eu vou manter pressionada a tecla shift e pressione E para ocultar todos os efeitos e eu fico com apenas posição e rotação para essas quatro camadas. Então eu vou voltar para o primeiro quadro e eu vou girar minha cabeça para este lado e empurrar a camada para fora para este canto. Gire a cabeça do Jamie para aqui e mova-a para lá. Gire a cabeça do Pixel, mova-a para baixo, gire a cabeça do Eliot, e mova-o para baixo e para fora. Então eu vou pegar minha ferramenta de caneta, que você pode obter pressionando G no teclado e eu vou modificar o caminho de movimento de cada uma dessas camadas para que eles se curvem enquanto eles se animam. Vou clicar em cada camada, mudar para a ferramenta de caneta e, em seguida, mudar o caminho de movimento. Tudo bem, então deixe-me executar e visualizar isso. Olhando bem. Então agora o que eu quero fazer é aliviar os quadros-chave finais em cada uma dessas animações. Então eu vou selecionar o segundo conjunto de quadros-chave, em seguida, ir para o editor de gráficos, pressionar F9 no teclado para facilitar a facilidade, e então realmente aumentar a facilidade na alça do gráfico de velocidade. Então eu vou executar a pré-visualização. Agora eu tenho essa animação muito simples. Mas não quero que todos aconteçam ao mesmo tempo. Então eu vou compensá-los cada um por dois quadros. Então eu vou fazer isso segurando Option ou Alt em um PC e pressionando Page Down. Isso irá compensar minha seleção de camadas e agora eles estão dois quadros separados. Vou estender minha área de trabalho um pouco e executar a pré-visualização e agora isso está funcionando muito bem, mas há um problema. Se eu abrir meus quadros-chave e me livrar da minha posição e rotação pressionando Shift P e Shift R. Eu acabei de fazer acidentalmente o que eu não queria, que é deslocar minha posição e rotação pressionando Shift P e Shift R. Eu acabei de fazer acidentalmente o que eu não queria, os quadros-chave do efeito como resultado do deslocamento as camadas no tempo. Então, mais uma vez, minhas camadas não estão animando o deslocamento turbulento ao mesmo tempo. O efeito não está funcionando tão bem quanto eu gostaria. Na verdade, há uma maneira de controlar todas essas camadas de uma só vez a partir de uma única camada de controle. 7. Criando um controlador de efeito: O que eu quero fazer é adicionar um novo objeto nulo. Eu vou subir para camada, novo, objeto nulo. Um objeto nulo não é renderizado. Só é visível quando você está trabalhando dentro de cima após efeitos, não uma vez que você realmente exporta qualquer coisa. Está lá para controlar outras propriedades. Na maioria das vezes ele é usado para criar outros objetos para ele. Você pode animar o objeto nulo em vez de camadas individuais. Mas a maneira que eu vou usá-lo, é aplicando o deslocamento turbulento e usando esse efeito para controlar as cópias turbulentas deslocadas em todas as outras camadas. Vou começar apenas copiando e colando o efeito de uma das minhas camadas existentes. Tenho exibições turbulentas nesta camada. Vou voltar ao primeiro quadro e colá-lo naquele nulo. Agora vou renomear esse controle de rabisco nulo. Vou movê-lo para o lado, só para que não atrapalhe o meu trabalho artístico. Na verdade, nem preciso ver, então vou esconder a visibilidade. O que eu preciso ver é o efeito em si. Vou pressionar E para trazer os efeitos e, em seguida, girar para baixo o deslocamento turbulento. Agora, a expressão de deslocamento que escrevemos para as outras camadas não se aplica ao objeto nulo. Vou me livrar disso. Quero manter os quadros chave da evolução. Então o que eu vou fazer é selecionar esse efeito, subir para editar e dizer copiar com links de propriedade. Agora eu acredito que este é um recurso que entrou em jogo no CC 2015. Se você estiver usando uma versão mais antiga, mostrarei como contornar isso em apenas um segundo. Mas esta é uma maneira muito rápida de vincular propriedades entre camadas. Vou clicar na cópia com links de propriedade. Então eu vou para as minhas outras camadas. Remova todos os efeitos mantendo pressionada a tecla Command Shift E e cole. Agora, se eu segurar o deslocamento turbulento, você vai notar que todos os valores são vermelhos. Isso significa que há uma expressão em cada um deles. Que cópia com links de propriedade fez, é automaticamente vinculado todas as propriedades em que afetam para o que eu tinha copiado de. Todos esses valores serão exatamente iguais ao que a camada de controle de rabisco está definida. Eu não preciso de nenhum dos quadros-chave no deslocamento turbulento para essas camadas. Se eu selecionar todos eles e pressionar U, e, em seguida, pressionar Shift e pressionar P e R para se livrar da posição em quadros-chave de rotação, eu posso selecionar todos esses quadros-chave que são a evolução turbulenta exibe, e pressionar delete. Quero ter a certeza de que recebo todos eles. Mas se eu corri a visualização, você verá que esse turbulento desloca ainda animando porque meu controle de rabiscos é o que está impulsionando esse efeito turbulento de deslocamento em todas essas camadas de arte. Se eu for para este ponto na animação e eu aumentar a quantidade no meu controle de rabiscos, você vê que ele está se aplicando a todas as outras camadas. Isso vale para todos os controles dentro desta camada. Agora deixe-me apenas mostrar rapidamente o que você precisa fazer se você não tem cópia com links de propriedade, eu vou tirar o efeito deslocado turbulento na camada de texto. Vou ampliar e aplicar novamente esse efeito sem nenhuma dessas expressões. Então eu vou girar para baixo displays turbulentos para essa camada. Assim como para a camada de controle. Os valores que você realmente precisa vincular são a quantidade, o tamanho e a evolução. Você poderia ligar todos eles se quisesse. Mas esses são os três que eu me vejo mudando mais. Para ligar estes juntos, eu só vou expandir minha linha do tempo, então eu tenho muito espaço e eu vou chegar às camadas de texto, deslocamento turbulento, mantenha pressionada Option ou Alt em um PC. Clique na quantidade e, em seguida, use a largura de seleção expressão. Clique e arraste até a quantidade na camada de controle. Farei a mesma coisa pelo tamanho. Vá até o tamanho na camada de controle. Depois a evolução. Agora essas três propriedades serão exatamente as mesmas que a camada de controle é, não importa o quê. Mas se eu mover minha camada de texto ao redor, você vê que a turbulência de deslocamento ainda está bagunçando. O mesmo é verdadeiro para essas camadas. Isso porque quando eu copiei com links de propriedade, ele também copiou o deslocamento do meu controle de rabisco e se livrou da expressão de posição transformada que escrevemos. Preciso reescrever rapidamente essa expressão nesta camada. Eu vou para a camada de texto, desço para o deslocamento, mantenha a tecla Option ou Alt em um PC e clique no cronômetro e, mais uma vez, digite transformar. Posição do ponto, clique desligado. Agora que o mapa de deslocamento está preso ao texto, mas todo o resto é baseado na camada de controle. Uma vez que eu tenho este configurado exatamente da maneira que eu preciso dele, eu vou copiar esse efeito, apenas uma cópia normal. Então eu vou recolher todas as minhas camadas e colar esse efeito em cima de todas as outras camadas. Agora, porque já há um deslocamento turbulento e estou copiando um único deslocamento turbulento, ele vai substituir este. Mas só por segurança, eu vou remover todos os efeitos segurando Comando ou Control Shift e depois E e depois colar. Agora, todas essas camadas são vinculadas ao controle de rabisco, exceto a propriedade offset, que é definida para transformar a posição. Então movendo-os por aí, mesmo sendo continuamente rasterizados, vamos mover o mapa de deslocamento com a camada. É importante notar que, se você não precisar rasterizar continuamente sua camada, você não precisa aplicar essa expressão para que o mapa de deslocamento se mova com a camada. Muito bem, deixa-me voltar a ver toda a minha comp. Vou expandi-lo, recolher todas as minhas camadas, e trazer os quadros-chave para a visualização do ram de controle de rabiscos. Agora tudo está funcionando exatamente do jeito que eu queria. Se eu alterar a duração dos quadros-chave que atualizados em todas as minhas camadas, independentemente da posição deles na linha do tempo. Agora que eu tenho isso funcionando muito eficientemente e eu não tenho camada de controle. Posso fazer ajustes em coisas como a quantidade, mesmo quando é pré-visualização de RAM, porque estou usando CC 2015 e poderei ver meus ajustes muito rapidamente. Se eu conseguir o valor e o tamanho para onde eu quero, eu posso ampliar em 100% para ver como ele está afetando o texto. Veja claramente como isso está afetando as bordas da minha arte. Talvez eu queira mudar um pouco o tamanho. Talvez eu abaixe isso para três e aumente a quantidade para talvez 20. Este é o lugar onde você pode brincar com o quão pronunciado você quer que o efeito seja. Como tudo está sendo controlado por uma única camada, é muito fácil de brincar. Quando estiver satisfeito com seu efeito, você pode aplicá-lo a qualquer coisa que quiser. Isso é tudo o que há para esse efeito, pessoal. Espero que goste desta aula e mal posso esperar para ver como você a aplica aos seus próprios projetos, se você postar algum de seu trabalho usando este efeito nas mídias sociais, certifique-se de marcar a minha e Jacob moção. Adoraria ver o seu trabalho. Como sempre, sinta-se à vontade para me fazer quaisquer perguntas relacionadas a esta aula na discussão Pergunte-me Qualquer coisa na página da Comunidade. Eu adoraria se você me deixasse um comentário e obrigado novamente muito por ter feito esta aula. Te vejo na próxima vez.