Crie uma animação de transições de texto e imagem simples no After Effects | Sebastiaan Destellirer | Skillshare

Velocidade de reprodução


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

Crie uma animação de transições de texto e imagem simples no After Effects

teacher avatar Sebastiaan Destellirer, Graphic Designer, Teacher

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

7 aulas (19 min)
    • 1. Introdução - Animação de transição no Adobe After Effects

      0:58
    • 2. Informações sobre seu projeto e como encontrar imagens gratuitas

      1:18
    • 3. Desenhe a primeira parte da animação

      4:31
    • 4. Crie a 2ª parte dos gráficos de movimento

      2:03
    • 5. Como unir as 2 peças

      7:13
    • 6. Informações de envolvimento e projeto

      0:35
    • 7. Como incorporar vídeos do YouTube ou Vimeo na página de projeto

      2:38
  • --
  • 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.

468

Estudantes

3

Projetos

Sobre este curso

Neste curso, você vai aprender como criar essa animação de transição, contendo imagens e texto como máscaras de corte no Adobe After Effects

Embora possa parecer difícil de fazer, é bem fácil e vou mostrar a você do início ao fim.

f52cd424

(GIF, GIF, de pequena / baixa resolução, para reduzir o tamanho do arquivo)

Depois que este curso, você sabe como fazer uma transição desse tipo e ver quais são as possibilidades das máscaras (Clipping) são Design de gráficos de

movimento.Para seu curso, você pode (re)criar uma transição semelhante ou Projetar algo diferente no
AfterEffects.( Você pode baixar o arquivo de projeto da guia “Projeto de

“Class melhor experiência de aprendizado é criar um projeto, para que eu adore ver o que você criou.

Visão geral de outras aulas:

Adobe Photoshop:

Adobe After Effects:

Conheça seu professor

Teacher Profile Image

Sebastiaan Destellirer

Graphic Designer, Teacher

Professor

I am a Graphic Designer living in the Netherlands.
I work at an International Marketing & Communications department.

I love Learning, also about "Digital" Design. (Web Design, Motion graphics / Animation, 3D)

I followed a lot of classes here at Skillshare, Now it was time for some Sharing of my own :)
I published 10 classes: https://www.skillshare.com/sebastiaan-destellirer/teaching

My Vimeo-page: https://vimeo.com/sebastiaandestellirer

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. Introdução - Animação de transição no Adobe After Effects: Oi, todo mundo. Bem-vindo a esta classe, criando transições simples de texto e imagem em após efeitos. Meu nome é Sebastian Destiny Theater. Eu sou um designer gráfico vivendo na Holanda. Eu aprendi um monte de novas habilidades seguindo aulas ou habilidades aqui e com este pano eu quero compartilhar de volta com esta comunidade incrível depois de efeitos é um grande programa com um monte de possibilidades. No começo, pode parecer um pouco intimidante, mas quando você começa, fica todos os dias um pouco mais fácil fazer coisas legais é nesta aula. Você vai aprender como fazer esta informação de transição contendo imagens e texto deslizando mesquitas. Embora possa parecer difícil de fazer, é bastante fácil e vou mostrar-lhe do início ao fim. Então, o papel do ting. Mas agora e eu vou vê-lo no próximo rádio 2. Informações sobre seu projeto e como encontrar imagens gratuitas: mas gosto muito de habilidades. Aqui está aprendendo fazendo. Acredito que isso faz uma grande diferença na experiência de aprendizagem, então use seu produto Bates para postar os diferentes estágios fora de suas previsões. Inspiração ou perguntas que você possa ter. Os emissores são usados nesta classe são do site foi espirrado em casa. É um ótimo site no bife imagem que você pode baixar lá são completamente gratuitos para usar . Para manter as coisas simples, eu pesquisei as fotos na loja de fotos para o tamanho da minha animação, neste caso 1920 por 10 80 antes de importá-los em após os efeitos, você pode baixar meu arquivo de produto do produto da classe para cima. Ele contém as imagens que usei, bem como para completar arquivos aftereffect para que você possa usá-lo. É um ponto de partida para o seu próprio crédito ou como referência quando você quer fazer o check-out. Como fez peças específicas Na próxima parte, vou começar com os primeiros passos fora dos produtos, então por favor, comece o produto, mas postando sua inspiração ou se você já tem de fotos, você quer usar o seu produto, você pode postá-lo vê-lo em partes anexo 3. Desenhe a primeira parte da animação: Eu por um. Neste vídeo, vou construir a animação passo a passo. O primeiro passo é fazer uma competição. Eu já datado, mas eu configurações terça-feira 1920 10 80 30 quadros por segundo e 11 segundos de duração. Posso mudar o nome da minha conversa para Primavera de Inverno. Certo, tenho fotos que vão usar para facilitar. Eu só os compus de graça e vou te mostrar o porquê. Eu só, um, fechar por enquanto. Ligue para Windsor Spring e copiei-os na linha do tempo da primavera, ambos no inverno. Ok, bem, isso é o passo de preparação para o inverno pré vir. E eu começo aqui para fazer as peças de inverno na parte de inverno. Eu tenho duas camadas para adicionar um cooler cheio. Está em uma camada de texto. Camada de compensação. Nova alma. É e eu escolhi um azul agradável em algum lugar em torno disso vai servir. Certo, deixe isso para trás. A próxima parte é digitar o texto inverno. Eu escolho o meu tipo ferramenta clique inverno. Eu sei que eu quero ser um grande bake de telefones. Você pode escolher qualquer Frankie quiser. Alinhei os pontos centrais e alinhei o texto centrado na conversa para fazer Ah, inverno para ampliar. Eu usei. É um efeito de tratado nos textos que Tony habilitou. Então nós somos tratados e eu vou para a frente um pouco porque nós primeiro 12 folha uma imagem, um segundo e 15 quadros. Eu abri a vaga. Faça um quadro chave. Mova este pouco para a frente. Faça outro Keefe um quadro e diminua o zoom em três espaços D. Esta procissão vai depender de quão grande o seu tipo ish ou que tipo você escolheu. Vou mostrar que é um pouco. O que é isso aconteceu. Então está vindo para o trabalho. Você e eu paramos quando seus cofres, tudo bem e eu vou para três segundos dentro e lá eu quero o dedo do pé. Se estiver completamente na posição, você quer se esforçar, apenas, você vê, usá-los. Próxima parte é fazer o texto e tudo por meses antes da imagem, o texto está acima da imagem e, em seguida, eu vou para a camada da imagem. Escolha todos os quatro meses. Você ela é inútil, a camada de inverno e agora a imagem só é pescável nas barras fora do próprio texto. Posso correr um rápido pré poucos. Então você sabe, eu tenho agora completado as primeiras partes da animação. Vou fechar o inverno 4. Crie a 2ª parte dos gráficos de movimento: e eu mudei a primavera e um pouco fora do caminho que vamos agora para as partes de animação primavera . Ok, estamos agora na primavera pré vir, e eu vou no Green Soul. É novo. Então vamos e os olhos de matrícula cor verde algo um pouco como este, e você sempre pode mudar a cor fora de um sólido. Mais tarde, meu indo para camada seguido configurações, e você pode apenas, ah, escolher outra cor. Certo, temos que imaginar. Temos que verde e precisamos do texto e ir para a ferramenta de texto. Escolha a mola de texto. Torná-lo um pouco mais leve em peso enviado para os pontos de ancoragem e centro texto para a complicação. Ok, agora eu coloco a alma verde. Está em cima da imagem, e eu escolho e inferência alfa. São montagens Trek usando a mola da camada de texto e como você pode ver a foto brilhante equipe, as chalotas verdes. Eu vou agora para dois minutos e 15 amigos porque eu preciso de algum tempo no início para permitir a animação de transição, e eu vou para as propriedades de opacidade usando o T, e eu vou animar a cidade alta fora de sua alma. é 100 previne no início, desligado em dois minutos e 15 quadros e, em seguida, ir para quatro segundos. Basta ir ao zero e dar-lhe qualquer ela e basicamente isso é tudo o que precisamos fazer dentro da composição da primavera. 5. Como unir as 2 peças: Ok para mostrar o que temos agora, os primeiros 4 segundos, a animação de inverno. Nesses quatro segundos, a prole pré competição começa e eu vou mostrar que está indo coisa bastante corrupta. Agora e agora vamos fazer a transição de um quadro para outro. Tudo bem, agora vamos fazer duas coisas em preparação para o processo de animação Camada. Newell, eu é um Noah picaretas e nós vamos mover o dedo do pé, camada de mola e o objeto sem essa posição 16. 20. E como você pode ver agora, eles são movidos para o fundo. Mas eles vão fazer agora, pais IHS ambas as camadas de complicação para o não em apenas para mantê-lo claro, eu começo a saber nesta posição todos os direitos sobre o que eles vão fazer agora é animar a posição fora do agora clique no imóvel Butch. Eu guardo uma chave original daqui. Echo quadros din para a frente. Coloque outro quadro chave e agora eu tomar passos fora cinco quadros movendo Danil cada vez Um pouco , se você pode ver ambas as camadas. Agora mova para cima, mova cinco quadros para frente e volte para o valor original. Então temos uma pequena colisão agora para cima, para baixo, para cima, cima, para baixo cinco quadros, frente. Ele se moveu para cima. Olhe mais agora, Beck. Cinco quadros para a posição original. E agora eu me movo para nossos 10 quadros porque agora eu movê-lo para o centro. 5 40 É para mostrar o que fizemos ricos, sem movermos para cima, descer, subir, descer e subir até o centro. E isso afetaria você criar um simples salto. Mas eu fiz no meu movimento original era Easy East. E o que está acontecendo agora é que o fundo. Não é coffer pela camada de composição novamente, porque o movimento é mais livre do que a oferta de risco de camada. Então, para consertar isso, colocamos os sólidos azuis no fundo. E agora temos um fundo azul para o Bartsch, onde essa animação iria se preocupar, sentir a caixa preta naufragar ao redor. Muito bem, temos a animação quase pronta. Temos a primeira parte. Faça um inverno texto, o pequeno salto primavera e desvanecendo de volta para a imagem. O que eu incluir agora é apenas um fade para preto e fé na imagem original para que eu possa criar uma animação em loop hoje para fazer isso em um fazer um novo sólido. Vá para nove segundos. Eles são uma alma nova. É só uma cor preta. O preto começa em nove segundos. Leve a opacidade um quadro chave. Vá 20 quadros Pfirter. Se você enquadrar outros 20 quadros, você enquadra e nas extremidades, não o nosso quadro chave. O que vamos fazer é fazer o primeiro quadro chave. Eles são uma obesidade proficiente e o quadro chave perdido também. O que? Isto vai fazer isto. Basta criar destinos simples, preto e desvanecer-se, e sempre precisa fazer agora peixe para sua imagem original nos fundos. Não, nós vamos se começar no meio de 10 segundos e ir para o início deles. Então agora a imagem é o rosto à base de plantas. Ainda não. O que eu preciso fazer agora é acabar com a capacidade de peixe para a camada de primavera. Desvanece o dedo do pé preto. Agora a camada na nova imagem está dentro, mas ainda não é viável em seus destinos. Em bem, agora criamos um simples fade in fade out para criar um loop simples. Isto é mais velho. É obrigado por assistir esta parte. 6. Informações de envolvimento e projeto: Obrigado. Espero que você goste desta técnica simples e aprenda algumas coisas novas ao longo do caminho. O próximo passo é começar a fazer o seu próprio perfeito. Então, por favor, comecem. Mas ostentando sua inspiração, brainstorm menos ou se você já tem a partir da imagem, se você quiser usar, você pode se orgulhar de uma ondulação. Isso nos permitirá dar feedback sobre seus produtos. E, por favor, lembra-te, estou aqui para te ajudar. Então, por favor, publique todas as perguntas que você tem nos conselhos de discrição, então vamos começar. 7. Como incorporar vídeos do YouTube ou Vimeo na página de projeto: neste vídeo de shorts, vou mostrar-lhe como você pode incorporar um vídeo feminino ou do YouTube em seus projetos. Primeiro romance e é meus projetos nesta loja cara já é um vídeo feminino em, Mas vou mostrá-lo e o processo novamente. Se você vai para a sua página feminina e você escolher o vídeo que você quer inventar, você pode ir até eles. Opção de compartilhamento, nenhuma janela será aberta. E aqui você pode fazer algumas opções. Por exemplo, fora de reprodução do vídeo para vídeos curtos, você pode olhá-los. Em seguida, ele vai jogar continuamente. E todas essas informações históricas em um arquivo de texto, você acabou de copiar. E, em seguida, aqui você dois e apostas mídia em seus projetos e você pode apenas basear o casaco em ele submete. E aqui está o vídeo da mulher. O processo para você empurrar o mesmo. Você vai para o YouTube, você escolhe a opção de compartilhamento. Eu não tenho vídeos no YouTube para fazer, então eu só tiro um vídeo geral e você pode, hum, escolher as incorporações. Você pode até fazer mais opções e também fez isso lidar com GOP. Eu escolho aqui, e Bets Media e eu baseado as cabras submete. E aqui o vídeo do YouTube está em seus produtos. E quando você raspa seu projeto, os vídeos são incorporados em seus projetos. Espero que o vídeo de informações shorts seja útil. Obrigado.