Transcrições
1. Introdução: Bem-vindo ao Moving Illustrações. Meu nome é Hannah Lau Walker, e sou uma animadora 2D que trabalha em comerciais há quase 10 anos. Minha coisa favorita absoluta para animar são morphs, então esta aula vai ensinar como criar morphs no Adobe Animate. Morphs são animações de efeitos especiais que mudam uma imagem em outra através de uma transição perfeita. É um ótimo lugar para iniciantes começarem, pois é o tipo de animação que foca em seu tempo e permite que você fique muito solto com seus desenhos, que realmente liberta você para se divertir com animação. As principais habilidades que ensinarei nesta aula serão como treinar
seu olho para ver qual estilo de animação combina com o estilo de ilustração e como usar princípios de animação para enfatizar esse estilo. Vamos começar por discutir diferentes tipos de morphs e
os estilos ilustrativos que se adequam a eles antes trabalharmos através de alguns princípios básicos de animação. Em seguida, passaremos passo a passo pelo Adobe Animate e trabalharemos durante o processo de animação. Morphs são a parte mais emocionante da animação. Eles são soltos e livres em um lugar onde você pode ser quase criativo. Esta classe irá ensinar-lhe os princípios da animação e, em seguida, permitir que você empurre esses princípios ao seu limite ao usá-los para transformar suas próprias ilustrações. No final desta aula, você saberá o que fazer no Adobe Animate. Você saberá como mover uma ilustração para outra. Mas o mais importante, você terá começado a olhar para suas ilustrações em uma nova vida e será capaz de imaginá-las entrando na vida em sua tela. Essa é a coisa mais incrível sobre animação. Se você pode imaginar, você pode fazê-lo.
2. Qual é o projeto?: Neste projeto de classe, estaremos animando morphs no Adobe Animate. Este projeto dá aos ilustradores a chance de pensar sobre o tipo de animação que melhor se adapta ao seu estilo. Como os morphs são realmente flexíveis, ele cria um ótimo espaço para experimentar e se divertir com animação. É um tópico perfeito para iniciantes, pois ao contrário de outros tipos de animação, morphs são muito mais soltos e menos técnicos para que você possa aprender princípios de
animação e testá-los sem ficar tão atolado nos detalhes. Eu acho que é importante que antes de começarmos a animar, levemos algum tempo para considerar quais as melhores abordagens para o nosso design. Animação pode ser um processo muito longo e é importante fazer esses estágios iniciais e realmente considerar o que você está fazendo antes de começar a animar. O que você não quer fazer depois de um longo dia de animação é perceber que um estilo diferente teria sido melhor, ou que você poderia fazer alguns ajustes seu quadro inicial porque isso pode significar horas mais trabalho, e às vezes até mesmo começando de novo do zero. Agora, na nossa primeira aula, vamos ver o que são morfos e por que são usados. Vamos verificar diferentes estilos de movimento e como esses movimentos incorporam o tom do seu design, dando energia e vida reais às suas ilustrações.
3. Desdobrar morphs: Nossa primeira classe será apresentá-lo ao mundo dos morphs o que eles são, e onde eles são usados. Morphs e animações são classificadas como efeitos especiais que mudam uma imagem em outra através de uma transição perfeita. Comercialmente, os morphs são usados para fazer a transição de uma cena para outra ou transformar uma imagem em outra. Eu acho que as pessoas gostam de usar morphs para transições de
cena para cena porque pode ajudar a manter o ritmo da animação. Em vez de usar cortes como você faria em live action, na animação você pode se divertir mais morphing, mantendo a fluidez da narrativa, e às vezes até mesmo usando essa transformação para adicionar outra camada de significado. Agora vamos olhar para alguns estilos diferentes de morphs. Vamos nos concentrar em transformar uma imagem em outra, e vamos começar olhando para a reta mais básica entre elas. É super simples, mas não dá tanta personalidade. Considerando que você pode ter um morph com mais squash e stretch, que tem muito mais energia no caráter. Talvez você não queira tanto acontecer, mas você quer passar rapidamente de uma imagem para outra. Nesse caso, você pode usar uma morph que se concentra em suas atenuações. Aqui estamos confiando muito em facilitar nossa imagem final. Na verdade, há muito pouco entre nossas duas chaves finais, e ainda assim você sente como se estivesse mudando de uma imagem para outra. Usando esta técnica permite que ele seja um pouco menos áspero do que apenas cortar de uma imagem para outra. Quando a maioria das pessoas pensa em morphs, no entanto, eles estão muitas vezes pensando em algo mais como um esfregaço. Há muito mais distorção e é muito mais divertido de animar, criando imagens realmente alongadas. Com este tipo de estrela, você realmente começa a empurrar sua animação para seus limites. Outra transformação que empurra um design é quando você divide a imagem e faz com que ela se reconstrua em outra imagem. Eu amo essa coisa. Eu fiz uma versão bastante básica aqui, mas você pode realmente empurrar esta animação para ser muito mais caro. Essas são apenas algumas maneiras de animar uma transformação. Mas você pode realmente fazer o que quiser, e pode funcionar muito bem tendo uma mistura desses tipos diferentes. Usando pequenos pedaços de cada elemento, você pode dar mais textura à sua animação, o
que, por sua vez, torna ainda mais satisfatório assistir. Agora que você conhece alguns estilos diferentes de morphs, você pode verificar nossas animações que você gosta e ver onde essas técnicas foram usadas, e se há outras estrelas que você gostaria de aprender, é muito importante começar pensando em como essas técnicas podem ser usadas em seu próprio trabalho e treinando seu olho para vê-las em outros.
4. Desenhar movimento: Nesta lição, analisaremos diferentes estilos de design e discutiremos qual estilo de animação melhor lhes convém. Vamos começar olhando para mais designs gráficos. Aqui você pode ver, ao usar um estilo mais gráfico se presta a movimentos maiores e mais
ousados, mostrar mais squash e esticar, e pode usar tempos muito mais rápidos. Agora vamos comparar aqueles com projetos mais feitos à mão. Com este registro de mão, você pode separar o design muito mais fácil. Apoiando-se em marcas texturizadas para fazer a transição da chave para a chave. Essas animações são menos saltitantes, mas mais fluidas usando as marcas para criar texturas que enfatizam o movimento. Agora, vamos colocar isso em um pouco de contexto, pegando duas ilustrações e animando-as de duas maneiras diferentes. Como você pode ver, esses projetos são muito delicados então deixe-se para um estilo mais renderizado à mão de animação. Eu os animaria de uma forma muito mais lenta e fluida, assim. Bem, então um estilo bouncier maior como este, ele simplesmente não se encaixa no design também. Queremos evocar o sentimento da ilustração dentro do movimento em vez de lutar contra ele. É importante tomar um tempo para pensar sobre o design antes de começar a animar. Agora, vamos olhar para ilustrações. Realmente qualquer ilustração pode ser movida, mas alguns projetos funcionam muito melhor do que outros. Aqui está uma seleção de ilustrações que funcionaram melhor para morphs. Como você pode ver, eles são mais gráficos e menos detalhes. Ter essas formas fortes torna mais fácil animar e oferece mais flexibilidade quando se trata de seu movimento. Uma coisa a lembrar quando você está se transformando é que você quer ter certeza de que seus projetos têm silhuetas
diferentes um do outro e isso faz de você uma transformação muito mais interessante. Para comparar, aqui está uma seleção de designs que serão mais difíceis de se transformar. Ter muitos detalhes e texturas vai torná-lo mais complicado e potencialmente bastante esmagador assistir. Você quer clareza dentro de seu movimento, então ter designs complicados ao se transformar pode ficar visualmente confuso. Tendo falado sobre como o design influencia diretamente o movimento, seria legal para você conferir animações que você gosta de estilo
estético e, em seguida, se concentrar na animação. Veja o que é sobre a animação que funciona com esse estilo. Considere o tempo, o ritmo, a forma do movimento, depois tire algum tempo para olhar para o seu próprio estilo de design e pensar sobre o tipo de movimento que funcionaria com isso.
5. Os princípios da animação: Para este vídeo, discutiremos princípios de animação e destacaremos alguns que são particularmente úteis ao animar morphs. Vamos começar olhando para espaçamento e flexibilização. Quando falamos de espaçamento, estamos nos referindo à distância entre cada um de seus desenhos. Usamos espaçamento para expirar nossas animações, e com um bom tempo, damos intenção aos movimentos que estamos animando. Estamos dando aos movimentos uma atitude e um sentimento. O espaçamento de seus desenhos dá peso aos objetos que você está animando. Então o espaçamento é uma parte essencial da animação. espaçamento também incorpora atenuação, que descreve os desenhos de qualquer extremidade de uma ação. Acho que usar facilidade é a parte mais importante do meu trabalho. Na minha opinião, você pode vender qualquer animação com a quantidade certa de flexibilização. Vamos dar uma olhada em algum espaçamento. A primeira transformação tem um espaçamento completamente uniforme. Você pode ver que não há muita personalidade nesta animação, e a transformação não está realmente dizendo nada. A segunda animação é um pouco mais rápida, e você pode ver que favorecemos o nosso caso um pouco mais. Agora, esta terceira transformação é muito mais rápida, é tudo facilitação, e nós realmente empurrá-los no meio para facilitar o nosso caso. Você pode ver quanta personalidade tem nesta transformação comparada com a primeira. Há muito menos energia. Ambos podem ser usados lá para contar uma história. O ritmo uniforme deste primeiro definitivamente se encaixa um certo estilo e pode ser usado em animação lenta e mais pensativa. Em comparação com esta última transformação, será mais provável que
eles sejam usados em animações de alta energia e ritmo acelerado. Agora, vamos falar sobre antecipação. Sybil Tyler disse que há apenas três coisas na animação: antecipação, ação e reação, o que se resume a dizer a eles o que você vai fazer, fazer isso e depois dizer a eles o que você fez. Antecipação é realmente a primeira parte de envolver seu público. Usamos a antecipação para atrair a atenção do público para a parte certa da tela no momento certo. O tamanho da antecipação vai refletir o tamanho do movimento que ele prossegue. Então, se você está tendo uma grande ação acontecer, você quer uma grande antecipação para preparar o público para o que está por vir. Vejamos alguns exemplos disso. Esta primeira transformação é totalmente uniforme, então é apenas direto para a transformação. Nesta segunda transformação, você pode ver que há um ligeiro movimento ascendente antes que ele desça para a transformação. Este pouco acima é usado para chamar a atenção
do público antes do movimento maior, que é a transformação. Agora vamos ver uma versão mais extrema. Vamos seguir em frente para esmagar e esticar. Usamos squash e stretch para dar às nossas animações mais caráter. Usar squash e stretch faz com que nossas animações se sintam mais fluidas e vivas. Esta primeira animação não tem squash e esticar sobre ele. Agora, vamos comparar isso com um que faz. Você pode ver aqui como nós esticamos nossa maçã sobre a antecipação e esmagamos ela indo para baixo para a transformação. À medida que saímos dessa transformação,
esticamos nossa animação e, em seguida, facilitamos para a posição final com o squash novamente. Isso dá à animação uma sensação saltitante muito agradável. Agora, vamos empurrar isso ainda mais e comparar esta primeira abóbora e esticar com uma mais extrema. Você pode realmente usar todos esses princípios em graus variados, e eu acho que o estilo de ilustração que você está usando irá ditar o quanto você quer empurrar cada princípio. O último princípio que olharemos hoje é seguir adiante. Follow-through são as extremidades do seu objeto enquanto eles arrastam e se instalam após o movimento principal. Isso pode incluir braços, por exemplo, quando você está fazendo movimentos de corpo inteiro, ou cabelo se assentando quando você vira a cabeça. Ao usar movimentos extremos ou ágeis, acompanhamento ajuda a vender o movimento. Muitas vezes, com algo se instalando depois de um movimento rápido, damos ao público a chance de registrar o que aconteceu. Vejamos alguns exemplos. Este primeiro é apenas a nossa animação básica com um pouco de squash e esticar sobre ele. Agora, vamos adicionar um pouco de fogo a ele. Você pode ver aqui que a folha e a palha estão seguindo através. A folha tem um ligeiro movimento que leva a partir da antecipação, e então vemos a palha segue através após a caixa de suco terminar seu movimento. Este acompanhamento realmente vende a morfo. Só que ter esse movimento extra nos
ajuda a não sentir como se tivéssemos chegado a uma parada repentina. Agora, vamos ver o que isso parece, empurrado mais longe. Você pode realmente ver como aumentamos e diminuímos todos esses princípios em graus diferentes, e como eles podem funcionar para suas ilustrações. Essas versões mais extremas geralmente funcionam melhor com ilustrações redondas e mais gráficas, mas uso mais sutil desses princípios ou que melhor maneira do que mais estilo escrito à mão. Esses são os principais princípios de animação que eu sinto que são importantes ao animar morphs. Para mim, gosto de usar todos esses princípios, mas em diferentes graus dependendo do design. Agora que você conhece esses princípios, seria ótimo olhar para a
estética do seu design e pensar sobre os princípios nos quais você gostaria de se concentrar. Talvez até volte e veja as animações que você gosta e perceba por que eles estão usando esses princípios, como eles estão usando e como você pode ser capaz de fazer o mesmo para seus designs.
6. Configurar o Adobe Animate: Estamos configurando seu projeto do Adobe Animate. Primeiro, vamos criar um novo arquivo. “ Arquivo”, “Novo” ou Command N. Eu gosto de usar HD, que é 1920 por 1080 em 24 quadros por segundo. Se você vai postar coisas online, 24 quadros são normalmente uma boa referência. Então vamos criar. Este é o Adobe Animate. Você tem suas ferramentas aqui. Eu gosto de ter transformar sublinhado apenas na mão. Você também pode adicioná-los em “Windows”. Então aqui, temos nossa biblioteca. Este será o lugar onde seus quadros de estilo serão importados e suas Propriedades. Mas o principal aqui é a nossa Linha do Tempo. Então, todas as camadas e o esfolamento de cebola, que vamos chegar mais tarde. Primeiro, vamos salvar este arquivo versão 1
do Skillshare e, em seguida, nas minhas iniciais. Eu gosto de mudar meu palco para azul claro. Eu só acho os brancos um pouco brilhantes, e se você esteve trabalhando o dia todo em animação, pode ser um pouco cansativo com seus olhos. Além disso, você deseja tirar essas camadas avançadas. Isso é para exportar e você não precisa agora. “ OK” e eu tenho um belo palco azul. Agora, vamos importar nossos quadros de estilo, que atuarão como nossos quadros-chave. Se você preferir usar o design que usarei neste projeto, você pode baixá-los na guia Projetos e Recursos desta página. Vamos começar a importar, então vá para “Arquivo”, “Importar para o Palco”. Então queremos pegar nossos dois quadros de estilo. É o primeiro. Se entrarmos em “Alinhar”, podemos enviar para isso. Certifique-se de que Alinhar ao palco esteja clicado. É a nossa primeira moldura de estilo. Em seguida, se clicar neste segundo quadro aqui e pressionar F7, que irá criar um quadro-chave em branco e podemos importar o nosso segundo quadro estilo. Novamente, se alinharmos isso ao palco. Lá vamos nós, dois quadros de estilo. Agora, o que queremos fazer com esta camada é se transformar em um Guia. Se você clicar com o botão direito do mouse na “Camada”, clique em “Guia”, e isso significa que quando exportamos a animação final, esta camada não vai aparecer. É uma espécie de camada escondida. Se renomearmos esses quadros de estilo. Então queremos voltar para “Propriedades”, mouse e clique em “Opacidade 50" apenas para que tipo de oculto, não está tão acabado. Em seguida, crie uma nova camada, que é apenas este botão aqui, e rotule que áspero. Agora, você está pronto para ir até a próxima lição. Nossa próxima lição será desbastar a animação. Ok, ótimo. Obrigado.
7. Esboçar a animação: Agora nosso arquivo [inaudível] está pronto. Queremos começar a desbastar a animação. Eu gosto de fazer toda a minha animação áspera usando a ferramenta de pincel. Então, se clicarmos em “Pincel” e clicarmos na pressão, isso significa que temos essa borda cônica agradável. Então, se formos para Propriedades, Eu gosto de ter o pincel bastante grosso para que ele não fique muito magro, especialmente com um quadro de estilo como este. Além disso, se mantivermos o zoom com o palco ligado, isso significa que o que quer que esteja perto ou longe do palco, o pincel permanecerá do mesmo tamanho. Se o tirarmos, você pode ver que será como [inaudível], o que é bom quando você quer fazer muitos detalhes. Mas para o estágio de desbaste, eu acho que é bom manter movimentos grandes e
ousados e depois entrar nos detalhes mais tarde. Nossa pressão no pincel, e eu tenho a minha no azul. A primeira coisa que eu gosto de fazer é apenas rastrear minhas molduras estilo. Isso é um. Então, se entrarmos na linha do tempo e clicar no próximo quadro e pressionar F7, isso cria um quadro-chave em branco. Então eu posso desenhar sobre o próximo quadro de estilo. Ótima. São dois quadros de estilo redesenhados no palco. Agora, a razão pela qual eu faço isso é que eu gosto de
esconder a camada de moldura de estilo só para que nós somos todas linhas azuis. Eu acho que quando entrarmos em desbaste e usar a pele de cebola, você verá por que é tão útil ter tudo redesenhado dessa maneira. A próxima coisa é adicionar um quadro extra. Então, se você clicar em F5, isso cria um novo quadro, e F7 criará esse quadro em branco. Agora temos o espaço entre as duas chaves. Queremos clicar na pele de cebola aqui, e você pode ver esses dois quadros chave, o roxo referenciando o quadro atrás e o verde referenciando o quadro na frente. Eu gosto de tirar para camada verde fora apenas para que nós estamos focando em nosso primeiro quadro estilo e movendo-se para fora deste para o próximo. Você pode ver que eu já estou esmagando. Quero ter certeza de que seguimos os arcos dessas folhas. Arcos realmente ajudam a criar uma animação suave. Então, para ver como isso parece, podemos pressionar o botão menos que, que clica para trás, e então nós, se quiser ir para a frente, podemos clicar no
botão maior do que no teclado e tirar nossa pele de cebola fora. Então só agora queremos manter em quadros. Isso é F5, e depois F7 para um quadro em branco. Faço tudo isso quadro-a-quadro. Eu realmente não chave tanto quanto eu faria em algo técnico só porque é um pouco mais divertido apenas fazê-lo um pouco mais livre. Não queremos que tudo se mova ao mesmo tempo. No momento, tudo está empurrando para baixo e para fora, mas nós queremos que essa base comece a chegar, eu acho. Então, enquanto o topo ainda está empurrando para baixo, a base pode estar saindo, o que só adiciona um pouco mais. É bom ter as coisas se movendo em momentos diferentes só porque parece mais natural. Se você quiser apenas testar a aparência, você pode pressionar Enter e isso irá apenas dar-lhe uma reprodução rápida. Agora, tudo que eu tenho atualmente está em um, e vai ser em dois mais tarde, mas eu só gosto de manter todos os meus quadros juntos enquanto eu estou apenas testando coisas fora. Agora, como vamos movê-lo para cima, estamos indo para o próximo quadro-chave. Eu gosto de colocar isso aqui em cima. Então, só temos um lugar para mirar. Você tinha caído, e então você está subindo. Queremos empurrar para cima bastante. Então você vai adicionar um quadro aqui e ir além. Você só quer ultrapassar o quadro, subir, e depois voltar para baixo. Agora, vamos ver como isso parece. Sim, isso está funcionando. Nós esmagamos todo o caminho para baixo e então nós esticamos para cima. Queremos esmagar um pouco mais antes de chegarmos à posição final. Isso parece um pouco mais agradável. Quando chegarmos a este ponto de cima e voltarmos para baixo, acho que devemos começar a revelar as flores. Eu quero que esse movimento seja um pouco diferente, então ainda esteja se desenrolando. Eu vou seguir esse movimento, seguir isso através. Este pote está a começar a instalar-se. Quando isso acontecer, vamos descobrir que o pote termina antes da planta. Isso é apenas ter o bom acompanhamento da planta. Então, quando isso começar a acontecer, crie uma nova camada e plote a planta separadamente. Então aqui eu vou pegar a ferramenta de laço, que é aqui em cima, chave L, e apenas pegar o pote do quadro de estilo final. Copie isso, Command, C
e, em seguida, Command, Shift, V para colar no lugar. Então esse pote está na final. Se eu puxar a moldura para uma camada diferente, vou manter a panela visível e ainda pele de cebola. Porque quando você tranca uma camada, você não pode mais ver a pele de cebola. Então essa planta coloca em uma camada diferente, mas eu ainda posso ver camadas anteriores para o movimento da planta. Eu preciso derrubar esta planta, longe o suficiente para que ela possa voltar para lá. Eu realmente tendem a me preocupar com as altas proporções reais de coisas
neste momento porque ele está apenas tentando colocar o movimento lá dentro. Acho que
devemos esmagar por mais tempo. Agora, se você pressionar V ou [inaudível] seta, você pode selecionar tudo isso e podemos voltar e ver que subimos, e então queremos descer. Mas acho que não temos esmagado o suficiente para que possamos esmagar aqui, sair desta abóbora, e provavelmente remover essa moldura. Isso parece um pouco mais agradável. Esticar. Se você pressionar Q, também
poderá usar a ferramenta de transformação. Pressione Q ou este botão aqui em cima, e então vamos pegar a âncora. Então, se nós apenas esmagá-lo, eu acho que é a coisa com flashes, que você não tem que ser super tradicional. Você pode ser um pouco desajeitado. Sinto que estamos nesta posição por muito tempo. Agora temos uma ideia aproximada do movimento. Eu só vou colocar tudo em dois. Parece que está em um bom lugar. Agora vamos voltar e adicionar alguma antecipação ao início
apenas para chamar a atenção do público para o fato de que uma transformação está prestes a acontecer. Junte-se a mim na minha próxima aula, onde vamos adicionar em alguma antecipação e continuar desgastando. Muito obrigado.
8. Criar antecipação: Nesta aula, vamos continuar desbastando nossa animação de transformação e começar adicionando alguma antecipação. Novamente, como dissemos antes, a antecipação está chamando a atenção do público para algo que está prestes a acontecer. À medida que descemos aqui, a antecipação quer subir. Tipo, “Ei, algo está prestes a acontecer aqui.” À medida que o pote cai, queremos que o pote suba na antecipação, à
medida que a planta desce, queremos que a planta suba. Deixe-me jogar isso. A coisa que gosto de fazer quando sei que algo está a vigiar uma e outra vez. Só ajuda a realmente pegar em qualquer coisa. Vamos cronometrar isso. Nós só queremos acrescentar, queremos dar tempo suficiente para esta antecipação para prepará-los para o movimento maior que está prestes a acontecer. Nós também queremos fazer isso suave, e ao fazer isso suave, temos que interligá-lo,
para que não pareça tão abrupto. Então, queremos facilitar isso com um intermediário. Queremos aliviar isso com um intermediário. Talvez até para entrar. Agora, olhando para o quão saltitante essa parte é, eu senti que nossa antecipação poderia ser muito mais agradável. Então nós aproximadamente sabemos como o nosso tempo está parecendo. Só queremos que seja um pouco insuflável, o que significa que podemos esticar um pouco mais. Mas eu acho que um pouco mais de salto, só pode mais ou menos no meio disso. Você quer um no meio favorecendo aqui, e depois um no meio favorecendo o primeiro quadro. Isso foi um pouco lento. Muito perto no meio, só nos dá tempo
suficiente para registrar esse movimento e depois registrar isso. Estamos prestes a fazer algo dramático. Estou até tentado a voltar e amarrar no meio favorecendo o primeiro quadro. Quando você está fazendo uma espécie de entre-intermediários neste, favorecendo, desta forma. Eu acho que algumas pessoas pensam que é um pouco exagerado, mas eu acho que mesmo o menor movimento realmente dá toda
a animação um monte de textura e sutileza que talvez, ver que é uma sensação agradável lá. Isso aparece muito. Eu acho que se você notar quando nós assistimos através, tipo de aparece e nós não vemos por muito tempo, que eu acho que faz com que seja um pouco estranho. O que podemos fazer quando vemos algo estourando é ver se tudo isso está fluindo para isso. Poderíamos empurrar este desenho um pouco, e então o próximo, podemos favorecer esse desenho um pouco mais também. Como você pode ver, eu estou apenas sendo duro, excluindo o que você quiser em vez de, você não precisa ser legal e arrumado nesta seção. A parte de desbaste realmente é áspera. Ninguém deveria olhar esses desenhos, na verdade. Está bem. Acho que esta primeira parte está boa. Na próxima aula, acho que vamos nos concentrar nesta seção final e adicionar um pouco de acompanhamento nessas folhas. Então, se quiser se juntar a mim para a próxima aula, por favor, faça. Muito obrigada.
9. Adicionar conclusão: Nesta aula, vamos continuar desbastando nossa animação de transformação, focando no acompanhamento. Temos esse bom movimento aqui com estes seguem muito rapidamente e porque esse movimento, backup é tão rápido. Eu só queria resolver um pouco mais para que parecesse natural em vez de apenas ir direto para aqui e nós podemos superá-los ligeiramente. Mais ainda, é bom se não tivermos tudo terminado ao mesmo tempo. Eu acho que há algo muito surreal quando você vê animação e tudo pára no mesmo momento. Não parece muito real. Este está indo além do seu ponto final aqui. Devemos ser capazes de resolver isso. Havia isto. Podemos passar em algum momento, então estamos superando o ponto final. Só quero favorecer essa superação antes de colocá-la de volta na posição final. É tão detalhado aqui com minhas linhas de manobra, fica um pouco confuso, mas quando amarramos
isso, deve ser um pouco mais claro. Então apenas duplique o último quadro chave. Só estou deletando um pouco. Eu não quero resolver ainda. Só para aumentar o meu [inaudível]. Só quero verificar esta parte para ter a certeza. Está funcionando lá em cima. Eu acho que você quer ter certeza que você não tem nenhum pedaço como este que está aderindo. Você quer fazer essa parte. Favoreça o quadro anterior
e, em seguida, este, favoreça o próximo quadro. Só porque com tudo se movendo tanto, você realmente percebe se algo fica preso em uma determinada posição. Isto pode mesmo arrancar. Esta posição final vem em muito difícil, então você vê como tudo tem um pouco mais de sutileza e é perfeitamente bom ter que vêm em tão difícil como ele faz, mas apenas preferem ter um pouco mais suave inclinado para o quadro anterior Um pouco mais. Então, se colocarmos um quadro chave aqui, que é F6,
e, em seguida, excluir este quadro anterior, ou você pode apenas colocar em um intermediário favorecendo, aquele. Não parece tão difícil quando pára, o que eu acho que é importante com os morphs. Então você vai manter tudo fluído e não fazer nada acontecer tão abruptamente. Acho que com o seguimento que diminui a abruptura dessa parada. Mas com apenas isso no meio, suaviza a dureza, e eu acho que é o mesmo para as antecipações e coisas assim. É como se você não precisasse necessariamente dessa moldura. Mas para mim, eu sinto que você só quer suavizar essas bordas. Olhando para ele de novo, sinto que talvez aqui dentro, esta árvore desaparece um pouco rapidamente. Seria bom vê-lo por mais um pouco. Às vezes eu gosto de desenhar sobre algo porque eu sinto que você gosta do que você tem got-ish, mas você só quer desenhar por cima para apenas linha de sonho onde quer que esteja. Você quer ser capaz de ver tudo de uma vez. Eu acho que desenhar e aplicar uma cor pode realmente ajudar com isso. Você pode apenas realçá-lo e, se você pressionar “Shift”, você pode clicar fora do que você não quer e cor escolher a parte de trás azul e simplesmente preencher essa linha. Isso parece um pouco mais. Não parece tão gordo. Ainda parece um pouco gordo. Vamos ver isso. Apenas com a “ferramenta Transformar”, basta torná-la um pouco mais magra. Há muita coisa então. Podemos fazer com que ele faça o loop da reprodução no controle. Reprodução em loop só para vê-lo saltando junto, mas eu sinto que isso está em um bom lugar. A próxima etapa será a limpeza e produções maiores, normalmente, você terá um estágio de amarração onde você vai pegar suas rugosas e arrumá-los tudo para que outra pessoa possa limpar. Mas quando eu estou em um projeto só para mim, eu tendem a fundir, limpar e amarrar em um processo, que eu possa economizar algum tempo porque eu sei a intenção da animação, então eu não preciso adivinhar o que acontecendo. Ótima. Vemo-nos na próxima aula para uma limpeza.
10. Limpar as linhas: Agora que terminamos toda a nossa animação, é hora de limpar. Gosto de colocar toda a animação que temos em uma pasta. Basta rotular essa animação áspera e, em seguida, clique na camada superior. Se você pressionar Shift e clicar na camada inferior, vou destacar tudo e você pode simplesmente arrastá-lo para esta pasta áspera. Então queremos ir para as propriedades, então clique com o botão direito do mouse. Clique em “Propriedades” e leve isso para, vamos para 35% de opacidade. Agora, se jogarmos, você verá que toda a animação áspera está em uma camada ou 35% de opacidade. Por enquanto, eu vou desligar e voltar no nosso quadro de estilo lá. Aqui estão nossos dois quadros de estilo original. Vou começar a limpar com a minha linha. Eu crio uma nova camada, camada de linha
e, em seguida, a aparência de linha está ficando preta. Nós só queremos combinar nosso pincel com o pincel usado no quadro de estilo. Como você pode ver aqui
, tem uma borda cônica. Pode ser um pouco maior. Se você for para 17 nas propriedades. Aqui, lá vamos nós. Se você pressionar F4, ele ocultará todas as guias. Agora, limpando a camada de linha, nós apenas rastreamos sobre isso. Agora vamos desligar essas coisas lá dentro e voltar para a nossa camada áspera. Agora você pode ver que isso realmente não é o quadro final, então basta clicar e arrastar esse quadro até o final. Além disso, eu só vou estender isso, clicando em F5 para apenas adicionar em alguns quadros apenas para que ele se mantenha em cada quadro. Agora eu vou gostar de encontrar todas as chaves realmente. Este é um aqui, é o seu ponto mais alto e então temos um aqui, outro ponto mais alto, aqui o nosso ponto mais baixo e pode ser aberto. Eu só vou colocar em uma camada para o pote sentado como isso termina mais cedo. Você quer pegar a última ferramenta Sue, então vamos selar a seção e, em seguida, segure Shift e então Command X tira aquele pop, Command Shift V coloca de volta lá dentro. Você pode apenas limpar um pouco. As primeiras coisas primeiro. Queremos limpar estes primeiros quadros, mas queremos colocar
a pele de cebola só para que possamos ver o quadro antes. Então é sua primeira chave. Tire a pele de cebola e apenas verifique, apenas escondendo os ásperos. Então vamos fazer a nossa próxima chave. É bom quando você está limpando para ter certeza de que você está fazendo isso conscientemente, e você não está apenas rastreando sobre o trabalho de linha que está lá porque ásperos podem ser bastante ásperos. Você só quer ter certeza de que tudo realmente funciona e que não há oscilações e não há pops. Você ainda tem que pensar sobre a animação e o movimento. Vamos tirar isso e verificar. Podemos jogar. Ele se sente bem. Desligue os rugosos para trás. Com esta chave vamos querer um quadro CPN também porque quando chegarmos a esta base, ele vai ser afetado por isso. Colocamos a pele de cebola e arrastamos âncoras até o fim. Você pode ver onde fica a base disso. Como você pode ver em bruto, nós subimos e descemos e entramos nisso. Nós só queremos que ele venha acima. Nós só queremos estar sempre cientes de onde estamos mirando. Quando se trata desses detalhes da folha, eles vão fazê-los em uma cor diferente porque partes deles vão se sobrepor aos outros. Se as fizermos em uma cor diferente, podemos excluí-la assim, por exemplo. Como você pode ver, este e este aqui, estão na frente destes dois. Esse é este e este, então vamos fazer esses primeiro. Você só diz aqui, Comando Z como desfazer, então quando você vê as coisas desaparecerem é só porque eu sou o Comando 'Zeding' eles. Você pode apagar essa parte. Agora que está feito. Podemos destacar a coisa toda e torná-la negrito preto. Vamos tirar a pele áspera da cebola e ver como isso parece. Basta colocar a chave F7 lá para não termos que ver isso. Bloquee-os para que nenhum deles seja selecionado. Isso se sente bem. Agora, se voltarmos para trás, agora tenho as minhas chaves. Vou começar a colocar molduras em branco. É total áspero. Eu só vou salvar uma nova versão, versão 3. Queremos continuar salvando coisas porque o anime pode ser um pouco complicado e ele gosta de falhar. É bom ter certeza de que você salvou várias versões. Agora, vamos colocar a pele de cebola de volta e
vamos olhar para a nossa animação áspera e nossas chaves. A razão pela qual fazemos as chaves é para que estejamos fazendo a animação o mais suave possível. Porque eu vejo muitas pessoas como limpar em frente, que só significa que há o potencial de que você vai ficar mais oscilante em sua linha. Só de usar chaves, sinto que ajuda a detê-las. Se você quiser entrar em suas configurações avançadas, você pode alterar a opacidade da pele de cebola. Se você baixar para 50, pode ser um pouco menos intenso. Espero que veja sua própria animação. Ela pode até colocá-lo para baixo, isso funciona melhor para mim. Se você clicar neste botão loop, ele permitirá que você veja apenas uma pequena seção uma e outra vez. Você pode ver aqui que esses elementos estão cintilando, que é basicamente seu pincel indo de grosso para fino, que você pode ou não gostar. Para mim, eu gosto, mas também não quero fazer isso muito. Só vou fazer este mais grosso. Eu acho que às vezes cintilar pode dar um pouco de textura, mas às vezes como aqui, você pode ver que é só porque o no meio está desligado. Durante a limpeza, você quer estar constantemente verificando seu trabalho apenas para ter certeza de que ele não está saindo do modelo ou toda a animação não funciona de alguma forma. Esta primeira seção, está bem limpa. Agora vamos passar para a segunda seção. Devemos apontar para este quadro primeiro porque ele tem o maior movimento, então é aqui que vamos parar de limpar. Eu gosto de desenhar arcos ásperos para quando eu animo, apenas para que você possa ter certeza de que tudo está indo na direção certa. Às vezes é difícil ver isso sem um guia para si mesmo. Se você apenas desenhar uma linha de ação para si mesmo, eu acho que isso pode ser bastante útil. Agora este é um bom próximo quadro, porque está entre estes dois em comparação com este quadro que está favorecendo o quadro completo. Se passarmos para este agora. Para um projeto como este, estamos perdendo um passo do meio, que é amarrar as coisas. Após o estágio de desbaste, você teria um estágio de empate para baixo onde você colocar tudo em modelo e limpá-lo até o ponto que alguém aqui virá mais tarde para limpar, não
vai ficar confuso por quaisquer linhas ásperas. Mas porque eu estou limpando isso sozinho, eu tendem a fundir o empate para baixo e limpar em um trabalho só porque isso
me poupa tempo porque eu não estou tendo que
considerar o que outra pessoa fez naquele duro. Eu já sei qual é a intenção da animação. Uma coisa que queremos ter certeza é que todas as nossas linhas caem no meio. Veja como esse áspero não caiu entre esses dois quadros. Queremos ter certeza de que tudo fica suave e que todos os entrepostos funcionem sem problemas. Às vezes, quando você quer ver vários quadros diferentes como eu quero ver este quadro final, mas eu também quero verificar os rugosos. Vou apenas pressionar Alt ou opção e arrastar um novo quadro aqui, então eu posso apenas ver que ao lado, mas também ser capaz de ver os rugosos abaixo sem ter abaixo sem terque
cobrir todos esses rugosos e ver muitos quadros. Eu só vou adicionar mais alguns quadros aqui só para
resolver estas folhas porque eu sinto que as folhasem resolver estas folhas porque eu sinto que as folhas si são tão detalhados, mas isso só vai ajudar a ter um pouco mais assentar lá dentro. Mas sim. Agora estamos todos limpos. Ótimo. Agora a linha está feita. Vamos passar para a cor.
11. Colorir a arte: Nesta aula vamos passar para a cor. Eu gosto de duplicar a camada de linha, então clique com o botão direito Duplicar camada e mover isso abaixo da linha lá e nomeá-lo de qualquer cor que você está indo para fazer, vamos fazer as folhas, então isso é verde. Então, se você apenas esconder tudo, eu tendem a mudar esta camada de linha para ser invisível. Vou destacar todas as camadas. Se você clicar sobre isso, esta é a pele de cebola onde você pode ver e editar todas as diferentes camadas que ele está destacando. Se fizermos todas as camadas e, em seguida, clicar neste realçando tudo, você pode então ir para a cor e mudar o Alpha para zero. Todas as linhas são invisíveis, mas ainda existem. Isso só significa que agora você pode preencher toda a camada com a cor verde e você não será capaz de ver as linhas, então se você precisar exportar apenas o verde para fazer alguma forma de textura ou algo assim e efeitos secundários, você terá apenas aquela caixa de preenchimento verde. Então, se abrirmos o quadro de estilo, descobri-lo, mudar as propriedades para visível, podemos escolher cores. Então, se pressionarmos
I, eu vou escolher a cor verde e então eu posso esconder isso novamente. Clique na sua camada verde e basta preencher. Agora vamos fazer a mesma coisa para as outras cores. Como você pode ver, você não pode preencher algo assim porque na verdade a camada está nessa parte, então na verdade isso não é realmente forma. Você precisa fechar essa lacuna e ser capaz de preencher. Obviamente, isso significa que você terá um pouco de sobreposição aqui. Então nós só queremos mover a camada de luz sobre o topo apenas para que ela cubra qualquer um desses pequenos pedaços. Eu acho que quando você tem elementos como este que mudam de uma cor para outra, você só precisa testar onde ele preenche direito para você. Qual parte do movimento esconderá essa mudança de cor melhor. Quando chegarmos a este ponto, estamos nos transformando no próximo quadro de estilo. Parece um bom lugar para começar a mudança de cor. Lá temos ele. Tudo limpo movimento, tudo bonito e colorido. Agora que temos são movimento, na próxima classe estaremos exportando. Então, por favor, junte-se a mim para a próxima sessão. Obrigado.
12. Como exportar: Tenho todas estas camadas aqui. Isso significa que a animação áspera será lançada na exportação, mas podemos transformá-los em uma camada guia. botão direito do mouse, transforme-se em um Mas há algo mais que eu acho bastante útil quando você quer ter certeza de que essas camadas ocultas não saem em sua exportação, e isso é se você entrar em Configurações de Publicação de Arquivos e Incluir camadas ocultas. Então você quer ter certeza de que está desmarcado. Isso significa que qualquer coisa que você escondeu não vai sair na exportação. Quando você começa a usar símbolos e coisas assim às vezes você pode ter uma camada escondida em algum lugar profundo de um símbolo, e quando você exporta, ele pisca todo o caminho através de sua animação e você não tem idéia de onde ele está. Isso só significa que tudo o que você vê
no palco é o tema que você vai na exportação. Espero que saiba que coisas escondidas aparecendo de repente. Ótima. Agora, estamos prontos para exportar. A primeira coisa que você deseja fazer é considerar para onde deseja exportar. Por exemplo, se você quiser exportar para um Tumblr, você vai querer exportar um GIF. Se queremos exportar um GIF, vamos para Arquivo Exportar, Exportar GIF Animado, e então isso vai aparecer. Há algumas coisas aqui que você quer conferir. A primeira coisa é a transparência. Você quer sua transparência ligada ou desligada? Se você quiser tirá-lo, ele vai aparecer para a cor do palco que você tem. Se quiser, só terá um Alpha atrás. Eu acho que quando você está exportando GIFs para algo como adesivos do Instagram ou adesivos GIPHY, você quer ter certeza de que sua transparência está ligada. Isso significa apenas que a animação é o foco principal do seu adesivo, ele não tem uma caixa em torno dele. Outras coisas que você quer verificar são o tamanho, se este é o tamanho de imagem certo para você se você quiser ficar com o seu HD, e também se o loop para sempre. É importante ter o loop para sempre um como de outra forma, Eu só vou jogar uma vez e haverá uma imagem parada. Outra coisa que é bom verificar sobre isso é, é aqui você pode ver o tamanho estimado do arquivo quando você exportá-lo. Então, ele deve sair em 1,5 megabytes. Se for alguém como o Tumblr, às vezes eles têm um limite de quão grande esse arquivo deve ser. Se, por exemplo, você quisesse que isso fosse menor, você poderia mudar o tamanho dele aqui. Você pode apenas baixá-lo para 50%, então é apenas uma imagem menor. Então, obviamente, será um tamanho de arquivo menor, mas vamos exportar 100 por cento. Queremos ir ao Save, e isso vai aparecer. Você quer criar uma pasta Exportar e, em seguida, basta colocá-la lá dentro. Agora, se você voltar para o nosso Finder, pasta
Exportar e lá está o seu GIF. Outros lugares onde você pode querer exportar estão em algum lugar como Instagram ou Vimeo, então você vai querer explorar MP4 [inaudível]. Se voltarmos para Exportação, podemos ir para Exportar Vídeo/Mídia, e isso vai trazer esta caixa. H. 264 é uma exportação normal. Você só quer ter certeza de que ele está indo para o local de trabalho, então nossa pasta Exportar. Aqui você pode escolher se ele tem um Alpha ou não. Eu vou manter o meu palco cor azul e então eu estou pronto para exportar. Isso abrirá o Media Encoder, que fica aqui em cima. Uma vez exportado, isso aparecerá. Você pode clicar aqui. É rápido encontrá-lo, e essa é a sua animação. Agora, este não faz loop diferente do GIF. Se você quiser fazer algo que loops um par de vezes, você pode colocar todas as duas opções. Você pode arrastar e copiar a animação para que ela seja reproduzida duas vezes; esta é uma maneira barata de fazê-lo,
ou você pode importá-la para o After Effects e fazer com que ela volte lá, o que é bastante útil. Se você quiser importar sua animação para o After Effects eu recomendo em vez de importante seu MP4, crie uma sequência PNG apenas porque é uma versão de alta resolução. Nós vamos para Exportar, Exportar Filme, e eu apenas colocar um pouco de sublinhado no final daqui, e criar uma sequência PNG. Sua sequência PNG não terá seus planos de fundo de palco, então ele criará uma camada Alpha para você, o que deixa você com apenas algumas animações. Os PNGs podem ser bastante pesados,
portanto, você também pode exportar um SWF para arquivos do After Effects. SWFs são realmente ótimos para importar para o After Effects porque eles são baseados em vetores, que você
possa ampliá-los e diminuir o tamanho e isso não alterará a qualidade da animação. Considerando que o PNG é uma imagem estática, então ele vai pixelizar quanto mais você ampliá-lo, enquanto que a maneira SWF, que é realmente útil. Vamos abrir o After Effects rapidamente e mostrar-lhe como exportar uma versão em loop do seu MP4. Vou importar um SWF. Aqui está o nosso SWF. Se você clicar com o botão direito do mouse, poderá Interpretar filmagem, Principal. Você vê aqui em baixo, você pode repeti-lo várias vezes. Então eu vou fazer um loop cinco vezes. Então eu vou arrastar esse SWF para aqui, ele aparece no palco. É bom arrastar seu SWF para aqui, porque ele manterá todo o tamanho do arquivo no palco. Então eu vou criar apenas uma cor de fundo, é apenas uma forma. Abra esse pinheiro ali, e então você pode ver sua animação. Agora, para renderizar que queremos ir para Composição, Adicionar Codificador de Mídia que usamos antes. Aqui temos Media Encoder. Mais uma vez, estamos exportando a H. 264. Isto é apenas um pouco mais de informação sobre a exportação. Se clicarmos na saída apenas para verificar onde ele está indo, Skillshare, Animação, Exportar, e aqui. Como você pode ver, ele será exportá-lo como um MP4 e, em seguida, exportar. Em seguida, podemos clicar aqui e encontrar a nossa exportação. Aí está a nossa animação repetida. Estas são todas as exportações e será incrível poder ver todas as suas. Se você quiser postar qualquer um dos mais que você faz nos fóruns de discussão, ou me marcar no Instagram ou algo assim. Seria muito legal ver o que vocês fizeram com a turma. Incrível. Muito obrigada.
13. Considerações finais: Parabéns, você chegou ao fim da aula. Nós cobrimos tudo, desde escolher suas ilustrações até exportar suas animações. Se há uma coisa que eu espero que você possa tirar da aula é isso, com alguns princípios que você pode trazer qualquer ilustração para a vida. Mas para garantir que seu design se sinta fiel a si mesmo, considere o movimento que você está animando. Faça o upload de seus projetos para a guia Projetos e Recursos na página da turma, pois eu adoraria conferir seus trabalhos se você tiver tempo para fazê-los. Muito obrigado por assistir minha aula. Espero que você ache útil e eu realmente espero que você tenha se divertido; mais ilustrações de dedo. Obrigado.
Hannah Lau-Walker, 2D Animator
