Gráficos de movimento do After Effects: imagens de PNG Morphing | Andrew Pach ⭐ | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Gráficos de movimento do After Effects: imagens de PNG Morphing

teacher avatar Andrew Pach ⭐, Animation all the way!

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

8 aulas (18 min)
    • 1. Apresentação

      0:47
    • 2. Aviso de responsabilidade sobre o curso

      1:20
    • 3. Rastrear nossos contornos

      3:26
    • 4. Morfing o primeiro objeto

      3:38
    • 5. Morfing o segundo objeto e desfile sem costura

      3:20
    • 6. E quanto a um terceiro item?

      1:43
    • 7. Como adicionar um projeto de curso pronto GIF

      2:45
    • 8. Obrigado!

      0:41
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

587

Estudantes

7

Projetos

Sobre este curso

281dcc60

Aprenda a transformar imagens em PNG diferentes no After Effects. Esse curso é um acompanhamento no meu "Gráficos de movimento do After Effects: Formas de Morfing!" curso, onde estávamos aprendendo sobre camadas de formato e como utilizar caminhos para executar animações morfina. Desta vez, vamos usar imagens de bitmap simples e criar uma morfologia entre elas.

Algumas das coisas legais que vamos aprender:

  • Como usar efeitos
  • Criar e usar máscaras
  • Trabalhar com quadros principais
  • Rastrear imagens de bitmap para saída de vetor
  • muitas outras dicas de After Effects pequenas, mas úteis

Assim você tem, neste curso, você vai aprender uma técnica rápida, simples e divertida para executar todas as ferramentas de After Effects mais usadas onde você pode transformar de uma imagem para outra, por isso não espere seu turn.... Inscreva-se agora!

Conheça seu professor

Teacher Profile Image

Andrew Pach ⭐

Animation all the way!

Professor

Hi! My name is Andrew Pach, to my friends known as 'Nigel'! I am an After Effects / PowerPoint / video / graphic design junkie eager to teach people how to utilize their yet uncovered raw design talent! I run a YouTube channel called "andrew pach" which I do with absolute joy and passion. Here on Skillshare, I would like to share interesting, project-based classes that will make your design workflow a greater experience.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Apresentação: Ei, bem-vindo nesta aula. Vou ensinar-lhe como fazer mais entre duas imagens PNG em efeitos após. Vou levá-lo à mão e caminhar por todo o processo da maneira rápida e divertida que vamos levar para imagens PNG. Faça um pouco de magia em efeitos após e ser capaz de mais entre eles. Este lugar é perfeito para todos que querem aprender algumas coisas sobre traçar, colocar efeito ou trabalhar com máscaras. Será fácil de seguir como eu explico todos os passos, mas no caso de você cair em algum problema, eu estou anexando todos os arquivos de produtos e você pode postar perguntas no quadro de discussão. Responderei tudo bem, pronto para começar e aprender algo novo. Um efeito após. Vamos lá. 2. Aviso de responsabilidade sobre o curso: Diabos, muito obrigado por se juntar a esta aula. Você vai ter realmente um monte de diversão realizando esta animação. Eu só quero dizer como um aviso que esta classe é um acompanhamento na minha classe anterior, que era sobre formas morphing, morphing jogadores forma e efeitos secundários dentro desta classe, eu tenho uma pergunta de S Campbell. Muito obrigado por esta pergunta, na verdade. Existe uma maneira de mais mordido arquivos PNG no After Effects? Uma vez que isso foi muito extenso para explicar como uma resposta? E este copo foi muito bem recebido. Com 800 alunos e realmente muitos projetos, temos projetos de viragem aqui. Eu queria compartilhar a nova turma como um acompanhamento. Esta aula é muito curta, mas é extremamente divertido para realizar esta animação. Você não precisa estar matriculado na aula anterior ou você precisa de algum conhecimento prévio? Você pode começar aqui, realizar as animações e ficar feliz com o que você fez. Já temos alguns projetos apresentados. Você pode verificá-los por aí. E eu realmente espero que você se divirta com esse conteúdo. Talvez não lhe ensine muito sobre efeitos após, mas você poderá concluir um projeto do início ao fim. Você verá o fluxo de trabalho. Você trabalha com algum efeito. Você vai trabalhar com algumas formas. Você vai traçar contornos para que seja realmente divertido e envolvente. Vejo você nas próximas lições enquanto começamos a criar a morfina. 3. Rastrear nossos contornos: na primeira lição, vamos traçar contornos para nossas imagens e vamos criar máscaras que usaremos mais tarde para a morphing real. Vou abrir o ilustrador por alguns segundos para te mostrar uma coisa. Se eu tiver uma imagem PNG como esta, eu tenho o chefe. Eu coloco dentro do ilustrador eu chego mais perto. Você vê, esta é uma imagem PNG áspera e nervosa de baixa qualidade. Ele tem 500 pixels fora do tamanho. Há uma possibilidade no ilustrador para traçar esta imagem, usar uma das predefinições ou configurá-lo manualmente e, em seguida, expandir a imagem para criar em fábricas Imagem seria que você pode usar algo muito semelhante é possível após efeito não este avançado, mas só para traçar os contornos das imagens reais. Eu seleciono as duas imagens. Minhas imagens PNG são importados efeito pós-efeito. Deixe-me começar com a placa do YouTube. Eu vou de selecionar o anterior e eu vou para camada Auto Trace e eu vou ficar com as opções básicas. Você tem que lembrar que você deve aplicar isso a uma nova camada. Eu pressiono OK e como você pode notar, uma nova camada de traço de altar apareceu e a camada Tem os contornos exatamente traçados? Portanto, agora não temos apenas a imagem PNG, temos também um fato surised pat. Esta é uma máscara, e chama-se Máscara 1. Deixe-me talvez mudar o nome. Eu bati. Entre e chame-o de sinal do YouTube. Eu escolho um controle bagunça. Carrego na placa do YouTube e controlo o controlo. V colá-lo em ambos os PNG. Eu seleciono esses PNG e eu pessoa em para revelar as máscaras Eu mudo seu modo para adicionar e aqui para nenhum Porque na cabeça você projetar. É só para nos ajudar agora posso apagar o altar traçado de Aiken no mesmo para o chapéu. Deixe-me clicar na cabeça. Torná-lo visível, tendo-o selecionado Goto layer auto phrase sob o mesmo. Eu não tenho rastreado o chapéu que eu pressigo está aqui. Mudei o nome para máscara de chapéu. Ou, como quiser, clique na máscara de cabeça. Clique no sinal do YouTube. Controle V. Esta é a máscara de chapéu. Deve ser definido para saber porque eu só quero ver o chapéu neste letreiro. E aqui o oposto. Eu colá-lo. Acho que pode ser o primeiro, por isso é mais fácil. E aqui eu pressionei tudo bem, eu sou arrepiante. Então, o que eu fiz no letreiro do YouTube? Eu tenho o contorno do sinal para adicionar, e a cabeça vai se transformar em É dito a ninguém, porque eu só quero ver esses contornos no chapéu. PNG. É o contrário. A máscara de cabeça está definida para adicionar, enquanto a máscara assinada do YouTube está definida como nenhuma. Porque este é apenas o nosso ponto de referência, que precisamos ver quando clicarmos nele. E vamos usar mais tarde no efeito que é isso quando se trata da primeira parte fora do que você precisa fazer mais dois entre duas imagens PNG. Agora, se você não teve problemas e você está no mesmo lugar, por favor continue com a próxima lição e nós vamos começar o trabalho feito. Eu também vou mostrar-lhe um efeito útil que pode ajudá-lo quando você está trabalhando com pequenas imagens PNG no futuro 4. Morfing o primeiro objeto: na segunda lição irá executar estão morphing sob o sinal do YouTube. Vamos preparar o sinal Vamos trabalhar com a máscara e efeito usado que precisamos alcançar estão morphing agora podemos começar com o 1º 1 Vamos começar por morphing para YouTube sinal ea coisa que nos permite mais imagens PNG. Na verdade, é um efeito. Esqueci-me de uma coisa. Eu deveria excluir esses quadros, mas também podemos fazer isso mais tarde. Eu tive que assinar no YouTube eu apresento e eu apenas dis eleger os quadros-chave que ele selecionou assim. Eu clico no sinal do YouTube e eu vou para o efeito que precisamos. Chama-se remodelar. Também está disponível fora do curso e ver um seis. Então eu apenas direcionar este efeito remodelar e eu digo este efeito Olá, sinal do YouTube. Minha máscara de origem é, é claro, o YouTube assinado, mas no destino, gostaríamos de mais para uma máscara de chapéu. Agora, o que esse efeito faz? Este efeito movendo a porcentagem Wilmore automaticamente. Você vê, nós não estamos bem lá. Isso é porque eu deveria ter uma imagem PNG maior. Uma vez que esta é uma imagem muito pequena como esta, ela é limitada por suas barreiras pelo seu tamanho real. Mas isso é fácil de superar adicionando outro efeito, que é chamado de libras pro. Crescer ossos não é um efeito perfeito, mas para este PNG ele vai funcionar como um encanto. Eu só faço o salto maior e basicamente ele só me faz crescer o tamanho da camada real por aqui. Agora você vê que este realmente mais dedo é muito estranho. O que podemos fazer para alcançar um melhor efeito. No início, podemos adicionar mais pontos de referência. Você vê esses pontos de correspondência se eu abri-lo, Número de pontos número fora pares realmente é apenas um. E este ponto está se transformando aqui bem à direita. Eu deveria colocá-lo em algum lugar aqui. Eu deveria velho clicou em novos pontos e basta clicar. Isso irá adicionar novos pontos de referência e lembrar que uma vez que vamos fazer o chapéu morphing porque precisamos fazer isso duas vezes. Um para a primeira morphing que querem para a segunda morphing. Esses pontos de referência devem ser semelhantes porque senão crescerá fora desses limites. Então deixe-me tornar isto o mais simples possível. Eu também gosto de ficar aqui. Se você está no Mac, é opção e talvez aqui e isso é suficiente. Isto é o suficiente para a minha morphing. Eu disse que o quadro chave no início em 0% e indo talvez dois segundos à frente. Eu queria ser mais 100%. O que mais podemos fazer para torná-lo um pouco mais preciso? Vê esta opção de elasticidade? Esta opção determina o quão fluida a animação real será executada. Você vê, isso é um pouco duro. Temos bordas muito ásperas aqui, tornando a elasticidade do dedo do pé absolutamente normal. Vai virar as esquinas, por exemplo. Você poderia ir ainda mais fundo para perder. Fará com que seja mesmo redondo. Tudo depende. O que você quer alcançar e qual estilo você está buscando? Você pode ver que esta morphing é muito boa. Agora posso continuar e fazer o mesmo no chapéu. Então lembre-se que o ponto de referência mais para usá-lo provavelmente fará a animação melhor e melhor. Mas como estas são apenas imagens PNG simples e nós só queremos uma rápida mudança entre elas, você não precisa ser realmente perfeito para pixel. Alguns pontos de referência serão totalmente bem porque você quer terminar este produto hoje muito obrigado pela sua atenção. Vamos para a próxima lição foram, bem, bem, crunch na cabeça e, em seguida, vamos tentar destino ambas as imagens, por isso vai criar uma experiência perfeita. 5. Morfing o segundo objeto e desfile sem costura: nesta lição. Vamos trabalhar com o chapéu. Vamos tentar conectar o que fizemos até agora e vamos desaparecer entre essas duas imagens para completar a transformação. Vamos selecionar à frente camada PNG e encontrar o efeito que precisamos. Por favor, encontre remodelar e coloque-o na camada. Aqui. É exatamente o oposto. Bem-vindo, Rehape. Minha primeira forma é a cabeça, claro. E gostaríamos de mais para o letreiro do YouTube. Isso é possível fora do curso? Sem problema. OK, nós temos nosso pequeno acordo com o efeito. Agora, mais uma vez coloco um quadro chave. Na porcentagem eu vou dois segundos adiante. Eu transformo para 100%. Deixe-me selecioná-lo e selecionar este para ver o que acontece. A morphing é muito boa. Não é exato. Deveria ser melhor feito. Só quero fazer uma aproximação rápida. Faço perder. Acrescento apenas alguns pontos de referência tendo esta remodelação selecionada. Eu pressionei o velho estava aqui como eu me lembro, um estava aqui um neste site e este 1º 1 estava aqui no topo. Agora a transformação está acontecendo assim, a última coisa que você precisa fazer é rebocar o tempo. Reverta os quadros-chave fora da segunda cabeça porque no momento o círculo está se transformando em um chapéu e o chapéu está transformando dedo do pé em um círculo. Queremos que o barco faça o mesmo ao mesmo tempo. Por isso, pressiono-te na cabeça e tenho as únicas chaves que tenho aqui. Escrevo o preservativo do tempo de assistente. Inverter quadros-chave. Isso é tudo que você tem que fazer agora. Tenho os dois visíveis da Leah ao sinal do YouTube e à cabeça, e a morphing é executada agora. Dependendo de quão bons você fez esses pontos de referência, a morphing deve ser parecida. Se você tiver pequenos erros como este, isso não será visível. Você pode, por exemplo, trabalhar com a opacidade. Então deixe-me pressionar a opacidade no chapéu. Eu, Presti e eu pressionamos o sinal. Agora posso trabalhar. Eu possuí a opacidade sob o sinal do YouTube para renunciar lentamente como ele começa a revelar a cabeça. Talvez aqui ele deve bater 0% enquanto, por outro lado, Eu possuí a cabeça para primeiro ser invisível e direita no final antes dos dois segundos. Deve ser visível. Agora eu posso trabalhar com os quadros-chave um pouco, mas basicamente, é assim que a morphing deve ser realizada. Agora vejo que este é um ponto invisível. Não deveria ser assim. Talvez eu tenha colocado os amigos chave assim. Eu desloco dis um pouco para a direita e visualizá-lo agora. Bem, para ficar duro de novo assim. Como esta antevisão? Bem, eu não tenho perfeito. Eu deveria estender esses quadros-chave ainda mais, ainda mais. Mas você entendeu a ideia. Isto é exatamente como você pode mais de uma imagem PNG para outra. Boom, boom após efeito nos permite fazer tantas coisas criativas com vídeo. Mas você também pode trabalhar com imagens e criar algo interessante como isso. Muito obrigado por finalizar este projeto comigo. E você pode continuar agora. 6. E quanto a um terceiro item?: Odiador. Apenas como uma última dica rápida. E se você quiser mais do primeiro item para o segundo item e do segundo item para um item de cocô? Então você não gostaria de ter três máscaras aqui e mexer com tudo o que você pode simplesmente duplicar a cabeça. Digamos que você tem um item de cocô aqui. Eu vou duplicar. Eu realmente me dedo do pé ferido item Apenas como um exemplo, Você quer se transformar do sinal para a cabeça e da cabeça e dizer item cheio o que eu faria, Eu duplicaria a cabeça que eu tomo na cabeça aqui. Eu precisaria fazer uma xícara. Então eu vou segurar a tecla antiga esquerda ou a tecla opção se você estiver no Mac e você fazê-lo começar a partir daqui e o anterior tinha parado aqui. Então esta é minha velha cabeça que estava se transformando do primeiro sinal e o novo tinha este gato aqui vai se transformar em item cheio para deixar tudo claro, eu também poderia fechar o terceiro item aqui e a única coisa que você precisaria mudar é Fazendo o chapéu. Está treinando a máscara de origem da cabeça em vez do sinal para o terceiro item. Então você deve, é claro, delinear preparado as máscaras e mudá-lo aqui. Então é assim que você pode executar uma transformação do primeiro item em um segundo item e, em seguida, em uma tartaruga. Isso é apenas para uma dica rápida de como você pode eventualmente contornar isso em efeitos após. Para a animação básica, entanto, eu vou recomendar que você use dois objetos, dois mais de um para o 2º 1 Desta forma, você vai saber como trabalhar com isso e eventualmente usá-lo no futuro enquanto você trabalha com alguma coisa. 7. Como adicionar um projeto de curso pronto GIF: deixe-me mostrar rapidamente como você pode renderizar e mostrar seu projeto. Eu quero que você é um pós-efeito e você tem o projeto preparado. Você tem a composição selecionada. Vá para a composição e adicionado à fila de renderização ou argumento de controle de hit. Shift barra para frente Isso irá na composição automaticamente para a fila de renderização no módulo de saída. Clique no Lost Less e altere o primeiro para Jay Peak sequência. Queremos uma sequência de imagens. Eu clico aqui para contar. Onde ele deve salvar? Eu tenho um exemplo de pasta. Eu clique duas vezes nele. Eu bati em segurança e posso renderizar os arquivos. Agora vamos para a foto shopped. Clique duas vezes aqui, selecione a primeira imagem da pasta. Você salvou todas as imagens e pressione a sequência de imagens. Photoshopped criará automaticamente uma sequência de vídeo a partir dessas imagens. Eu clico em OK e eu tenho o vídeo pronto aqui. Agora eu posso exportá-lo facilmente como e dar arquivo que você selecionar arquivo, digamos para Web. Eu não deveria exportar uma imagem tão grande para que possamos diminuir esse tamanho. Vai demorar um pouco para carregar porque Estes são muitos arquivos, e é bastante pesado para o PC, mas precisamos diminuir o tamanho porque não precisamos de um arquivo de presente HD. Está bem, ele carrega. Você pode ver na estimativa, eu teria um arquivo de presente de 10 megabytes. Definitivamente é muito grande. Eu mudo o tamanho da imagem para 500 pixels com Isso é completamente suficiente para mostrar meu trabalho. O processamento é feito e para obter o arquivo, é muito menor agora. Nós só temos que mudar as opções de loop para sempre, e se eles forem finais, ainda seria muito grande. Eu poderia diminuir a quantidade de cor ou, por exemplo, torná-la ainda menor. Eu guardarei o presente agora, e uma vez que você terminar com tudo isso, vá para a classe. Clique em Iniciar projeto aqui. Tudo o que você fez, basta pressionar, fazer upload de foto, selecionar um arquivo de presente, e você pode fazer upload do presente ano direto na Skill Shirt. Eu agora título meu projeto para telefonar mais coisas. Enquanto isso estiver sendo carregado, o presente já está aqui. Posso escolher qualquer uma dessas fotos por um tempo. Mail apenas enviado como ele será preparado, e você pode criar o produto dentro da classe. Eu realmente aprecio isso porque eu quero ver o que você aprendeu. E se você tiver algum problema, basta entrar em contato comigo aqui no quadro de discussão e eu vou tentar explicar tudo e ajudá-lo com o projeto. Muito obrigado por ouvirem esta lição. E estamos chegando ao final deste curso. Já parabéns. 8. Obrigado!: Divertimo-nos tanto a desenhar esta morphing. Espero que tenha gostado também. Este foi um acompanhamento da classe de jogadores de forma morphing. Eu tinha anteriormente pessoas que gostaram, e alguns dos alunos perguntaram se imagens PNG pode ser também mais como você vê, isso pode ser feito. Demora um pouco para se preparar, mas é um fluxo de trabalho realmente encontrado. Muito obrigado por passar tempo comigo aprendendo algo após efeito. Se você está satisfeito com a classe, eu realmente apreciaria se você entrar, clique aqui e deixe-me um comentário. Uma revisão positiva será um grande obrigado para mim. Eu realmente aprecio isso. Obrigado mais uma vez, e espero que possamos nos ver e outras aulas.