Transcrições
1. Introdução ao curso: Olá, amigos.
Bem-vindo ao meu curso. No meu curso anterior, fizemos uma animação para
o logotipo da Skillshare Neste curso,
criaremos um logotipo simples
e, em seguida, faremos uma animação
mínima do logotipo. Além disso, como você pode ver, mostrarei como criar versões em cores e em preto
e branco. Quero que você escolha
a versão em preto e branco
ou a versão colorida e faça o upload como
um projeto de curso. Você pode baixar os materiais
do
curso na guia Recursos de download. Também gostaria
de mencionar que vou enviar meus cursos sobre animações de logotipo
e tópicos
diferentes
com o After Effects, então eu recomendo que você fique
ligado. Obrigado por assistir.
2. Introdução: Oi, amigos. Neste curso, abordarei alguns tópicos relacionados aos gráficos em
movimento geral. Deixe-me salientar que
este curso não é um curso de gráficos em movimento muito abrangente e
detalhado. É um curso em que
eu abordo apenas alguns tópicos importantes
relacionados aos gráficos em movimento. No final do curso,
você terá aprendido como fazer a introdução que você
vê na introdução Meu próximo curso será um curso muito detalhado e
abrangente. Então, se você me seguir, não perderá esse curso. Em primeiro lugar, criei uma nova composição de 60 FPS porque é importante para
mim obter uma imagem mais fluida Eu crio um círculo com a
ajuda do painel acima. Vou fazer uma
animação de posição simples com esse círculo. A propósito, devo mencionar que a proporção é muito
importante na composição. É por isso que você precisa
saber que as formas estão
nas posições corretas. Como podemos saber
isso? Ao pressionar o botão seguro de ação do título, dessa forma, o ponto
central exato e os lados da composição
ficarão claros. Agora vamos criar uma animação de
posição simples. Como você pode ver, quando
ajustamos apenas a primeira
e a última posição, obtemos um movimento rápido e constante. Quando selecionamos os quadros-chave
, clicamos com o botão direito do mouse e clicamos em EaseS Agora podemos editar o gráfico dessa animação como
quisermos. Essa animação parece muito
melhor do que a primeira. Vou adicionar efeito de eco e rampa. Echo é como uma versão
mais pronunciada do efeito motion blur. O efeito rampa é um efeito
que usamos nas transições de cores. Escolhemos as cores
e suas posições. O programa cria a transição de
cores para nós. Isso é tudo o que há nisso. Quando a forma vem para
a direita, ela parece azul. Quando vem para a
esquerda, parece verde. Por fim,
falarei sobre alternar segurar o quadro-chave em nossa Também há um quadro-chave. Quais são os tipos de quadros-chave? O primeiro é um quadro-chave
fixo. O segundo é um
quadro-chave acelerado que podemos editar e o terceiro
é um quadro-chave em que a animação
intermediária não é Chamamos esse último quadro-chave de quadro-chave
de alternância e retenção. Se no primeiro segundo, nossa forma está à esquerda, e no segundo segundo,
nossa forma está à direita. No último quadro-chave, a forma se move para a direita Não há transição
intermediária. Sim, amigos, isso é tudo. Após esta aula, entraremos no projeto
do curso.
Obrigado por assistir.
3. Projeto de disciplinas - Design de logotipo: Olá, amigos. Nesta lição, vamos criar
um logotipo minimalista. Primeiro, vou criar uma
composição no After Effects. Nome da composição, animação
do logotipo. Full HD 60 FPS, cor
de fundo branca. Agora eu abro o Illustrator
para criar o logotipo. Primeiro, eu crio um retângulo
e defino a cor para azul. Depois copio o retângulo com a tecla C e pressiono a tecla F. Dessa forma, copio
a forma que copiei. Eu giro a forma
pressionando R. Vamos fazer uma rotação de 270
graus Eu arrasto a forma até o canto da primeira forma
para criar uma forma L. Agora vou criar
uma forma quadrada começando no
canto direito e pressionando shift. Vou suavizar um pouco
a forma
puxando os cantos. Eu
acho que isso é muito bom. Envie essa forma diretamente
para o After Effects. Eu uso o plugue de sobrecarga
para empurrar a seleção para AE. Se não estiver usando a sobrecarga, você pode salvá-la como
um arquivo do Illustrator e arrastá-la para o After Effects, ou você pode salvar o logotipo como transparente e
importá-lo para o After Vou pegar os
retângulos em forma de L e colocá-los em uma composição diferente,
primeira e segunda parte Agora, eu crio um quadrado
que cobre essa forma. Isso é fácil de fazer
no After Effects. Mova a seleção para A E. Eu coloco a primeira forma volta em uma composição para que as duas formas não se misturem. Eu redimensiono as duas formas para 60%. Nos vemos na próxima aula.
4. Animação de eco e posição: I. Olá, amigos.
Nesta lição, criaremos
animações de movimento ,
rotação e salto em ordem Em primeiro lugar, quero que uma forma quadrada cresça até
o centro da tela. Em seguida, criarei
outra forma e a forma atingirá
a forma quadrada no centro da tela. A forma quadrada
então se transformará em nosso logotipo
e, realisticamente,
nosso logotipo aparecerá, que girará e cairá O mesmo quadrado que criamos
no ilustrador e
estamos criando A cor deve ser a mesma. Agora é hora de fazer
uma animação em tamanho. Trazemos o tamanho de 0 a 100 e suavizamos o movimento com
a ajuda de um editor gráfico Agora crie o mesmo quadrado
com o After Effects. Em vez de a forma
vir em linha reta, seguimos o
caminho em espiral até a posição Será uma visão mais agradável de
ver isso. Ele poderia seguir um caminho
diferente. Mas o fim da estrada está à direita, a praça
deve terminar nela. O movimento precisa ser suave, então eu clico no centro
do gráfico e marque a caixa. Isso evitará que o
movimento fique instável. Eu farei o mesmo com
a segunda parte. As curvas, então, sejam
exatamente assim. A animação está pronta. Agora, vou
adicionar um efeito de eco. Eu falei sobre isso nos tutoriais
introdutórios. Esse efeito dá uma maior dinâmica para alcançar
a animação. Você pode experimentar
efeitos diferentes, se quiser. Tudo gira em torno da sua criatividade. Quando essa forma atinge, o logotipo sobe
e depois desce. Animação tem tudo a ver com adicionar um pouco de diversão às leis
da física, não é? Movimentos que parecem
lindos aos nossos olhos são na verdade, belos na medida em que podem
confundir nosso cérebro De qualquer forma, vamos
voltar ao assunto. Criaremos movimentos de posição
e rotação. Então, por que o
gráfico de posição é assim? Porque é rápido no começo. Eu quero que ele se mova a uma
velocidade muito próxima de zero
no pico e depois acelere
novamente à medida que cai. Então é isso para esta lição. Usaremos muito a tecla F nove e o editor gráfico. Se você é novato em animação, precisará ter uma
boa compreensão delas. Muito importante Obrigado
por assistir. Fique seguro.
5. Animação de salto: Olá, amigos. Na
lição anterior, a forma quadrada atingiu nosso logotipo
e, em seguida, nosso logotipo subiu e
caiu no chão. Eu queria que o movimento
acontecesse um pouco mais rápido, então fiz com que eles se estruturassem
mutuamente. Eu o aproximei. Tudo bem, mas como você pode ver, o logotipo não está no
centro da composição. Quero mover o logotipo. Estou arrastando para baixo. Vou criar uma
animação de salto depois que ela cair. O logotipo está apenas na
posição em que cai. Se permanecer e o
logotipo não se estender, a animação não
parecerá boa o suficiente. Existem diferentes
maneiras de criar isso, mas acho que a mais fácil é
criar um objeto vazio, adicionar a animação a
esse objeto vazio
e, em seguida, conectar o logotipo
ao objeto vazio. Você pode usar essa técnica em animações de posição complexas Também o usamos para animações. Eu criei um objeto nulo. O ponto central
do objeto nulo deve estar bem no
meio da borda inferior Assim que o logotipo completar
o movimento de posição, criaremos uma escala
com o objeto nulo Nós criaremos a animação. 100%, 100%. 120%, 90%. 90%, 120%. 100%, 100%. Eu seleciono os quadros-chave
e pressiono F nove. Estou movendo os quadros-chave
um pouco para a esquerda para que isso aconteça
um pouco mais cedo Isso é tudo.
Nos vemos na próxima aula.
6. Transição de logotipo: Oi, amigos. Nesta lição, vamos
transformar o quadrado no meio
da
composição em um logotipo. Primeiro, mudaremos a cor para a mesma
cor do nosso logotipo. Vamos dar uma
olhada na animação. Sim, exatamente. Quando a
colisão acontece, ela precisa se transformar em um logotipo Caso contrário, como você sabe, essas animações não
têm sentido Colisão e, nesse momento, pressiono a tecla de controle e D para dividir o logotipo
em duas partes E o logotipo deve aparecer
exatamente nesse quadro. Também dividi a
camada do logotipo em duas partes. Desta vez, estou excluindo a
primeira parte do logotipo. Sim, eu acho que isso é bom. Nos vemos na próxima aula.
7. Rampa: Olá, amigos. Nesta lição, adicionaremos o efeito rampa. O efeito rampa foi mencionado
nas primeiras aulas. Usamos o
efeito rampa quando queremos duas cores diferentes e
queremos uma transição suave Nesse efeito,
precisamos selecionar duas cores e as
coordenadas iniciais dessas cores. Quero que o quadrado pequeno tenha
a mesma cor do quadrado grande quando chegar ao último quadro. À direita, será
um tom mais próximo do vermelho. À esquerda, será azul. E é isso.
Obrigado por assistir.
8. Animação de texto: Olá, amigos.
Bem-vindo. Estou fazendo algumas pequenas alterações
na primeira animação. Funcionou muito bem. Neste tutorial,
criaremos uma animação de texto. Usaremos um código para
criar essa animação. Você pode baixar esse código na seção
de
recursos de download. Também gostaria de
salientar que muitas
animações de texto diferentes podem ser feitas aqui Na verdade, não
precisamos desses códigos, mas os códigos nos permitem criar animações de
texto de uma forma
mais prática Quero que o texto superior saia da parte inferior
da composição. Também quero que o texto inferior
desça do topo
da composição. Para fazer isso,
defina o valor da posição
no primeiro quadro dois, puxamos para cima e para baixo. I. Tudo bem, mas os textos aparecem na
composição antes do logotipo. Eu quero que isso não aconteça. Então eu mudo a camada desses
dois textos para a direita, e pronto.
Obrigado por assistir.
9. Preto e branco: Oi, amigos. Neste tutorial, explicarei como criar uma versão em preto e branco da animação colorida
do logotipo que criamos. Primeiro, seleciono
todas as camadas e
clico em pré-composição Ou seja, eu crio outra composição
dentro da composição. É mais fácil adicioná-los todos
a uma composição e colorir a composição em vez selecioná-los e
colorí-los individualmente. Eu adiciono o efeito de preenchimento
à camada e depois
escolho a cor preta. Quero que o logotipo seja
preto no início, branco no impacto e
depois preto no final. Eu posso fazê-las individualmente
com o efeito de preenchimento. Mas como preto e branco
são cores contrastantes, será muito mais fácil
aplicar o efeito invertido. Eu adiciono uma camada de ajuste
à composição. Eu adiciono o efeito invertido
à camada de ajuste. Então eu crio essa animação
alterando os valores aqui.
Obrigado por assistir.
10. Animação de linha: Oi, amigos. Nesta lição, adicionaremos uma
animação de linha à animação. Para fazer isso, copie o
quadrado pequeno e redimensione o quadrado. Quando é pequeno o suficiente, parece um ponto
e, graças ao efeito de eco que
aplicamos anteriormente,
parece uma linha Sim, concluímos
nosso projeto de animação e você pode carregá-lo em
preto e branco ou em cores. Como mencionei, você pode usar formas
diferentes que desejar
com sua própria imaginação. Obrigado por assistir.
Nos vemos no meu próximo curso.
Libra Studio / Batuhan, Motion Designer
