Animação de personagens no iPad com Callipeg e Lumafusion

1. Introdução: Oi, meu nome é Mélanie e sou co-criador de Callipeg. Nesta classe, vou mostrar-lhe como crio um pequeno tiro de uma animação de personagem. No processo, usarei diferentes maneiras de lidar com a linha do tempo e as folhas de desenho, as ferramentas de seleção e transformação, os pincéis e as cores. Finalmente, vou mostrar-lhe como exportar o seu trabalho no Callipeg e importá-lo e usá-lo no Lumafusion. Você encontrará os arquivos Callipeg e Lumafusion na área Recursos. Comece com o arquivo áspero se quiser acompanhar durante a aula. Vamos começar com a animação áspera. 2. Rudge: Por enquanto, só tenho uma folha de desenho na minha linha do tempo. Se eu for para o próximo quadro, a Tela ficará em branco. Para exibir a pele de cebola, toque no ícone de cebola, na camada. E agora eu posso ver o desenho anterior fora da minha folha de desenho. Para alterar os parâmetros da pele de cebola, vá para as configurações na guia Pele de cebola. Vou mudar a pele de cebola como Cores para exibir o desenho anterior em vermelho. E o próximo desenho em azul. Por enquanto, não há próximo desenho. Então não posso visualizar minha cor azul. Toque duas vezes em um quadro vazio para criar uma nova planilha. Você também pode desenhar diretamente e ele irá criar uma nova folha automaticamente. Se o ícone Pincel na barra superior estiver selecionado, toque nele para abrir a lista de pincel. Eu escolho um pincel de lápis para desenhar minha animação áspera. Vou diminuir a opacidade da pele da cebola. Ative o bloqueio se quiser baixar tudo ao mesmo tempo. Nas configurações do lápis, eu aumento o valor de suavização para melhorar a aparência dos meus traços de linha. Eu também usarei o lápis para a borracha, que tem a mesma lista de pincéis. Agora eu quero virar meu desenho horizontalmente para ver se eu cometi erros de proporção. Para fazer isso, na linha do tempo, toco no ícone de menu e escolho o ícone para selecionar todas as folhas na camada. Em seguida, toco no ícone de seleção ou transformação na barra superior e escolho a ferramenta Transformar na barra lateral. O primeiro ícone do lado irá virar horizontalmente. Posso tocar no ícone de transformação ou na seleção ou no pincel para validar a transformação. Com a ferramenta de seleção posso isolar partes do meu desenho para transformar. Para virar meu desenho, seleciono todas as minhas folhas de desenho, escolho a ferramenta Transformar e viro horizontalmente. Agora vejo que a cabeça é muito pequena, então usarei a ferramenta de seleção para isolar a cabeça, alternar para a ferramenta Transformar e mover o ponto de ancoragem do centro para o pescoço da menina. Assim posso escalar a cabeça da base. Para percorrer seus quadros, você pode arrastar o lápis ou dedo para a esquerda e para a direita na linha do tempo. Mas você também pode usar a ferramenta flip no menu flutuante. Toque na tela com dois dedos por 1 segundo para abrir o menu flutuante. Em seguida, arraste o ícone de virar para cima e para baixo para percorrer suas folhas de desenho sem ter que abrir a linha do tempo. Dessa forma, posso escolher onde quero ir com a régua exibida à esquerda. Para alterar o tempo das folhas de desenho, seleciono as folhas que quero alterar e, no painel de ação na parte superior da linha do tempo, mantenho meu lápis no relógio e escolho o número de exposições. Se eu quiser escolher outro número, basta tocar no relógio e inserir o número sozinho. Agora, cada desenho é exposto durante 12 quadros, neste caso, meio segundo. Para criar no meio, selecionarei todas as folhas de desenho e usarei a ferramenta de divisão. Então eu toco e seguro na tesoura e escolho 6. Dessa forma, cada folha de desenho será cortada para durar 6 quadros e a folha recém-criada ficará vazia. Eu poderia usar a ferramenta intermediária, mas iria estender a duração total adicionando folhas no meio. Nesse caso, a última folha está vazia, então eu vou duplicar a primeira folha de desenho e colocá-la no final, tocar duas vezes em uma folha para selecioná-la, tocar e segurar no ícone duplicado e movê-la para onde você deseja soltá-la. Nos parâmetros de pele de cebola, troco todos os desenhos que não quero ver exceto o anterior e o depois. Por enquanto, o flip está configurado para viajar entre cada quadro na linha do tempo. Para virar apenas entre folhas de desenho, vá para as configurações na aba Virar e gire o interruptor em direção às folhas de folhetos. E agora a régua é muito menor e eu viro apenas através de cada desenho. Para alterar o tempo de uma folha de desenho manualmente, toque duas vezes nela para selecioná-la e use as setas para arrastar a extremidade para a esquerda ou para a direita. Se você não quiser deixar nenhum buraco na linha do tempo, ative o ímã. E as folhas de desenho serão empurradas e puxadas quando uma folha for redimensionada. Para excluir uma folha de desenho, selecione-a para abrir o painel de ação e escolha o compartimento vermelho. 3. Limpo: Agora que eu terminei e retimed minha animação áspera, eu vou começar a limpar. Para fazer isso, preciso criar uma nova camada de desenho. Primeiro, vou renomear esta primeira camada. Para renomear, toco duas vezes no nome e renomeie-o Rough. Então eu dupliquei esta camada sem o conteúdo. E eu recebo uma segunda camada com a mesma estrutura, mas com folhas de desenho vazias. Eu toco duas vezes no nome para renomeá-lo Limpar. Agora eu abaixo a opacidade da camada áspera e desativo a pele da cebola. Para limpar, vou precisar escolher outro pincel. Na lista de pincel, escolho o primeiro pincel e tento alterar os parâmetros para ver o que gosto. Aumento o tamanho mínimo do pincel para obter menos variação de tamanho, o que será útil mais tarde quando eu tiver que colorir dentro das formas. Eu também empurro o alisamento para 40. Assim eu posso desenhar lentamente enquanto mantenho uma linha limpa. Vou acelerar o processo de limpeza porque seria muito longo para assistir. Vou criar uma nova camada de desenho para as pernas. Eu sei que as pernas não se movem durante toda a animação, então eu as desenhei em uma camada separada. Assim, só tenho que desenhá-los uma vez. Vou agora estender a folha de desenho na camada Pernas para durar durante toda a animação. Lá eu vejo que o vestido se move mais do que o esperado, então ele precisará ser animado na outra camada. Agora que terminei com as pernas, posso trancar a camada para protegê-la. E eu também vou bloquear a camada áspera e focar apenas na camada Limpa. Nos parâmetros de pele de cebola, posso ativar mais folhas de desenho se meus desenhos estiverem muito distantes na linha do tempo. Por enquanto, o último desenho é uma duplicata do primeiro desenho. Então eu vou copiar o primeiro limpo, e colá-lo na última folha de desenho. Agora que limpei alguns desenhos, removerei algumas folhas. Só me ajuda a manter a pele de cebola simples, um antes e um depois. Eu removo as poucas folhas de desenho que eu não preciso por agora, e mantenho apenas a folha de desenho em branco que eu estarei trabalhando. Para preencher os espaços em branco, duplico as folhas sem o conteúdo de uma camada para a outra. Eu movo a camada para baixo para chegar mais perto do original e tornar a duplicação muito mais fácil. Eu adicionei as mãos nas camadas ásperas e limpas. E posso ver que ainda preciso de mais desenhos no meio. 4. Adição mais desenhos: Vou mostrar-lhe mais maneiras de lidar com a linha do tempo e adicionar folhas de desenho. Posso lidar com as camadas ásperas e limpas. Quero adicionar um desenho entre estes dois. Então eu os seleciono em ambas as camadas e toque no ícone intermediário. E acrescentou um desenho em branco entre os dois. Então agora vou adicionar um desenho entre estes dois. E acrescenta mais duas folhas de desenho com o tempo das folhas anteriores. Quando as folhas de desenho em duas camadas diferentes são idênticas, eu posso lidar com ambas ao mesmo tempo. No começo vou trabalhar na camada áspera. Então eu seleciono o pincel de lápis, e para a borracha também. E desta vez eu uso a pele de cebola da camada limpa enquanto trabalhava na camada áspera. Outra maneira de criar novos in-between é dividir manualmente as folhas. Arraste o lápis para baixo para dividir a folha em dois. Em seguida, eu uso o ícone limpar no menu flutuante para limpar as novas folhas. Aumento o comprimento das pernas da camada para corresponder ao comprimento das outras camadas. Agora, vou mudar para a camada Limpar e limpar os novos desenhos. E agora eu escondo a camada áspera para ver como é a animação limpa por conta própria. 5. Cores: Quando estou satisfeito com a minha animação, posso começar a colorir. Duplico a camada limpa sem desenhos para obter uma nova camada com a mesma estrutura. E eu mudei o nome de Cor. Eu vou escolher a cor da pele para ser uma cor rosa claro, amarelada. E então eu vou adicionar uma nova paleta. E eu mudei o nome de Garota. Um simples toque no círculo vazio adiciona a cor atual. Como é minha única paleta, eu já posso vê-lo na guia roda de cores, que me permitirá adicionar cores à paleta diretamente da roda de cores. Desabilito a pele de cebola em todos os lugares, pois não preciso dela. E tranco a camada limpa para protegê-la. Toque duas vezes com um dedo para preencher. Em seguida, você pode ajustar a tolerância do preenchimento com um controle deslizante exibido na parte superior. Quando eu preencho, a cor preenchida é visualizada na frente enquanto eu posso ajustar a tolerância antes de ser aplicada. Se eu quiser sair da visualização do campo, eu simplesmente amplio ou diminuo, e sei que o preenchimento é aplicado. Como eu usei um pincel sem muita variação de tamanho, eu sei que quando a cor preenche fora da área, isso significa que há uma lacuna. Então eu preencho a lacuna com meu lápis, e agora eu posso preencher. Vou colocar a camada de cor sob a camada de linha. E continuo a preencher o resto das folhas de desenho e a fechar as lacunas quando necessário. Vou criar uma nova camada para a cor das pernas. Assim só tenho que colorir uma vez. Duplico a estrutura da camada Pernas, e chamo de Cores Pernas. E coloco no fundo da pilha de camadas. Agora que eu terminei com esta camada, eu a tranco para protegê-la. E continuo a preencher a camada de cor. Para o cabelo, usarei uma cor marrom. E adiciono-a à paleta. Eu salvo minhas cores em uma paleta caso eu precise acessá-las rapidamente mais tarde. Você também pode acessar suas paletas em outra foto. Para o vestido, escolho um amarelo claro. E não devo esquecer de adicioná-lo à paleta. Agora vou tentar encontrar uma cor para o branco dos olhos. Uma vez satisfeito, posso adicionar a cor à paleta. Para os olhos, usarei um marrom escuro. Vou torná-lo um pouco mais escuro, e adicioná-lo à paleta. Para os dentes, usarei a mesma cor que para o branco dos olhos. E uma cor mais escura para os dentes nas costas. Eu uso um vermelho escuro para a língua. Se eu esqueci de adicionar uma cor à paleta, eu simplesmente preciso escolhê-la com o seletor e adicioná-la à paleta. Então eu uso um vermelho mais escuro para a parte de trás da boca. Vou escolher um verde pastel claro para o dente-de-leão. Quando preciso mudar a linha da outra camada, desbloqueio-a para editá-la. Certifique-se de que você está na camada certa antes de continuar. E agora estou farto das cores básicas da minha animação. 6. Dandelion: Eu crio uma nova camada de desenho que eu chamo Dente-de-leão. E eu seleciono as outras camadas desbloqueadas para bloqueá-las e focar na minha nova camada. Eu toco duas vezes na parte superior da linha do tempo para criar um marcador, ele marcará o fim da minha animação. Então mudo a cor para vermelho, e renomeio-a End. Nas configurações, na guia Linha do tempo, você pode optar por mostrar sempre a descrição dos marcadores. Assim posso sempre ver o nome do meu marcador. Agora posso começar a desenhar minhas sementes de dente-de-leão. Vou usar tanto a pele de cebola Dente-de-leão quanto a pele de cebola limpa. E continuo a desenhar as sementes nas outras folhas de desenho. Vou adicionar uma nova camada com o caminho que quero que as sementes sigam. Para fazer isso, crio uma folha e a estendo para o marcador Fim. Escolho outra cor e desenho o caminho. Eu coloco esta camada sob a camada de dente-de-leão para que ela não cubra as sementes. Para me ajudar a animar as sementes voadoras, adicionarei indicações de espaçamento no caminho. Mas se eu quiser ter certeza de que estou no lugar certo, preciso desenhá-los em folhas de desenho separadas. Então eu crio novas folhas na camada Dente-de-leão que combinarão com a camada de caminho abaixo. Agora que eu tenho uma estrutura para esta camada, eu posso cortar a camada por baixo para coincidir com a que está em cima. Divida a folha com o lápis para dividi-la em menores. Eu uso outra cor e desenho sobre os indicadores de espaçamento. E agora eu posso simplesmente seguir o indicador rosa. Vou adicionar um movimento oscilante às sementes voadoras. Duplico a primeira folha de desenho e coloco após o fim para loop a animação de sementes de dente-de-leão. E eu desativo a pele de cebola da camada Clean. Eu posso ver que as sementes não seguem a animação porque esta camada não tem a mesma estrutura que a camada Limpa. Então agora eu crio uma nova camada acima da camada Limpar para duplicar a estrutura que eu preciso. Eu seleciono as folhas que eu quero e arrasto as folhas do ícone “duplicar sem conteúdo” para colocá-las logo acima dos originais. Agora eu posso mover esta nova camada no topo e copiar os desenhos para eles. Na camada Dente-de-leão, seleciono a área que quero copiar. Toco no ícone Copiar, depois mudo para a camada acima e colo. Então eu volto para a camada anterior. Seleciono a área e toco no ícone Limpar para limpar a área selecionada. E então eu continuo o mesmo processo nas próximas folhas. E agora a animação faz mais sentido. Eu renomeio a camada Dente de Leão 2. Vou mudar o tempo das sementes de dente-de-leão voadoras e jogar a animação para ver se estou satisfeito com o movimento. Agora eu desligo a pele de cebola em ambas as camadas, e mudarei a cor das sementes. Para fazer isso, escolho a forma do retângulo no painel do pincel e habilito o bloqueio alfa na camada. E agora eu posso encher apenas as sementes de dente-de-leão com minha nova cor. E eu faço o mesmo na camada acima. Eu crio uma nova camada e coloco sob a camada Limpar. E eu mudei o nome de Bochechas. Vou adicionar um pouco de rubor nas bochechas da garota com a escova de lápis. Duplico as folhas sem conteúdo e deixo-as por cima. Eu também poderia ter duplicado a camada sem o conteúdo. Na lista de pincel, escolho o Lápis e mudo para a forma à mão livre. Aumento o tamanho do pincel e escolho uma cor entre vermelho e laranja. Nas configurações do lápis, desativo o “Tamanho dos controles de pressão”, que me permite manter sempre o mesmo tamanho. Mesmo com variações na pressão do lápis. Eu habilito o Color Mix, que não mistura nada porque não há outra cor na camada. Mas se eu ativar o Pincel Molhado, o pincel irá misturar sua própria cor com outras cores e com a transparência. Assim posso desenhar e borrar ao mesmo tempo. Ajusto o tamanho e a opacidade até obter o resultado que quero. E então eu desenhei o rubor em todas as outras folhas de desenho. Se a cor for muito forte, ainda posso diminuir a opacidade da camada. 7. LumaFusion: Primeiro, desativo as camadas das sementes de dente-de-leão. Nas configurações na guia de exportação, exportarei minha animação como uma sequência no formato HEVC. Que exportará um vídeo com um fundo transparente. Portanto, eu me certifico de que a opção “Exportar plano de fundo” está desativada. E eu toco em Exportar. Vou salvar minha animação nos arquivos, e diretamente na pasta Lumafusion, em UserMedia e Arquivos. Agora vou ao aplicativo Lumafusion e crio um novo projeto. Renomeio-calípe-lumafusion. E eu toco no ícone +. Na seção de mídia, escolho Importado e Arquivos, que é onde salvei minha animação. Posso jogá-lo diretamente na minha linha do tempo. Agora, vou voltar para Callipeg para criar luz. Eu crio uma nova camada e estendo a folha de desenho até o final. Eu escolho uma cor rosa claro. E usarei o Lápis sem Pincel Molhado ou Color Mix. E eu escolho uma baixa opacidade. O ícone de olho com um 1 desabilita todas as outras camadas. Dessa forma, eu exportarei apenas a camada de luz. Escolho o tipo como Imagem e mantenho o formato como PNG. No Lumafusion, crio um título de sobreposição. Toco na aba Títulos e toco no compartimento para remover o texto. Em seguida, toco no + e crio uma nova forma. Aumento o tamanho do retângulo para cobrir todo o espaço. Então escolho um azul escuro. Depois volto para a guia Quadro e Ajuste e mudo a mesclagem para Multiplicar. Dessa forma, meu personagem está agora na escuridão. Para adicionar uma luz, solto a imagem que exportei anteriormente na linha do tempo. E no editor, mudo a mistura para Soft Light. Vou usar a mesma imagem para adicionar sombras. Então eu dupliquei esse clipe, e no editor, mudo a mistura para Estêncil Alpha. Que só revela o que está sob os pixels da minha imagem. Vou precisar expandir a área da minha luz se eu quiser revelar mais do personagem. Depois de exportar a nova versão da luz, removo os clipes anteriores e insiro minha nova imagem. E eu mudo os modos de mistura como eu fiz antes. Vou adicionar luzes nos olhos do personagem e também nos traços de linha da esquerda no personagem. Então eu duplico a camada Limpar e ativar a máscara alfa. E eu desenhei sobre as linhas na parte esquerda do personagem. Eu também preciso duplicar a camada limpa das pernas a fim de desenhar sobre as linhas. Eu desabilito todas as outras camadas para exportar somente essas novas camadas. Então agora vamos ver o resultado em Lumafusion. Vou escolher o modo de mistura Clarear, e jogar com a opacidade. Se eu estiver satisfeito com o olhar, posso voltar para Callipeg e animar as luzes. Agora que terminei com a animação, posso exportar um arquivo HEVC e inseri-lo no meu projeto Lumafusion. E mudo a mistura para Lighten. Adiciono mais pixels à luz principal para reduzir as sombras no personagem. Em Lumafusion, eu uso a nova luz para o Estêncil Alpha. No Callipeg, eu habilito apenas as camadas de dente-de-leão para exportá-las. Eu os exporto como um arquivo HEVC. Em Lumafusion, eu simplesmente preciso deixá-lo em cima na linha do tempo. Posso duplicar meus clipes para alongar e fazer loop na animação. 8. Conclusão: Eu fiz algumas mudanças fora da câmera para trabalhar mais confortavelmente, e mudar as luzes do personagem. Então esta foi uma das muitas maneiras de usar o Callipeg. Para este exemplo, insisti no manuseio das folhas de desenho na linha do tempo, que parece desafiador para algumas pessoas. Gostaria que pudesse ajudá-lo a entender melhor a mecânica da linha do tempo, e as outras ferramentas também. Sinta-se livre para criar um projeto com os arquivos que deixei na área de Recursos. Ou crie sua própria animação a partir do zero com suas próprias idéias. Divirta-se animando.