Animação de texto para iniciantes — Templates do Adobe After Effects — Videohive e Envato Elements

1. Introdução: Oi, eu sou Jake, e eu sou um designer de movimento. Nesta classe, eu quero mostrar um monte de maneiras diferentes de criar animações de texto. Estes são exemplos da vida real de um projeto aprovado, que criei este ano, em setembro deste outono. Criei este novo projeto para o maior mercado de modelos After Effects do mundo, que é Envato Elements. Além disso, este projeto também está disponível no VideoHive. É assim que você pode dizer que essas técnicas estão atualizadas e aprovadas para venda no mundo profissional dos modelos de design de movimento. A melhor parte desta aula é que ela é voltada para iniciantes. Tudo bem se você nunca abriu After Effects em toda a sua vida. Estou começando com o básico. Você ficaria confortável em usar ferramentas e gradualmente passar para coisas avançadas e profissionais do meu projeto real com cada novo vídeo. Também a partir de agora, eu decidi terminar cada vídeo com um desafio para você ter certeza de que você entendeu a técnica que eu forneci em cada vídeo. Você poderá pressionar Pausar e concluir o desafio e, em seguida, pressionar Reproduzir para ver a maneira correta de concluir o desafio. Desta forma, você terá prática real que irá melhorar a compreensão de cada técnica. Você também aprenderá a criar modelos de animação de texto. Para completar esta aula, nosso objetivo é criar esses três tipos de animações, que poderiam parecer simples para designers de movimento avançados, mas não se esqueça que todos os projetos complexos são feitos a partir dessas partes simples. Ficarei feliz em vê-lo na minha aula como também seu resultado depois de seguir todos os passos. Vamos começar. 2. Noções básicas do painel de personagens: Vamos começar com o básico. Estou usando o Adobe After Effects 2020 e estou usando layout padrão. Tudo o que eu vou mostrar nesta classe você pode fazer em qualquer versão de pós-efeitos, mesmo se você tiver uma versão de teste, que por sinal, você pode baixar a partir do site da Adobe. Vamos criar uma nova composição. Podemos clicar aqui e vamos nomeá-lo como principal. Vamos definir nossa resolução para 1920 por 1080, que é full HD. Duração, podemos defini-la aqui. Vamos definir para 15 segundos e clicar em “Ok”. Agora, vamos criar nosso primeiro texto. Aqui podemos clicar para desembaraçar esta grade de transparência. Veríamos o nosso passado. By the way, com a roda no mouse, você pode ampliar e diminuir o zoom interior da sua janela. Agora, vamos usar essa ferramenta de texto. Em seguida, você pode clicar com o botão esquerdo do mouse e arrastar, solte para criar um texto. Vamos digitar texto. Aqui você pode mudar sua fonte para qualquer desejo que você quiser. Você também pode baixar qualquer fonte da web e instalar no seu computador. Então você precisará fechar os efeitos secundários e abri-lo novamente e ele irá atualizá-lo aqui. É assim que você pode obter qualquer fonte para efeitos após. Uma das fontes populares no VideoHive é Montserrat. Eu vou usá-lo e é uma fonte livre, você pode baixá-lo da web. By the way, se você, por algum motivo, não pode ver este painel de caracteres, você pode ir para Janela e habilitá-lo a partir daqui. Como você pode ver, personagem, personagem. Você pode habilitar qualquer um dos painéis que você pode ver na minha tela. Vou mudar o estilo da fonte para médio ou talvez um negrito. Vamos alinhar este texto no centro da nossa tela. Em primeiro lugar, podemos mudar esse ponto de ancoragem. Ponto de ancoragem é basicamente o ponto a partir do qual nossa animação é feita. Se eu vou usar rotação, ele vai girar a partir deste ponto de ancoragem. A maneira mais fácil de mudar este ponto de ancoragem para o centro é pressionar no teclado Control Alt Home. Como você pode ver, ele saltou para o centro deste texto. Em seguida, com este painel Alinhar, você pode clicar aqui para alinhar horizontal. Se eu vou movê-lo aqui e clique aqui, você pode ver que ele está alinhado horizontal e também aqui para alinhar verticalmente. Com esses dois botões, você pode definir o texto no centro da tela. Como você pode ver, ele ficará à esquerda, ficará à direita, ao topo e ao fundo. Mas, na maioria das vezes, vamos usá-lo, este botão e este botão para configurar nossos textos. Vamos passar rapidamente pelo painel de caracteres. Com este primeiro seletor de cores, podemos escolher a cor do texto. O segundo, podemos escolher o traçado do texto. Se aumentarmos aqui o golpe, você pode aumentá-lo aqui e mudar a segunda cor. Você pode ver que nós, vamos configurá-lo para vermelho para que vamos ver melhor e clique em “Ok” Vamos aumentar o tamanho do texto aqui. Temos um monte de opções de como esse traçado irá se sobrepor. Basicamente, tudo preenche todos os traços. Pode ser a opção que você espera ver quando você tem em seu acidente vascular cerebral. Algo como isto. Se você quiser ter sua fonte no topo do traçado. Mas em modelos modernos e em design moderno, os traços não são tão comuns de usar. Vamos configurá-lo para zero e você também pode clicar aqui e vamos clicar em “Ok” e desativar a cor. Com este primeiro seletor de cores, podemos simplesmente mudar a cor do nosso texto. Vamos ver o que temos aqui. Como você se lembra com isso, podemos alterar o tamanho do texto. Em seguida, com essas configurações aqui, você pode alterar o espaçamento entre linhas. Se tivermos duas linhas, vamos pressionar “Return” no teclado ou Enter e digite texto. Assim como estas duas palavras ou pressione “Control A” para selecionar as duas. Com essas configurações aqui, você pode alterar o espaçamento entre esses dois textos. Além disso, podemos digitar outra linha. Vou digitar outro texto. Se clicarmos neste pequeno quadrado aqui, você pode ver que ele mudou para outro ícone, que representa que podemos dimensionar esta caixa de texto. Podemos realmente fazer algumas coisas personalizadas. Por exemplo, podemos apenas e alterar o espaçamento entre essas duas palavras e não entre essas três. Se mudarmos assim, você pode ver que esse espaçamento não muda, o que pode ser útil em algumas situações. Se selecionarmos tudo, mudaremos o espaçamento entre todos eles. A palavra correta para isso está levando. Estamos mudando a liderança entre as palavras. Agora, vamos ver o que podemos fazer com o rastreamento. Com isso, podemos mudar o rastreamento entre letras, o que pode parecer interessante em alguns casos. Acabei de importar o projeto mais recente que eu fiz para o VideoHive. Você pode ver que podemos usar o espaçamento para ler este olhar único e interessante. Esta é basicamente uma escala vertical. Nós não vamos mudar este porque a aparência das fontes será muito feia. Por último, vamos verificar este parâmetro. O que você pode fazer é digitar texto e, por exemplo, cinco. Podemos mudar seu valor assim e movê-lo ainda mais baixo ou no centro. Por exemplo, se você digitou texto e, em seguida, você gostaria alterar isso verticalmente e alinhá-lo onde quiser. Agora, no final deste vídeo, vamos fazer um pequeno desafio. Você precisa replicar o que você pode ver na tela agora. Basta pausar este vídeo e tentar digitá-lo em uma linha. Depois que você fizer isso, eu vou mostrar a maneira como eu fiz isso. Vamos ver como eu fiz este texto e vamos digitar texto. Como você pode ver, já está definido para a luz. Mas digamos que você tinha fonte básica como Arial e vamos definir também como Regular e vamos digitar igual a 510. Também podemos selecionar esta parte do texto e clicar aqui para torná-lo negrito ou até mesmo mudar aqui para torná-lo negrito. É assim que você pode fazer essa parte e agora podemos diminuir o espaçamento entre essas letras, configurá-lo para zero, e selecionar este 10 e torná-lo menor. A propósito, você pensaria que eu posso usar isso aqui, mas não me permite movê-lo corretamente. Eu não vou usar este botão aqui, eu vou apenas selecionar e torná-lo menor e então eu vou movê-lo para cima. Isto é basicamente como você pode criar esse tipo de texto. Nos próximos vídeos, vou mostrar como você pode criar uma animação para o seu texto. 3. Animação de texto básica: Temos muitos tipos de animação neste software. Vamos tentar animar nosso texto. Primeiro de tudo, deixe-me excluir esses e criar um novo texto. Parece bom. Como você pode ver, eu digitei acima da minha caixa de texto porque nosso turno está definido como 68, vamos definir como zero. Como sempre, vamos configurá-lo para o centro da nossa tela, o que aprendemos na lição anterior. Também podemos clicar em 'Control Alt Home' para definir nosso ponto de ancoragem para o centro. Agora vamos criar animação como se fosse da esquerda para a direita. Como podemos criar animação para nossos textos, precisamos abrir aqui e aqui você pode ver este botão Animate. Aqui podemos animar nosso texto. Temos várias maneiras de animar nossos textos. By the way, podemos até combinar todas essas propriedades juntas para fazer animações mais complexas. Primeiro de tudo, vamos animar por posição, assim como posição. Você pode ver que criamos nosso primeiro animador. Com este seletor de intervalo, podemos realmente animar nossos textos. Mas antes de tudo, precisamos definir nossa posição de onde ela aparecerá. Esta é a nossa última fase de animação e se nos movermos para a esquerda com este valor aqui. Basicamente este primeiro valor é x valor. Ele se move apenas da esquerda para a direita, e este segundo valor é o valor y, basicamente x e y valores. Vamos movê-lo apenas no valor x, eu vou definir este valor y para zero. Com esta posição, rasgamos no software a partir de qual parte da tela queremos animar nosso texto para nossa parte final. Com este seletor de intervalo, podemos realmente animá-lo como você pode ver. Quando estou alterando esse valor inicial, você pode ver que ele já está animado da esquerda para a direita. Nós podemos basicamente criar um quadro-chave clicando no cronômetro e mover alguns quadros mais adiante aqui na linha do tempo, clicando neste cursor de tempo e definir aqui e definir o início para 100 por cento. Ele criará automaticamente um novo quadro-chave. Deixe-me dizer o que é o porta-chaves. Como você pode ver, nós criamos esses dois quadros-chave. O que é quadro-chave? Quadro chave é basicamente o ponto no tempo que lembra o valor de determinada propriedade. No nosso caso, este ponto no tempo, que podemos mover, lembrou este valor, 100 por cento desta propriedade ou propriedade começar. Aqui, este ponto lembrou este valor zero da mesma propriedade ao longo do início. Agora, entre esse quadro-chave e esse quadro-chave, ele mudará desse valor para esse valor de 100. Basicamente, ele vai de 0-100, como você pode ver. Quando estou rolando aqui, você pode ver que esse valor muda e é basicamente assim que a animação funciona usando quadros-chave. Mas digamos que essa animação não se parece com o que queremos. Por exemplo, eu quero mover este T, depois X, depois E, depois T e não TEXT. Basicamente eu não sou da esquerda para a direita Eu sou mais como esta parte do texto. O que eu posso fazer, eu posso simplesmente excluir esses quadros-chave, essa animação que criamos e tentar animar esses quadros de chave final. Basicamente, como você pode ver, estamos agora animando a partir do final do texto. Se definirmos para 100 por cento, crie um quadro-chave, mova-o para cá e defina-o como zero. Ele vai animar a partir do fim. Esta animação a partir do final, você pode ver em populares após modelos de efeitos. Mas podemos fazer melhor do que isso. Se apenas selecionarmos nossa região, então vamos pré-renderizar, toda essa parte. Pré-renderização significa apenas reproduzir nosso vídeo. Podemos pressionar um zero no numpad, então ele vai começar a reproduzir. Se você tiver um computador lento, talvez seja necessário aguardar. O que podemos fazer, em primeiro lugar, podemos até adicionar a este animador aqui por 'Adicionar' ir para 'Propriedade' e definir opacidade. Podemos mudar essa opacidade para zero, que significa que não veremos nossa opacidade no início e veremos nossos textos no final. Agora, se pressionarmos zero no numpad, você pode ver que temos muito melhor olhar. Além disso, poderíamos selecionar este último quadro de teclas e pressionar 'F9' no teclado para garantir que nossa animação o diminuirá até o [inaudível]. Vamos pressionar '0'. Como você pode ver, a última letra vem um pouco mais devagar. Você pode até aumentar esse comportamento aqui no editor de gráficos. Basta clicar neste ícone, para ir para o editor de gráficos. Aqui podemos ver estes dois quadros-chave. Eles são representados com este gráfico e se selecionarmos um deles, vamos ver este identificador, e podemos apenas clicar no final deste identificador e arrastar para a esquerda, o que significa que a nossa animação vai começar muito rápido aqui no início e vai abrandar para o fim. Agora, se pressionarmos '0' no teclado numérico, você pode ver que ele começa muito rápido e fazer esse movimento lento frio no final. Agora deixa-me dar-te o primeiro desafio. Meu desafio para você neste vídeo para criar esta animação. Você pode ver que temos essa mesma animação do fim ao início, mas vai de cima para baixo. Basta pausar este vídeo e tentar criar esta animação. Não te preocupes se não conseguires descobrir como fazer isto. Deixe-me mostrar-lhe como eu fiz e isto onde paramos. Basicamente, o que você precisa fazer é abrir nosso “Animador”. Temos seletor de alcance e aqui abaixo editamos nossa posição e opacidade. Como você se lembrou, criamos nossa propriedade de posição e opacidade com este animador. Para fazê-lo ir do topo, precisamos mudar esta posição. Como você se lembra, com este primeiro valor, estamos mudando da esquerda para a direita e o segundo valor de cima para baixo. O que precisamos fazer é mudar isso da esquerda para a direita para zero para reiniciá-lo e precisamos mudar o segundo valor. Se definirmos mais baixo, ele aparecerá de baixo e se o definirmos mais alto, como menos 30, ele aparecerá do topo. Como você pode ver representado aqui. Podemos mudar para a altura, o que queremos. É assim que obtemos esse tipo de resultado. By the way, se alterarmos isso para 100 por cento e excluir quadros-chave clicando aqui, ou simplesmente selecionar esses quadros-chave e pressionar “Excluir”, podemos animá-lo desde o início, definir um quadro-chave, movê-lo para o início e alterá-lo a 100 por cento. É assim que obtemos a mesma animação desde o início. A propósito, se você fechou sua camada assim, a maneira mais rápida de ver todas as nossas propriedades animadas é pressionar 'U' no teclado duas vezes, rápido 'UU'. Agora podemos ver nossos quadros-chave que você animou como também nossas propriedades em um que estamos animando nosso texto. Além disso, podemos apenas definir um segundo valor como zero e mover sua posição para a direita para obter essa animação. Você pode apenas mais uma vez selecionar este quadro chave lista, pressione 'F9' para tornar a última letra mais lenta, como também ir para o editor de gráficos e alterá-lo aqui. Mas digamos que não queremos que a última carta venha tão devagar. Queremos que todas as mensagens fiquem um pouco mais suaves. No próximo vídeo, vamos refinar essa animação. 4. Animação de texto avançada: Vamos ver como podemos tornar essa animação ainda suave e mais profissional. Vamos começar de novo. Vamos criar nossa edição de texto no meio da tela, Ctrl, Alt, Início para o ponto de ancoragem de mudança para o centro, e vamos criar uma nova animação. Gostaríamos de usar também posição, mas desta vez, não vamos usar, Iniciar e End animação. Podemos usar isso, animação Offset. É muito mais poderoso para o tipo mais avançado de animação, como você pode ver, seu próximo passo é mais avançado. Vamos abrir aqui e mudar essa forma para “Ramp Up”. Este é um tipo mais avançado de animação. Vamos clicar em “Ramp Up”. Com essa rampa de forma para cima, agora podemos animar nosso texto usando Offset, mudar nossa posição para a direita, assim, e você já pode ver que ele se comporta de forma diferente. Agora, para a nossa animação, precisamos alterar apenas o valor de deslocamento. Podemos apenas clicar neste cronômetro para criar um quadro-chave, e agora vamos animar de menos 100 por cento e rolar aqui para 100 por cento. Como você pode ver agora a animação completa vai de 100 por cento para menos 100 por cento e não de 0-100, como costumava ser antes. Vamos ver por que essa animação é mais avançada. É mais avançado porque não vamos abrandar apenas esta última carta. Com essas duas propriedades, podemos mudar o comportamento de todos os textos em animação. Vamos tentar ajustá-lo para 100 e pressione “Zero” no numpad para ver o que estamos recebendo. Como você pode ver, se mudarmos este primeiro valor para um 100, estamos recebendo movimento mais lento no início, e movimento realmente rápido no final. Vamos para outro lado, para menos 100 por cento. Agora temos animação mais complexa. Basicamente agora cada letra vai muito rápido no início e desacelera no final. Vamos definir como zero, porque esta animação não funciona para nós também. Agora, vamos mudar este baixo valor fácil. Vamos definir para 100 por cento e pressionar “Zero” no teclado numérico. Agora, como você pode ver, parece muito mais interessante, e finalmente nós poderíamos mudar esse valor para menos 100 por cento para obter um movimento lento no início e rápido em movimento no final. Mas vamos ficar com isso 100 por cento porque vamos usar principalmente esse tipo de movimento. Porque se adicionarmos à nossa animação outra propriedade, como você se lembra em nosso Animator, podemos adicionar outra propriedade. Agora somos animados pela propriedade de posição, mas também podemos adicionar propriedade de opacidade, que significa que podemos defini-lo para zero. Significa que, no início, não veremos nosso texto. Como, você pode ver que parece muito suave e muito agradável de olhar. Antes de lhes dar um próximo desafio, quero dar-vos algumas dicas que podem ajudar-vos porque este desafio pode ser muito mais difícil do que os anteriores. Duplicar este texto, você pode pressionar, Ctrl D para duplicar, em seguida, movê-lo para cima , assim, e este texto, Eu quero ir da esquerda para a direita. Se você acha que está pronto para completar este desafio, você pode apenas pausar este vídeo. Basicamente teríamos esse tipo de animação. Mas uma vez que este é um tipo mais avançado de animação, eu vou te dar mais dicas para isso. Primeiro de tudo, vamos pressionar “U” no teclado duas vezes para ver todas as nossas propriedades que animamos. Aqui eu vou dar-lhe algumas dicas e você pode pressionar pausa a qualquer momento se você está sentindo que você pode fazê-lo sozinho. Ter essa animação, ir de outra direção, é bem complicado e tudo bem se você não puder fazer isso, porque aqui, você precisa mudar a forma. Não é tão intuitivo, mas é a maneira certa de fazer. Você precisa mudar essa rampa até Ramp Down, e neste caso, você pode ver que revertemos nossa animação, mas ela não vai da direção que queremos. Agora podemos mudar essa posição para mudar a direção, assim. Se tivéssemos 572, podemos apenas configurá-lo para menos 572. Agora, como você pode ver, tudo parece bom, mas ainda vai em outra direção, que não é o que queremos. Só precisa mudar este quadros-chave de deslocamento. Nós podemos apenas selecionar este, e arrastá-lo aqui e definir este antes. Agora, se pressionarmos “Zero” no numpad, podemos ver que criamos esse tipo de animação. By the way, se você quiser uma maneira rápida de inverter esses dois quadros-chave, você pode simplesmente selecioná-los, em seguida, clique com o botão direito do mouse sobre eles, e ir para quadros-chave e tempo inverter quadros-chave. Ele irá virar esses quadros-chave ao redor, então você está basicamente novamente, basta selecionar dois deles, clicar com o botão direito do mouse em um deles, e quadros-chave inverter tempo. Eu sei que esta parte pode ser um pouco confusa, então, finalmente, você também pode pausar este vídeo e tentar definir seu como ele costumava ser aqui. Não da esquerda para a direita, mas da direita para a esquerda para este texto superior para ter certeza de que você se lembrou corretamente. Se você quiser algumas dicas, você precisa lembrar que você precisa mudar de forma, você precisa mudar de posição e, finalmente, você precisa inverter quadros-chave de deslocamento. Vamos fazer isso mais uma vez, vamos mudar essa forma para Ramp Up, então vamos mudar a direção. Podemos apenas torná-lo valor não negativo e valor positivo como este, e, finalmente, inverter esses dois quadros-chave, selecioná-los mouse direito, clique sobre eles, e ir para quadros-chave de tempo reverso. É assim que você pode virar corretamente a animação. Além disso, se selecionarmos essas duas camadas, você pode pressionar “U” no teclado para ver nossos quadros de teclas e deslocar o tempo. Se você quiser que este top seja mais rápido, você pode apenas definir esses quadros-chave mais próximos, que significa que esta animação será mais rápida e isso será mais lento. É assim que você pode adicionar alguma variação. Próximo vídeo vamos criar este tipo de animação desta palavra atual. Como você pode ver, ele vai do centro e se espalhou assim. Esta animação vamos criar no próximo vídeo. 5. Animação de texto profissional: Vamos ler esta animação da palavra presente. Mais uma vez, podemos simplesmente excluir esses textos, basta selecioná-los e pressionar “Excluir”. Vamos criar um novo. Talvez desta vez vamos digitar palavra real, presente. Defina-o aqui para se alinhar ao centro da nossa tela. Também podemos alinhar este ponto de ancoragem, Control+Alt+Home. Vamos criar uma caixa de texto para este presente. Para criar uma caixa de texto, podemos usar uma camada de forma. Para criar uma camada de forma, você precisa ter certeza de que não selecionou nenhuma das camadas aqui. Esta é a aparência se você selecionou uma e você precisa clicar em qualquer lugar aqui para desmarcar qualquer uma das camadas e, em seguida, selecionar esta ferramenta de retângulo. Se você clicar com o botão esquerdo do mouse e segurar, você pode ver um monte de ferramentas com diferentes formas. Mais uma vez, se você clicar com o botão esquerdo do mouse e segurar, este menu aparecerá. Vamos selecionar esta ferramenta de retângulo. Agora, podemos clicar com o botão esquerdo do mouse e arrastar, assim para cobrir nosso texto. Criamos nossa primeira camada de forma como você pode ver aqui. Se o arrastarmos até aqui, significa que este texto está no topo da nossa camada de forma. Mas como nosso fundo é preto e nossa camada de forma é preta, podemos mudá-lo aqui. Podemos mudar o preenchimento. Vamos clicar aqui e mudá-lo talvez azul escuro demais assim e clicar em “Ok”. Se você clicar aqui em “Preencher”, você pode alterar o tipo do campo. Você pode definir como Gradiente ou Gradiente radial. Mas na maioria dos casos, a cor sólida simples funciona muito bem e certifique-se de que sua opacidade está definida em 100 e clique em “Ok”. Aqui podemos definir nossa cor do traçado, como você pode ver se eu mudá-lo para vermelho, podemos ver nosso traço, eu vou definir para branco. Aqui podemos mudar a espessura do nosso curso. Eu vou definir para zero porque nós não queremos ter nenhum derrame. Agora, vamos ter certeza de que ele está no centro da nossa tela clicando aqui e aqui. Vamos escolher nossa ferramenta de seleção. Também podemos renomear nossa camada de forma. Vamos pressionar “Return” ou “Enter” no teclado, e vamos digitá-lo, caixa presente, para que saibamos que é caixa para o nosso texto presente. Porque se tivermos um monte dessas camadas, essa nomeação ajudará. Certifique-se de renomear suas camadas, que seja mais fácil para você entender o que você tem em seu projeto. Agora vamos criar animação para a nossa caixa de texto. O que eu quero fazer é replicar esta animação, que podemos ver no meu projeto aqui. Podemos ver que esta caixa de texto ir do centro para os lados como este e, em seguida, palavra presente aparece. Podemos até melhorar essa animação. Vamos fazer isso agora mesmo. Vamos clicar nesta composição principal para ver a nossa composição e vamos animar esta caixa atual. Você precisa pressionar “S” no teclado para ver nossa escala. Aqui podemos mudar a escala da nossa caixa, para que possamos mudá-la assim. Como você pode ver, ele muda uniformemente. Se clicarmos neste botão de bloqueio, podemos mudar apenas no eixo x ou aqui no eixo y, assim. Agora é importante que este ponto de ancoragem esteja no meio porque se mudarmos este ponto de ancoragem usando esta ferramenta Caneta Atrás aqui, você verá que ele vai escalar a partir deste ponto aqui ou se nós adicionarmos alguma rotação, ele irá girar a partir deste ponto de ancoragem. É por isso que lhe dou este atalho para Control+Alt+Home. Você precisa pressionar no teclado “Control+Alt+Home” para redefini-lo para o centro. Neste caso, se pressionarmos “S” no teclado para ver nossa escala, podemos escalá-la do centro e pareceria muito mais profissional. Vamos definir para zero. Apenas certifique-se de que você não tem este bloqueio aqui, que você possa alterar apenas o primeiro valor. Vamos definir para zero. Vamos criar um quadro-chave, movê-lo para cá e vamos configurá-lo para 100 por cento. Como podem ver, temos este tipo de animação. Vamos nos espalhar um pouco. Agora vamos pressionar “zero” no numpad para ver nossa animação. Podemos melhorar esta animação indo para o editor de gráficos e apenas arrastando sobre este identificador e mais baixo para esta linha de base aqui. Como você pode ver, ele se ilumina com linha laranja. Você precisa ter certeza de que você está trazendo para baixo para esta linha e ir para a esquerda para fazer esta curva, que significa que ele vai começar muito rápido e no final será mais lento. Vamos sair deste editor de gráficos e espalhá-lo um pouco esses quadros-chave e pressione “Zero” no numpad para ver nosso resultado. Talvez seja um pouco mais rápido movendo este último quadro-chave um pouco mais apertado assim e pressione “Zero”. Como podem ver, temos esta bela animação. Parece bom, mas agora também queremos adicionar alguma animação ao nosso texto. Como sempre, vamos escolher nossa ferramenta de seleção. Clique aqui para abrir nossas propriedades e vamos animar desta vez não usando posição, desta vez vamos usar rastreamento. Como você se lembra, temos rastreamento aqui, que nos permite mudar o rastreamento entre letras, também temos esta propriedade aqui em animate. Agora podemos escolher esse rastreamento, animar essa quantidade de rastreamento assim. Talvez até deixemos esse texto menor para que ficasse um pouco mais bonito. Vamos olhar aqui para torná-lo um texto um pouco mais fino ou talvez usar até mesmo um regular. Ele se assemelhará melhor a essa animação. Agora com esta quantidade de rastreamento, certifique-se de que você não mudou aqui. Aqui você precisa definir como zero e vamos animar e alterá-lo usando apenas pela propriedade de animação aqui. Este será o nosso visual final, no meu caso são 33, mas se sua caixa for maior, seu valor pode ser diferente. Apenas certifique-se de que parece que você quer que ele pareça. Vamos nos certificar de que está no centro, “Control+Alt+Home”. Vamos criar o nosso quadro-chave. Aqui no início da animação, queremos esmagar assim. Como você pode ver, nós esmagamos nosso texto no início e nos espalhamos para o fim. Mais uma vez, podemos selecionar este quadro-chave, ir para o editor de gráficos e por este identificador, que está à esquerda do quadrado, podemos apenas clicar com o botão esquerdo do mouse e segurar e arrastá-lo para esta linha de base e movê-lo para o direito para obter este tipo de curva e sair deste editor de gráficos. Se você quer que sua animação seja exatamente a mesma que sua caixa de texto, você precisa apenas pressionar “U” para ver esses quadros-chave e nós podemos apenas alinhá-los para que ele fique na mesma velocidade. Você também pode definir seu cursor de tempo no topo deste quadro-chave e manter Shift pressionado no teclado, ele se encaixará nesse quadro-chave assim. Em seguida, selecione este quadro-chave e mantenha pressionado Shift no teclado, ele também se encaixará nessa linha. É assim que você pode saber que é exatamente a mesma animação quando você alinha seus quadros-chave exatamente da mesma forma. Agora, é hora do nosso desafio. Nós animamos este texto aqui assim e agora eu quero que você faça esta animação, que você pode ver aqui abaixo. Vamos desativar essa animação, que devemos criá-la e você precisa criar esse tipo de animação com o conhecimento que você tem deste vídeo. Basicamente você precisa mudar a escala da caixa e alterar o rastreamento do nosso texto. Então, pause este vídeo e tente fazer o seu melhor para completar este desafio. Deixe-me mostrar-lhe como eu fiz isso. Vamos excluí-lo e deixe-me mostrar-lhe deste texto, que já criamos antes. O que podemos fazer, precisamos mudar a escala da nossa caixa. Basta pressionar “U” no teclado para ver nossa escala. Em vez de ir de zero por cento, queremos definir este primeiro quadro-chave para um valor realmente grande como este. Agora já temos esse tipo de animação e agora precisamos mudar a animação para o nosso texto. Vamos selecionar nosso texto, pressionar “U” no teclado, ir para o primeiro quadro e alterar este primeiro quadro-chave para maior quantidade de rastreamento. É isto. É assim que você pode simplesmente criar outro tipo de animação como esta. No próximo vídeo, vou mostrar como você pode editar esse visual. 6. Refine animação de texto: Neste vídeo, eu quero refinar este olhar porque o design amador e um design profissional basicamente é diferente apenas por causa de refinar sua animação. Vamos ver como podemos refinar esse olhar. Primeiro de tudo, eu quero mudá-lo para animação que tivemos antes, do centro para este olhar. Digamos que eu quero fazer esta caixa um pouco não tão alta. Acho que o inglês não é a minha primeira língua. É por isso que estou descrevendo meus pensamentos um pouco estranhos. Para alterar esta caixa e a altura, precisamos alterar este segundo valor. Mas certifique-se de que você está sempre no quadro-chave. Porque se você mudar seu valor aqui, ele irá criar outro quadro-chave como este. Como você pode ver, ele criou outro quadro-chave e isso não é o que queremos. Em alguns casos, pode ser o seu design. Mas se você quiser apenas ajustar sua animação já existente, você não gostaria de ter mais edições de animação em seu design. Vamos apagar este quadro-chave. Mais uma vez, você precisa ter certeza de que seu cursor de tempo exatamente no quadro-chave para fazer quaisquer alterações em nosso design. Agora podemos mudar a altura assim. Se olharmos de perto, ele ainda cresce na altura, porque mudamos para este quadro-chave, mas não mudamos para este quadro-chave. Precisamos definir este novo valor do eixo y para este quadro-chave também, porque ele ainda está em 100. Vamos ajustá-lo para 61 como estava aqui e agora ele vai ficar na mesma altura. Mais uma vez, se você quiser torná-lo maior, você precisa ter certeza de que você muda sua altura aqui neste quadro-chave e também aqui, se você quiser manter esse valor. Desta forma valor de altura será o mesmo. Vamos definir para 60 e aqui para 60 e agora temos este tipo de design. Deixe-me também mostrar-lhe um truque rápido e legal. Se quisermos dar uma ilusão de que o nosso texto está dentro da nossa caixa. É muito fácil de fazer. Você pode apenas escrever seu texto e podemos usar este painel Efeitos e Predefinições de tempo ou simplesmente ir para Efeito. Mas o painel Efeitos e Predefinições é muito fácil de usar porque se você souber o nome do seu efeito, você pode apenas digitá-lo aqui e pesquisar. No meu caso, Eu quero usar efeito chamado Definir fosco e como você pode ver é sob Efeitos de canal. Basicamente, se você vai para Efeitos, em seguida, ir para Canal aqui está o nosso efeito Set Matte que queremos usar. Você pode simplesmente clicar aqui ou simplesmente selecionar aqui nos Efeitos e Predefinições e arrastá-lo para o texto. O que esse efeito permite que você faça? É basicamente o mascaramento. Deixe-me escolher para os nossos textos, para o nosso texto presente, uma nova máscara e vamos usar esta caixa de texto como uma máscara. Aqui, se mudarmos esta caixa Take Matte from Layer para esta caixa Presente, você pode ver que nosso texto aparece somente onde nossa caixa de texto está visível. O que é um efeito muito legal, como você pode ver. Se não quiséssemos espalhar nosso texto e queremos ir do centro. Como você pode ver aqui, se desativarmos esse efeito, nosso texto ficará de fora e não parecerá tão profissional. Se habilitarmos este Set Matte, ele só aparecerá uma vez que nossa caixa de texto aparecerá agora. Como você pode ver, parece muito melhor. Se você não quiser ver essas letras giratórias juntas, você pode simplesmente criar um quadro-chave para opacidade. Você pode simplesmente pressionar T no teclado para ver nossa opacidade. Clique aqui para criar um quadro-chave e, no início, você pode defini-lo como zero, para que ele apareça e tenha essa animação. Mais uma vez, você pode simplesmente mudar a cor para o que quiser. Podemos clicar aqui para ver a nossa transparência e ver o nosso design. Isso é basicamente exatamente a mesma maneira em que eu criei essa parte do modelo. Você pode ver este design exato e sinta-se livre para escolher qualquer fonte que você gosta. Próximo vídeo, vou mostrar como você pode criar essa parte superior do texto. Nós realmente vamos mergulhar mais fundo nas maneiras em que podemos criar animação para criar um tipo ainda mais complexo de animação. 7. Criação de template de animação: Neste vídeo, vamos criar essa parte superior do texto. Seria animação ainda mais avançada e dicas muito legais se você gostaria de criar design reutilizável. Agora vou explicar como você pode criar basicamente modelos. Você tem essa animação e você quer reutilizá-la um monte de vezes. O que você pode fazer é selecionar seu presente, selecionar sua caixa de presente, basta selecionar a primeira, segurar “Shift”, e selecionar a segunda. Você pode pré-compor isso, para que você possa ir para pré-compor camada. Na maioria das vezes usamos pré-compor apenas para armazenar um monte de camadas em uma composição. Mas desta vez estamos usando como um modelo, então podemos chamá-lo de design de texto de rastreamento. Não sei, talvez chamemos isso de rastreamento de texto. Nós saberíamos que é animação de texto que usa design de rastreamento e clique em “Ok”. Agora, como você pode ver aqui no painel do projeto, ele já criou nossa composição de textos de rastreamento. Agora vamos dizer que você importou seu vídeo apenas indo para arquivo, Importar arquivo e você tem algum vídeo, e você quer usar seu design em cima de seu vídeo. Vamos selecionar nosso vídeo e soltá-lo neste ícone aqui para criar uma nova composição. Temos as nossas filmagens e queremos ter o nosso texto em cima desta filmagem. Podemos apenas clicar neste texto de rastreamento e arrastar e soltar aqui. Como podem ver, temos este texto na nossa composição. O que é legal sobre isso, que você pode apenas clicar duas vezes aqui e digitar outro texto. Talvez vamos digitar meu vídeo. Como você pode ver, nós digitamos meu vídeo e voltamos ao nosso vídeo, vamos também mudar o nome de nossa filmagem. Você pode ver que temos a mesma animação em cima do nosso vídeo e com o mesmo design de animação que criamos. Como você pode ver para este texto, queremos ter esta caixa de texto um pouco mais ampla. Basta lembrar que você pode apenas pressionar “S” no teclado, e neste último quadro-chave, alterar este primeiro valor para torná-lo um pouco mais largo. Agora, como pode ver, ele se encaixa bem. Basicamente, é assim que você criou seu primeiro modelo de texto, porque agora você pode adicionar outro texto e terá a mesma animação. Mas antes de adicionar outro, você precisa duplicar este texto aqui. Basta selecionar este texto 1, você pode pressionar “Control D” no teclado. Ele criou outro texto 2, e se vamos abrir isso com clique duplo esquerdo do mouse sobre ele, você pode ver que podemos mudar o texto aqui para apresentar. Mais uma vez, isso não afeta esse texto de rastreamento que criamos aqui. Como você pode ver, podemos duplicar isso um monte de vezes e manter o mesmo design. É por isso que é legal ter modelos, e é assim que você pode criá-los. Você pode simplesmente soltá-lo aqui, movê-lo um pouco distante assim, soltá-lo, outro, afastá-lo e abaixar. Vamos certificar-nos de que este texto aparece mais baixo. Agora você tem este design legal, talvez o nosso texto de vídeo, você pode mudar para o lago menor 45 e aqui também ressente, mudar para 45, e aqui também meu vídeo é alterado para 45. Meu desafio para você é criar outro texto, adicionar a esta composição e ter certeza de que você não alterou nenhum desses textos. Pausar este vídeo e adicionar outro e certifique-se de que ele tem texto diferente. Deixe-me mostrar-lhe mais uma vez como você pode fazer isso, você pode apenas selecionar aqui e não duplicar aqui. A propósito, é uma maneira errada de fazer isso. Se você vai duplicar aqui e basta selecionar aqui e pressionar “Control D” e abri-lo. Ele ainda usará essa mesma fonte. Isso significa que se você mudar aqui e nós vamos voltar, ele vai mudar aqui, ele usa a mesma fonte. É muito útil para a nossa próxima animação, para esta animação. Mas, no nosso caso, é uma maneira errada de duplicar nossos modelos de texto. Vamos excluí-lo aqui, vamos alterá-lo para o nosso vídeo como estava, e certifique-se de que você está duplicando aqui. Selecione-o, pressione “Control D” no teclado para duplicá-lo. Como você pode ver, ele é criado em seu texto, e aqui se vamos mudar para outros textos como outros, e ir para a nossa composição com nossas filmagens e arrastá-lo para baixo e movê-lo para cima assim. Também podemos usar teclas de seta nos teclados, e se mantivermos a tecla shift e pressionarmos para baixo, vamos movê-lo para baixo um pouco mais rápido assim. Esta é a maneira correta de duplicar seu design e isso é criado a partir do zero. Próximo vídeo, vamos finalmente criar esse tipo de animação. Como um bônus, vamos criar esta animação a partir da câmera também. 8. Animação de texto de cores: Neste vídeo, vamos criar esta animação com a cor. By the way, deixe-me saber nos comentários se você quiser saber mais maneiras de animar o texto. Você também pode deixar o link para animação que você gosta e eu vou adicionar vídeos para esta aula ou talvez fazer parte 2 desta série sobre textos de animação de forma profissional que você será capaz de vender como eu estou fazendo aqui. Vamos criar esta animação. A partir do último vídeo já sabemos que não podemos apenas duplicá-lo aqui para criar uma nova fonte de texto, mas também podemos duplicá-lo aqui. É muito útil para esta animação. Vamos para a nossa composição principal em que trabalhamos e vamos digitar web conference. Vamos clicar aqui para ver nosso texto melhor e isso é para transparência e vamos nos certificar de torná-lo negrito ou até preto. Eu quero ter isso um pouco mais alto como este 105. Parece mais interessante para mim. Este é o meu vídeo eu vou movê-lo mais baixo. Vamos selecionar nosso webcon. Vou fechar essas abas porque elas estão me distraindo. Temos este webcon e vamos fechar este. No caso de você querer apenas criar esta animação e você não quer reutilizá-la em projetos futuros, você poderia simplesmente duplicar esta camada e mudar a cor desta camada para laranja, em seguida, criar uma máscara e ter certeza de que selecionaram sua camada porque se você não selecionar sua camada, você criará uma camada de forma como criamos anteriormente. Mas se você vai selecionar sua camada de texto ou qualquer outra camada que irá criar uma máscara. Se vamos solo apenas este texto, você pode ver que estamos criando uma máscara para esta camada de texto. Selecione sua ferramenta de retângulo, crie uma máscara como esta. Temos nossa máscara e podemos criar nosso primeiro quadro-chave. Enquanto estamos criando esse primeiro quadro-chave, você precisa se certificar de que ainda está nesse quadro-chave porque se quiser alterar essa máscara, você precisa se certificar de que está criando essas alterações para esse quadro-chave e seu tempo e claro que não aqui porque se você vai criar algumas alterações como esta ele irá criar outro quadro-chave. Vamos pressionar o controle Z e permanecer em um dos quadros-chave de cada vez, que seja mais fácil acompanhar seu progresso. Vamos ficar neste quadro-chave. Podemos mudá-lo para mais diagonal olhar isso e podemos apenas configurá-lo aqui. Você vai pressionar Shift no teclado, ele vai apenas da esquerda para a direita assim. Ele tem esse encaixe e este é o nosso primeiro quadro-chave. Então, se nós movê-lo para cá, agora podemos criar novo quadro-chave como você pode ver como eu mudei nossa máscara, ele criou outro quadro-chave e arrastá-lo para a direita assim. Agora, como você pode ver, nós temos esta animação e se nós un-solo esta camada, nós podemos ver esta camada abaixo que é branca e nós já temos este olhar e, a propósito, você pode até ajustá-lo melhor. Vamos definir em um de nossos quadros-chave e vamos certificar-nos que esta linha também é inclinada assim. Apenas certifique-se de manter o deslocamento para movê-lo apenas em uma direção e não ir assim. Esta é a nossa primeira forma que representou neste quadro-chave, e se nós movê-lo para este quadro-chave, é a nossa segunda forma que se parece com esta. Mas nós podemos realmente mudá-lo assim, certifique-se de que você selecionou sua ferramenta de seleção para ser capaz de mudar esses pontos e, em seguida, apenas arrastá-lo para cá. Basicamente, nós apenas movemos esta forma através do nosso texto. Vamos ver como fica. Mas desta forma não é muito eficiente se você quiser reutilizar este design como eu fiz no meu modelo. No meu modelo, se você vai comprá-lo para ver como eu construí-lo, você verá que você pode alterar seu texto apenas uma vez e ele ainda terá essa animação como fizemos com este texto de rastreamento. Como você pode ver, temos esta animação e podemos apenas mudar nosso texto e a mesma coisa que podemos fazer com esta animação colorir. Neste ponto, se vamos mudar isso para outros textos, teremos que mudar não só este texto, mas também este para o texto e como ele mede e teremos essa animação. Isto não é muito complicado quando temos apenas dois textos. Mas se você olhar de perto aqui, você pode ver que nós temos um monte de linhas que cobre o meu texto. Como você pode fazer isso é criar outro texto duplicando este. Pressionando Control D e, em seguida, pressionando U no teclado. Para enfraquecer o segundo como este, apenas alterando esses dois quadros-chave, selecionando-os e movendo mais e se pressionarmos zero numerado temos essas duas listras que basicamente se parecem com aqui. Mas mais uma vez não é tão fácil reutilizar este design porque você vai precisar renomear este texto e depois este texto, depois este texto. Se você tiver um monte desses desenhos, levará muito tempo para renomear todos esses textos. É por isso que estamos usando esta técnica de pré-composição. Vamos apagar estes dois textos. Depois de criar o texto, selecione o texto, vá para a camada, pré-compor, e vamos chamá-lo de texto talvez colorir e clique em OK. Basicamente agora nós armazenamos este texto dentro desta composição como você pode ver ele é criado aqui no painel do projeto. Nós não vamos duplicá-lo aqui para obter um monte de projetos. Vamos duplicá-lo aqui e se vamos selecionar aqui e composição principal e pressione Control D para duplicar podemos adicionar nossa animação de coloração. Mais uma vez vamos selecionar este top, vamos usar esta massa e criou a mesma animação apenas criando esta máscara, selecionando esta ferramenta de seleção e apenas movendo esta linha inferior. Também podemos clicar duas vezes em um dos pontos para movê-lo como você deseja e podemos apenas abrir aqui na máscara e definir um quadro-chave para mascarar caminho. Mais uma vez, desloque-o um pouco mais no tempo e mova esta máscara para o fim assim. Agora ele usa este texto que tem apenas uma cor que é branco. Se vamos mudar esta cor para vermelho, por exemplo, ele vai mudar ambas as cores porque isso usa os mesmos textos que está dentro. É por isso que não queremos mudar as cores para este texto dentro desta animação de textos para colorir. Queremos aplicar efeito a esta animação de mascaramento. Para aplicar efeito queremos ir para efeitos e predefinições e digitá-lo preencher e arrastar e soltar este preenchimento nesta composição superior. Agora, como você pode ver com este preenchimento, podemos mudar para qualquer cor que quisermos. Vamos talvez definir para essa cor que eu usei no meu modelo. Eu sei que pode ser um pouco confuso para um iniciante entender por que ele usa a mesma cor deste teste. Você só precisa imaginar que essas composições são basicamente uma caixa e você colocá-lo em uma caixa, seu texto e se você vai duplicar esta caixa, esta composição. Ele criará um clone, que irá replicar o que está dentro da caixa. Basicamente, se eu fizer qualquer alteração para este conteúdo desta caixa deste texto de coloração, ele se aplicará a ambos. Como você pode ver, estes são clones que usam o mesmo conteúdo da caixa. Mas agora, se aplicarmos algumas alterações ao próprio clone e não ao conteúdo da caixa, você pode ver que podemos adicionar animação mais complexa e não tocar no conteúdo desta composição da nossa caixa metafórica. Nós criamos esta animação. Mais uma vez, podemos apenas selecionar este último quadro-chave, e ir para o editor de gráficos, e certificar-se de que ele vai rápido, e depois mais lento no final. Talvez não tão rápido. Podemos fazer assim. Se pressionarmos “Zero” no numpad, temos essa animação salvar. Mas agora, podemos duplicar esta animação. Pressione “Control D” para criar um clone. Podemos pressionar “U” no teclado para ver esses quadros de teclas e movê-lo ainda mais. Esta animação virá um pouco mais tarde, assim como criamos anteriormente. Mas agora, podemos até mudar as cores aqui para qualquer cor, se você quiser. Desta forma, podemos até adicionar várias cores ao nosso modelo. Como você pode ver, nós temos este design. Vamos talvez tornar isto um pouco mais lento. Isto vai mais rápido e isto mais lento. É assim que você pode fazer um design ainda mais complexo do que eu usei aqui. O que é legal sobre isso que você não precisa digitar esse conteúdo um monte de vezes para manter o mesmo design. Agora, você pode simplesmente abrir sua caixa, caixa metafórica, nossa composição, e digitá-la uma vez que seu texto, podemos até espalhá-lo para torná-lo maior caixa de texto e digitar meu vídeo. Vá para a composição principal. Você pode ver que você tem a mesma animação aplicada em cima do seu novo texto. Só uma pequena gorjeta. Se você tem dois textos longos como o meu texto de vídeo, você pode ter esse problema onde sua animação começa aqui e termina aqui. É bastante fácil de consertar. Você só precisa selecionar sua edição dessas composições que você criou. Pressione “U” no teclado. Certifique-se de que você em um dos quadros-chave e basta mover esta máscara um pouco mais longe, bem como aqui no início, e movê-lo um pouco mais longe e mesmo vamos fazer com esta camada azul. By the way, é mais fácil ver em que você está trabalhando apenas clicando nessas posições. Você pode ver que você precisa ajustar este. Pressione “U”, certifique-se de que você está em cima do quadro de teclas e, em seguida, mova-o aqui e aqui, mova-o para cá. Agora temos a mesma animação. Finalmente, para reutilizar essa animação como fizemos com esse truque no texto, precisamos pré-compor toda essa animação em uma, para colocar toda essa animação em outra caixa metafórica, que basicamente é camada, pré-compor, para adicionar na composição. Vamos chamá-lo de Todos os textos para colorir 1. Agora, se quisermos criar outra instância desta animação, podemos apenas duplicá-la aqui, colorir texto. Basta “Control D” para duplicar, soltá-lo aqui, e movê-lo como aqui. Se abrirmos aqui, há outra instância que não é a mesma que esta, é outra porque é duplicada aqui, não é um clone, é outra instância. Se abrirmos, você ainda verá que ainda tem essa animação que você criou. Mas ainda usa essa fonte aqui. Precisamos criar outra fonte porque se vamos mudar este texto assim, ele ainda vai na composição principal atualiza ambos os textos. Isso acontece apenas porque criamos outra instância aqui, mas não criamos outra caixa para este texto de coloração. É fácil de consertar. Basta abrir este segundo que criamos e apenas duplicá-lo aqui, assim. Para cada um deste, você precisa criar outra dessa composição. Este Todos os Textos para colorir 2, precisamos substituir. Para substituir esses por este, você só precisa selecionar todos eles assim. Clique com o botão esquerdo do mouse e arraste, para selecionar todos eles, em seguida, selecione este texto de coloração, mantenha a tecla Alt no teclado, como você pode ver aqui na tela, Eu estou segurando-o e arrastá-lo para cima deste. Como você pode ver, ele muda para dois. Agora temos essas duas composições com nosso design, design geral como criamos anteriormente com este modelo. Em cada um deste design, ele tem esta animação de coloração que nós criamos. Agora ele usa diferentes fontes como Coloring Text 1 e Coloring Text 2. Agora, se vamos mudar nesta fonte para o próximo texto, por exemplo, e agora se vamos voltar para o principal, você pode ver que agora podemos ter dois modelos diferentes. Agora, se vamos mudar aqui para vídeo, texto e ir para a composição principal, você pode ver que nós criamos uma maneira adequada de duplicar em nossa animação de texto. É uma técnica muito mais avançada. Mas se você vai re-assistir este vídeo um monte de vezes, espero, você vai entender como ele funciona e seu desafio para este vídeo para criar outra instância deste design como eu fiz aqui. Se você sentir que você entendeu a técnica, basta pressionar “Pausa” neste vídeo e tentar duplicar este modelo deste design. Agora vou mostrar a vocês a maneira certa de fazer isso. Mais uma vez, você precisa duplicar sua animação geral. É tudo texto para colorir. Você precisa duplicá-lo aqui, não aqui, porque aqui está criando clones e aqui está criando novas instâncias. Estamos duplicando isso. Então abra. Como você pode ver, ele ainda usa este texto antigo e não novo e duplicando este, pressionando “Control D”. Certifique-se de que você selecionou este, selecionando este, segurando “Tecla Alt tecla teclado como você pode ver e apenas deixe-mouse clique e arraste em cima deste texto. Vai substituí-lo. Criamos outra fonte. Agora, se nós abrimos e digitar o nome, e voltar para a composição principal e como você pode ver, nós não temos aqui ainda, nós podemos apenas selecionar este todo o texto para colorir, novo modelo que você criou e soltá-lo aqui, movê-lo usando a ferramenta de seleção como esta. Como você pode ver, criamos outra instância desta animação de texto. O que é legal sobre isso, que você pode abrir um desses textos para colorir e você pode ajustar essas cores. Por exemplo, aqui eu quero ter essa cor, e aqui talvez uma cor mais avermelhada. Agora, o texto de vídeo terá essa animação. Como você pode ver, isso não afeta essas composições. Esta é uma técnica muito poderosa. Você só precisa praticar e apenas repetindo esta técnica um monte de vezes e você vai ser usado para como criar esses modelos reutilizáveis. O que é muito legal porque você está criando esses ativos que você pode usar em seu trabalho futuro. Como um bônus para esta classe, no próximo vídeo, vou mostrar-lhe como você pode criar esta animação de outubro. Se você gosta desta série sobre textos de animação, basta me avisar nos comentários e eu vou lançar ou mais vídeos para esta classe ou outra classe com técnicas mais complexas. By the way, diga-me nos comentários se você quer animação mais complexa ou mais desafios para você entender como criar este aspecto mais básico. Vejo você no próximo vídeo. 9. Animação de letras voadoras: Neste vídeo, vamos criar esta animação que temos aqui nesta palavra outubro. Esta será uma bem fácil. Será o desafio final em sua compreensão da animação do texto. By the way, deixe-me salvar este projeto e este projeto, você será capaz de baixar da guia Recurso para esta classe. Se você abrir este projeto, você obterá essas predefinições que criamos. Vamos desativá-lo por enquanto. Vamos começar com este desafio de criar esta animação de outubro. Você pode tentar fazê-lo por conta própria, e pausar este vídeo, e tentar o seu melhor para usar todo o conhecimento que você tem desta classe para criar esta animação. Minha dica para você é usar esta animação da direita para a esquerda, que você pode ver aqui. Também use escala para poder ter essa animação. Assumo que você tentou e se você chegou perto desta animação, ótimo trabalho. Vamos percorrer esta animação juntos. No final deste vídeo, vou mostrar uma maneira ainda mais profissional de fazer isso. A partir do conhecimento desta classe, você sabe que você pode criar um texto outubro, configurá-lo aqui no meio. A propósito, para ocultar essas bordas extras, você pode pressionar Control+Shift+H se não quiser vê-las e Control+Shift+H para ativá-las novamente. Vamos também definir nosso ponto de ancoragem para o centro. É um bom hábito de ter. Mais uma vez, Control+Alt+Home para defini-lo no centro. Sabemos que podemos usar animação por posição e sabemos que podemos usar técnica avançada que vai de Shape, Ramp Up ou Ramp Down. Para ser honesto, ainda cometo erros qual usar. Por exemplo, estou usando Ramp Up para tentar fazer animação. Se eu vir que estou errado, vou mudar para Ramp Down. Basicamente, só usamos esses dois tipos. Digamos que cometemos um erro e escolhemos Ramp Up e nossa animação será da direita. Posso ver que não é um erro. Como você pode ver, erro seria se você escolhesse Ramp Down. Ficaria assim. É por isso que você pode facilmente ver se você cometeu um erro. No nosso caso, Ramp Up foi bom e podemos apenas mover a posição para a direita assim, para que a nossa animação iria da direita para a esquerda. Como você pode se lembrar, para animação avançada, não queremos usar as propriedades Iniciar ou End. Queremos usar Offset. Vamos definir o primeiro valor como zero e talvez movê-lo ainda mais aqui e criar um quadro-chave, e então mover um pouco mais no tempo e defini-lo para 100 por cento assim. Vamos pressionar zero no numpad e você deve ser capaz de ter essa animação a partir do conhecimento dos primeiros vídeos desta classe. Como você se lembra, podemos alterar esse valor mais fácil. No meu caso, eu gosto de como isso parece e eu não gosto como isso parece se vamos definir para menos 100. Sinta-se sempre à vontade para experimentar com estes valores e experimentar com este Ramp Up e Ramp Down para ter certeza de que você vai ter o olhar exato que você gosta. Finalmente, você pode tentar usar escala. Pressione S no teclado para a escala. Aqui no início, você poderia apenas aumentar a escala e basicamente, obter essa animação e talvez ir para o Editor de Gráficos ajustando isso por este identificador, certificando-se de que sua animação se parece com isso. Se você usou esse conhecimento desta classe, é realmente bom resultado. Você fez um ótimo trabalho porque você já usou as propriedades que aprendemos, mas vamos melhorar este método. Eu vou te mostrar, eu diria que o olhar mais profissional. Vamos pressionar S no teclado, excluir a animação de escala. By the way, você pode se sentir livre para experimentar todas essas propriedades. Por exemplo, vamos abrir nosso animador aqui no texto, Animator e vamos tentar adicionar ao nosso animador, Escala, talvez parecesse um pouco melhor. Vou aumentar a minha balança. Como você pode ver, eu estou mudando o valor e isso significa que no início da animação, ele vai para um valor um pouco maior. Já se assemelha um pouco melhor e um pouco mais perto a esta animação que eu tenho no meu modelo. Como você pode ver, este é um resultado muito melhor. É por isso que eu encorajo você a experimentar com essas propriedades e usar tudo aqui que você pode ver. Você pode até usar rotação e adicionar rotação, e você vai obter esta animação. Sinta-se livre para adicionar um monte deles, alterar o valor para ver uma animação mais complexa. Mas, finalmente, como eu prometi, vou mostrar-lhe como eu criei essa animação, que é original e aceito pelos padrões do mercado de ações VideoHive. Olhar profissional seria não usar rotação e não usar escala. Vamos excluir escala e rotação e, em vez disso, podemos usar propriedade habilitar pré-caractere 3D. Basicamente, agora nos permite mover esses personagens em espaço 3D, o que é muito legal. Agora, como você pode ver, acrescentou a mesma posição que nós adicionamos antes, mas agora nós temos este terceiro valor. Não precisamos movê-lo da direita para a esquerda, podemos definir isso para zero. Nós não queremos usar de baixo para cima, queremos usar este valor z. O que significa que se formos aqui para o centro da nossa animação, podemos ver que nos ajustamos de onde ela vai, mais longe da nossa câmera. Como você pode ver, quando eu estou mudando esse valor, ele muda aqui. Esta é uma maneira muito legal e poderosa de animar texto. By the way, você pode pressionar Shift no teclado enquanto altera esses valores. Isso permitirá que você mude um pouco mais rápido. Vamos definir para um valor realmente alto como menos 3.000 e ver o que estamos tendo. Como você pode ver, é exatamente a mesma animação que você pode ver aqui porque é basicamente como eu fiz no meu trabalho original. Mas para torná-lo ainda mais profissional, você precisa ter certeza de que você não quebrou muito esse valor. Porque se você vai definir ainda mais, sua animação será muito rápido. Se você quer que sua animação seja ainda melhor, você só quer mudar este valor para ser capaz de encontrar o ponto onde ele vai entrar em sua tela, algo assim e Se eu vou girar nossa câmera assim. Vamos imaginar que nossa câmera está aqui e você está mudando essa posição. Como você vê, você não quer ir ao mar assim, então ele não vai viajar muito. Você precisa basicamente, para encontrar este ponto onde ele passa nossa câmera e ainda não ir muito longe assim. Apenas certifique-se de que seu valor não é muito pouco como este porque sua palavra será visível aqui no início e apenas quebrar este valor como este. Como podem ver, temos uma animação um pouco mais lenta. Para adicionar um pouco mais de sabor a isso, você pode apenas pressionar aqui para ativar o desfoque de movimento e também neste texto que criamos, você pode clicar aqui para ativar o desfoque de movimento em seu texto. Como podem ver, temos borrão de movimento em nossas cartas. Se você não vir este desfoque de movimento aqui, você só precisa clicar neste interruptor de alternância e você será capaz de vê-lo e ativá-lo a partir daqui. É assim que você pode criar esse tipo de animação. Ótimo trabalho. Obrigado por assistir minha aula. By the way, você pode apenas ir para o usuário videohive.net MJake Portfolio e verificar meus modelos. Talvez você encontre um design que você quer que eu explique como fazer. Basicamente, você pode comprar qualquer um desses modelos e abri-lo e você pode ver como eu criei meu design também. Na seção de comentários, você pode me perguntar como eu fiz isso. Ficarei feliz em compartilhar com vocês o conhecimento, porque você precisa se lembrar, você sempre pode aprender a criar toda essa animação, mas o que está fazendo isso se destacar é sua própria sensação única de aparência, que irá melhorar ao longo do tempo e você será capaz de fazer isso como um trabalho em tempo integral, uma vez que você dominar todas as técnicas e finalmente criar seu próprio estilo de design. Obrigado por assistir. Certifique-se de verificar mais das minhas aulas. Como você pode ver, eu tenho maneiras muito mais interessantes de aprender após efeitos criando efeitos visuais. É uma maneira muito legal de aprender após os efeitos enquanto faz algo para se divertir. Basta deixar um pedido nos comentários de qual design e após efeitos usados você quer aprender mais. Obrigado por assistir.