Transcrições
1. Introdução: Você gostaria de aprender como fazer um anúncio animado de história elegante? Então este curso é para você. Oi, todo mundo. Meu nome é Diana Karlova. Eu sou um designer de movimento com uma forte experiência em videografia. Estou em produções de vídeo por 10 anos no total. Neste momento, trabalho com as diferentes equipas internacionais e, às vezes, individualmente. Animação sempre foi minha principal paixão. É simplesmente incrível que usando animação eu possa criar qualquer coisa que eu quiser. Posso compartilhar meus pensamentos, ideias, ideologia, senso de estilo e muito mais. Assim como você. Estou super animado para compartilhar com vocês algumas das minhas habilidades e ajudá-lo a mergulhar no design de movimento. Neste curso, começaremos com uma tarefa simples, animação de
15 segundos para o Instagram. Este curso é para iniciantes, ilustradores, designers ou empresários que gostariam de saber como criar anúncios curtos exclusivos e elegantes para o Instagram. Esta aula vai ensinar aqui como obter inspiração usando recursos com conteúdo visual, como criar conceito de design para o seu projeto, combinando diferentes ideias inspiradoras, como preparar o storyboard para sua animação dinâmica, e, finalmente, como animar histórias de vendas para o seu Instagram no Adobe After Effects. Acredito que o design de movimento só ganhará impulso no futuro. anúncio animado chama nossa atenção de forma mais eficaz. É por isso que marcas grandes e
modernas o usam. Experimente criar suas próprias histórias animadas para promover eventos ou serviços da marca. Comece com a ideia, conceito do seu estilo, crie dinâmicas até mesmo para história de 15 segundos, aprenda técnicas simples que você poderá usar em muitas outras variações diferentes. Bem-vindo ao curso. Mal posso esperar para ver seu resultado.
2. Orientação do curso: Oi amigos, neste curso, vou mostrar-lhe todo o caminho desde o início, o processo de brainstorm até o resultado que construir profissional elegante e vai transmitir a idéia. Este curso é principalmente para iniciantes em design de movimento. Se você nunca tentou trabalhar no Adobe After Effects, darei a você alguns conhecimentos muito básicos desse programa e também vou inspirá-lo a continuar seu aprendizado. Passaremos pela fase de pesquisa para encontrar inspiração. Porque é design de movimento, vamos procurar um conceito de estilo. Para sua classe de projeto, você criará duas histórias diferentes neste curso. O primeiro é bastante simples, minimalista e fácil de usar para diferentes fins. O segundo é um pouco mais complicado, mas sabendo como criar tal história, você será capaz de fazer tantas outras. Basta aprender as técnicas, ser criativo e usar sua própria imaginação. A propósito, eu não me importo se você criar a mesma animação que a minha. Você pode copiá-lo e praticar. Mas se você tem seu próprio propósito e provavelmente será diferente, então você mudará alguns detalhes como fotos, texto e formas. Além disso, espero que usando essas técnicas você seja capaz de incorporar suas próprias idéias. Trabalharemos no Adobe After Effects e no Adobe Photoshop. Você também pode precisar de uma caneta e um papel para o processo de brainstorm. A ideia principal para este curso é mostrar-lhe os instrumentos e inspirá-lo para a sua própria criatividade. Mal posso esperar para ver esses esplêndidos resultados que você terá.
3. Encontrando a inspiração: Oi caras. Nesta lição, vamos falar sobre como encontrar a ideia para a sua história animada. A história é curta, portanto, precisamos fazer esses 15 segundos brilhantes e coloridos, memoráveis, fáceis de assistir e entregar a mensagem. A ideia nem sempre cai em nossas cabeças. Podemos criar um novo conceito usando algo que já existe e nos inspira. Podemos juntar tudo e criar algo completamente novo. Vamos começar com alguns exemplos. Aqui, você pode ver algumas histórias industriais com diferentes idéias, propósitos e público potencial. Este tem três fotos, o texto está mudando, tem um site no topo e uma chamada à ação que é outra maneira de dizer,
deslizar para cima, descobrir, é realmente ótimo. Este anúncio é bastante simples na verdade e é muito legal. Tem alguma ação, cores brilhantes agradáveis e muita informação sobre ele. texto animado aparece com a chamada à ação, é simplesmente perfeito. Este anúncio é uma animação super elegante. Não tem um apelo à ação. Parece mais que aqui estamos e aqui está o nosso estilo. Ele funciona o melhor para as grandes empresas, mas para os projetos menores, é muito melhor dizer ao público o que você oferece usando sobreposições de texto. Como aqui, há um monte de texto, você lê isso e você sabe do que se trata, mas a velocidade da animação é muito lenta. Podemos perder a atenção do nosso potencial cliente durante estes segundos sem muitas ações. Lembre-se, tudo está acelerando hoje em dia. Este exemplo parece bom e tem um monte de texto, mas é apenas dois segundos em vez de 15. Por que não usamos todo o potencial? Não chama nossa atenção em uma parte específica da mensagem. Semelhante ao exemplo anterior, parece bom e animação é bom, mas é apenas alguns segundos. A mensagem não está clara. Bem, a coisa boa, ele tem é deslizar para cima. Para encontrar alguma inspiração, costumo ir ao Pinterest. Eu percorrer o conteúdo até encontrar o que eu realmente gosto. Quando crio um projeto animado de bico, passo mais tempo no Behance ou em outros recursos. Mas para o conto, vamos encontrar muitas ideias no Pinterest. Aqui está o que você está procurando estilo em geral, paletas de
cores, conteúdo de vídeo/animação, colagens, fontes e formas. O conteúdo que nos inspira. Eu gosto desse estilo, texto
colorido parece incomum. Tenho certeza que posso usar esse efeito na minha segunda história e vou mostrar-lhe como. Aqui vemos alguns produtos de arte, parece muito inspirador. Isto é um stop motion. Queremos usar esta técnica em nossa animação, mas eu gosto da idéia de movimento de produtos. Podemos usar isto. Este é um grande exemplo de movimentos e eu acho que vou usar esse movimento. Vou adicionar algumas formas e cores diferentes a ele. Para a segunda história, eu gosto muito dessa paleta de cores. Eu gosto de formas que eles usam aqui e a maneira como eles colocam fotografias nele parece incrível. Eu gosto deste design também, ilustração em
preto e branco com um fundo brilhante. Aqui está uma foto em preto e branco com formas coloridas. Eu não tenho certeza de como eu posso usar algo assim em minha animação, mas este conceito é muito próximo do meu e eu realmente gosto dele, o que é importante. Eu gosto desta planta na parte de trás e eu definitivamente vou usar flora no meu conceito, isso é incrível. Quanto ao Skillshare, a propósito, com os movimentos de fotos e textos, simplesmente perfeito. Finalmente, aqui estão minhas referências para a primeira animação. Eu vou usar pastas de produtos semelhantes a estes e aqui eu gosto de cores e as formas suaves e a fina linha branca. Neste vídeo, gosto dos movimentos dos objetos. Vou tentar fazer algo semelhante. Próximas referências são para a segunda animação. Aqui as cores são ótimas e, mais uma vez, fotos combinadas com diferentes formas. Gosto desta ideia de design. Eu também gosto desta pequena planta
no canto superior esquerdo e eu vou desenhar plantas também. Aqui podemos ver outras plantas e cores bonitas, eu gosto. Antes de passar para a próxima lição, encontre tempo e faça sua pesquisa. A inspiração é uma parte muito importante
do processo criativo com a idéia do resultado que queremos alcançar, é muito mais fácil avançar para o nosso objetivo. Se você já tem a idéia e todas as referências necessárias, então você está pronto para a próxima lição.
4. Storyboard para publicidade de produtos: Nesta lição, mostrarei o processo de criação do storyboard. Sim, isso mesmo. Mesmo por 15 segundos de animação, você pode precisar de um storyboard. Por que assim? Porque precisamos criar uma animação dinâmica que as pessoas assistirão de uma só vez sem pensar em mudar para a história de outra conta. Vou criar três slides, cinco segundos cada, e isso vai me ajudar a visualizar o processo. Vou desenhar no meu iPad. Você pode desenhar usando iPad, tablet, mouse ou no papel. Realmente não importa. O que é importante? Para desenhar três retângulos, é um formato de história, e colocar texto e objetos nele. Por que é importante: porque precisamos ter um conceito antes de começar a animar. Aqui estão os produtos que vou promover, e estas são as minhas principais referências. Começo desenhando o primeiro slide. primeiro slide é o início da animação. Deve chamar nossa atenção imediatamente, ter informações importantes que nos atraem a continuar assistindo. Aqui, vou começar com o tipo de logotipo, e o produto aparecerá no primeiro slide também. Eu mostro direção por flechas. segundo slide deve conter as informações principais sobre o evento, produto ou serviço, e agora o produto será exibido. [ MÚSICA] Ou tem um texto aqui também: venda, 70%, e eu mostrei a direção. Terei um terceiro produto aqui. Os últimos segundos devem ter uma chamada à ação. A maneira como você escreve isso pode ser muito diferente. Tente ser original, simples, claro e lacônico. Ou tem uma sobreposição de texto no final: compre online e o site. Você pode adicionar um logotipo e o site no último slide, e um link clicável com a opção de deslizar. Na verdade, é o melhor. Aqui está. Meu storyboard está pronto, e agora será muito mais fácil animar porque tudo está planejado. Mas, claro, ainda estou aberto a quaisquer mudanças durante o processo. Agora, aqui está uma tarefa para você. Desenhe o storyboard para sua própria animação. Planeje todos os movimentos, aparência de objetos, descreva todos os detalhes. Quando seu storyboard estiver planejado e quando você tiver a idéia de como ele deve funcionar, você pode passar para a próxima lição. No próximo vídeo, você aprenderá como dar vida à sua ideia e como criar uma animação bastante simples para a promoção de produtos. [ MUSIC]
5. Publicidade de produtos: posição, associação e expressões: Oi, pessoal. Nesta lição, mostrarei o processo de criação de um anúncio de história simples para um produto. Pode ser qualquer projeto que você quiser. A idéia principal é demonstrar o objeto. Todas estas imagens têm um fundo branco. Para minha animação, preciso me livrar dela. Vamos começar com o produto 1. Para se livrar deste fundo branco, vou usar a ferramenta Varinha Mágica. Preciso selecionar fundo branco e está pronto. Funciona perfeitamente. Só preciso apertar o botão Delete, está pronto. Quando vemos este tabuleiro de xadrez no fundo, significa que não há fundo nenhum. Preciso salvar este projeto como um formato PNG. Vamos nomear este produto, product_1ready para animação. Vamos fazer o mesmo com o segundo. Eu também escolho a “ferramenta Varinha Mágica” e seleciono o fundo branco. Mas aqui, posso ver alguma rugosidade nesta parte do produto. Preciso mudar a tolerância aqui. Vamos tentar 20 e 20 funciona perfeitamente. Há uma seleção muito suave aqui. Eu pressiono o botão Excluir, e aqui está um produto. Para excluir essa sombra, eu preciso criar uma nova camada e eu preciso
usar uma ferramenta Balde de pintura e colori-la com cor preta, que eu preciso empurrar na parte de trás do nosso produto principal. Para excluir essa sombra, usarei a ferramenta Laço poligonal. Para excluir essa sombra, preciso ter certeza de que a camada 1 está selecionada. Pressione o botão Excluir no meu teclado, e aqui está. Agora eu não preciso mais deste fundo, eu posso simplesmente apagá-lo. Finalmente, eu tenho um produto sem qualquer fundo. Eu salvo esta imagem como um formato PNG. Eu o nome productive2_ready para animação, Salvar. Vamos fazer o mesmo com o último. Abrimos o After Effects. Criamos Novo Projeto, Nova Composição. Vamos chamá-lo de Anúncio de Produto de História. Eu troco esses perímetros, 1080 e este 1920, 25 quadros por segundo, e a duração será de 15 segundos. Aqui está um formato para a história. Vamos ver o meu storyboard. Começo com um logótipo e, em seguida, os meus produtos aparecem. Como eu não tenho nenhum logotipo específico, eu crio o meu próprio. Vou chamá-lo de ela. Usando uma ferramenta Tipo Horizontal, eu escrevo essa palavra, e aqui, eu mudo a cor. Será cinza escuro, então eu quero torná-lo maior. Então eu escolho “Ferramenta de seleção”. Quero esta palavra bem no meio da minha tela. Podemos ir para esses parâmetros, Alinhar. Eu escolho aqui “Alinhar horizontalmente” e “Alinhar verticalmente”. Posso recomendar que você use grades, guias ou réguas. Você pode encontrá-lo aqui, escolher e experimentar diferentes tipos. É uma ferramenta muito útil. Há também grades que você pode usar para criar geometria decente resumo. Por enquanto, usarei apenas Title/Action Safe. Aqui, você pode ver o centro de uma tela, e aqui, você pode ver bordas. É melhor não colocar objetos ou textos além dessas bordas. Vou escolher “Ferramenta de texto”. Vou mudar o tamanho do meu texto, 150, e vou escrever cosméticos online. Vou mudar de tamanho novamente porque é muito grande. Não gosto desta fonte. Eu quero mais fina na verdade, então eu vou escolher outra fonte aqui. Eu quero que este texto seja alinhado, então eu preciso torná-lo um pouco menor. Eu vou para Alinhar novamente e eu Alinhar Horizontalmente. Preciso mover este texto um pouco mais perto do meu logótipo. Abro as Configurações e abro Transformar. Aqui podemos ver Posição e dois parâmetros; x e egric. Agora posso mudar meus parâmetros e mover meu texto. Quero que este segundo texto seja ligado ao texto principal. Aqui é muito importante também no Adobe After Effects, é pai escolher chicote. Quando seleciono aqui, preciso arrastar um mouse ou touchpad para a camada que eu queria estar conectada. Neste momento, está ligado. Você pode ver esta informação aqui. Quero começar com o movimento. Aqui está a nossa linha do tempo. Abrimos essas configurações. Vamos para a Transformação, e podemos encontrar uma posição aqui. Para definir o primeiro quadro, precisamos empurrar aqui em um relógio. Temos o primeiro quadro no primeiro segundo. Quando eu trabalhar neste Indicador de Tempo Atual, eu posso escolher outro lugar para definir seu quadro. Aqui você pode encontrar zoom para sua linha do tempo. Quero colocar o meu Indicador de Tempo Atual em um segundo e mudar de posição. Quero que essa mensagem se mova. Este movimento é muito robótico. Gostaria que este movimento fosse mais suave. Podemos alterar os parâmetros para estes quadros-chave. Pressione o botão direito e você verá este menu onde você pode encontrar Keyframe Assistant. Para o primeiro quadro, vamos escolher “Easy Easy Out” e para o segundo quadro, vamos escolher “Easy Easy In”. Agora vemos que esse movimento é um pouco diferente. Para explicar mais, quero mostrar o Editor de Gráficos. É por aqui. Basta pressionar este Editor de Gráficos e você verá a curva que mostra as mudanças de velocidade. Aqui você pode mudar esta curva e você verá como o movimento muda também. Devagar aqui, e é mais rápido no meio, e devagar aqui novamente. A próxima coisa que vamos fazer, vamos adicionar nossos produtos. Eu escolhi meus produtos aqui e eu arrastá-lo para o projeto. Você pode ver todos os produtos no meio, mas eles têm tamanho diferente. Primeiro, quero que tenham o mesmo tamanho. Vamos para as configurações do primeiro produto, vá para Transformar. Aqui podemos ver Escala. Arraste este número para a direita e ele mudará a escala. Para o primeiro slide, preciso apenas de um produto. Vou esconder estes dois e vou usá-los mais tarde. Quero conectar esta camada à sua camada de texto aqui. Este indicador de tempo atual deve estar aqui onde está o último quadro. Preciso criar esta camada para o texto aqui. Para verificar isso, vou ao início e vejo que há um movimento. Vamos conectar o segundo produto aqui. Vamos ligá-lo. Eu coloquei este indicador de tempo atual para o terceiro segundo. Eu escolho o primeiro produto, e adiciono o primeiro quadro para a posição aqui. Eu movo este indicador de tempo atual para cinco segundos. Eu mudo a posição deste produto. Vai para cima e para a esquerda. A direção será assim. Quero alterar um quadro-chave, ir para o quadro-chave e escolher “Fácil facilidade de saída”. Aqui, Assistente de quadro-chave, fácil facilidade em entrar. Vamos ao Editor de Gráficos e vamos mudar essa curva um pouco. Agora terá um movimento muito bom. Em seguida, movo meu Indicador de Tempo Atual para o último quadro e conecto meu segundo produto pelo chicote de seleção do pai ao produto 1. Vamos ao início e ver a animação. Ótimo. Vamos começar com este terceiro produto e verificar o storyboard. O terceiro produto deve mover-se para o canto superior direito. O que faço a seguir? Eu escolho o número do produto 1. Eu movo meu Indicador de Tempo Atual para os seis segundos e o quadro-chave bem aqui. Então eu movo meu indicador para os oito segundos e mudo a posição do produto. Eu arrasto para cima e para a direita. Não podemos ver o nosso produto, mas ainda vejo o quadro de distância. Quando o meu Indicador Atual está aqui no último quadro, escolho o número do produto 3 e clico no “Chicote de escolha dos pais” e o conecto ao número de produto 1. A outra coisa que precisamos fazer para alterar essas configurações do quadro-chave. Vamos ao menu. Escolha “Assistente de quadro-chave”, “Fácil atenuação” e Assistente de quadro-chave”, “Fácil entrada” aqui, Fácil saída, Fácil de usar. Então vamos ao Editor de Gráficos e mudamos essas curvas um
pouco para que o movimento seja mais agradável. Vamos verificar de novo. O que faremos a seguir? Precisamos deste produto para ir para o canto superior esquerdo. Eu escolho o produto número 1 e adiciono quadro-chave em nove segundos aqui a 11 segundos. Eu empurro o indicador de tempo aqui, e eu mudo a exibição. Assim eu posso ver tudo, e eu mudo a posição do produto número 1 para o canto superior esquerdo. Preciso alterar as configurações do quadro-chave. Vou ao Keyframe Assistant, Easy Easy Easy Out, e aqui, Easy Easy Easy In. Ótimo. Vou ao Editor de Gráficos e faço o mesmo padrão aqui. Vou adicionar texto usando esta ferramenta de texto e clique aqui no meio. Vou escrever comprar online. Eu escolho um cinza escuro. Eu mudo o tamanho dele, então eu vou para Alinhar, e eu colocá-lo bem no meio. Eu também preciso adicionar outro texto. Eu clico aqui e vou escrever o site. Escolho a fonte Evolventa e mudo o tamanho do texto. Quero mover essas frases por posição. Eu empurro P no meu teclado. Eu vejo configurações de posição aqui, e eu preciso colocar um pouco mais perto para comprar on-line. Eu também quero colocar comprar online um pouco acima. Vou conectar o site por pai escolher chicote para comprar texto on-line. Eu movo a compra online e o site se move acima. Quando o Indicador de Tempo Atual estiver no último quadro, posso adicionar esse texto ao número de produto 1. Voltamos e vemos que o texto se move também. Agora, eu quero adicionar Dynamic Damping que vai mudar o movimento dos objetos e vai parecer mais interessante. Para criar Dynamic Damping, usarei um script. Você pode encontrar esse script em seus recursos, salvá-lo e usá-lo. O amortecimento dinâmico também pode ser usado para transformações de escala e rotação. Este script é muito útil. Vamos começar com o texto. Escolha a posição e clique no botão “Alt” no teclado
e, ao mesmo tempo, clique neste relógio. Você vê esta janela onde você pode colocar a expressão copiando e inserindo, rolando para cima. Se você quiser saber um pouco mais sobre expressão, esta é a explicação do que esses números significam. Esse script funciona somente quando o segundo quadro parecia antes. Para fazer isso, precisamos clicar em “Command” no teclado e clicar aqui duas vezes. Agora vemos a forma anterior dele, e você pode ver um pequeno salto agora. Também preciso adicionar esse script ao produto 1. Eu copio isto. Eu clico em “Alt” no teclado e neste relógio ao mesmo tempo, e insero esta expressão aqui. Eu também preciso mudar cada segundo quadro aqui. Eu clico em “Command” no teclado e clico aqui. Para alterar os parâmetros desse salto, você pode alterar esses números e experimentar o resultado. Quanto a mim, gosto do jeito que está agora. Nós já abordamos, tantos aspectos interessantes neste vídeo, tente repeti-lo em seu projeto usando as mesmas ferramentas. prática e sempre funciona muito bem como reforçar as informações recebidas. Se você já descobriu e praticou todas essas técnicas, você está pronto para a próxima lição.
6. Publicidade de produtos: paleta de cores, ferramenta caneta, preenchimento e traços: Nesta lição, continuamos a criar um anúncio de história simples para um produto. Eu já abordei o início deste processo
no vídeo anterior, então vamos ver o que podemos fazer a seguir. Por enquanto, preciso criar uma paleta de cores. Vou criá-lo usando a ferramenta Retângulo. Eu mantenho o botão Shift no teclado e desenho um quadrado, depois mudo a cor clicando em “Preencher”. Aqui você pode escolher qualquer cor que você quiser ou você pode soltá-la de qualquer lugar. Você também pode escrever o número aqui. Eu tenho uma cor particular da minha referência então eu vou apenas digitá-lo aqui. Esta é a minha primeira cor. Eu seleciono esse retângulo e clique em “Comando C”, “Comando V”. Só copiamos a pasta. Depois abro este retângulo e encontro outro lá dentro, por isso preciso de o pôr aqui. Agora tenho dois retângulos. Eles estão bem aqui, um no outro. Só preciso pegar esse retângulo e arrastá-lo para a direita. Então eu tenho que preencher novamente. Vou escrever outro número da minha referência e vou para Rectangle, Comando C, Comando V. Eu tenho o terceiro retângulo que está escondido aqui então eu apenas pegá-lo e arrastar, colocar para fora. Tenho três retângulos, o terceiro está aqui. Eu só preciso arrastá-lo para a direita e eu vou para Preencher e escrever a terceira cor. Esta é a minha paleta de cores para esta história. As cores parecem muito diferentes em diferentes combinações. É por isso que é importante pensar sua paleta para escolher as melhores cores que você usará. Mas para acelerar o processo, você pode usar as paletes que já existem. Por exemplo, para esta história, eu decidi usar a paleta para minha referência. Você também pode encontrar muitas combinações na Internet. Agora, preciso renomear essa camada. Eu clico em “Enter” no teclado e escrevo paleta. Outra grande ferramenta que eu quero apresentar a vocês, é uma ferramenta Caneta bem aqui. Este instrumento é um dos principais do Adobe After Effects. Há tantas maneiras de usá-lo. Por exemplo, você pode usá-lo para criar uma animação quadro a quadro. Vou usá-lo para criar uma forma. Antes disso, certifique-se de que não há nenhuma camada selecionada aqui. Para desmarcar esta camada, você precisa clicar em alguma área sem camadas. Por exemplo, eu abro essas configurações, e eu posso clicar aqui, então você criará uma nova camada desenhando a forma. Se você nunca teve qualquer experiência no Illustrator, será um pouco desafiador para você, porque quando você desenhar por esta ferramenta, você clica e, em seguida, você arrasta essas alças. Você pode alterar essas alças clicando aqui e alterando a direção. Vou para Preencher e escolherei a cor da minha paleta. Eu também vou dar-lhe um nome, azul 1, e eu desmarcar esta camada. Eu crio outra forma, eu o nome de azul também. Desmarquei a camada e desenhei a terceira forma aqui. Eu chamo-lhe azul 3. Então eu seleciono todas essas três camadas, e eu escolherei aqui a cor. Será muito útil salvar essas camadas na linha do tempo. Agora, preciso arrastar essas camadas atrás de todas as outras. Posso ver o produto aqui. Preciso encontrar na linha do tempo o product_1. Em seguida, eu pego pai pick whip e arrastá-lo para o product_1. Isso significa que essas formas se movem com o produto. Ótima. Agora vou desenhar formas semelhantes para outros dois produtos. Quando você usa uma ferramenta Caneta, você pode segurar Alt no teclado e você verá que o cursor mudou. Você pode alterar a direção de todas as alças quando começar a arrastar o ponto de ancoragem ou pode alterar apenas uma alça. Neste momento, tenho formas que estão conectadas a cada produto. Eu também vou adicionar formas no último slide aqui atrás do texto. Se você precisar adicionar outro ponto. Por exemplo, aqui, você vê isso mais e você adiciona isso. Se você precisar excluir isso, clique em “Comando” ou “Controle” e você excluirá isso. Eu também preciso conectar essas três formas para o texto principal no último slide, que é comprar on-line. Quero adicionar animação a essas formas. Para isso, vou usar a ferramenta Caneta e eu tenho que escolher a forma neste painel. Então eu preciso abrir as Configurações, Conteúdo, Forma, Caminho. Eu clico neste temporizador e defino o primeiro quadro, então eu movo o meu Indicador de Tempo Atual um pouco, mas minha forma ainda está aqui, e então eu preciso mudar a posição de cada ponto aqui. Para fazer isso, preciso clicar em “Adicionar ferramenta Seleção” ou simplesmente V no teclado. Quando você vê o cursor assim,
isso significa que você pode escolher um ponto específico e alterar apenas um ponto. Veja, este está selecionado e este está em branco. Isso significa que não está selecionado. Eu mudo de posição de cada ponto. Eu até posso mover as alças um pouco, e como resultado, veremos algum movimento. Então eu posso mover esses quadros na linha do tempo, da maneira que ele pode ser visto enquanto a forma ainda está na tela. Eu também vou copiar este primeiro quadro e eu vou colocá-lo aqui para que nós vamos ter três mudanças. Farei o mesmo com outras formas. No último quadro, eu gostaria de ter mais deste amarelo
neste canto então eu vou mover este aponta o caminho para olhar bonito. Para tornar esse movimento de um quadro para outro mais suave, precisamos alterar as configurações desse quadro para que eu selecione todos eles. Vou para o Assistente de quadro-chave clicando no botão direito e escolho “Facilidade fácil”. Eu faço o mesmo aqui com a forma de cor rosa e com o amarelo. Eu também vou adicionar algum movimento no último slide. Não se esqueça de alterar as configurações. Vá para Keyframe Assistant e escolha “Fácil facilidade”. Então eu quero adicionar animação a essas pequenas formas. Vou mostrar-te outra maneira para isto. Quando escolho esta forma, abro a Configuração de Posição, mantenho a tecla Alt e clico aqui. Aqui posso postar ou escrever qualquer expressão. Desta vez, vou escrever uma expressão muito simples que chamou wiggle. Quando começo a digitar, você pode ver sugestões. Vou escrever estes números. Você pode tentar qualquer outra figura também. A frequência média do primeiro número e o segundo número significa amplitude. Você pode tentar experimentar com isso. Vou adicionar a mesma expressão para outra forma pequena. Agora você vê, eles têm algum movimento. Farei o mesmo com outras formas pequenas. Agora você conhece outra expressão. Para saber mais sobre expressões, você pode clicar aqui. É menu Expression Language, e você pode encontrar todas as expressões possíveis aqui. Outra coisa que eu vou fazer, eu gostaria de adicionar uma linha branca fina aqui, então eu escolho a camada azul. Eu clico “Command C” e “Command V” que é copiar colar para que eu tenha a mesma camada. No topo disso, eu vou para o Preencher e eu escolho agora preencher aqui. Então eu vou para o Stroke e escolho a cor branca, e aqui, eu escolho “Larguras de traçado”. Vamos tentar cinco. Não consigo ver este golpe porque a minha camada já está aqui. Foi copiado e apareceu aqui. Agora, eu preciso mudar de posição clicando em “P” no teclado, e então eu arrasto para cima. Mas eu também gostaria de girá-lo um pouco. Eu clico na “Camada” e clique em “R” no teclado. Abro as Configurações de Rotação e giro alterando esses números. Como eu tenho uma nova camada, eu preciso pai esta camada como eu pai todas as outras formas para o produto 4 também. Eu posso arrastar isso ou eu também posso escolher aqui “product_1". Mas a grande coisa sobre isso é que este curso tem os mesmos parâmetros que outras formas. Muda de forma. Vou adicionar as mesmas linhas em outro produto. É muito importante saber que esta forma tem um centro e este centro é ponto de ancoragem. Isso significa que essa forma gira em torno desse ponto de ancoragem, mas você também pode alterá-la clicando em “Y” no teclado. Você vê que seu cursor mudou, e agora, você pode mudar um lugar para este ponto de ancoragem. Por exemplo, se você colocá-lo aqui, quando você girar o objeto ou uma forma, ele girará em torno desse ponto de ancoragem. Por enquanto, parece ótimo. Eu só preciso adicionar alguns detalhes para este texto. Por exemplo, eu gostaria de adicionar este Desfoque de movimento, e também adicionarei o mesmo para este texto. A última coisa que eu gostaria de adicionar uma sombra para o produto. Vou para Efeitos e Predefinições, escrevo sombra
e escolho “Sombra Solta” e, em seguida, arraste-a para o product_1. Eu vou mudá-lo da maneira que eu gosto mais e ele vai mudar a distância, opacidade será 15. Eu também adicionarei alguma suavidade a ele, e adicionarei o mesmo efeito aos outros. A parte crucial final é adicionar a música certa ao seu projeto. Encontrei esta pista. Vou usar 15 segundos que vão muito bem com esta história, adicionar este trato à linha do tempo. Na verdade, é um vídeo, então eu clico neste “i” e eu desligo o vídeo. Agora eu tenho apenas som. Abra isto, vou ao áudio e à forma de onda. Aqui eu posso ver esses padrões e é muito útil. Será mais fácil encontrar o momento de que preciso. Vou adicionar o quadro-chave no início e será menos 30. Em seguida, em alguns quadros, vou adicionar um quadro-chave zero. Eu faço o mesmo no final. Para a faixa de áudio, melhor usar áudio sem direitos autorais. Eu uso o site bastante popular, Artlist. Você também pode encontrar uma boa música gratuitamente na Biblioteca de áudio do YouTube. Aqui está o meu resultado final. Você fez um ótimo trabalho. Não se esqueça de passar o seu resultado. Eu adoraria ver o que você fez. Nos próximos vídeos, vamos mais longe e eles são uma animação um pouco mais complexa que você pode usar para qualquer finalidade.
7. Publicidade de eventos - Storyboard: Olá, amigos. Neste vídeo, vou mostrar meu storyboard para a próxima história que vamos criar. Minha idéia principal é criar alguma animação moderna e colorida. Vou usar um texto, fotografias e logotipo que vou usar para promover este curso. Vamos ver como podemos juntar tudo. Primeiro de tudo, eu pensei sobre a idéia. Vamos supor que eu queira informar os espectadores sobre o curso na Skillshare. Aqui estão as frases que vou usar. Como criar histórias no After Effects. Faça um curso online com Diana Karlova. Comece a aprender design de movimento gratuitamente com o Skillshare. Como conteúdo, vou usar fotografias. Tenho algumas fotos de uma sessão de fotos. Eu só preciso escolher aqueles que têm o humor apropriado para a minha idéia. Decidi usar fotografias pessoais porque mostra a personalidade, e tal abertura atrai as pessoas mais. Eu também tenho um conceito de estilo. Esta é a minha paleta de cores, e há algumas idéias de outras imagens da Internet, e agora eu começo a desenhar meu storyboard. Tenho três retângulos e, claro, uso os mesmos princípios que já abordamos na Lição 4. Aqui vai minha foto número 1. Ele mudará a escala de toda a tela para o tamanho menor. Então eu vou ter texto, “como criar histórias no After Effects”, e eu também vou adicionar plantas nos cantos. Eles terão alguns movimentos, e como o slide se moverá para a direita. Meu segundo slide também terá uma fotografia, e eu também terei um texto,
“Faça um curso on-line com Diana Karlova”. Trata-se de um apelo à acção muito específico. Aqui também adiciono plantas e algumas formas no topo. Todos esses slides se moverão para baixo. No terceiro slide, terei outro apelo à ação. Aqui estará uma foto minha que também mudará o tamanho. No fundo terei plantas que também terão alguns momentos. Aqui eu vou ter um logotipo da Skillshare e eu vou ter um texto, “começar a aprender design de movimento gratuitamente com o Skillshare”. É um grande gatilho de graça. A frase de pesquisa tem mais detalhes e, neste momento, posso adicionar o link para uma fonte web concreta, por exemplo, Skillshare. Ele pode ter um link clicável com essas cinco opções. Portanto, aqui estão três princípios que são muito importantes. Meu primeiro slide vai chamar atenção. Portanto, a pessoa pode entender imediatamente o valor desse conteúdo para seu próprio interesse. O segundo slide conterá as informações principais sobre o evento, e o último slide terá outra chamada à ação. Quando tivermos planejado todo o processo, podemos avançar para a animação na próxima lição. Vejo você lá.
8. Publicidade de eventos - máscaras, ferramenta caneta e fosco alfa: Oi. Nesta lição, criaremos animação com textos, fotografias e formas para o primeiro slide do nosso anúncio. Já criei um storyboard na minha lição anterior, portanto já tenho tudo o que preciso, é hora de começar o processo. Começamos com a criação de nova composição. Dou-lhe um nome, Event Ad. Eu mudo os parâmetros para o formato de histórias, taxa de
quadros de 25, e a duração de 15 segundos. Então eu caio mais para o projeto e mudo de tamanho clicando em “S” no teclado. Então eu também preciso mudar de posição, eu clicar em “P” no teclado e arrastá-lo para a esquerda. Também vou ativar o Title/Action Safe para que eu possa ver melhor a composição. Eu também preciso arrastar meu ponto de ancoragem para este centro da imagem. Preciso clicar em “Y” no teclado e arrastá-lo para o centro. Agora, vou adicionar algum texto por Horizontal Type Tool e escrever meu texto em diferentes camadas. Em seguida, desmarque a camada, escrevo Para Criar, na próxima camada, Histórias
e, em seguida, desmarque a camada In After Effects no último. Agora eu tenho cinco camadas de texto. Preciso tê-los no centro desta tela, então o que devo fazer a seguir? Eu clico “Y” no teclado e coloco este ponto de ancoragem aqui no centro e na parte inferior. Eu faço o mesmo com cada camada. Agora, quando eu tenho esse ponto de ancoragem no meio, eu posso selecionar todas as camadas de texto e eu posso ir para Alinhar configurações e Alinhar horizontalmente. Eu clico em “P” no teclado e arrasto para o centro. Gostaria de adicionar padrões de cores à minha animação de texto como neste exemplo, mas quero que essas cores se movam. Eu escolho a Ferramenta Retângulo e mantenho-a pressionada, essas formas diferentes aparecem. Escolho a Ferramenta de Elipse e quando não tenho camadas selecionadas, desenho elipse mantendo pressionada a tecla Shift no teclado para ter um círculo. Eu não preciso de um acidente vascular cerebral para isso, então eu escrevo zero, e eu preciso mudar o preenchimento. Vou escolher outra cor da minha paleta de cores. Então eu preciso adicionar mais reticências para criar um movimento, na máscara para esses textos. Todas essas elipses terão cores diferentes da minha paleta de cores. Finalmente tenho sete elipses. Vou dar-lhes um nome. É importante nomear suas camadas no grande projeto. Será mais fácil para você trabalhar com as camadas mais tarde. Vou acrescentar alguma moção a estes círculos. Como eu quero adicionar quadros à sua rotação, eu preciso que eles girem em torno de seu eixo. Eu clico em “Y” no teclado e arrasto este ponto de ancoragem em algum lugar perto do centro dessas elipses. Em seguida, clique em “R” no teclado e adiciono quadro de rotação. Eu clico no temporizador no primeiro segundo e aqui está o quadro. Então eu movo meu indicador de tempo para o fim, e eu escrevo aqui três. Este número significa três rotações em torno do seu eixo durante esse período de tempo. Farei o mesmo com outras elipses. Eu também posso escrever menos três, o que significa outra direção. Agora vemos esses movimentos. Eu quero ter certeza de que eu cobri todas as letras durante esta moção, então eu também vou adicionar uma grande elipse, e eu vou colocá-la atrás de todas as outras elipses. Eles são ótimos. Então eu seleciono todas essas camadas, essas elipses, e eu clique no botão direito e neste menu eu escolho Pré-compor. Escrevo o nome para a nova camada pré-composta. Vou usar esta camada como uma máscara para o meu texto. Coloquei atrás dos efeitos de texto. Então eu vou para o Track Matte, é bem aqui, e eu escolho aqui Alpha Matte. Agora você vê, como resultado, este texto é colorido e essas cores têm nossos movimentos. Eu seleciono esta camada, Elipsis, e copio-a pelo Comando C, Comando V, arrasto-a sob esta camada de texto. Eu vou para o Track Matte, Eu seleciono No Track Matte primeiro porque é uma cópia
e, em seguida, eu seleciono Alpha Matte em depois. Agora vemos que funciona. Eu faço o mesmo com todas as outras camadas. Como resultado, temos esta maravilhosa animação de texto. Agora, vou adicionar animações a cada camada separadamente, então eu começo com como? Eu clico em “S” no teclado, e clicando no temporizador,
eu defino o primeiro quadro, então eu o movo um pouco para a direita e eu escrevo aqui zero. Vou usar a expressão que já abordamos na lição de animação anterior, o mesmo amortecimento dinâmico. Você pode encontrar esse script nos recursos. Eu clico no temporizador segurando Alt, e aqui eu adiciono o script. Vamos ver o que parece. Eu adoraria torná-lo um pouco mais rápido. Vou fechar minha linha do tempo e vou colocá-la aqui. O primeiro quadro, Eu clique no botão direito e eu escolher Keyframe Assistant, Easy Out. Gosto mais deste movimento. Farei exatamente o mesmo com todas as outras camadas de texto, mas elas aparecerão uma a uma. Isto é o que parece, algum tipo de escada feita por quadros-chave, e este é o movimento. Ótimo. Eu quero adicionar movimento para esta imagem, então eu preciso selecionar todas essas camadas de texto com suas máscaras, bem como para pai para sua imagem principal. No momento em que o texto aparece, quero mudar a escala desta imagem. Então eu clico em “Escala” no teclado, depois adiciono um quadro-chave em alguns quadros, eu faço essa escala menos. Também adicionarei amortecimento dinâmico ao parâmetro scale. Clique em “Timer” com a tecla Alt pressionada, e eu copio-colá-lo pelo
Comando C, Comando V. Em seguida, clique no Assistente de quadro-chave e escolho Easy Easy Out no primeiro quadro, e há um movimento. Escolho a Ferramenta Retângulo e quando esta pasta é selecionada usando esses quadros de seleção de mosaico, começo a desenhar um retângulo. Desta forma, esta ferramenta de retângulo funciona como uma máscara para esta fotografia. Ótimo. Agora minha foto mudou de forma. Gostaria de mudar este fundo branco para o amarelo. Quando não há nenhuma camada selecionada, começo a desenhar um retângulo pela Ferramenta Retângulo e tenho uma nova camada. Então eu mudo o preenchimento. Será amarelo da minha paleta de cores. Vou escrever nome, fundo. Escolhi a cor, e arrasto esta camada atrás de todas as outras. Ótimo. Agora eu vou usar Caneta Ferramenta e eu vou desenhar canetas apenas usando esta ferramenta. Se eu começar a desenhar em um novo ponto em outra forma, terei todas as formas aqui no conteúdo. Quando eu escolher minha planta, eu posso mudar o preenchimento ou eu posso mudar o preenchimento de cada forma separadamente. Minha planta está pronta. Vou apenas torná-lo um pouco menor. Eu clico “Y” no teclado e movo este ponto de ancoragem para baixo. Isso significa que esta planta girará em torno deste ponto. Coloquei meu indicador de tempo no último quadro de movimento. Então eu vou para as configurações de rotação da planta clicando em “R” no teclado. Eu coloquei a moldura aqui. Volto para este quadro anterior e vou para
a planta e defino outro quadro aqui, mas mudo a rotação; roto para a esquerda. Em seguida, eu adicionar expressão de amortecimento dinâmico, um Alt espera no teclado e eu copiar-colá-lo. Eu também mudarei esse quadro-chave para Easy Easy Easy Out, e agora vemos que minha planta aparece. Então eu seleciono esta camada e eu copio-colá-lo e eu tenho a absolutamente semelhante. Eu só quero mudar a posição para torná-la um pouco menor. Eu também vou mudar o preenchimento. Vou mudar essa forma, então escolho a ferramenta Caneta novamente e seleciono a Planta 2, e depois edito essa forma. Eu não quero que eles sejam absolutamente parecidos. Gostaria de acrescentar algumas plantas aqui. Nossos primeiros cinco segundos de animação estão prontos. Experimente todos esses métodos em seu projeto. Faça uma pausa se precisar ou assista mais uma vez para descobrir todas as técnicas. Eles são realmente básicos e importantes. Pratique sua nova habilidade. Assim que estiver pronto para continuar, junte-se a mim na próxima lição. Vejo você lá.
9. Publicidade de eventos - animação de texto: Nesta lição, continuamos a criar animações curtas para a história do Instagram. Eu já criei o primeiro slide. Vamos começar a criar o próximo. Agora, eu quero que este primeiro slide vá para a direita. Será a transição para o segundo slide. Para fazer isso, preciso ter certeza de que todas as minhas camadas estão conectadas a esse fundo amarelo. Preciso ligar esta fotografia ao fundo. Eu também preciso conectar essas plantas. Quando o meu temporizador está aqui, escolho a posição de fundo, clico em P, defino o quadro-chave aqui. Então eu movo meu indicador de tempo para a direita, e eu mudo a posição, eu o movo para a direita. Eu só vou mudar este primeiro quadro-chave pelo assistente de quadro-chave do botão direito. Eu escolherei facilidade fácil para fora. Vou também adicionar a minha expressão favorita a esta moção, que você pode encontrar em recursos. Eu mantenho Alt e clique para posicionar, e eu copio colá-lo pelo
comando C, comando V. No final deste movimento aqui, eu quero ter alguma parte deste fundo amarelo bem aqui. Pego a ferramenta de caneta e clico aqui, e mantenho a tecla Shift, clique aqui. Isso significa que então eu selecionei esses dois pontos e segurando Shift, Eu arrastá-lo para a esquerda. Significa que terá linhas retas. Se eu não segurar Shift, será assim. Eu também quero ter um fundo cinza escuro aqui. Eu escolho a ferramenta de retângulo, quando não há camadas selecionadas, eu começo a desenhar um novo retângulo e eu mudo o preenchimento, então eu posso encontrar minha nova camada. Eu o chamei de fundo cinza, e coloquei esse fundo na parte de trás de todas as camadas. Este será o fundo do meu segundo slide. Então eu escolho um chicote de escolha pai e eu conecte-o ao fundo amarelo. Isso significa que ele vai se mover também. No próximo passo, insero a minha segunda fotografia. Preciso mudar o tamanho. Eu clico em S e, em seguida, arraste esses números. Eu renomeio essa imagem e também
usarei uma máscara que já cobrimos no vídeo anterior. Eu escolho a ferramenta retangular. Quando esta camada é selecionada, começo a selecionar a parte da imagem que usarei. Em seguida, eu pego pai escolher chicote e eu arrastá-lo para o fundo cinza. Agora ele se move com o fundo cinza. Embora aqui eu possa ver esta linha branca, isso significa que eu preciso mudar uma forma. Já sabemos como fazer isso. Eu só escolho a ferramenta de caneta. Seleciono este ponto
e, em seguida, seleciono-os, mantendo a tecla Shift pressionada e, em seguida, arrasto-o. Ótima. Eu uso o tipo 2 para a escrita do texto. Eu escrevo tomar on-line, então eu seleciono tudo
e, em seguida, mudar a cor. A primeira frase está pronta. Então eu desmarque as camadas e eu começo a escrever curso. Será a segunda camada. Esta terceira camada será com Diana, e a última camada será Karlova. Preciso de alinhar todas estas frases. Começarei com o primeiro. Será mais fácil alinhar para este título ação linhas seguras. Então eu só seleciono o meu texto e movo a sua posição. Então eu seleciono essa camada e mudo o tamanho. A próxima camada, claro, eu movê-lo para a direita. Eu seleciono todas as letras e vou torná-lo maior do que a terceira camada. Vou para a direita. Vou escolher uma fonte mais fina na última camada. Embora eu também torná-lo um pouco maior, vou tentar torná-lo leve. No final vou afastá-los uns dos outros porque agora eles estão muito perto. Eu também posso experimentar e escolher a última camada e mudar o [inaudível]. Quando estivermos no segundo slide, precisamos deste texto aqui. Vou usar a máscara para o movimento de texto. Eu escolho a ferramenta de retângulo, e quando nenhuma camada é selecionada, eu começo a desenhar um retângulo sobre o texto, eu vou chamá-lo forma 1. Preciso colocar esta camada antes de colocar online. Aqui, eu disse Alpha fosco forma divertida. Eu seleciono tomar on-line e eu clicar em B no teclado, e eu definir o quadro-chave de posição aqui. Então eu movo este indicador de tempo um pouco para a esquerda. Eu movo minha mensagem para baixo. Então eu copio novamente minha expressão favorita, Eu mantenho Alt. Eu abro expressões de posição e colo aqui. Agora você vê o texto aparece com um amortecimento dinâmico. Farei o mesmo com outras frases. Ótimo, mas eu adoraria que essas frases aparecessem uma por uma, então eu preciso criar algo como carta aqui. Minha segunda frase deve aparecer um pouco mais tarde, e a terceira frase deve aparecer mais tarde do que a segunda, e eu movo a última também. Por agora eu gostaria de adicionar planta aqui, e um par de formas aqui. Eu copio e colo esta camada. Então eu movo esta camada para cima, porque será mais conveniente para mim usá-lo aqui. Eu apago todos esses quadros. Eu abro as configurações de posição clicando em P, e eu movê-lo para baixo, eu clicar em R e rotacioná-lo. Então eu clique em rotação e eu defino o primeiro quadro, e então eu giro esta planta assim. Eu também adicionar minha expressão favorita, segure Alt e eu colá-lo aqui, rotação. Ótimo, eu também vou adicionar a segunda planta aqui, uma pequena e uma grande. Próximo passo, seleciono essas camadas e as conecto ao fundo cinza. Agora vemos que ele se move com o fundo. Mas também vemos estas plantas aqui e não precisamos delas aqui. Nós só precisamos cortar essas camadas, e ele deve começar apenas nesta posição. Para fazer isso, eu pego essa camada e arrastá-la para este quadro ou eu posso apenas usar teclas cortadas em um teclado. Então eu quero que algumas formas aparecem aqui então eu selecionar ferramenta caneta e eu começar a desenhar um triângulo. Então eu começo a desenhar elipse e outra minúscula. Eu gostaria de usar a mesma máscara [inaudível] para minhas formas. Eu encontro essa camada de Ellipses e eu copio colá-lo pelo comando C, comando V. Então eu arrasto para cima e eu mudo a posição desta camada. Eu clico em P em um teclado e coloquei aqui, então ele cobre minhas formas. Coloquei atrás de todas as minhas camadas de forma. Aqui, Eu escolho nenhum fosco faixa por enquanto. Então eu preciso dar um nome às minhas camadas. Então eu escolho essas elipses e eu escolho aqui Alpha fosco para triângulo. Eu copio colar esta camada e arrastá-la. Eu escolho nenhum fosco faixa, e então eu escolho Alpha fosco para círculo 2, e eu faço o mesmo com o último. Agora todas as minhas formas, eles têm isso [inaudível]. Claro, eu tenho que selecionar todas essas formas e elipses. Eu seleciono o chicote de escolha pai e arrasto-o para o fundo cinza. Acrescentarei ainda mais movimento. Escolho o círculo 1, depois clico em Y e arrasto o meu ponto de ancoragem para o centro desta forma. Eu faço o mesmo com outro círculo e com o triângulo. Em seguida, seleciono o primeiro círculo e clico em S no teclado. Quando minhas plantas têm animação ao mesmo tempo frames, eu adiciono quadro à escala, e eu faço o mesmo com outro círculo e com o triângulo. Defino um quadro-chave, movo meu indicador de tempo para a esquerda, defino escala zero para todas as formas, e copio colar minha expressão de amortecimento dinâmico favorita. Eu também posso colocar esses quadros em posições diferentes, não ao mesmo tempo. Terá um movimento aleatório. Então eu seleciono triângulo, e eu gostaria de adicionar um pouco de rotação. Eu clico Shift e R no teclado, então eu tenho configurações de rotação bem aqui. Eu clico para o temporizador, eu definir o primeiro quadro. Então eu movo indicador de tempo para o último segundo, e eu escrevo dois. Eu seleciono esta camada e copio colá-la. Agora vemos que está bem aqui, então eu preciso clicar em P no teclado e movê-lo para a direita. Não podemos ver esta forma porque não há nenhum olho aqui. Eu cliquei uma vez e agora podemos ver. Eu vou para o preenchimento, seleciono nenhum preenchimento, e depois mudo o traçado, escrevo cinco. Agora vemos que se move juntos. Eu vou apenas colocá-lo para trás e eu também abrir configurações de rotação. Outra coisa que eu vou fazer, eu vou para o último quadro e eu escrevo aqui menos dois. Ele vai se mover para outra direção. Para essas formas, vou adicionar outra expressão que já usamos. É uma expressão de movimento. Eu clico P em um teclado e eu mantenho Alt, e eu escrevo aqui wiggle dois e quatro. Eu faço o mesmo com o círculo 2, mexer 2, 4. Agora vemos que todos eles têm alguns movimentos. Fizemos o segundo slide, e parece realmente ótimo. Espero que você esteja gostando do processo tanto quanto
eu e animado para completar nossa animação. Quando você tiver praticado o suficiente, todas essas técnicas, e estiver pronto para a parte final, Eu os convido para a próxima lição.
10. Publicidade de eventos - transições: Bem-vindos à parte final. Nesta lição, criaremos o último slide e mesclaremos todos os três juntos. Terá transições orgânicas. Para o terceiro slide desta animação, vou mover tudo daqui para baixo. Para fazer isso, escolho meu fundo principal, que é amarelo porque tudo está conectado a esse fundo. Mas antes disso, temos que ter certeza de que tudo está conectado. Por exemplo, eu preciso verificar todas as camadas, e aqui eu vejo que minhas camadas de texto não estão conectadas. Eu vou para o link pai e eu escolho aqui fundo. Em seguida, abro as configurações
de posição, clique em P no teclado e defino um quadro. Em seguida, movo o indicador de tempo e movo o fundo para baixo. Este plano de fundo da camada já possui uma expressão de posição. Vai ter um salto. Eu apenas definir para o primeiro quadro-chave e eu escolho fácil, facilidade para fora e eu colocá-los um pouco separados. Quando este fundo vai para baixo, insero a minha terceira fotografia e mudo a sua escala. Eu clico em S e escolho a melhor escala que preciso. Talvez eu também precise mudar sua posição, mantenho a tecla Shift e clique em P no teclado para que eu tenha as configurações de posição e escala abertas aqui. Renomeio minha imagem e escolho a ferramenta de elipse. Vou criar uma máscara para esta fotografia, mas não há nenhuma camada selecionada. Eu começo a desenhar um círculo, então eu tenho uma nova camada de forma chamada máscara para foto 3, Eu abro escala clicando em S e nós também vamos mover este
ponto de ancoragem um pouco para cima para que ele vai estar no centro deste círculo. Eu defino o primeiro quadro-chave, vou mudar o tamanho do quadro-chave assim e, em seguida, eu
movo o indicador de tempo e eu torná-lo menor. Então eu vou para a foto e eu escolher um fosco faixa aqui, Alpha Matte “Máscara para foto 3.” Também adicionarei amortecimento dinâmico a essas mudanças de escala. Vá para a máscara, eu clico aqui, eu mantenho Alt, e eu clico aqui e colo aqui. Claro, eu escolho o primeiro quadro e eu escolho fácil, facilidade para fora. Outra coisa que eu tenho que fazer, Eu tenho que escolher essas camadas máscara para foto e foto 3 e pai essas camadas para seu fundo amarelo. Agora, quando voltarmos, tudo se move juntos, exceto que não precisávamos que esta foto estivesse aqui nos slides
puros, então eu vou mover esta máscara um pouco neste momento. Eu abro a posição e defino o quadro-chave aqui, então eu movo para a esquerda e eu movo sua posição. Eu mudo primeiro quadro-chave para facilitar a saída, e eu mudo o segundo para fácil, facilidade em e eu clico U no teclado e todos os meus parâmetros, você pode ver aqui. Agora eu posso tentar movê-lo um pouco e ver como ele se parece. Talvez quando a imagem muda de tamanho mais tarde seja realmente melhor. Em seguida, vou adicionar um fundo amarelo sob esta fotografia, Eu escolho ferramenta retângulo. Primeiro, vou escolher uma cor. Quando não há nenhuma camada selecionada, eu começo a desenhar retângulo. Chamo-lhe segundo fundo amarelo, e movo-o para debaixo da fotografia. Eu também preciso conectar essa camada
ao fundo amarelo principal e eu tenho que verificar o que parece no slide anterior. Vou apenas adicionar um quadro à sua posição. Eu clico em P no teclado. Então eu vou para este momento e definir o primeiro quadro aqui, e então eu voltar e eu movê-lo para cima e quando eu passar por todos os quadros, eu posso ver alguns momentos através disso embora, eu apenas movê-lo e definir o próximo quadro e eu também vou movê-lo um pouco aqui em baixo e aqui em cima. Quando você define todos esses quadros, isso significa que você pode controlar todos os movimentos do objeto. A última coisa a fazer esta transição perfeita é que eu preciso me livrar desta casa aqui, eu vou até a grade e fundo amarelo. Eu mudo sua forma sem quaisquer quadros, eu apenas escolho ferramenta caneta e eu seleciono este ponto, e eu mantenho Shift e eu seleciono este ponto e, em seguida, eu arrastá-lo para cima, mantendo a tecla Shift. Vamos voltar e verificar. Então farei o mesmo com este fundo amarelo. Seleciono este ponto, mantenho a tecla Shift, seleciono este segundo ponto
e, em seguida, arrasto estes dois pontos segurando Shift para cima. Incrível. Agora tem uma transição perfeita. Próximo passo, vou criar círculos em torno disso. Tomo ferramenta de elipse e quando não há camadas selecionadas, eu desenho uma nova elipse. Em seguida, eu vou para as configurações de preenchimento, eu clique aqui e eu escolho, sem preenchimento e, em seguida, eu escolho uma cor de traçado. Eu escolho a cor do meu paladar, eu mudo sua largura. Então eu chamo esse círculo de camada 2, e eu copio e colo este círculo, eu mudo sua posição, eu clico P e coloco aqui, eu escolho outra cor do meu palato e eu mudarei sua largura um pouco, então eu copiar colar esta camada novamente e eu escolher a cor branca, e eu vou fazer esta linha muito fina. Eu também mudo a posição. Eu seleciono estas quatro camadas e agora eu preciso colocá-las atrás da minha fotografia. Embora o golpe branco eu vou colocar no topo. Agora eu quero que esses círculos tenham um ligeiro movimento. Eu abro posição e clique em Alt e eu adicionar expressão wiggle. Sim, acho que 2, 10 parece bom. Eu faço o mesmo com outras duas camadas, mexer 2, 10 e aqui posição wiggle 2, 10. Então eu não deveria esquecer de selecionar três círculos e conectar isso ao segundo fundo amarelo. Eu preciso mudar a escala deste círculo branco, eu abro a escala e defino o primeiro quadro aqui, e eu volto na linha do tempo e aqui eu defino outro quadro e eu mudo sua escala. Agora eu vejo que seria mais rápido então eu movo este quadro para a esquerda e eu preciso adicionar a mesma expressão de amortecimento dinâmico. Então eu volto para o slide anterior para verificar tudo e aqui eu vejo esta linha branca. Preciso cortar esta camada daqui. Deve começar a partir deste momento. Eu descarto essa camada, ou você pode pegar essa borda e arrastá-la para a direita e quando voltarmos, não
há linha aqui. Em seguida, eu vou para o slide anterior e eu seleciono esta planta. Encontro-a aqui na linha do tempo e copio-a. Está bem aqui, então eu pego esta camada e coloco aqui, e eu a movo na linha do tempo. Terei esta planta no último slide. Vou abrir posição, escala e rotação, segurando o turno. Agora vou trabalhar com essas configurações. Quero que o sujeito repita o mesmo padrão de rotação. Agora eu tenho dois quadros. Eu seleciono o primeiro quadro e coloquei aqui. Estes quadros são os mesmos e este no meio é diferente. Então eu escolho todos esses quadros e eu clique no botão direito, e eu escolho assistente quadro-chave, facilidade fácil. Então eu vou para a rotação e eu segurar Alt aqui e eu escrevo outra nova expressão para você, ele será loop out. Esses quadros são muito próximos, então vou colocá-los longe um do outro. Terá um movimento lento. Ótimo eu vou apenas fazer mais desses planos e vamos mudar algumas de suas configurações. Eu gosto da maneira como eles se movem agora, e eu só quero colocá-los atrás desta foto para que eu selecione todas as plantas e, em seguida, arrastá-los para baixo. Agora eles aparecem na foto. A última coisa que eu vou fazer com esta história, eu só preciso adicionar o tipo de logotipo do SkillShare e adicionar um texto. Na Internet, encontrei um tipo de logotipo do SkillShare. É um formato PNG. Significa que não tem antecedentes. Eu só arrasto esta imagem, vou colocá-la aqui. Então eu pego um tipo 2 e eu escrevo começar a aprender. Será a primeira frase, vou mudá-la para negrito. Eu também vou mudar o tamanho um pouco. Então eu escrevo a próxima frase, hashtag motion design. Pego esta frase e coloco para baixo, e depois escrevo a terceira frase. Será de graça. Agora eu só preciso adicionar animação a essas frases. Eu uso a ferramenta de retângulo e, em seguida, desenhar esse retângulo. Eu mudo o preenchimento, não importa de que cor é. Então eu escolho começar a aprender e eu vou para a pista fosco e eu escolho Alpha fosco, então eu vou para a posição e eu definir o quadro. Então eu passo na linha do tempo para a esquerda e eu coloco minha frase para baixo. Em seguida, eu copiar script, saltar expressão e colá-lo para a posição. Eu movo quadro um pouco e eu tenho esse movimento, então eu só preciso fazer tudo o mesmo com outras duas camadas. Estou feito com as frases e o último passo será moção para o SkillShare e será super fácil. Eu só escolho o SkillShare, em
seguida, eu clicar em Posição e eu definir meu quadro-chave e eu voltar a linha do tempo e ele vai para a esquerda e eu copiar expressão, eu mantenho Alt, abrir posição, expressões e colá-lo em a posição e terá tal movimento. A última coisa que eu preciso fazer, eu vou adicionar alguns triângulos aqui e camada de texto deslizar para cima. Eu escolho a ferramenta de caneta. Antes de começar a desenhar, eu tenho que ter certeza de que não há nenhuma camada selecionada, eu começo a desenhar triângulo direito no centro da tela. Então eu o nome de seta 1. Eu clico em S e mudo seu tamanho. Em seguida, clique em B e, em seguida, arraste-o para baixo. Em seguida, eu copiar e colar esta seta e eu clicar em B e eu arrastar seta 2 para cima e copiar colá-lo novamente e eu clicar em B e eu arrastar seta 3 para cima. Então eu pego o tipo 2 e eu escrevo deslizar para cima, eu clico P, e eu coloco no meio. Em seguida, eu seleciono deslizar para cima e eu conectá-lo à seta 1, escolha seta 2, seta 3, e eu conectá-lo à seta 1 também. Em seguida, eu clico posição no teclado e eu definir o primeiro quadro para a seta 1, em seguida, eu mover o indicador de tempo ,
e eu mover sua posição, eo próximo quadro será o mesmo que o primeiro. Então eu seleciono todos os quadros. Eu vou para o assistente quadro-chave e escolher facilidade fácil e segurando Alt, Eu abro expressões de posição e, em seguida, escrever aqui, loop e eu escolher aqui loop out. Eu uso essa expressão. Vamos ver. Eu seleciono todas essas camadas e eu [inaudível] desde o início. Finalmente, eu tenho o resultado que eu queria, e isso reflete totalmente a minha idéia. Espero que você tenha seguido todo o processo e agora você está realmente animado para criar sua própria animação. Por favor, publique suas animações e fique à vontade para fazer perguntas. Mal posso esperar para ver o que você cria. Eu também tenho um bônus para você. No próximo vídeo, mostrarei como você pode melhorar seu resultado
usando as mesmas técnicas simples. Vejo você lá.
11. Considerações finais e inspiração: Parabéns, você acabou de completar a aula, você conseguiu. Agora você sabe um pouco mais sobre técnicas básicas de design de movimento. Quero mostrar-lhe alguma animação e dar-lhe dicas de como
criar sites usando as técnicas que abordamos nesta classe. Para essa história, você precisará animar seu texto para criar tal fundo colorido, usar a ferramenta Retângulo e posicionar a animação. Então você pode adicionar vídeos em vez de água e usar máscaras. Você também pode adicionar quadros-chave para o caminho da máscara. Aqui eles usam animação de posição para objetos em formato PNG. Eles também usam máscaras para as fotos no fundo e animação da posição do texto. Aqui você pode ver a animação de posição de imagens em formato PNG. Os objetos têm um belo movimento que você pode editar no Editor de gráficos. Há também uma animação de texto usando máscaras. Esta forma no fundo, assim como fizemos em um anúncio de produto, esta imagem também tem uma máscara. Para obter esses resultados, você pode definir quadros-chave para a posição da máscara. Aqui, vemos animação de escala e expressão de amortecimento
saltando para o texto de treino com a pequena amplitude. Há também máscaras para alguma animação de texto, e este círculo tem quadros-chave de posição. Para algum texto, eles usam efeitos que você pode simplesmente encontrar no efeito Animação de texto. Espero que assistindo a esses exemplos, você tenha percebido que usando as mesmas ferramentas simples, você pode criar tantos projetos diferentes no Adobe After Effects. Muito obrigado por seguirem minhas lições. Espero que você se divirta assistindo a esses vídeos e experimentando com seu projeto. Sinta-se livre para fazer perguntas. Estou aqui para te ajudar com isso. Carregue seus projetos e receba feedback. Quando você compartilha seus projetos, você inspira outras pessoas para sua criatividade. Você terá feedback pessoal diretamente de mim, e você também pode ter um feedback da comunidade Skillshare. Avicio e Lester falam de novas ideias criativas. Muito obrigado por estarem comigo nessas lições e nos vemos na próxima aula.
Diana Charles, Motion designer | Videographer
