Os métodos de produção que aprendemos até agora são suficientes para atender à maioria das necessidades de produção de animação plana. Nesta lição aprenderemos algumas técnicas que podem adicionar mais efeitos aos trabalhos de animação, incluindo: camadas especiais, aceleração e desaceleração, desfoque de movimento e deformação de texto . Espero também que todos possam resumir suas próprias habilidades de produção e compartilhá-las com outras pessoas.
Essas habilidades são baseadas em cursos anteriores. Portanto, é necessário dominar a fundo todos os cursos anteriores.
Os itens que podem ser animados no Photoshop incluem posição da camada, máscara da camada, opacidade da camada e estilo da camada. Na fase do tutorial básico aprendemos sobre camadas de ajuste de cores e camadas de preenchimento. Este tipo de camada é especial. A primeira não gera uma imagem diretamente, mas faz ajustes de cores na camada subjacente. Embora este último produza uma imagem, é um “pixel virtual” e o conteúdo preenchido pode ser alterado posteriormente. Agora vamos usá-los para animação e ver que tipo de efeito podemos obter. Clique aqui para ler sobre camadas de ajuste de cores. Clique aqui para ler sobre camadas de preenchimento.
A camada de ajuste de cores é relativamente fácil de usar e você pode usá-la para criar efeitos de mudança de cores. Esses efeitos podem variar de alterações claras e escuras, alterações em tons de cinza, inversão, etc. O método de implementação também é muito simples, ou seja, primeiro crie uma camada de ajuste de cores e faça as configurações relevantes, e depois anime a opacidade da camada de ajuste. Os exemplos de animação abaixo são escurecimento de curva, brilho de curva, mapeamento de gradiente e inversão. Para alterar uma imagem para escala de cinza, você pode usar o gradiente de escala de cinza de um mapa de gradiente ou usar a saturação de matiz.
Deve-se notar que esse tipo de animação de mudança de cor ocupa um grande número de bytes porque os pixels entre os quadros anteriores e os seguintes são em sua maioria diferentes. Isso deve ser equilibrado reduzindo o número de quadros, a taxa de quadros ou o tamanho da animação tanto quanto possível. Além disso, você também pode criar uma máscara da camada de ajuste para obter efeitos de ajuste de cores apenas para uma determinada área, o que não será demonstrado aqui.
Às vezes pode ser necessário mostrar algumas mudanças dramáticas. As chamadas mudanças drásticas são grandes movimentos de pixels ou grandes mudanças de cor que podem ser usadas para obter mudanças drásticas de cor. Através do exemplo anterior, descobrimos que o efeito de usar a inversão como transição não é bom. Desativar o efeito de transição pode causar mudanças drásticas de cor. Isto pode ser conseguido de duas maneiras: uma é definir o quadro para preservar a interpolação. A segunda é não deixar espaço entre os dois quadros-chave, então não importa se há transição ou não.
Deve-se notar que o segundo método é menos modificável posteriormente. Se você aumentar a taxa de quadros nas configurações do documento, um novo quadro será inserido entre os dois quadros-chave originais espaçados, portanto, ocorrerá um efeito de transição. Portanto este método não é recomendado. Em vez disso, escolha a primeira abordagem.
Agora todos podem fazer essa animação sozinhos. O pacote de arquivos contém imagens de materiais e PSD do produto acabado. Por favor, não abra o arquivo PSD ainda e tente analisá-lo e criá-lo você mesmo. Após a conclusão, consulte o arquivo PSD de amostra.
Este exemplo de animação que demonstra a técnica de uso de uma camada de ajuste Invert tem um determinado enredo. O primeiro é a queda de um meteoro negro. O meteoro é uma linha reta ou vertical desenhada com um pincel com um passo de fade, depois girada em 45 graus (o ângulo pode ser personalizado) e, em seguida, a parte do céu, exceto o edifício, é criada. como máscara. Após desvincular a máscara, o meteoro pode ser movido de forma independente e criar um efeito de oclusão com a construção. A subsequente alternância de fase reversa não apresenta dificuldades técnicas e não será explicada novamente. Quanto à criação de máscaras, consulte o conteúdo relevante sobre máscaras de camada no tutorial básico.
Deve-se notar que o fade out final usa uma camada de ajuste de matiz e saturação. A diferença é que o fade out para preto é usado em vez do fade out anterior para branco. Ao usar camadas de ajuste para criar fadeouts, é melhor não usar Curvas ou Contraste de Luminância, pois esses dois comandos de ajuste de cores não transformam exatamente a imagem em branco ou preto total, como faz o comando Matiz Saturação.
Além de usar camadas de ajuste, você também pode usar camadas de preenchimento ou preencher camadas comuns para criar fadeouts. O princípio do fade out é o processo de aumentar gradativamente a opacidade da camada de 0% a 100%. A vantagem disso é que além do preto e branco, também pode desbotar para outras cores como vermelho, azul, etc. A seguir está uma animação produzida em 2000. A foto pessoal da época foi cortada em duas áreas diferentes e depois dividida em três segmentos. Uma camada de preenchimento branco foi usada para criar um efeito simulado de transição de exposição. Por ser usado como avatar pessoal no fórum clássico, o tamanho e o número de bytes da animação são estritamente limitados.
Não é uma tarefa fácil manter o número de bytes o menor possível e ao mesmo tempo garantir ao máximo a suavidade da animação. Isso pode exigir o sacrifício de algumas ideias, até mesmo boas. Mas se a animação produzida não cumprir os requisitos, ou a transmissão for lenta, perderá o seu valor mais importante. Você pode usar outros materiais para imitar esta animação, e o tamanho do arquivo é limitado a cerca de 5K (exemplo: 3,65K). E tente adicionar algumas ideias novas sob essa premissa. Quanto aos efeitos monocromáticos e de fio de seda.
Na camada de preenchimento, além dos preenchimentos de cores sólidas comumente usados, também existem preenchimentos de padrão e preenchimentos de gradiente. Não haverá instruções adicionais sobre como usá-los. Você pode experimentá-los você mesmo.
Aprendemos como fazer um objeto em movimento há muito tempo, mas todos os objetos que criamos se moviam a uma velocidade constante. Agora podemos simular os efeitos de aceleração e desaceleração alterando a posição dos quadros-chave. Este efeito não se limita ao movimento de objetos, mas também pode ser usado em qualquer efeito de transição, como fade in e fade out. E este método também é aplicável a outros softwares de edição de vídeo, bem como ao efeito DHTML da linha do tempo do software de produção de páginas da web GoLive.
Primeiro, criamos uma nova imagem de fundo branco de 150×100 e definimos o documento para 1 segundo e 30fps. Crie uma nova camada normal, desenhe um retângulo e configure a animação para movê-lo da esquerda para a direita. A configuração da linha do tempo é aproximadamente como mostrada na figura abaixo. A velocidade de movimento atual é constante.
Em seguida, mova o benchmark de tempo para 10f, clique no botão de diamante do item "Posição" e adicione manualmente um quadro-chave no momento atual. Este quadro-chave é atualmente redundante, pois não altera o processo de animação. Agora vamos imaginar que se você planejou originalmente chegar a um local em 10 minutos, mas agora é necessário chegar em 5 minutos, então você definitivamente precisa acelerar. Depois de compreender esse princípio, você poderá entender o método de fazer animação acelerada. Isso significa mover o quadro-chave do tempo 10f para o tempo 05f. Desta forma, o objeto se moverá rapidamente entre 0f e 05f, e retornará à sua velocidade original após 05f.
Por analogia, mova 15f para 10f, 20f para 15f e 25f para 20f. Você pode criar um objeto que fique lento. Estamos aqui para ilustrar o efeito, mas na produção real não há necessidade de alterar tantos quadros-chave. Dependendo da distância em que o objeto se move, geralmente é suficiente alterar 2 a 3 quadros-chave. Distâncias móveis muito longas não são adequadas para representação GIF. Além disso, não defina a taxa de quadros tão alta quanto 30fps.
O desfoque de movimento está, na verdade, relacionado ao movimento dos objetos. Às vezes, quando é necessário usar menos quadros para expressar o movimento rápido dos objetos, o uso do desfoque de movimento pode reduzir a sensação de salto da imagem. No exemplo de demonstração de animação a seguir, o número de quadros fornecidos para o movimento do personagem é de 4 quadros. É muito difícil completar o movimento de longa distância (a chamada longa distância também precisa se referir ao tamanho do objeto) sob tal. número limitado de quadros. Para compensar essa deficiência, duplicamos a camada do personagem e a processamos com um filtro de desfoque de movimento para criar um efeito de pós-imagem. Mova a pós-imagem com a camada do personagem e oculte-a no início e no final do movimento. Este gráfico de personagem pode ser encontrado na biblioteca de formas que acompanha o Photoshop. Todos tentam criar eles próprios o efeito de desfoque de movimento. Fornecemos arquivos de origem PSD para que todos possam comparar após a conclusão.
Deve-se notar que aqui ainda mantemos a imagem completa do personagem no quadro com desfoque de movimento. Na operação real, também podemos reduzir a opacidade do personagem, ou simplesmente reter apenas a pós-imagem, resultando em uma sensação de movimento mais rápida. . No modo de retenção apenas da pós-imagem, o comprimento da pós-imagem deve ser adequadamente estendido e próximo à posição do objeto no final do movimento. Você pode observar atentamente o exemplo de animação e prestar atenção à diferença na posição da pós-imagem.
O desfoque de movimento é amplamente utilizado na área de produção de cinema e televisão, e a maioria dos softwares de produção de cinema e televisão, como o After Effects, possui funções especiais para isso. Em alguns clipes de filmes e televisão, se você pausar alguns objetos em movimento rápido, poderá ver imagens residuais semelhantes. O nome em inglês para motion blur é Motion Blur. Na produção de animação GIF, o desfoque de movimento pode aumentar o número de cores na animação, porque o próprio efeito de pós-imagem contém muitas cores de transição. Ao produzir, preste atenção ao equilíbrio entre o número de cores e a qualidade da animação.
Além de usar filtros para criar pós-imagens, você também pode copiar várias cópias da camada e alterar sua cor ou opacidade sucessivamente para formar um efeito de pós-imagem mais regular. Conforme mostrado na imagem à direita abaixo, você pode copiar a camada de personagem em 3 cópias. e preencha-os com eles. A cor muda para vários graus de cinza. Esse tipo de pós-imagem também pode ser bem expresso com um número menor de cores. A pós-imagem formada pelo filtro pode produzir manchas coloridas em um número menor de cores.
Ao usar camadas de texto, alguns leitores atentos podem ter descoberto o projeto de animação " deformação do texto ". Conforme mostrado na figura abaixo, você pode definir o estilo de deformação como "Nenhum" ou outros estilos na animação para criar um efeito de deformação transicional. Este projeto de animação é realmente muito fácil de usar, mas infelizmente só pode ser limitado a texto. Seria melhor se pudesse ser eficaz para todos os gráficos. No entanto, às vezes podemos simular algumas formas simples de objetos por meio de pontuação ou caracteres especiais no texto, ganhando assim a capacidade de deformação. Por exemplo, o símbolo "-" pode ser expandido em um retângulo.
