Transcrições
1. Introdução: Olá, sou o JD e bem-vindos à minha primeira aula de partilha de habilidades. Nesta aula estará fazendo isso. Começaremos criando toda a nossa arte no Illustrator, trazendo-a para efeitos secundários e criando camadas de forma, animando e ajustando com o editor de gráficos. Finalmente, renderizá-lo e trazê-lo para o Photoshop para exportar como um presente em loop. Então, tire um momento, lançar ilustrador, e eu vou vê-lo no próximo vídeo.
2. Como desenhar o personagem: Vamos começar criando uma cor de fundo para o nosso projeto. Eu só estou indo para título esta camada de fundo PG. Se você clicar em, você pode digitar as dimensões. É 1920 por 1080, e nós vamos encontrar, quero uma bela cor azulada aqui. Vamos mudar um pouco. Vou deixar assim. A primeira coisa que vou fazer é bloquear a camada de fundo, e agora vamos criar nossa bolha. Ferramenta de elipse, vamos criar uma nova camada, e eu só vou chamar essa bolha camada. Então nós vamos fazer a cor branca, e nós estamos desenhando nossa bolha. Nossa bolha seria algo assim tão grande, e então eu só quero alinhar com o quadro de arte. Lá vamos nós, e temos nossa bolha, e isso é literalmente tudo que eu quero fazer para a bolha agora. Vou trancar essa camada. Agora vamos começar a criar nosso personagem. Eu vou criar outra camada, e por enquanto, vamos deixar a camada 3, porque eu vou pegar esse personagem e dividi-los em pedaços para animar mais tarde. Vamos apenas começar com a forma da cabeça e eu estou realmente indo para usar uma ferramenta de retângulo e arrastá-lo para fora aqui. Algo como isto. Encontre qualquer tipo de tom de pele que você deseja usar, e vá para cima como um tom de pele de pêssego, mindinho para esta ferramenta de bordas redondas, e começamos a nossa cabeça. Vou pegar minha ferramenta de elipse para trazê-la aqui e aqui. Então vamos pegar um pouco de cabelo, e eu quero que meu cabelo seja como, talvez uma cor marrom enegrecida como este. Digamos que eu não sei o que isso vai ser ainda. Vou ter algo divertido acontecendo aqui. Como isso. Algo assim, e coloque a orelha em cima. A frente, lá vamos nós. Isso parece bom, e então vamos fazer outra pequena parte marrom aqui atrás. Algo assim acontecendo. Eu vou descobrir como um par de olhos para esse cara. Vou fazer os olhos dele pretos por enquanto. Sim, olha para este lado. Round um pouco de nariz aqui e ir com o tom de pele, e então eu vou apenas para cima e adicionar um pouco mais de saturação. Lá vamos nós, um pouco de nariz, e tornamos este nariz um pouco mais perceptível. Lá vamos nós. Vamos fazer uma boca. A boca vai ser assim. Provavelmente torná-lo da mesma cor que os olhos. Alinhe isso aqui. Vou encolher só um pouquinho. Retângulo redondo na parte inferior. Vá em frente com um belo sorriso aqui, lá vamos nós. Vamos adicionar alguns dentes, também vai ser um branco. Como eu vou fazer os dentes é que eu estou indo apenas para usar ferramenta construtor de
forma mantenha pressionada a “Opção” e você pode clicar fora, verdade quer fazer a mesma coisa para a língua. Vamos para aqui. Arraste para o local onde a língua estaria. Vou fazer uma bela cor vermelha. Algo assim talvez, e lá vamos nós e selecionamos isso como a forma da boca, construtor de
forma e Option ou Alt e clique fora, não menos, lá vamos nós, e temos um bom começo para o nosso cara aqui. Vamos voltar para dentro. A mesma coisa que fizemos antes, ferramenta
retangular, descobrir como eu quero que o pescoço dele seja. Ele vai colocá-lo na parte de trás, retângulo
redondo como seu pescoço. Vamos fazer o corpo dele agora. Ponha esse todo o caminho para trás, e vamos fazer o corpo, vamos fazer a camiseta como se eu não soubesse. Na verdade, vamos fazer da mesma cor que a língua. Simplesmente assim. Eu gosto disso. Levante os ombros um pouco. Como isso. Parece muito bom. Podemos pegar essas partes inferiores aqui. Estes não precisam ser arredondados. Eles vão ser mascarados mais tarde, então você não vai ver de qualquer maneira, e eu só gosto de continuar ajustando essas coisas até eu ter algo que eu gosto, assim. Bastante bom. Eu acho que talvez a cabeça pode ser muito alta, então vamos mover tudo isso um pouco para baixo. Isso é realmente apenas empurrar e movê-lo até você obter algo assim para baixo, ouvidos para baixo. Tudo isso pode descer. Sim, eu gosto mais disso. Depois continuamos a brincar com isto até termos algo que gostamos. Só precisamos de uma sombra rápida para o pescoço, preciso da minha ferramenta de caneta, e vamos começar aqui. Aqui, vá para aqui, aqui, vá para aqui. Vai ser desta cor, e vamos torná-la mais escura assim. Aqui vamos nós. Vou cortá-lo, colá-lo na frente do pescoço. Então o que eu vou fazer é ampliar um pouco, e eu vou apenas esticar isso, e eu vou usar minha ferramenta de construtor de formas para obter a forma do jeito que eu quero, assim. Se você quer para o construtor de formas, Shift M, é o atalho para ele, e agora nós temos um bom começo aqui, e talvez eu tenha esse cara olhando demais para um lado. Aqui podemos consertar isso um pouco. Algo assim. Lá vamos nós talvez precise de sobrancelhas. Vamos dar-lhe sobrancelhas, ver o que acontece. Ferramenta de borda redonda, tampa redonda. Lá vamos nós, isso é legal. Vamos levar tudo isso. Vamos imprimir um pouco, pegar isso e eu vou esmagar um pouco assim, lá vamos nós. Agora, eu vou pegar nosso cara, eu vou movê-lo para cá e vamos escalá-lo para caber como queremos que ele esteja na nossa bolha. Lindo, é um bom começo. Agora, eu vou fazer um par de braços aqui, e os braços que eu vou fazer com a ferramenta de caneta. Vou virar para o derrame. Vamos fazer um boné redondo, e vamos trazê-lo para cima. Vamos ficar um pouco mais grossos. Isso é bom. Vamos agarrá-lo e pô-lo para trás assim, lá vamos nós. Vamos fazer apenas alguns ajustes aqui, eu acho. Vou trazer o cotovelo dele um pouco mais. Braço para fora só um pouquinho. Acho que o que vou fazer é fazer o braço
dele da mesma cor da camisa. Vamos pegar esse número de cor rapidinho. Vamos mudar a cor. Vamos dar mangas compridas, lá vamos nós. Então eu quero chegar a este ponto, vamos removê-lo do caminho. Além disso, o que eu vou fazer é deixar isso um pouco mais
escuro do que o vermelho que usamos, assim. Perfeito. Então vamos pegar isso e vamos duplicá-lo. Nós vamos girá-lo. Coloque-o assim. Vamos trazê-lo para a frente, e vamos torná-lo da mesma cor que a camisa vermelha. Basta ajustá-lo um pouco como se estivesse no quadril dele, lá vamos nós. Agora temos os dois braços feitos. Eu vou pegar, e fazer uma pequena mão aqui. Então pegue nosso retângulo, faça algo assim. Tom de pele, vamos entrar um pouco mais, arredondar, algo assim. Em seguida, outro como este, volta dele e este é o nosso polegar para os nossos polegares para cima. Agora, temos um cara nos dando um polegar para cima. Agora, o que eu quero fazer é que eu quero ter a maior parte
dessas coisas em sua própria camada para animar. Vou levar esses dois caras aqui. Vamos começar com o que vai estar lá atrás, então precisamos de algumas camadas aqui. Vou chamar esta camada três. Eu realmente vou mudar o nome Eu vou chamá-lo de corpo, e isso vai ser para o nosso corpo principal,
pescoço, cabeça, provavelmente a boca, nariz, cabelo, todas essas coisas. Vou mesmo colocar algumas camadas, talvez as sobrancelhas, os olhos e os braços. Abaixo disso vamos ter um braço e provavelmente colocar o polegar em sua própria camada. Vamos ter o braço esquerdo e o polegar. O braço esquerdo vai ser isso e a mão, então o braço e a mão. Vamos cortar isso. Coloque isso no braço esquerdo baseado no lugar. Pegue o polegar, corte isso, coloque isso na camada do polegar. O que isso faz é que nos permitirá animar o polegar aparecendo mais tarde. Então temos o braço direito. Eu vou fazer olhos, e então eu vou fazer um chamado piscar, e então eu vou fazer mais um para sobrancelhas. Tenho sobrancelhas. Acho que isso vai cobrir, então vamos colocar os olhos na camada deles. Colar no lugar. Vamos colocar este braço em sua camada, pasta de braço
direito no lugar. Sobrancelhas, corte-o, cole no lugar. Por último, vamos dar um piscar de olhos. Vamos copiar estes, colá-los num piscar de olhos. Vamos esconder a camada dos olhos. Agradável e perto. Queríamos que estivesse lá, mas será algo assim. Esse será o nosso piscar de olhos. Agora podemos desligar o piscar de olhos, então temos camada de piscar. Acho que esta é provavelmente uma boa hora para salvar. Eu só vou para “File”, “Save As” e eu vou salvá-lo como “Bubble Guy” e “Save”. Temos nosso cara, ele está pronto para a animação. Em seguida, criaremos o diamante e colocaremos tudo no “After Effects”.
3. Como criar o diamante: Neste vídeo, nós vamos apenas fazer um pequeno diamante rápido para o cara ser capaz de fazer como um 3D 180 flip para revelar o diamante. O que vamos fazer é esconder o cara, então só nossa bolha está aparecendo. Como eu vou fazer o diamante é criar uma nova camada e chamar esta camada de diamante. Com isso selecionado, vamos basicamente fazer um triângulo aqui. Um pequeno triângulo como este. Perfeito. Eu poderia fazer isso um pouco mais alto, assim. Vamos duplicá-lo uma vez, duplicá-lo duas vezes, trazê-lo, e duplicá-lo novamente. Traga-o para que seja o centro. Girá-lo, mais uma vez e teremos a parte superior do nosso diamante. Então vamos pegar a ferramenta Caneta, encontrar o centro, desenhar a metade inferior e descer um pouco. Acho que isso é muito bom. Ferramenta de caneta de novo. Vamos desenhar esta peça lá. Lá está o nosso diamante, ou onde o nosso diamante deve estar. Traga isso para a frente. Eu desenhei na parte de trás de alguma forma. Precisamos de obter os contornos. Vamos torná-lo uma cor de design plano. Vou fazer uma cor azulada, então vou entrar e encontrar outro azul bom. Eu não sei. Vamos ver algo assim só para ver como isso acaba. É muito bom. Eu só vou copiar tudo isso, selecionar tudo, mudar tudo para a mesma cor. Pegue este, vamos torná-lo um pouco mais brilhante. Algo assim. Vou pegar este e este e combinar com essa cor. Escolha o centro e torná-lo o mais brilhante. Na verdade, vou pegar esses dois e trazê-los um pouco mais, tipo bem ali. Quero que este seja ainda mais brilhante. Aí está o nosso diamante. Então o que eu vou fazer é pegar este diamante, eu vou agrupá-lo, “Comando G”, e nós vamos apenas encaixá-lo dentro da nossa bolha assim. O cara está quebrando a forma da bolha. O diamante vai sentar na bolha. Simplesmente assim. Perfeito. Nosso diamante é feito. No próximo vídeo, vamos começar uma composição do After Effects e colocar tudo isso lá dentro há tão [inaudível] para animar.
4. Como importar para o After Effects: O que vamos fazer agora é criar uma nova composição no After Effects e depois importar em nossa arte do Illustrator e prepará-la para animação. Vamos começar clicando no novo botão de composição aqui. Vai trazer nossas configurações de composição. Vou nomear esta animação principal. Este é o lugar onde a animação principal será realizada. Vai ser 1.920 por 1.080 e taxa de quadros 2.997. Vou deixá-lo em 25 segundos com a cor de fundo branco. Clique em OK. Agora, em seguida, o que faremos é importar nossa arte do Illustrator. Vou até o meu localizador e apenas arraste e solte o arquivo do Illustrator direto no After Effects assim. Tipo de importação, vamos deixá-lo como composição. Filmagem, tamanho da camada, clique em OK. Isso traz todo o nosso trabalho em uma composição. Fazemos duplo clique se quisermos. Na verdade, vou copiar tudo isto para a nossa animação principal. Tenho uma animação principal, cola-a. Lá vamos nós. Então, na verdade, vou apagar o cara da bolha por enquanto. Ainda temos todas as nossas obras de arte do Illustrator bem aqui nas camadas do cara da bolha. O que eu quero fazer agora é que eu quero tomar tudo isso como, eles são todos arquivos AI agora. O que eu quero fazer é transformar estes em camadas
de forma e isso é realmente fácil de fazer. Tudo o que temos que fazer é, você pode ligar tudo isso se quiser, não importa. Temos os antecedentes. Na verdade, vou deixar o fundo como está. Podemos trancar isso para que você não possa movê-lo. Em seguida, a bolha, vamos apenas clicar com o botão direito do mouse nele e clique em criar formas a partir da camada vetorial. Assim, obtemos uma bolha vetorial ou pegamos formas da nossa camada vetorial. Então podemos simplesmente excluir a camada de bolha. Vamos fazer isso para cada um
desses . Clique fora para isso. Mais dois. Continue clicando em vasto. Vou verificar e apagar todos os arquivos do Illustrator. Agora temos todas as mesmas camadas, elas são apenas agora camadas em forma do After Effects. Vou me livrar dos contornos de cada uma dessas bolhas. Temos braço esquerdo, polegar, contornos do corpo, contornos do braço
direito, olhos, piscadela, sobrancelhas e o diamante. Agora temos tudo chamado, em camadas. O que é legal sobre isso é se queremos fazer alguma mudança em todos. Se decidimos que não gostamos da cor da camisa dele ou algo assim, não
precisamos voltar para o Illustrator,
mudar a cor, salvá-la,
e depois voltar para o After mudar a cor, salvá-la, Effects, podemos ir para a nossa camada corporal, atirá-lo para baixo, conteúdo, passar por nossos grupos e você pode tomar o tempo para nomear todos esses grupos. Como se isto fosse corpo, isto é sombra de pescoço. Você pode ver o que está sendo destacado aqui quando é clicado. Eu posso pegar a camisa e eu posso ver
aqui em cima é a cor e a sensação e eu posso mudar para qualquer coisa que eu quiser, muito facilmente aqui. Temos tudo isso depois colocado para fora. Está quase pronto para começar a descobrir como vamos animá-lo. O próximo vídeo, o que faremos é animar o cara. Vou mostrar-lhe como configurar a máscara para que ela esconda a parte inferior dela aqui. Então vamos fazer o flip 3D que revela uma forma de diamante. Vejo você no próximo vídeo.
5. Como animar o personagem: Ok, bem-vindo de volta. A primeira coisa que vamos fazer antes de começar a animar é, provavelmente
deveríamos “Salvar” porque não fizemos isso no último vídeo. Então vamos ir, "Arquivo”, “Salvar como”, e vamos salvá-lo como Bubble Guy Animation e “Clique em Salvar”. Agora, temos o projeto salvo e o que vamos
fazer é descobrir como queremos animar o cara. Então vamos nos preocupar em mascará-lo. Vamos esconder o diamante por enquanto. Dê uma olhada no nosso cara que temos aqui. Ok, então nós provavelmente queremos fazer é pegar as sobrancelhas, o piscar, os olhos, o braço direito e o braço esquerdo e colocar todos eles no corpo. Então eu vou pegar o polegar e eu vou colocá-lo no braço esquerdo. Assim posso mover o corpo e tudo o segue. Então, a primeira coisa que eu vou fazer é, eu acho que eu queria varrer do fundo esquerdo e entrar e se instalar no centro. Então eu estou realmente indo para começar esta animação na marca de um segundo. Vou levar o corpo se usar a tecla Y, podemos mudar onde está o ponto de ancoragem. Eu vou colocar o ponto de ancoragem aqui no canto e V nos
leva de volta à nossa ferramenta normal e o que eu vou fazer é, eu vou para a rotação e eu sei que eu quero ele girado assim. Então ele vai voltar ao zero assim. Então, vamos adicionar um chave-frame. Vamos mover esse quadro-chave para fora, digamos 10 quadros ou 12 quadros por enquanto. Você pode fazer isso fazendo Option e Shift com o quadro selecionado e você pode movê-lo dez de cada vez. Basta segurar a Opção um quadro de cada vez. Então de volta onde estamos, vamos girá-lo de volta. Talvez, vamos tentar 30 graus e isso é muito lento. Vamos ampliar. Use o plus, zoom in e eu já sei que vai ser muito lento para ir dez. Ok, lá vamos nós. Tudo bem, agora não estou preocupado com o quão suave o movimento é. Só quero ver o quão rápido é a moção. Tempo sábio assim. Então vamos posicionar o quadro chave aqui e apenas dizer, em seguida, ir para a frente dez e queremos que ele seja para baixo assim. Só vamos ver como fica. Então eu quero que ele suba e depois assim. Então, se você bater em U, podemos ver todos os nossos quadros-chave e o que eu quero que aconteça como eu quero que
a rotação permaneça atrás dos outros movimentos que seja como se ele estivesse se movendo para cima e então ele se mexa. Vamos apenas obter esta moção fácil e um pouco. Vamos levar tudo isso e a função F-9. F-9 acrescenta um pouco de flexibilização e lá vamos nós. Agora eu estou pensando também que talvez esta rotação deveria ser, vamos para alguns quadros. Você clica no pequeno pairar aqui. Ele realmente adiciona exatamente o mesmo chave-frame que você já tem e eu vou voltar para ultrapassar isso um pouco, talvez por cinco e então eu vou jogar com isso um pouco mais no editor de gráficos em um minuto, mas vamos fazer com que o movimento básico continue. Então o que eu quero fazer é nos deixar pegar a cabeça para que estejamos no corpo. Vamos realmente expandir isso um pouco mais e vamos encontrar a cabeça. Ali está a cabeça. Vou nomear isto para sabermos que é, cabeça. A cabeça realmente tem uma transformação. Agora é aqui que temos um problema. Quero que o cabelo, os olhos e tudo se movam com a cabeça, então o que vou fazer é pegar na cabeça, no cabelo, na orelha, no
nariz, na boca, tudo isso. Então eu vou levar tudo isso. Vamos cortar isso. Então é por isso que é bom criar essas coisas como camadas em forma. Eu vou para a camada superior,
nova camada de forma e eu vou colar a cabeça de volta, então o que podemos fazer é eu posso realmente pegar essa cabeça e movê-la de volta para cima e um lugar onde nós tivemos exatamente assim e agora nós podemos renomeie esta camada de forma Cabeça. Agora podemos girá-lo assim e o que eu posso mudar é,
eu posso dar o piscar, sobrancelhas e os olhos e ter estes emparelhados na cabeça em vez disso. Agora, quando eu rodar minha cabeça, tudo o que se segue. Então o que vamos fazer é voltar ao corpo. O corpo está chegando. Acho que está fazendo a sua coisa. Temos a cabeça presa ao corpo dessa forma e enquanto a cabeça, bem, o corpo tem impulso subindo assim, o que vamos fazer é pegar a cabeça. Vamos fazer exatamente a mesma coisa que fizemos antes. Vamos usar a ferramenta Y e definir nosso ponto de ancoragem aqui para baixo. Então vamos voltar um pouco assim. Defina um chave-frame e à medida que
avançamos ele vai ir um pouco, talvez mais dois, e então nós vamos voltar a zero. Vamos ter um pouco de superação com a nossa cabeça também e então vamos “função F-9" fácil é seus quadros e agora vamos e então eu posso compensar isso por alguns quadros. Lá vamos nós. Ok. um bom começo para a animação com a cabeça movendo-se para cima com um pouco de salto. Eu não notei um pequeno problema com a sombra no pescoço para que possamos fazer exatamente como fizemos antes. Podemos entrar no corpo, quebrá-lo, codificar o conteúdo, encontrar a próxima sombra ali, abri-la. Clique no caminho e se ampliarmos, selecione o ponto e arraste-o assim e agora não há quebra na sombra no pescoço. Podemos reproduzir a animação de novo e temos um bom salto. Acho que é um bom começo. No próximo vídeo o que vamos fazer é trabalhar em animar os braços e a mão e então vamos mascarar esse cara com o círculo e trabalhar no editor de gráficos.
6. Animando o personagem continuado: [ MÚSICA]. Tudo bem, bem-vindo de volta. Vamos dar uma olhada rápida no que temos até agora. Eu só estou indo para ir o primeiro quadro aqui, eu aperto a tecla B enquanto eu mover alguns desses quadros-chave sobre apenas para que eles começaram o que eu
vou sair para dois segundos e apertar a tecla Enter. Então vamos dar uma volta e ver o que temos. Certo, vamos animar esses braços e vai ser fácil. Então, na verdade, vamos começar pelo fim aqui. Nós vamos para o nosso braço direito bem rápido aqui e desligá-lo. Quero ir para o caminho. Na verdade, vamos sair, digamos 10 e então vamos voltar 10, e o que eu vou fazer é, agarrar o ponto de baixo, só vou derrubá-lo um pouco. Pegue este ponto trazendo um pouco, ele vai mover isso ao redor e nós vamos ver o que ele faz é, trazê-lo para cima como colocá-lo em seu quadril. Quase. Apenas assista. Tudo bem, vamos facilitar que eles
tragam de volta alguns quadros. Traga mais de volta. Vamos por aqui. Basta decidir o que eu gosto mais e eu estou gostando disso um pouco mais. Tudo bem. Vou ficar com isso por enquanto. Talvez a movamos, só um pouco mais. Muitas dessas coisas estão brincando com ele, até que você consiga do jeito que eu gosto. Eu continuo brincando com ele e brincando com ele. Tudo bem. Então, temos isso. Agora, vamos pegar o outro braço. O outro braço está aqui embaixo. Então, neste, eu quero que o polegar seja preso ao braço esquerdo, o que já tem, ok e nós vamos fazer essa parte acontecer depois que ele aparecer e então bem aqui nós vamos ter a outra mão começar a aparecer. Então vamos ao conteúdo, caminho e nós, na verdade, eu não quero o caminho para o polegar, meu mal. Quero o caminho para o braço, aqui vamos nós. Então temos a mão e o braço. Certo, o que vamos fazer é pegar esses pontos e animá-los. Vou fazer a mesma coisa que fizemos antes. Quero que o ponto final seja assim. Eu vou bater para criar um quadro chave
no caminho e então eu trazer isso para cima um pouco, trazer isso para cima um pouco, e então o que nós vamos fazer é, vamos voltar 10 e nós vamos apenas
posicioná-lo para que seu O braço está para baixo. Então vamos puxar este para baixo, vamos puxar este para baixo e endireitá-lo para trás assim e podemos precisar ajustá-lo um pouco, mas vamos ver o que acontece. Eu poderia entrar no meio e apenas ajustar meu braço para lá vamos nós que parece melhor. Tudo bem, isso é fácil, apenas assista bem rápido. Vamos nos dar um pouco mais de quadro. Vamos sair três segundos aqui. Vou trazer estes para fora. O que significa que 10, 11, 12 colocar isso em seis marcos. Tudo bem, então vamos fazer isso. Vamos animar a mão a seguir. A mão vai ser este outro grupo que está aqui. Aqui está a mão. Então o que podemos fazer com esta mão é ir até a transformação e temos uma posição. Então podemos ir até o fim. Vamos até o fim. Sabemos que queremos que seja feito e em um quadro chave de posição todo o caminho de volta. Na verdade, vou adicionar um quadro de chave de rotação também. Vamos adicionar rotação e eu tenho os dois. Vamos voltar. Quero a mão para baixo e não estou muito preocupado com o polegar agora e vou girá-lo. Vamos ver como isso se parece. Vá no meio, para baixo, pegue a rotação é bom nisso. Ok, vamos com calma, acalme-se, verifique novamente mais uma vez, lá vamos nós. Vamos assistir. Tudo bem, assim que chegarmos aqui, o que vamos fazer é agarrar o polegar e bater no suporte esquerdo e
podemos animar o polegar e o polegar vai para a posição, vai sair, digamos 10. Adicione um quadro-chave de posição de volta ao início e vamos apenas ampliar para que possamos ver, certifique-se de que estamos movendo para a direita e o que vamos fazer é, vamos apenas deslizá-lo para baixo assim, fácil e trazê-lo de volta para cima. Vamos assistir de novo. Eu quero tomar tudo isso mover um pouco desse jeito e eu não gosto muito da rotação da mão ainda. Vou rodar um pouco mais. Eu deslizei isso de volta sobre o quadro-chave para que ele não apareça em mim e eu me livro desse quadro-chave bem rápido. Vamos dar uma olhada. fazer mais alguns ajustes e é assim que funciona. Você só faz ajustes constantemente até conseguir algo que você gosta. Lá vamos nós, isso flui melhor. Vamos mover isso para trás alguns quadros. Quase consegui isso, deve levar tudo isso. Vamos mudar isso, um pouco mais. Não estou feliz com o tempo aqui, talvez um pouco mais cedo. Queremos que a miniatura apareça mais rápido. Tudo bem e quando entrarmos no editor de gráficos, vamos fazer isso aparecer um pouco mais, mas acho que esse é um bom começo. Vamos apenas adicionar um pouco mais de animação a isso. Ok? Eu vou bater em você que eu vou encolher isso para baixo, se esconde nos esconder, e bater em você para esconder algumas das outras coisas. Assim ficaremos mais condensados e isso só me mostra meus quadros chave. Então o que eu vou fazer é começar o piscar de olhos. Temos os olhos, os olhos vão estar lá o tempo todo. Então talvez por aqui. Vamos cortá-lo lá. Então vamos para o colchete esquerdo. Ele pisca e pisca para 1,2, 3, 4 talvez e três porque então [inaudível] colchete esquerdo vai cortá-lo. Isso vai ser quatro quadros. Então vamos para Comando Duplicado ou Controle Duplicado, Comando D. Traga o olho de volta para fora. Vai ser um piscar de olhos e lá vamos nós. Agora ele está piscando e então o que eu posso fazer também é quando o polegar aparecer, vamos apenas fazer um pequeno aumento da sobrancelha. Ir chave, em um quadro chave, ir em frente. Cinco, trazê-lo para cima 1,2,3,4, e então ir 1,2,3,4,5 e derrubá-lo 1,2,3,4, e vamos fácil [inaudível]. Tudo bem, vamos salvar e dar uma olhada rápida. Vamos esvaziá-los um pouco mais. Em vez de cinco, vamos fazer 5,6,7,8, e este é 5,6,7,8. Faça de novo. Isso é muito lento, então vamos para sete. Lá vamos nós e, na verdade, eu acho que o que eu quero fazer é mover o piscar de olhos após a corrida das sobrancelhas. Vamos levar isto por muito tempo. Assista de novo. Um pouco mais tarde, aparece. “ Sobrancelha levantar”, clique. Ok. Acho que isto foi muito bom. Certo, então acho que temos mais uma coisa a fazer aqui e que é adicionar a máscara para que possamos mantê-los dentro do círculo. Certo, então vamos colocar essa máscara. O que eu vou fazer é pegar todo o meu personagem
neste momento , selecionar tudo. Vamos clicar com o botão direito, “Pré-compor”. Vamos chamar esse cara de animação de Bubble. Isso vai levar toda a animação que eu fiz e colocá-la em sua própria composição e agora não está na animação principal. Agora eu posso pegar este círculo, duplicá-lo, Comando D, colocá-lo acima do nosso cara e o que eu vou fazer com isso agora é
torná-lo um tapete de pista e há dentro do círculo, então eu posso dizer o diferença com o meu tapete pista, eu vou chamá-lo Bubble Mat. Gosto de colorir os tapetes, fúcsia, para poder ver onde estão. Ok. Agora, tal como o nosso personagem, somos capazes de modificar as partes deste tipo. O que posso fazer é acrescentar, dizer mais alguns pontos aqui, e aqui. Ok, e eu provavelmente vou adicionar um. Talvez aqui. Quero ver como é que isto vai correr. Ok, então eu tenho meus pontos e eu preciso pensar sobre como ele vai passar por aqui. Gostaria de acrescentar alguns pontos a mais. Acho que vou adicionar mais alguns aqui, talvez aqui e aqui e aqui. Porque o que eu quero é ser capaz de manter a forma até ele chegar, eu acho que até que ele começa a gostar bem aqui. Ok, então aqui eu sei que vou adicionar um caminho. Então, aqui mesmo, eu sei que pelo menos quero este ponto fora do caminho. Vou clicar em “Meu caminho”. Vou tirar este ponto do caminho. Ele vai entrar e eu quero esse ponto fora do caminho. Agora que estou pensando nisso, talvez ele devesse descer mais
assim para que quando ele vier não esteja cortando a cabeça dele. O que vamos fazer é pular aqui. Já estamos nesse mesmo ponto. Vou pegar o corpo. Consigo ver o meu quadro-chave de posição. Desça na posição. Na verdade, vou puxá-lo um pouco mais para que ele apareça assim. Vamos voltar e dar uma olhada nisso. Ok, então eu vou puxá-los ainda um pouco mais e eu posso realmente ajustá-lo aqui. Neste ponto, vamos apenas ajustá-lo um pouco mais aqui e voltar e assistir novamente. Eu quero pegar este. Vamos puxar ainda mais. Veja onde estamos. Lá vamos nós. Isso é perfeito. Ok. Às vezes você só tem que brincar um pouco
com ele para chegar onde você quer e então eu sei que eu quero isso, para que ele saia da forma aqui em cima. Agora, e eu realmente nem preciso desses quadros-chave agora eu apenas faço isso assim. Aqui vamos nós. Agora está saindo do fundo. Tudo bem? Depois tem a mão dele a subir. Nós vamos fazer isso. Tudo bem, vamos fazer a mesma coisa que fizemos antes. Vou acrescentar um ponto aqui e vamos tirar essa máscara do caminho. Vou ver como a mão dele sobe. Ok? Adicione um ponto aqui. Isso é tudo o que precisa ser. O que eu quero fazer. Na verdade, vou animar este. Vamos trazer o caminho e animá-lo. Nós vamos pegá-lo. Aqui é onde eu queria sair do caminho. Ok? Como ele vem aqui em baixo. Isto é um pouco mais. Tudo bem. Isso está chegando lá. Está indo muito rápido. É apenas um encaixe no lugar depois que a mão dele chegar lá. Pode ajustar a mão um pouco. No próximo vídeo, veremos apenas ajustar algumas
dessas animações no editor de gráficos.
7. O editor gráfico: Bem-vinda de volta. Temos, apenas recapitulando, um bom começo para a nossa animação. Ele sai do círculo,
abre as mãos, levanta o polegar, dá um pequeno aumento da sobrancelha. Nós empatamos com um fosco alfa, e colocamos nossa animação de personagem dentro de seu próprio pré-comp. Vamos avançar e clicar em “U” para vermos os quadros-chave, e vamos clicar duas vezes em nossa pré-composição e dar uma olhada em toda a nossa animação. Vou selecionar tudo, aperte “U”. Dê uma olhada em todos os nossos quadros-chave. Vamos começar apenas com o corpo chegando e pirando. Vou selecionar estes quadros-chave para o corpo, e vou clicar no editor de gráficos. Aqui estamos nós. Se você descer na parte inferior aqui e clicar sobre isso, Ajustar todos os gráficos para ver, ele irá colocar seus gráficos em vista exatamente como ele diz, e nós podemos dar uma olhada em nossos dois conjuntos de quadros-chave. Uma é a posição, a outra é a rotação. Vamos fazer a posição primeiro. Na verdade, vou usar o gráfico de velocidade para isso agora. Vou selecioná-lo. Eu vou pegar essa alça pequena, e eu quero ter um pouco de atraso, eu quero que ele
encaixe, e então, quando ele chegar, eu quero que ele para facilitar um pouco mais no lugar. Vai levar um pouco de tempo, aumentar a velocidade máxima, começar a descer e depois começar a abrandar um pouco. Vamos ver se parece. Então a mesma coisa vai acontecer com a nossa rotação. Como eu quero que a rotação aconteça é a mesma coisa. Vou pegar a rotação, vou puxá-la. Eu quero que ele realmente leva um tempo para subir e então eu quero virar e encaixar para trás, voltar rápido. Vamos ver. Lá vamos nós. Vamos voltar um pouco sobre isso. Talvez eu tenha isso um pouco menos. Talvez eu tenha este acordo um pouco mais. Lá vamos nós. Você pode ver de novo. Acho que gosto disso. Vamos voltar para fora, e fizemos a seguinte cabeça. Vamos fazer a cabeça. Vamos pegar seus quadros-chave, ir para o Editor de
Gráficos, e eu quero que a mesma coisa aconteça, isso é realmente linear agora, então eu quero que a cabeça para atrasar um pouco. Ele vai atrasar para trás, ele vai começar a deslizar para a frente, e então o que eu quero que ele faça
é demorar um pouco mais vindo para a frente e, em seguida, voltar para trás. Vamos ver como isso parece. Vamos ter que descansar um pouco mais devagar. Na verdade, vou estourar isto. Vamos mais dois quadros. Não, eu gostava mais do jeito que era. Veja de novo. Está bem, vou levar isso. Vamos fazer o braço direito. Basta clicar assim do lado e eu vou preencher aqui. Não temos que continuar indo e voltando. Vou fazer a mesma coisa. Quero que o braço direito tire um segundo. Lá vamos nós. Vou levar isso, e vamos ter que vir um pouco mais de descanso. Vamos para o braço esquerdo, e podemos selecionar tudo isso porque queremos ver todos eles. Isso parece bom. Então vamos para o polegar, e fazer a mesma coisa. Queremos que o polegar apareça. Lá vamos nós. Eu só vou adicionar um pouco de flexibilização no final lá. Lá vamos nós. Vamos fazer as sobrancelhas também. Como queremos que as sobrancelhas façam é que elas subam rápido e descansem. Lá vamos nós. Eu acho que uma das coisas que eu quero fazer enquanto estamos aqui, vamos voltar para a cabeça e ir para o conteúdo, e vamos encontrar aquele pedaço de cabelo bem ali, é nossa ferramenta Y, e eu vou mover o ponto de ancoragem para ele, e Digamos aqui, neste pequeno ponto ali. Eu vou voltar para a nossa visão regular, e eu vou adicionar um quadro de chave de rotação. Quero que seja como está aqui. Bem aqui. Vamos voltar ao normal aqui. Vamos voltar 1,2,3,4,5. Vamos girá-lo para a frente um pouco, e voltar 10, então vamos até o início. Vamos girar um pouco para cima. Na verdade, entendi isso ao contrário. Ele vai ser para baixo quando ele subir, e quando ele descer, ele vai subir um pouco, e então ir para um ponto de descanso final, e vamos aliviar isso. Indo para o Editor de
Gráficos, e eu quero que ele esteja chegando rápido e, em seguida, entrar em um descanso rápido também, então vamos ver. Vamos adicionar um pouco mais de movimento. Vamos ver o que isso parece em nossa animação principal, ele vai ser desligado um pouco agora. Vamos ter certeza que esse cara, eu mudei algo para cá. Podemos adicionar talvez outro quadro chave aqui para impedi-lo de ir onde não queremos que ele vá. Talvez algo assim. Na frente do caminho de tudo isso deve ser aberto. Vamos dar uma olhada nisso. Acho que vou colocar outra ferramenta aqui. Lá vamos nós. Ele ainda está subindo muito alto. Bem aqui. Veja, ele está muito alto. Bem aqui nós vamos apenas trazer para baixo apenas aqui no final, lá assim, e então você apenas gira para dentro Então podemos ver, problema resolvido. Temos um pouco de estranheza acontecendo aqui. Acho que ainda podemos manter isso assim, e então aqui, colocá-la no lugar. Desta vez vamos melhorar um pouco. Lá vamos nós. No próximo vídeo, vamos trabalhar para fazer o flip da moeda e revelar o diamante.
8. Coin flip e exportação: Agora que o editor de gráficos está pronto, vamos trabalhar no flip da moeda. Primeiro eu quero fazer é ir para a animação Bubble Guy. Eu quero esticá-lo por quatro segundos, vamos um pouco mais longe, só para o caso de haver um pouco mais de espaço para brincar, e ele vai ficar congelado lá. Vamos voltar para a animação principal, temos isso e agora podemos enfatizar isso um pouco mais. Vamos esticar por cinco segundos. O que temos que fazer é, a bolha mate precisa ser parentada para o cara da bolha, e o cara da bolha precisa ser pai para bolha, e o diamante precisa ser uma camada 3D, todos
eles precisam estar em camadas 3D. Vamos desenhar em camadas 3D e nós estamos realmente indo para ligar o diamante. Mas o diamante vai estar atrás da nossa camada de bolhas, o que nós vamos fazer é ir para o diamante e ir para a posição, e nós vamos fazer este, e um vai apenas colocá-lo atrás da bolha. Agora que temos isso, vamos dar uma olhada aqui onde queríamos virar, ele vai subir e colocar o polegar dele para cima. Assim que ele levantar o polegar, bem na marca de dois segundos aqui, recebe uma soma para cima. Venha um pouco, vamos dar um pouco mais de tempo assim. Agora vamos nos preparar para o flip e vamos realmente virar a bolha. A bolha gira se você apertar “R” vai trazer rotação, e nós queremos girá-la em “Y”. Você pode ver que ele gira aqui em “Y”. Agora vamos ter uma falha estranha com o diamante, é porque o diamante não é pai em nada e queremos que o diamante seja pai para a bolha também. Agora, se rodarmos isto, o diamante está por trás de ser perfeito. “ Desfazer” e vamos colocar uma chave de rotação para n, e eu vou ir 1,2,3,4,5 quadros e vamos fazer uma antecipação. Vamos trazê-lo de volta um pouco desta maneira, e então eu quero que ele vá para a frente 10 talvez 12 e eu quero que ele faça um 180 completo de volta para o outro lado. Nós só vamos bater “180", e há o 180 completo, então nós vamos ter calma. Talvez quando ele bate aqui vai 1,2,3,4,5 e colocar esse quadro-chave em, basta ir e clicar no “CHEY-FRAME”, coloca o amigo chave correto que já está lá, de volta no lugar. Nós vamos pegar este, nós vamos apenas ultrapassá-lo um pouco. Então o que eu quero fazer é quando começar a virar e chegar a estar bem ali. Na verdade, antes de fazer isso, vamos facilitar isso, aqui vamos nós e vendo que já estamos familiarizados com o editor de gráficos, vamos apenas fazer o editor de gráficos agora. O que queremos fazer é que nós queremos que ele leve um pouco de tempo o [inaudível] então nós queremos, então ele vai tomar uma segunda antecipação e ele vai se encher muito rápido, ele vai começar a aliviar nele, então eu quero que ele se assente em um pouco. Vamos dar uma olhada nisso. Talvez demais, vamos apenas recuar um pouco. Então, se quisermos, podemos realmente, quando
batermos aqui, queremos que o cara e a máscara desapareçam rapidamente e é apenas o diamante, e assim, temos um flip de moeda, e queremos que isso seja um animação de loop, então depois de termos a moeda flip, deixe que se sentar por um segundo, então vamos “KEY-FRAME” 1,2,3,4,5, pouca antecipação, 10,11,12, invertê-lo de volta para zero. Talvez 1,2,3,4,5. Coloque isso de volta e volte, supere um pouco, e faremos a mesma coisa aqui no editor de gráficos. Vou liberar isso. Vamos apenas imitar a mesma coisa que fizemos no outro, e então vamos assistir mais uma vez. Lá vamos nós... Set out, e nós temos animação que loops. Temos uma animação em loop. A última coisa a fazer é renderizar isso e transformá-lo em um GIF. O que vamos fazer é adicionar isso à nossa fila de renderização, podemos ir até a composição, adicionar à fila de renderização e, em seguida, o que queremos fazer é sob o formato de configurações, eu vou colocá-lo como um H.264. Clique em “OK” e
vamos colocar dois e em qualquer pasta em que você está salvando. Vou chamá-lo de animação do cara da bolha e clicar em “SALVAR”. Agora, tudo o que temos que fazer agora é acertar renderização. Mas antes de fazermos isso, temos que definir para 1920 por 1080. Se você estava configurando isso para drible ou Instagram, ele precisa ser configurado para algo um pouco menor, 800 por 600 é o maior que drible leva, e então o Instagram vai levar maior, mas tem que ser quadrado. Você poderia fazer 600 por 600 ou 800 por 800. Vamos realmente preparar isso para baboseira bem rápido. Vamos voltar para a nossa animação principal antes de renderizarmos isso, eu vou apertar “COMMAND"OK, ou você pode ir até a composição e fazer configurações de composição, e então nós vamos mudar isso para 800 por 600. Nós já sabemos que tudo está ligado à bolha, eu só vou apenas dimensionar isso para que ele se encaixe aqui bem. Na verdade, vamos movê-lo um pouco para que seja um pouco mais centrado, e agora isso está realmente pronto para drible. Como eu disse, se você queria no Instagram, você apenas faz isso quadrado. Agora vamos voltar para nossas configurações, e temos isso definido para H.264. Temos um conjunto pronto para renderizar, e vamos apenas clicar em “RENDER” e é isso. Agora podemos abri-la no Photoshop. Aqui temos o photoshop aberto, o que vamos fazer é ir para onde colocamos nosso vídeo, e vamos descer e arrastar
isso diretamente para o ícone do photoshop ou para o Photoshop. Agora que o vídeo está no Photoshop, podemos vê-lo aqui. Nós vamos até Arquivo, Exportar,
Exportar para a web e ele vai trazer este menu para nós criar um GIF. Vou certificar-me de que o GIF é escolhido aqui em cima, e podemos visualizar como ele vai ser. Parece muito bom. Então queremos opções de Looping definidas para sempre para que seja um loop contínuo, e basta clicar em “SALVAR” e, em seguida, salvamos na mesma pasta que
já estivemos salvando o resto de nossos arquivos de projeto, clique em “SALVAR” e É isso. Agora podemos ir para a nossa pasta onde acabamos de salvar nosso GIF em loop, clique nele, e lá está, continuamente em loop. Agora isso é realmente definido e pronto para você fazer upload, drible ou se você fez quadrado, você pode carregá-lo para o Instagram ou qualquer outro site de sua escolha. Obrigado por assistir.
JD McNeil, Sr. Motion Graphics Designer
