Transcrições
1. Introdução: Olá e bem-vindos à minha aula de Skillshare. Obrigado por se juntar a mim. Meu nome é Vera. Trabalho como ilustrador freelance, animador. E hoje vou ensiná-los a apimentar suas ilustrações com uma animação de paralaxe simples e agradável. Começamos a trabalhar no Photoshop e no After Effects. Mesmo que eu tente explicar tudo o que eu faço o mais ordenadamente possível, ele pode ser mais adequado para estudantes
intermediários que têm algum conhecimento básico do software. Primeiro, vamos escolher uma ilustração e depois vamos colocá-la em After Effects. Eu vou te ensinar a configuração básica para uma animação
paralaxe, e vou te ensinar algumas técnicas mais específicas que você pode usar para colocar um pouco mais de magia em seu trabalho. As técnicas podem ser aplicadas a qualquer uma de suas próprias ilustrações e você é bem-vindo para usar minhas obras de arte para os projetos de classe. Eles estão anexados no projeto da classe. Você vai aprender a preparar e animar um simples efeito de paralaxe e ver seu trabalho ganhar vida, desfrutar.
2. Escolhendo seu trabalho: Primeiro de tudo, você tem que decidir qual obra de arte você gostaria de animar. Eu juntei alguns para você escolher, mas você é mais do que bem-vindo para usar sua própria ilustração. Para obter o resultado melhor ou melhor, mais interessante, a ilustração que você usa deve ter diferentes camadas visuais. Então você quer ter frente, meio e fundo. O que também funciona bem são vários personagens e objetos direcionados para a câmera, então você tem algum encurtamento ou algo como chuva, neve ou folhas soprando em torno de um único personagem. Claro, você pode usar qualquer obra de arte sua que você gostaria. Mas quanto mais profundidade visual tiver que começar, mais fácil será dar um pouco mais jass foi essa técnica de animação.
3. Como separar elementos usando o Photoshop: [ MÚSICA]. Abra a ilustração no Photoshop. Estou demonstrando duas técnicas diferentes aqui para mostrar como você pode abordar a separação de um ponto de vista técnico. Minha ferramenta principal é a ferramenta de laço. Eu uso o atalho L para acessá-lo rapidamente e mudar entre o laço de forma livre e o laço poligonal pressionando Shift e L. [MUSIC]. Selecione as camadas visuais da sua ilustração. Você pode adicionar seleções com a ferramenta Laço pressionando Shift. E você pode subtrair algo de sua seleção pressionando Alt. Quando você está separando os elementos, você pode copiar a seleção para uma nova camada ou duplicar a camada principal primeiro e, em seguida, pressionar o botão de máscara de camada depois de fazer sua seleção. Isso ocultará o restante do seu trabalho artístico e mostrará somente o elemento selecionado. A opção de máscara de camada oferece a vantagem de adicionar e subtrair
facilmente, simplesmente pintando na máscara. A opção de camada separada realmente não lhe dá nenhuma vantagem. Eu só acho pessoalmente um pouco mais limpo em termos de organização. Você precisa ser mais preciso embora com esta opção porque alterar sua seleção mais tarde, honestamente é um pouco mais complicado. [MÚSICA].
4. Preencher os blancs: Depois de separar todos os elementos no espaço em diferentes camadas, você pode começar a preencher os espaços em branco. Cada camada da ilustração precisa ser limpa e
pintada para que as partes sobrepostas de fórmulas não sejam mais visíveis. Imagine o teatro vitoriano. Uma vez que trazemos tudo em After Effects, vamos configurar as camadas como tal. Visto da frente, ele só vai mostrar a ilustração como era. Mas assim que começarmos a mudar a nossa visão, diferentes partes que foram formalmente escondidas serão vistas. É por isso que é importante pintar tudo o mais ordenadamente possível. Eu costumo começar com o fundo porque é o mais distante no espaço, e eu posso ver mais cedo no processo como tudo funciona em conjunto. Vamos desativar todas as outras camadas por enquanto para que você possa ver minha seleção. Para o fundo, geralmente é uma boa idéia alterar o tamanho dele um pouco, então quando nós animamos após efeitos mais tarde, não
há espaço em branco ao redor dele. Encolha-o e adicione às bordas para preencher mais espaço, ou altere o tamanho da sua palavra artística pressionando C e usando a ferramenta Cortar para adicionar mais a todos os lados. Existem diferentes abordagens para limpar e consertar os elementos. Eu costumo usá-los todos e combiná-los a meu favor. Photoshop CC tem esta grande função chamada conteúdo ciente de preenchimento, que pode dar-lhe resultados realmente excelentes com pouco ou nenhum trabalho no topo. Selecione a área que você deseja preencher em sua camada e vá para editar, preenchimento sensível ao conteúdo. Uma janela é aberta e permite que você localize a área da qual deseja
que o conteúdo seja escolhido para concluir a seleção. Depois de clicar em OK, o Photoshop preenche esse espaço, conforme mostrado na visualização, e você pode começar a corrigi-lo, se necessário. Para fazer isso, uso a ferramenta de pincel e tento combinar o estilo de pintura o mais próximo possível, ou trabalho com a ferramenta de pincel de cura. Defina uma área para escolher mantendo pressionada a tecla Alt e toque na respectiva área. O pincel de cura pode ser usado para substituir conteúdo ou para misturar o existente com uma predefinição definida. Você pode alterar modos usando o menu suspenso nos controles de pincel. Essas ferramentas devem ajudá-lo a limpar todas as camadas. Dependendo do alcance do movimento da câmera que você deseja animar, talvez seja necessário ser mais preciso na fixação dessas peças. Quando você acha que tudo está limpo, certifica-se de que ele realmente é. Eu gostaria de adicionar um fundo preto ou branco, dependendo do intervalo de valor da ilustração para encontrar esses pequenos trechos e relex que eu perdi antes. Então eu salvo cada camada separadamente e com um fundo transparente como um arquivo PNG.
5. After Effects: Agora estamos a chegar às coisas boas. Vamos configurar um arquivo de projeto e depois de efeitos. Vá para a pasta onde você tem seus PNGs separados e selecione-os todos. Se a opção Criar composição estiver marcada, ela criará automaticamente uma composição a partir da gravação importada. Você pode mudar tudo ao longo do caminho. Clique com o botão direito na composição para acessar suas configurações. Você pode usar nossa taxa de proporção gerada automaticamente e quadros por segundo, ou escolher uma predefinição no menu suspenso. Eu vou com esta predefinição,
definir um pouco mais de tempo e apertar “Ok”. Agora certifique-se de que todas as camadas duram por toda a duração. Se necessário, dimensione as camadas para se ajustar à composição. S irá alternar o menu de dimensionamento a partir das camadas selecionadas na composição ou, se nenhuma estiver selecionada, todas as camadas. Se você é como eu e você não pensou em numerar as camadas, agora reorganize-as para que eles estejam na ordem correta de acordo com seu conteúdo e espaço. Corrija o posicionamento se não estiver certo, o que normalmente deve ser quando as camadas são exportadas do mesmo arquivo. Se você alternar esse menu suspenso para obter uma qualidade de exibição, poderá escolher entre configurações diferentes. A reprodução pode demorar um pouco mais quando estiver definida na íntegra. Agora, um passo importante, selecione todas as camadas e transformá-las em camadas 3D clicando, “direito “e pressionando “Camada 3D”. Alterne o menu suspenso Exibir para configurar sua exibição preferida. Eu uso duas visualizações horizontais para a visão da câmera ativa, e no outro, eu coloquei a visualização personalizada 1. Isso me mostra a configuração da câmera para a perspectiva do olho do pássaro, e eu tenho uma apresentação visual das minhas camadas no espaço. Como você pode ver, eles estão todos no mesmo lugar no espaço no momento. Você pode alterar o posicionamento arrastando suas setas ou pressionando “P” para alternar o painel de transformação na camada e alterar os números. Se desejar, altere a configuração para exibir dimensões
separadas clicando com o botão direito do mouse em “Dimensões separadas”. C dá-lhe o controlo sobre a sua vista na configuração esquerda, clique com o botão esquerdo e arraste, gira o mouse do meio da vista e arraste move a vista, para cima para baixo e de lado para o lado. Clique com o botão direito do mouse e arraste, amplia e diminua. Agora fica excitante. Nós montamos uma câmera virtual, vamos para camada, nova câmera. Há dois tipos. Uma câmera de um nó que gira em torno de si mesma, uma câmera de dois nós gira em torno de um ponto fixo de interesse. Eu escolho o último. Cada predefinição imita uma câmera do mundo real, e cada predefinição define as especificidades de ângulo de visão, zoom, distância focada, valor de abertura e distância focal. Por exemplo, os 15 milímetros oferecem um campo de visão muito amplo, e os 80 milímetros, um campo de visão muito estreito. Você pode criar diferentes câmeras para mudar entre se quiser ou simplesmente brincar com a Pré-visualização ativada, para descobrir o que funciona melhor para o seu trabalho. Pode sempre alterar as definições à medida que avança. Você também pode usar várias câmeras para cortar entre. Eu só uso um em cada um dos meus exemplos, porém, segure e arraste as setas na câmera para ajustar posicionamento ou use o menu suspenso na camada. Se você selecionar uma câmera e uma camada, poderá clicar com o botão direito do mouse sobre elas e selecionar “distância de foco de link da câmera para camada”, que
bloqueará o foco da câmera na camada escolhida. Neste caso, se você mover a câmera, ela permanecerá focada na camada peluda. Vamos mover as camadas que mordem no espaço, para que você possa ver o efeito um pouco melhor. Se você entrar nas configurações da câmera clicando duas vezes na camada, você pode ajustar o nível de desfoque. Um 100 é um desfoque natural para o tipo de predefinição de câmera que você escolheu. Sinta-se livre para brincar com todos os números azuis para descobrir o que eles vão fazer e o que funciona melhor para você. Se você mover a câmera agora e definir esta vista à direita para um 100 por cento. Ele mostrará como ele ficará no clipe de filme mais tarde. Por padrão, o ponto de ancoragem é fixado ao centro da camada. O ponto central de sua posição sobre ou seu arquivo, o PNG exportado de. Você pode alterar o posicionamento do ponto de ancoragem
da camada ajustando os números e, em seguida, suspensa na camada. Mas isso manterá o ponto de ancoragem fixo no centro. Se você alternar esse botão, poderá arrastar o ponto de ancoragem para outro local na composição. No entanto, tenha cuidado com o ponto de ancoragem, porque é o ponto onde cada movimento ou alteração na camada é afixado. Se você já tem posicionamento de quadros-chave ou animação, isso pode ficar confuso. Se você alterar os pontos de ancoragem ao longo do caminho. Se você quer uma câmera ou um movimento de camada, deixe-me mostrar-lhe como usar o quadro-chave tão rápido que você basicamente define um lugar no espaço e no tempo. Pressione o relógio de parada do respectivo aspecto que você deseja animar a posição, por exemplo. Em seguida, defina o indicador de reprodução para outro ponto na sua linha do tempo e altere o posicionamento e
o espaço, o segundo quadro-chave será automaticamente definido lá. Agora, se você pressionar a barra de espaço ou arrastar o indicador de reprodução ao longo da linha do tempo, você pode ver o movimento ou alteração que você fez. Esta é a configuração básica do que você precisa saber para animar um After Effects. No próximo vídeo, vou mostrar-lhe mais alguns detalhes para apimentar a animação de paralaxe.
6. Adição de magia no After Effects: Antes de chegarmos à magia real, quero falar sobre quadros-chave de novo bem rápido. Eu não vou mencioná-los mais, mas só para que você tenha uma idéia do que está acontecendo. Deixe-me explicar bem rápido. Existem diferentes tipos de quadros-chave. O padrão é forma de diamante 1 agora tem interpolação
específica, mas você pode controlar o comportamento dos quadros-chave. Com um botão direito do mouse em qualquer chave-frame selecionado, você chegará ao assistente de quadro-chave. Há três opções destacadas. Você pode escolher. Fácil facilidade, fácil facilidade de entrada e fácil facilidade de saída. Fácil facilidade é basicamente retardar as coisas para dentro e para fora em cada lado do chave-frame. Isso significa que se é um movimento de A sobre B para C, e você aplicar a Facilidade Fácil para B, o objeto viajará menos espaço para cada quadro que está se aproximando de B. Ele irá, da mesma forma, viajar cada vez mais espaço cada quadro movendo-se para C. Os pequenos pontos no arco representam a posição do ponto angular do objeto em cada quadro. Veja como eles se movem quando os quadros-chave são alterados. Fácil facilidade dentro e fora basicamente fazer a mesma coisa, apenas em uma direção cada. O assistente de quadro-chave irá ajudá-lo a obter um movimento muito mais suave em quadros-chave. Vamos começar com esta obra de arte aqui. Eu acho que o movimento da câmera já dá um toque agradável e como não há nada dinâmico acontecendo na cena, eu vou usar um pouco mais de magia sutil. Tenho uma luz vindo da esquerda e uma para enfatizá-la. Estou muito bem ciente de que há camadas de luz específicas e após efeitos, mas eu gosto de brincar para criar meus próprios efeitos. Para isso, eu criar uma nova camada de forma e desenhar nele era uma ferramenta pan e uma cor brilhante agradável. Um mascote para ter um pouco mais de controle sobre a forma, e obter a direção da luz que já temos em sua direita, então eu reduzir a opacidade da máscara, bem como aumentar sua pena. Para tornar a forma ainda mais suave, eu também adiciono um borrão gaussiano e, em seguida, mudo-os todos para sobrepor bam, mais luz. Como um passo extra, gostaria de acrescentar um pouco de poeira que está à deriva nessa luz. Neste caso, efeitos secundários tem uma grande biblioteca de predefinições de efeitos. Se você olhar à direita, você pode encontrar a guia chamada “Efeitos” e “Predefinições”. Se você não conseguir ver uma verificação na janela se ela está ativada e no caso de não estar, clique nela para adicioná-la à sua área de trabalho. Vá em frente e digite partícula. Deve haver três resultados, e eu escolhi o “CC Particle World”. Antes que possamos
usá-lo, ele precisa de uma camada para ser aplicada. Isso pode ser uma camada sólida simples. Agora pegue o efeito e arraste-o para a nova camada. Você vai ver como a cor sólida desaparece, e quando você move sua cabeça jogo, você pode ver o efeito. Não se parece nada com um e dois. Vou entrar na configuração de afetos que abriu em uma nova guia à esquerda. Você pode desmarcar os guias se eles te destruírem como eles estão me destruindo. Sob a partícula, mude de linha para esfera desbotada e altere o tamanho do nascimento e da morte para que eles sejam muito pequenos. Não queremos esferas brilhantes flutuando por aí. Aqui você também pode definir a cor para o que você acha que é a cor certa para poeira e luz. Para espalhar tudo um pouco e nosso produtor pegar o X, Y, e o Z e torná-lo um pouco maior. Para afetar como as partículas vão flutuar por aí, vamos para a física e definimos a gravidade para zero ou até mesmo negativa para que elas flutuem um pouco para cima. Aumentar a longevidade para que eu fique na tela o tempo que você
quiser e também mudar a física de explosão para viscoso. Se você quiser reduzir a quantidade de partículas, defina a taxa de natalidade para baixo, você quer mais, bombeie para cima. Sob extras, você pode encontrar na parte inferior a semente aleatória. Isto irá impactar onde na área as partículas estão. Mova isso para cima para espalhá-los um pouco mais. Aqui temos algumas partículas de poeira flutuando na luz agora. Esta obra de arte que eu animei é mais dinâmica para começar. Eu quero mostrar-lhe uma pequena ferramenta que vai ter um grande efeito se você usá-lo com moderação e da maneira certa. Em primeiro lugar, esta obra de arte dá algumas grandes oportunidades para mover a câmera. Nós não só temos as folhas em primeiro plano, nós também temos as mãos que estão vindo para a câmera mais que é floco de neve e os brilhos que são separados do personagem. Eu animei o floco de neve para estar flutuando para cima e para baixo um pouco. Para os brilhos, eu quero um movimento um pouco mais dinâmico e como eles estão todos em uma camada e eu sou muito preguiçoso para duplicar, mascarar e animar cada um, eu vou usar esta, a ferramenta de marionete. Você pode encontrar o botão pin na parte superior, selecione a camada que deseja animar. No meu caso, eu trabalho nesta camada de brilhos. A ferramenta de marionete só fixará elementos da camada que não são transparentes. Certifique-se de ter a cabeça de reprodução no início de
sua linha de tempo porque o uso da ferramenta marionete gerará quadros-chave. Coloque pinos até brilhar. Alguns serão agrupados automaticamente porque
estão próximos, mas isso não é muito importante. Depois de ter fixado todos os elementos que deseja efetuar, mova sua cabeça de jogo. Você pode ver que os pinos amarelos se movem ao longo como eles são fixados no espaço. Escolha um lugar na linha do tempo. Agora você pode pegar um dos pinos e movê-lo um pouco. Nós só queremos ter um pouco de flutuar para cima e para baixo para que não tenha que ser muito. Mova a jogada principal do jogo para verificar como a transformação se parece. Você pode copiar o quadro-chave da primeira posição e, depois de avançar no tempo, colá-lo, ou você está adicionando mais quadros-chave em toda a linha do tempo? Isso é tudo com você e sua animação. Verifique entre como parece. Aconteceu, que eu estava tão ansioso para mover os pinos ao redor que o tempo nele estava terrivelmente fora e acabou fazendo o dobro do trabalho. Agora podemos fazer a mesma coisa para o cabelo flutuando ao vento. A diferença é que, neste caso, todos os pixels que queremos mover pertencem à mesma forma grande. Eles afetarão um ao outro. Para evitar ter algo como uma distorção de rosto, fixe a cabeça lá. Agora temos alguns movimentos dinâmicos agradáveis lá, além do movimento da câmera. Meu último exemplo é um pouco diferente. Eu realmente criei esta ilustração com o tipo de animação em mente. Então as camadas eram todas muito separadas e tudo estava preparado para ser animado com uma animação de paralaxe. Aqui, eu não tenho animado muito a câmera, mas mais os elementos na cena. A câmera está lá principalmente para me dar controle sobre a profundidade do campo. Vejamos a camada separadamente. No céu, não há nada acontecendo. Esta nuvem, porém, está se movendo um pouco. Está se movendo lentamente e se desvanecendo ao longo do tempo. Depois há a linha das árvores e tem um movimento inútil para fora que ninguém vê porque está quase completamente coberto. Agora a árvore está passando, na verdade as mesmas três árvores uma e outra vez. Eu fiz uma composição embutida e duplicado as camadas animadas para falsificar o movimento do cartão passando um monte de árvores. Quando você pressionar você, ele mostrará os quadros-chave da camada selecionada, ou apenas todos os quadros-chave na composição quando nenhuma camada estiver selecionada. Pressionar E mostra o mesmo, mas para efeitos aplicados a camadas. Aqui você pode ver que eu coloquei esse efeito chamado wiggle em tudo basicamente que não é o fundo. O que ele faz é balançar bem a camada. Como em todos os efeitos, você pode brincar com as configurações à esquerda na etapa do efeito. Além destes, Eu também usei a ferramenta de marionete na roupa em primeiro plano para tê-lo mover-se sob cartão de
pântano e eu tenho alguma animação sutil embutido no gato eo personagem para a esquerda. Se você olhar de perto, você pode vê-los piscar de vez em quando. A animação de personagem com uma borboleta é uma animação 2D que eu fiz. Se você queria saber mais sobre isso, confira meu curso, contando uma história de personagens com uma animação em loop 2D. Isto é sobre isso. Agora você aprendeu algumas ferramentas mágicas. Estou ansioso para ver o que você faz com eles em seu projeto de classe.
7. Últimas palavras: Muito obrigado por ter feito minha aula de Skillshare. Agora, você deve estar confortável para cortar sua ilustração, colocá-la no After Effects, aplicar câmeras e brilhar um pouco de magia nela. Espero que você possa tirar algum conhecimento novo e interessante dele. Vamos ver o que você aprendeu fazendo upload de seu trabalho para o projeto da classe. Estou feliz em fornecer feedback. Se alguma coisa que eu disse não é clara para você, por favor, por favor, deixe-me saber nos comentários para que eu possa esclarecer as coisas. Eu só quero que você aprenda um pouco de magia, e basicamente, Hogwarts, apenas uma pessoa e para a arte. Espero que tenha se divertido e que tenha aprendido algo. Estou ansioso para ver seu trabalho no projeto da classe. Até a próxima vez. Tchau.