Gráficos de movimento: design de adesivos animados para mídia social

1. Adesivos de introdução de classes: Olá pessoal. Meu nome é Rosie will Hatch. Sou designer gráfico, designer geral, animador, artista conceitual, designer gráfico de movimento. Nesta aula, ensinarei como liberar sua criatividade criando seus próprios adesivos animados e expressando sua personalidade por meio de seu design. Adesivos para redes sociais podem ter um novo significado quando criados por você. Nesta aula, vou te ensinar como criar conjunto dinâmico de adesivos com seu próprio design exclusivo. Começaremos estudando algumas referências para ter uma ideia completa sobre o exemplo mais recente. Em seguida, aprenderemos como elaborar ideias que funcionaram para nós e escolher a categoria que abrange muitos designs de tendências. Depois disso, geraremos uma paleta de cores para nossos adesivos para dar a eles uma aparência alegre e elegante. Vamos dar uma olhada nas ferramentas do ilustrador. Antes de começar nossos trabalhos. Depois disso, começamos a ilustrar cada um dos nossos adesivos, um por um. Começando com nossas ideias , aprenderemos alguns truques de ilustração e a melhor maneira de prepará-las para a animação. Em seguida, transmitiremos ao nosso After Effects. Também daremos uma olhada em algumas das ferramentas que usaremos em nosso projeto. Depois de prepararmos tudo, começaremos a animar cada um dos nossos adesivos enquanto você trabalha nisso, aprenderemos muitos truques e aprenderemos sobre animação. Suavidade. Lupin, como também veremos sobre o uso nosso gráfico para ajustar nossa animação e torná-la mais suave. E também aprenderemos sobre como adicionar textura e como animá-la, nem tudo, como aprenderemos sobre como acelerar nosso fluxo de trabalho usando um código simples e, em vez de chaves, por último, aprenderemos exporte nossa animação de adesivos e transforme-os em um Gibbs para usar em qualquer plataforma na web. Para finalizar, discutiremos como enviá-los para qualquer plataforma. Os adesivos são uma forma muito divertida de se expressar e interagir com as pessoas. Então, se você aprender a fazer seus próprios adesivos, isso aumentará muito sua criatividade como artista Esta aula é para qualquer pessoa que queira aprender gráficos em movimento para mídias sociais. É para todos os níveis. Vamos usar o Photoshop, Illustrator e o After Effects. Essa aula é muito simples de seguir. Então, se você está pronto para liberar sua criatividade, junte-se a nós. 2. Estudo de adesivos Referências C: Olá pessoal. Vamos dar uma olhada em algumas referências que são ótimas para você. Este mood board com diferentes estilos de adesivos, como você vê aqui. Alguns feitos de um erro de digitação e forma geométrica. Eles são mais modernos e criativos. Ele pode ser aplicado a muitos eventos. Tão moderno e contemporâneo. Este tem mais estilo de grafite, pode ser para nosso evento de arte ou um evento de estilo de rua. E também pode ser um erro de digitação diário para quem gosta de música ou estilo urbano. Tem muita linha curva e a usa apenas com as duas cores. É tão simples, mas criativo. A simplicidade sempre cria elegância. O estilo aqui é mais vintage com um traço por toda parte. Também pode ser para muitos assuntos. E o loop leva você de volta à memória. Ele usa somente com as cores primárias, azul, verde e vermelho. A cor aqui sempre tem algum significado. Então você sempre tem que se concentrar nisso. Essa maré tem mais altura, tem formas geométricas e também efeitos. A combinação de cores é muito fresca, energética e dinâmica. Ele também pode ser um exemplo de clima de verão ou algo parecido. Até para a música, pode ser para qualquer coisa. Nossa última categoria aqui tem um gráfico simples, mas o toque criativo são as texturas. Isso lhe dá mais potência e elegância. Além disso, o contraste entre o preto e amarelo atrai muito os olhos. Ele pode ser alimentado para qualquer postagem diária. Essas ideias de criação de adesivos. Agora, isso faz com que nosso cérebro desenvolva algumas ideias para trabalhar. Então, vamos começar nossa preparação. 3. Desenhe ideias de adesivos: Olá pessoal. Agora vamos desenhar algumas ideias sobre nossos adesivos para usá-los como guia. Abrimos no Photoshop, escolhemos qualquer documento paisagístico, sem problemas. Vamos criar uma nova camada e depois escolher qualquer tipo de pincel. Essa aula não é para a seca. Vamos apenas criar um rascunho de nossas ideias para usá-las como guia. Além disso, aprenderemos como escolher as categorias. Você pode desenhar as ideias em qualquer lugar que quiser. Não tem problema. Você pode usar o Photoshop ou um tablet ou até mesmo um caderno com uma caneta. Basta digitalizá-los , enviá-los para o computador e usá-los. Ele, primeiro, o que eu desenhei aqui são os adesivos de música. Gosto dessa categoria porque ela me representa muito. Veio à minha mente , para desenhar na cabeça. Então, eu estou desenhando que achei que vai ficar bonito. Acho que também ficará elegante e pode caber em qualquer coisa. Nas mesmas vezes em que pensamos na forma como serão animadas a partir de agora, mesmo antes de ilustrarmos, adicionei um dipolo que soa muito bem e também musical ao meu ouvido. Há outras coisas que representam sua personalidade e seu estilo. Você. Então eu fiz essa ideia legal aqui de cada categoria e vamos criar duas e depois escolher uma. Você pode fazer ainda mais do que isso da maneira que quiser. É de acordo com seu estilo. Eu estava pensando que talvez os cigarros saiam do placar. Então, o erro de digitação, eu vou desenhar talvez musa e fazer um pouco de sangue vermelho e cair deles. É muita animação, mas a ideia ficará muito bonita. Agora estou criando outra categoria chamada adesivos de cinema. Gosto dessa categoria , com o clima de relaxar e aproveitar o tempo. Fizemos com que ele viesse em uma seca. Eu acho que isso é tão clássico para o meu gosto. Então, eu preciso de uma animação mais criativa e interessante. Estou desenhando outras pipocas. Eles têm a ideia de animá-los surgindo. Estou até pensando em usar algum código para isso. Não se preocupe, os caras escolhem bem as categorias e as formas. Agora digitamos a hora do cinema. Eu queria algo tão simples e direto. Agora vamos criar uma nova categoria sobre o amor. Então eu fiz um formato de coração simples com algum movimento. Mas eu também quero ter com meus adesivos alguém com um erro de digitação. Então eu faço um que diz Amor. Eu sei que já quero ter algumas letras, movimentos. Já estou pensando que vou escolher esse. Desenhe diferentes estilos e ideias. É bom ter muitas opções e caminhos a percorrer. Você faz uma arte, então voe com suas ideias. Eu adicionei um pouco de cor só para saber que vai ser diferente. Agora estou pensando em alguma categoria traga alegria às pessoas. Então, talvez eu vá com a categoria de animais de estimação. Mão com os dedos. Talvez possa ser animado. E um simples erro de digitação diz amigável. Isso também é muito simples para o meu gosto. Mas a ideia não é complicar as coisas. Lembre-se de que a clareza e o estilo de animação são os mais importantes. Para o segundo, desenhamos nosso filho. Gosto de ter um dos meus adesivos como personagem com a sensação de estarmos alegres e bonitos. Como eu gosto mais da ideia porque talvez eu anime a cauda e a cabeça. Você pode fazer o quanto quiser. Categorias. Basta fazer com que tenha algo em comum para ser um conjunto. Não gosto muito da ideia de estilo individual. Preciso ter uma coleção para publicar diferente da outra. Além disso, eu gosto do erro de digitação. Dizemos que talvez algo fácil, como agudo, ou talvez eu seja fofo. Eu vou ver isso. Agora vamos criar uma nova categoria uma mensagem por trás dela. E também um exemplo treinado como salvar a Terra. Como você sabe agora em nosso mundo, esse é o assunto mais sobre o qual falamos e tentamos encontrar soluções para. Então, estará sempre na moda e criará cada um dos estilos e talvez atividades diárias e se afogue na reciclagem para fazer as pessoas se lembrarem salvar o meio ambiente do plástico. Isso pode ser animado de certa forma, o movimento. Eu também não acho. Vamos escolher essa causa tão simples para o que eu gosto. No segundo, quero focar no fitness e na comunidade vegana. Então, vou desenhar algo mais sobre vegano e fitness. É uma espécie de lembrete de ficar em forma e saudável. Trabalhamos com elipse geométrica simples. Em seguida, dizemos mensagem simples. Vamos conhecer mais pés. Também vamos traçar uma linha. Era é a palavra básica que será animada. Eu já sei que preciso de energia no meu movimento de animação. E um lembrete, o alerta, ela diz Estamos pensando em voz alta sobre categorias de animação, o que queremos atingir, o que alimenta nosso estilo, o que expressa nossa ideia. Temos que pensar em todos esses detalhes enquanto estamos redigidos. última categoria manterá a grande mensagem e também a tendência em todos os lugares, porque tudo o que acontece ao redor do mundo agora sobre o mundo, faremos com que alguém fale sobre não fazer guerra. primeiro será um sinal tão simples e perigoso. E colocamos água dentro e a apagamos. Se você souber animar isso, definitivamente vai ficar muito bonito. Não se trata de ilustração, é sobre a animação e o efeito que colocaríamos. De qualquer forma, não é minha escolha ideal. Tenho uma ideia mais criativa sobre fazer a colisão abrir do que uma mão com uma flor aparecer em uma mesa simples que diz que não há porta. Acho que vou escolher esse porque quero adicionar uma textura e mostrarei como animá-lo no After Effects. Então, certamente poderíamos fazer as coisas. Agora vou começar a escolher uma de cada categoria que eu quero criar. Eu quero escolher aquele para a música que é o panda dope. Isso é certo porque representa meu estilo. Também com amor, vou escolher o tipo ou, como eu disse, quero ter alguns adesivos como um erro de digitação, salvo a terra, mais do trabalho e da ideia por trás disso. Então, vou ver como animar isso e fazer com que pareça tão bonito. Cinema. Claro, eu gosto da ideia de animação de pipoca. Eu vou escolher isso. A guerra, nós já dizemos errado, alguma textura. Então, eu estou escolhendo o osso. Como vocês viram, pessoal, nós escolhemos nossas ideias. Agora vamos salvar o arquivo como PNG ou JPEG conforme desejar. 4. Gerar paletas de cores: Olá pessoal, saibam que antes de começarmos, precisamos preparar uma das teclas mais importantes, a paleta de cores. Então, vamos gerar alguns neste site. Cores. Para fazer isso é tão simples, vamos clicar no botão Iniciar geração e aqui. Como você pode ver, existem muitas cores bonitas. Basta clicar na barra de espaço para gerar as diferentes. Se você gosta de alguma cor específica, tenha sorte de continuar gerando uma nova. Aqui vamos adicionar esse azul sem também o laranja aqui. Estou tentando bloquear e desbloquear até conseguir o maior volume para mim. Até agora, não vou gerar apenas quatro cores. Por isso, continua procurando coisas interessantes para o nosso projeto. Eu gosto desse garotinho, azul. Então eu adicionei mais uma cor. Eu também amo esse roxo. Vocês veem como funciona, pessoal. É melhor. Penso na cor que desenhamos na categoria. Agora só exportaria nossa paleta. Faça isso com nosso projeto. É isso aí, pessoal, é uma dica simples para gerar uma paleta de cores para qualquer projeto. 5. Aprenda ferramentas de ilustrações: Olá pessoal. Então, neste, daremos uma olhada rápida nas ferramentas do ilustrador com as quais funcionaremos em nosso projeto. Como de costume, basta escolher a resolução do documento, de qualquer tipo. Na lateral. Como você pode ver, temos muitas ferramentas. A primeira que veremos é a ferramenta de modelagem. Você pode ver que temos muitas formas geométricas primitivas. Escolha retângulo. Depois, você pode alterar o tamanho do traço, a cor, o preenchimento , tudo isso, arrastar sobre o documento e criar um retângulo com o tamanho e a cor que você deseja. Aqui você também pode mudar a cor. Você pode deixá-lo vazio. Se você clicar nesses botões. Se você segurar a tecla Alt e arrastar, você criará uma duplicata. Pequenos círculos, esses dois arredondaram o canto de suas formas. E se selecionarmos os dois e formos para o Pathfinder, aqui escolhemos união. Ele unirá as formas, vai te dar apenas uma forma. Agora vamos dar uma cor. Então você vê que temos essa nova forma. Tão fácil e simples. Agora eu quero mostrar outra coisa. Vamos criar a forma de elipse. mesmo muda a cor ou a deixa vazia. Segure a tecla Alt e arraste para duplicar ou os círculos e coloque-os se cruzarem um com o outro. Agora selecione os dois e vá para a ferramenta de criação de formas. Você vê isso mais simples. Se eu arrastar sobre todas as formas, elas se unirão lá. E isso vai te dar apenas uma forma. Agora, se eu quiser subtrair algumas formas, basta segurar a tecla Alt e clicar. Isso excluirá todas as formas que você não precisa. Agora, temos, como você vê aqui, as formas pequenas. Vamos dar-lhe uma cor. É isso mesmo. Agora temos essa elipse com uma pequena parte do círculo. Vamos agrupar que formarão nossas formas juntas. Então, podemos tratá-lo como apenas uma forma. Agora, se desagruparmos, vamos separar as duas formas diferentes. Agora vamos jogar novamente com a ferramenta de criação de formas. Subtraímos essa forma aqui. Agora, como você vê, eu tenho um círculo com a parte vazia. As ferramentas com as quais trabalharemos não são complicadas lá, então é simples, você só precisa praticar mais. Se eu quiser deformar minha forma, ajuste a droga. Vamos aprender muito enquanto trabalhamos em nosso projeto, pessoal. Aqui estamos apenas dando uma olhada rápida. A ferramenta de caneta aqui é uma das mais usadas para ilustração vetorial. Basta clicar e arrastar para criar uma linha ou curvá-la. Depois de clicarmos para destacar o segundo ponto. Como você pode ver aqui com uma grade nesse formato. Agora, essa ferramenta, sob a ferramenta de movimentação , ajuda você a remodelar o barramento. Se você clicar em qualquer ponto aparecerá este pequeno círculo aqui. E quando você arrasta, ele gira em torno de sua forma. Agora, vou adicionar uma linha sobre ela. Selecione os dois juntos. Nós vamos ao Pathfinder. Desta vez, vou escolher a operação dividir. Agora vamos agrupar e ele separará as formas. Tão simples e rápido. Quando trabalho em qualquer objeto, tentei misturar muitas ferramentas. A ferramenta de alinhamento aqui serve para alinhar a forma sobre o documento. Para a esquerda, para o lado, para o centro, onde você quiser. Aqui temos todas as camadas. Quando queremos criar uma nova camada, basta clicar no botão Mais. É isso aí, pessoal, dar uma olhada rápida nas ferramentas que usaremos em nosso projeto. Você aprenderá mais enquanto estivermos trabalhando. 6. Ilustre a etiqueta de amor: Oi pessoal. Agora vamos começar a ilustrar nossos adesivos. Vamos tentar primeiro cumprimentar o novo documento. Mudaremos a resolução para pixels e criaremos um documento, 500 por 500 pixels. Essa é a melhor resolução quando você está trabalhando e ela dá. Agora precisaremos trazer nosso rascunho. Então vamos ao Place e vamos ao portfólio. Temos que colocar o amor no meio. Dessa forma, podemos usá-lo como um guia. É sempre melhor fazer um rascunho como guia, Selena, do que você fará. Fazer uma arte sempre precisa de novas formas de fazer as coisas para trazer mais autenticidade ao seu trabalho. Pegue o arquivo. A ilustração também precisa ser sempre clara e simples de entender ao trabalhar com adesivos. Não precisamos que fique claro para não distrair nossos olhos. A ideia aqui é apenas usá-la como guia. Então, vamos para a aparência aqui e diminuímos a opacidade. Agora vamos adicionar uma nova camada clicando no botão de adição na parte inferior. Sempre bloqueie o plano de fundo primeiro. Agora vamos começar a criar nosso adesivo. Cuidado pessoal, vocês têm que colocar cada forma que será animada em uma camada diferente. Os que não serão animados. Não há problema em deixá-los na mesma camada. Agora, vamos usar a ferramenta de forma para criar um retângulo vertical. Vamos deixar o campo vazio e o bloco de traçado. A ideia é desenhar a forma da letra L. Talvez esteja se perguntando por que não a escrevemos com um texto porque eu quero criar o tipo de forma métrica no After Effects. Nós daremos a eles os valores 3D e eu mostrarei como fazer isso. Agora duplicamos pressionando Alt e arrastando, depois colocamos na barra. mesmo que escrever a letra L. Agora, para unir as duas formas , nós as selecionamos, depois vamos para o Pathfinder e escolhemos a união da operação. Vocês já conhecem os caras das ferramentas, porque eu te mostrei antes de começarmos nosso trabalho. Aqui, estamos apenas repetindo tudo isso. Agora fazemos o mesmo retângulo, mas o colocamos, você vai então copiar outro, cruzando o mesmo segurando Alt e arrastando. Colocaríamos eles se cruzando como a letra X. Illustrator pensando sempre que isso fará com X. Illustrator pensando sempre que você alcance o objetivo e os resultados. Selecionaremos os dois. Em seguida, clique em cada canto do ponto que fará com que dois círculos apareçam. Os soltos, nós os arrastamos para tornar a forma arredondada. Agora, selecionamos tudo novamente e, desta vez, usaremos a ferramenta de criação de formas. É muito poderoso. Se você quiser subtrair algumas formas, basta segurar a tecla, a tecla. Em seguida, você clica. Em seguida, arrastamos sem segurar Alt N para fazer com que tudo se una. Como você viu aqui, temos o formato de coração que queremos. Eu te dei de novo, não se esqueça de colocar cada letra em uma camada diferente porque cada uma delas será animada. Se você esqueceu de fazer isso, basta criar uma nova camada, depois copiar com o Comando C e, em seguida, seleciona a camada e depois o Comando V para colá-la lá. E não esqueça de deletar o antigo. Agora vamos fazer com que a letra V seja o mesmo retângulo. Desta vez, selecionamos o ponto na parte inferior para remodelá-lo. Apenas uma cópia do medicamento segurando Alt e arraste. Agora, para virar o retângulo, você escolhe transferir. Então você vai para a transformação do objeto e depois o reflete em uma vertical de 90 graus que o espelhará para o outro lado. Fazemos o mesmo agora, selecionamos os dois, depois vamos ao Pathfinder e escolhemos a união para torná-la menor. Agora vamos criar a letra E. Então vamos fazer três paralelos retangulares. Sempre tente ajustar sua ilustração para torná-la mais bonita. Agora vamos duplicar outro. Nós o fazemos como um suporte para todos os três retângulos. Estamos moldando a letra E, mas com as caixas. Agora selecione tudo e simplesmente vá novamente, Union lá. Como você viu, é tão simples que você apenas pratica usando a ferramenta de criação de formas e o Pathfinder. Ambos são ilimitados. Agora o que resta é colorir o adesivo. Em primeiro lugar, preciso trazer a paleta de cores que já geramos. Vá para o mesmo lugar quando for importante. Enquanto você está trabalhando em sua ilustração, você já deve estar pensando em como animá-la e quais partes não serão animadas. Eu prefiro sempre que suas cores reflitam a categoria escolhida, a cor, o design. Escolhemos a cor da paleta de cores usando a ferramenta conta-gotas. Basta selecionar a ferramenta Conta-gotas e, em seguida, selecionar a forma desejada e escolher qualquer cor. Agora aumentamos o traço. Eu dei uma cor branca. O coração, vamos dar-lhe uma cor laranja. Eu não quero fazer mais de três cores, o v e o e será da mesma cor de L. O experimento sempre leva você cada vez mais longe e também faz você trabalhar mais rápido. Evite sempre usar muitas cores. Acho que o máximo de cores é mais elegante. Mas você é livre para fazer o que quiser , porque isso não é um problema. Agora eu quero criar alguns destaques para o coração. Então, vamos selecioná-lo. Nós vamos para o Path, Offset Path. Assim, criamos para nós um novo traço que vai incitar, usar como efeito de destaque do reflexo da luz. Eu quero cortar uma parte dela. Vamos fazer isso trabalhando com a ferramenta de tesoura. Basta clicar na tecla C para que ela apareça. Agora vamos criar pontos onde vamos cortar. Ok? Tão simples. Você acabou de excluir com a chave. Para aterrar as extremidades dessa linha, vamos ao traçado e escolhemos o ícone para isso. Como você viu, o derrame já passou. Então, precisamos fazer isso novamente para cada uma de nossas cartas. Então, crie os traços. E então arredondamos as bordas para ficar mais prazeroso e suave para os olhos. Você tem que pensar nesses caras, a criatividade sempre precisa que sua mente esteja aberta a novas ideias. Novas ideias na sua cabeça. Mesmo que pareçam tão loucos, você tem que experimentar o que sempre é observado , que alimentará seu cérebro e encontrará novas ideias. As ferramentas nunca criam uma grade. Artistas, pessoal, estilo e a SNCC sempre faz. Sempre se lembre disso. Agora temos um pouco mais do destaque do coração. Então, isso está parecendo muito melhor. Agora, vamos apenas verificar se tudo está correto, sua forma e uma camada diferente. Agora vamos mostrar o plano de fundo. Em seguida, vá para o arquivo e salve no formato do Illustrator. Tão fácil e simples. É isso aí, pessoal. Este é o nosso primeiro adesivo já pronto. Agora vamos continuar com os outros. 7. Ilustre o adesivo de Panda: Olá de novo pessoal, que foi como fizemos antes, já conhecia documentos, mesma resolução, 500 por 500. Essa é a melhor resolução quando você cria seus adesivos, vai começar a fazer a cabeça de panda. Então, selecionamos a ferramenta de elipse e criamos um círculo. Não faça isso com a proporção correta. Só temos que fazer com que seja em forma de V. Como você vê, eu não estou usando o rascunho. Eu já sabia como vou fazer, mas para você sempre use o rascunho como guia. Portanto, não cometemos alguns erros. Agora com uma forma retangular na cor preta. Isso será como na orelha. Basta copiá-lo pressionando Alt e arrastando. E então precisamos espelhar para o outro lado. Então, vamos até Object Transform, Reflect on a 90 graus. Agora, selecionamos o ponto na parte superior. Nós remodelamos a parte superior arrastando os pontos e os círculos aparecem quando selecionamos o ponto. Basta arrastá-los para torná-los arredondados. Agora, selecionamos todas e, com o construtor de formas, retiramos todas as nossas formas para uni-las. Você pode até desenhar e fazer com que as orelhas tenham formas diferentes, não como fizemos aqui. Experimente novas ideias, talvez lhe demos algo mais legal. Mude a cor para branco. Agora, vamos selecionar as orelhas novamente e trocá-las de volta para pretas. Como você vê, estou fazendo tudo isso agora na mesma camada porque não vou animar a cabeça e as orelhas. Mas se você animar o exemplo das orelhas, coloque cada uma em uma camada diferente. Pense sempre como animador ou não apenas como designer. Agora vamos fazer os olhos em forma de retângulo. Nós apenas o deformamos na forma que queremos. Em seguida, selecionamos o ponto e depois contornamos como fizemos antes. Para o outro olho, vamos criá-lo como x. Vamos fazer com que duas linhas se cruzem, se cruzem uma com a outra. Você também pode usar a letra x. Eu prefiro assim. Ou não fazendo arte realista, esse vetor se afoga. Você pode fazê-las como quiser. Agora, vou colocá-lo em uma camada diferente porque seremos animados. Então eu copiei e passei por cima de uma nova camada. Não se esqueça de deletar o antigo. Vamos fazer outro círculo largo. Vamos colocar isso como os olhos. Queremos parecer uma reflexão na vida real. Observar as coisas que estão sempre ao seu redor dá muitas ideias e muita inspiração. Agora vamos aumentar o traço. Agora vamos fazer o nariz. Vamos apenas fazer um retângulo simples. Deformado na parte superior. Faça com que a seca se sinta confortável. Eu continuo dizendo essas coisas porque é importante que os artistas entendam isso. Agora use o retângulo novamente para criar a boca girada para colocá-la e você também vai animar a boca, então a colocamos em uma camada diferente. Vocês têm, eu já estou pensando enquanto trabalhava na minha ilustração. A ideia da boca aqui é fazê-la fechar e abrir. Use a linha do tempo para parecer tão expressiva. Vou criar um Depot para perturbar as cores branca e preta. Talvez eu tenha feito um pouco de cor. Então me veio à mente calcular como uma bandagem na cabeça do panda. Vamos torná-lo azul com um traço preto. Você pode fazer o mesmo ou deixar sem. Eu prefiro que você crie seus próprios adesivos seguindo essa mesma técnica que ajudará a aprender muito melhor. Nunca complique os motivos para você animar. Vá para Path, Outline Stroke. Cada forma será animada. Agora vamos criar um pequeno retângulo como padrão para decoração. Ok? Agora agrupe-os. Você pode movê-los como um só. Agora vamos apenas copiar o traço da cabeça. Comando C, comando F para colá-lo no mesmo lugar. Quando digo comando pessoal, isso significa Mac, mas no Windows você pode usar o controle de teclas. Nós o escalamos. Quero criar um caminho para nosso erro de digitação muito solto, curvá-lo ao redor da cabeça do panda. Então, vou até a ferramenta de texto e escolher o caminho do texto. Agora digitamos panda dope. O pacote de drogas. Eu fiz isso o panda na palavra cachorro. Essa é a maneira na linguagem urbana de expressar algo muito bom. Agora você vê como ele percorreu o caminho arredondado. Agora, com um pequeno bastão aqui, eu o coloco onde quisermos. Agora vamos escolher o tamanho e a fonte. Escolha o que quiser. Rapazes. Não se esqueça de colocar o erro de digitação em uma camada diferente, pois ela será animada. Copiamos a palavra e o ônibus para criar um novo. Então, vou editar na parte superior e digitar outra palavra, talvez como exemplo de melodia. Você pode escolher os diferentes formulários ou os mesmos relacionados. Como você sabe, essa mesa será animada. Então, precisamos fazer isso toda vez que vamos animar algo. A fonte que você terá são as únicas. Só o instale no seu computador, mas você pode pesquisar online. Muitos sites baixam o gratuitamente ou dois por um para um usuário comercial. Esses adesivos já estão prontos. Saiba que vamos nos salvar Illustrator, Former, under 8. Ilustre a etiqueta de gato: Olá pessoal, saibam quem vai trabalhar na nossa ilustração. We Great, a mesma resolução de documentos que fizemos antes. Agora importamos nosso rascunho indo para colocar depois disso, vamos colocá-lo no meio e depois recortar o documento. Agora também fazemos o mesmo, trazemos nossa paleta de cores. Vamos para Inserir e importamos o arquivo. Depois de prepararmos tudo. Agora vamos começar a trabalhar em nosso design. Usamos a ferramenta Ellipse para criar um círculo com uma forma deformada. Neste, vamos misturar um rastreamento GUN. Vamos ver como fazer isso. Não se esqueça também de colocar cada forma em uma nova camada. Lembre-se de que com cada um que você trabalha no campo, deixamos vazio. Nós apenas trabalhamos com o derrame em mim. Como você vê, o desenho é muito perturbador e precisamos diminuir a opacidade, como já fizemos antes. Então, vamos fazer isso. Lembre-se de que esses caras sempre desenham da maneira como representam suas ideias, suas e seu estilo. Vou colocar a paleta de cores em uma camada diferente porque não posso ficar na mesma se quisermos diminuir a opacidade, tente não complicar os medicamentos que você não está pintando. Agora vamos criar as orelhas da mesma forma que fizemos com o bastão. Podemos responder que os caras fazem adesivos sazonais ou para eventos, como aniversário ou Natal. Há muitas categorias que você pode escolher. Eu prefiro sempre fazer seu estilo. Prefiro sempre fazer seus adesivos em um conjunto, como por exemplo, com a mesma categoria ou paleta de cores ou uma textura que deveria gerar alguma renda e que também os faça sempre funcionar. criativo e prazeroso. Lembre-se de agrupar as formas se precisar movê-las como uma só. Escolha a transformação do objeto e depois reflita para espelhá-lo para o outro lado. Ilustração, não é complicada, não se trata de ferramentas, apenas de seu estilo. Você é o contador de histórias para poder contar suas histórias da maneira que quiser. Organize outro círculo ainda mais voltado para a mesma proporção. Veja, os caras sabem que estamos criando um personagem, então vamos dar um toque de humor. E estou pensando em fazer isso com os olhos porque a expressão sempre aparece lá. Vamos criar um círculo. Então vamos colocar uma linha dividida. Selecione os dois. Em seguida, com a ferramenta de criação de formas, subtraímos algumas formas. A ideia é fechar os olhos para que o gato pareça relaxado. Veja uma ilustração que você goste. Então você pode fazer as mesmas coisas com seu próprio estilo e uma maneira de fazer com que pareça diferente. Agora vamos criar o nariz. Estamos usando as mesmas ferramentas continuamente em todos os projetos. Realmente se acostume com eles. Nem sempre representa seu estilo, então não fale sobre isso. O mais importante é se expressar. Desenhe guias para começar acreditando si mesmo e sabendo aonde você quer chegar. Como artista. Eu faço a linha abaixo. Eu crio algumas bochechas para nossos filhos onde vamos colocar o bigode. Usamos a ferramenta caneta para fazer uma linha e depois copiá-la com uma rotação diferente. Todas essas formas estaremos juntos na mesma camada porque não vou animar nenhuma delas. Agora selecione tudo, vá para Object Transform and Reflect. Você faz o mesmo espelho, a outra parte do bigode. Agora criamos o corpo. Desta vez, vamos usar a ferramenta de caneta para rastreá-lo. Primeiro, crie uma nova camada antes de querermos que o corpo fique sozinho de uma maneira diferente. Isso também me ajudou a me organizar com a corrida apenas pela metade, para curvar a forma, basta clicar e arrastar. Isso criará para você uma linha curva. Em seguida, vá para transformar e depois reflita listado na vertical de 90 graus. Assim, espelhamos para o outro lado corretamente. Agora eu quero juntá-los. Então, coloque-os um no outro. Em seguida, clique em Comando G ou Controle G no Windows. Agora, com a ferramenta caneta, criamos as pernas, fazemos uma linha à esquerda. E também um no meio. A linha da esquerda para a direita da mesma forma que já fizemos muitas vezes. Agora, para criar os pés, basta usar a ferramenta de forma com um retângulo arredondado. Seria corretamente. Agora vamos chamá-la de toda a forma do nosso gato. Vamos usar as três cores diferentes para criar um equilíbrio. É mais incrível para os olhos criar uma mistura de cores claras e escuras. Eu prefiro que você não use as mesmas cores. Tente gerar o seu próprio. Então eu já entendo como isso funciona. Tente fazer isso sempre de acordo com seu estilo. Minicurso que eu faço. Eu sempre falo sobre criar seu próprio estilo e ser autêntico em seu trabalho. Porque essas são as chaves que o tornarão tão diferente dos outros. A cor representa a expressão em evocar emoção quando você usa certa maneira, comece a entender isso. Agora vamos criar o dia em uma camada diferente. A cauda seria animada. Ainda não tenho certeza se uso o que eu faço aqui ou um novo no After Effects, mostrarei como fazer isso mais tarde. Mas agora, vamos criar um aqui. Vamos fazer isso com a ferramenta de caneta. Vamos seguir a forma. Bem, vamos ver isso. Agora vamos cair até o final para aparecer mostrados na parte de trás. Talvez nos correlacionemos um pouco adicionando alguma forma da parte superior. Existem diferentes formas de animação. O garoto pode ser algo primeiro ou algo mais complicado para Reagan, todo o personagem. Faremos a maneira mais fácil e rápida de tornar nosso gato vivo. Agora selecione cada forma e faça com que ela contorne o traçado. Aqui vou mostrar como animar nosso get mais fácil e torná-lo vivo sem complicações. Eu verifico e corrijo a forma do gato. Agora, eu quero criar um dipolo que também será animado. Então, vou fazer isso em uma nova camada. Vamos apenas digitar, eu sou fofo. Algo tão simples que pode colocar um sorriso no rosto das pessoas. Esse tipo de adesivo sempre tem um grande público. Bem, a fonte também aqui, eu queria ter algumas curvas. Para a cor. Vou escolher laranja e o traço preto. Isso é tudo o que precisamos fazer, como você vê os caras aqui. Agora temos um ótimo adesivo com um personagem. Depois de animarmos , vai parecer muito divertido. Já terminamos nossa ilustração. Agora vamos salvar como formulário do Illustrator. Coloque todos os seus adesivos em uma pasta. Então, mais tarde, quando os importarmos para o After Effects, os colocaremos juntos no mesmo lugar. Então, vamos continuar, pessoal. 9. Ilustre o adesivo Wok: Olá pessoal. Para este, criaremos nosso adesivo de trabalho. Selecionamos a mesma resolução, 500 por 500. Você sabe que já fizemos isso muitas vezes. Primeiro, traga nossa paleta de cores. Nós o colocamos em um canto onde podemos acessá-lo. Agora vamos fazer um retângulo com a cor preta. Em seguida, veremos que criaremos uma nova camada. Em seguida, com a ferramenta de elipse, fazemos um círculo com a proporção correta segurando Shift e arrastando. Agora vamos deixar esse traço vazio e o campo amplo. Use a ferramenta de alinhamento para alinhá-la no meio. Pinte seus adesivos, como eu disse, refletem o significado de sua categoria e o que evoca o entrevistador. G, sempre mais simples e também do que tudo é feito em 3D, sempre partimos de sua forma em U. Vamos criar um retângulo vertical porque queremos ter uma alça para nossa caminhada. Obtenha a inspiração sempre por perto, você sabe, selecionamos o ponto no topo e depois tentamos contorná-los. Tão simples. Então, como você vê, é muito simples. Colorir seus segredos pode ser com um acrílico Pantone. Experimente um estilo diferente. É sempre divertido e traz um novo espírito. Posso fazer com que meus tênis às vezes pareçam pintura a óleo ou exemplo vantage. Podemos dessaturar a cor e adicionar alguma textura de estilo antigo. Eu posso fazer com que seja até sépia. Você vai e experimenta os diferentes estilos. Eu quero criar um traço interno. Então eu vou até o caminho e clico em Offset Path. Como você vê aqui. Se eu colocar 20 vai fazer com que pareça tão grande. Mas queremos que o derrame entre. Então, dizemos -20. inverter essa direção para dentro. E é exatamente isso que queremos. Neste exemplo, eu posso escolher o efeito de fumaça animado da rede e usá-lo para adicionar à minha animação vai parecer ainda mais criativo. Vá em frente com suas ideias, pessoal, não tenham medo de tentar muitas coisas. Agora, vou apenas aumentar o traço e a cor azul. Ok? O campo está vazio? Claro. Vou fazer um pequeno círculo sobre a alça porque quero ter um suporte. Porque, como você sabe, os caras que trabalham também podem ficar de ressaca em nossas cozinhas. Agora, eu seleciono os dois. Eu vou até o Pathfinder e clico em Divide. Agora vou desagrupar e deletar o pequeno círculo. Então vá até o derrame, desapareça. Não se preocupe se isso aconteceu com você. Acabou de afundar. Então, precisamos arrastar a camada para cima. Vamos criar nosso erro de digitação agora. Digamos que menos carne, mais pés. Isso falará com as pessoas iniciantes e com a comunidade de fitness. Aumente o tamanho. Claro. Qualquer tipo que você escolher deve ser adaptável à sua categoria. Sempre contém muitos exemplos de amina aqui. Para isso, precisamos da curva da fonte com e não perfeita, como a seca no quadro com os amortecedores. Você vê muito isso na cozinha ou no restaurante. Coloque-o no meio. Lembre-se sempre de agrupar as formas em que estaremos juntos. Escolhemos um azul da nossa paleta de cores. O erro de digitação não será animado, então vou deixá-lo na mesma camada. Se você quiser animar seu erro de digitação, basta colocá-lo em uma nova camada e depois ir para Object e depois ir para Path Outline Stroke para transformá-lo em uma forma. Agora, em uma nova camada, quero criar a linha que será animada. A ideia é aparecer e desaparecer na linha do tempo. Vou animar todo o trabalho com uma linha unida balançando. E vou mostrar como fazer isso com um código simples. Isso fará com que nosso trabalho mais rápido e pareça muito enérgico. Saiba que caras tão simples simplesmente mostrariam o plano de fundo e nos salvariam no formato de arquivo do Illustrator. É isso aí que os caras continuarão na próxima. 10. Ilustre a etiqueta de bomba: Olá pessoal. Então, voltamos ao Illustrator novamente. Vamos trabalhar agora no ilustrador de ossos ou em um adesivo. Vamos escolher o mesmo tamanho de documento, 500 por 500 pixels. Neste, mostrarei como traçar um rascunho de imagem, qualquer tipo, para ilustrar facilmente o que você deseja. Neste, vamos usar a forma geométrica e também vamos traçar com a ferramenta caneta. Estou tentando colocar a imagem que vamos traçar aqui. Depois de colocarmos a mão sobre o documento no meio, vamos importar a paleta de cores ou a parte superior, para usá-la quando precisarmos. Agora, dessa forma, tudo está facilmente acessível para você. Vamos diminuir a opacidade da imagem. Sempre tentamos misturar muitas ferramentas, se você souber mais de uma, para facilitar seu trabalho. Começamos a traçar com uma caneta. Você pode selecioná-lo pressionando P ou selecionando na barra de ferramentas. Agora vamos ampliar para ver melhor nossa imagem. Você faz isso com o comando plus ou control plus no Windows. Primeiro, bloqueie o plano de fundo e crie uma nova camada. Agora vamos começar a traçar o bastão de flores com apenas um clique para criar um vínculo. Então, se quisermos criar um esclarecimento, chegaremos à droga. Como você vê, eu esqueci de deixar o preenchimento vazio, então vamos consertar isso. Uma pequena rodada pode ser feita de várias maneiras. Você pode até mesmo misturar estilos diferentes. Não é pintura, a necessidade de olhar, então os detalhes são só para esclarecer e o que isso significa. Pense em nossas camadas que serão animadas e coloque-as em camadas diferentes. Vamos traçar todas as partes da flor com a mesma camada porque não vou animá-la. Você pode usar um software diferente para fazer suas camadas vetoriais se souber usar outras. Por exemplo, se eu quisesse animar a pétala, eu teria deixado cada pétala cair em uma camada diferente. Mas estou apenas traçando a cabeça da flor separada em três partes. E também na mesma camada. Eu quero ter a farinha sozinha, só na mão. Não, eu quero selecionar tudo. Vá para o Pathfinder e, em seguida, escolha a união da operação. Não é o que eu estava pensando. Eu posso mudar outras ferramentas, mas eu gosto do que aconteceu agora. Isso chamaria uma arte de acidentes felizes. Eles sempre ocorrem quando você está trabalhando é meio que um defeito, mas acabou sendo um bom caminho a seguir. Agora, uma camada diferente. começar a traçar a mão. Eu faço da forma maior primeiro a mais óbvia na imagem. Siga a curva da droga e pobre piscina de dragões para curvar as linhas. Outras formas de fazer adesivos podem ser 2D, animação quadro a quadro, as tradicionais. Assim, todas as diferentes técnicas. Agora eu traço na mesma camada, o dedo, um a um, seguindo as meninas. Você pode fazer do jeito que quiser e se sentir confortável com isso. Basta usar o mesmo princípio, não as ferramentas. Pense que todas as formas estariam juntas e aquela estaria na mesma camada. Isso é tão, tão importante em seu trabalho, pessoal. Durante o curso dessas mesmas coisas? Não, selecionamos toda a mão e, com a ferramenta de criação de formas, experimentei a parte de Joan juntos. Basta arrastar sobre aqueles que você quer que tenham uma forma. Não se esqueça de selecionar tudo antes de usar a ferramenta de criação de formas. Caso contrário, não funcionará. Agora juntamos a parte interna. Vamos rastrear o nome que esquecemos de fazer. Agora vamos dar a cor com a ferramenta conta-gotas da nossa paleta de cores. Não quero fazer muita cor, só uma para a mão e outra para a flor. Não preciso apenas dessas cores, do mesmo esquema de cores. Grade, também os traços para todos. Se você quiser criar cores monocromáticas, acho que é por isso que ela parece tão elegante. Experimente com cores e dx ou dx, você sempre faz um novo nível. Não tente complicar as coisas para si mesmo, para não começar a trabalhar no After Effects. Vamos mover a flor para trás da mão. Precisamos criar a ilusão da parte do dedo. Atrás do bastão de flores. Criamos uma linha cortando a seguinte forma da florista com. Em seguida, vamos selecioná-lo com o dedo. Irei para o Pathfinder e dividirei. Agora, desagrupe e depois mova-o. Vou remodelá-lo, caindo abaixo da curva da outra parte. Também posso colocá-lo em outra camada, mas farei isso em vez disso. É mais fácil ter todos aqueles que não foram animados na mesma camada. Não estou apenas ilustrando, mas também pensando nas possíveis boas formas de animar meus adesivos. Tudo gira em torno da forma como vamos animar as formas. Agora vamos criar o vínculo. Nós fazemos. Tão simples: retângulo de cor preta. Agora, apenas selecionamos o ponto inferior e tentamos contorná-lo. Colocamos outro pequeno retângulo na parte superior que será o que vamos animá-lo, porque eu já sei que vou abrir a parte superior, depois aparecer a mão e fechar novamente. Não tentei copiar, alguém sempre tente ser autêntico do jeito que você gosta, é sua arte, sua própria maneira de fazer as coisas. Não há regras sem que você faça as coisas da maneira que quiser. Depois de perto deles. Nós criamos um pequeno retângulo. Você vai querer criar a alça. Eu coloco um retângulo na horizontal e o deformo. Preciso de mais pontos para remodelar a forma. Então, vou adicionar isso com a ferramenta de caneta. Eu acrescento mais pontos. Você faz isso toda vez que precisa mais propensão a criar uma forma, mas não tem vontade suficiente para fazer isso. É uma questão de trabalhar de forma inteligente e também rápida. Solte a mão e a flor até o fundo até que estejam no lugar correto. Então, como você vê aqui em altura e altura e arraste para baixo. Você também pode criar até adesivos em preto e branco. Isso fará com que sempre pareça elegante. Se você não quiser trabalhar com as cores, siga esse caminho. O que restou agora foi apenas o erro de digitação. Vamos gravar com fita simples e direcionar um nó para funcionar. Ou talvez faça amor, não faça guerra, coloque qualquer mensagem que você queira transmitir contra a guerra. Você pode até pesquisar na rede algumas citações sobre isso e usá-las de acordo com seu gosto. Usaremos a fonte com aparência de gravidade ou crescimento controlado. Acho que é o mais adequado para mástique. Claro, a cor é branca. Este terá a textura. Podemos adicioná-lo aqui, mas eu prefiro fazer isso no After Effects. Eu vou te mostrar como animá-lo. Além disso, n vai dar muito. Isso vai dar um impulso à criatividade. Como você sabe, não é confiável e deve ter um arranhão ao entardecer. Daí o efeito do meio ambiente. Adicionaremos apenas uma textura sobre a poeira. Agora precisamos colocar cada camada do osso e o tipo de osso sozinho. Então, vamos copiar e colar cada parte em uma nova camada. Não se esqueça de excluir os antigos depois de colá-los em seus lugares. Ele foi um erro. Devemos fazer isso desde o início. Quem deveria ter colocado cada um deles em uma nova camada. Antes de fazermos isso. Não precisamos fazer isso agora. Mas de qualquer forma, podemos consertar isso. Esse é o caminho, como eu já sei, não teremos uma animação de texto. Vamos apenas animar a parte superior e a flor. Portanto, não é necessário criar o texto ou a forma. Se você quiser animá-lo, selecione e vá até o Path Outline Stroke para transformá-lo em tremor. Verifique se há algo que você precisa corrigir antes de salvar o arquivo. É isso aí, pessoal. Salve no formato Illustrator como antes. 11. Ilustre a etiqueta de pipoca: Olá de novo, pessoal. Neste, vamos ilustrar os adesivos de pipoca. Ela era o mesmo documento, resolução 500 por 500. Então, vamos começar desenhando nosso pote, que usa o retângulo da ferramenta de forma. Criamos um sobre o documento, longo e vertical. Vamos fazer a cor azul. Depois disso, vamos segurar Alt para duplicar muitos deles um ao lado do outro. A ideia é criar uma peça com as duas colunas coloridas. Se você quiser criá-lo com outro padrão, vá em frente e faça isso. Sem medo, o experimento sempre fará com que você pareça tão diferente. Eu encorajo você a sempre fazer suas próprias ideias. Nós o colocamos em uma nova camada. Deveríamos ter feito isso desde o início. Portanto, tenha cuidado sempre com isso. É por isso que continuarei sempre falando sobre isso. Agora eu seleciono diferentes e mudo suas cores para branco. Agora, indo para o centro, agrupamos todos. Em seguida, você seleciona o ponto da parte inferior e as arrasta, fazendo com que pareça um pote. Agora, vamos usar o retângulo arredondado para criar as bordas do osso. Não vai ser animado. Então eu prefiro colocar tudo na mesma camada. Agora, para dar um pouco de realismo, criaremos uma sombra para criar uma profundidade sob nossas bordas. Para fazer isso, basta criar um retângulo dar a ele um gradiente de cor, preto e branco. Agora, simples, vamos para a barra de ferramentas onde temos a opção de gradiente e clicamos nela. Isso fará com que a corrida continue aqui. Vamos colocá-lo na vertical no meio. Então vamos fazer com que um pouco de preto se transforme em branco. Fazemos isso arrastando esses círculos. Agora vamos girá-lo porque queríamos que as bordas inferiores tivessem a sombra que, de forma realista onde a luz não acessa muito. Remodele-o para seguir a curva do pote. Vá para transparência e altere o modo de mesclagem para Multiplicar. Posso experimentar a luz aqui, uma tela ou algo assim, mas acho que o multiplicador é o correto. Agora vamos apenas duplicá-lo e colocá-lo na barra. Eu tentei te dar truques diferentes em cada adesivo para praticar com seu próprio projeto que está dando liberdade à sua imaginação e você criará qualquer formato para o seu bot. Faça com que sempre pareça seu próprio estilo. Agora, vamos decorar mais uma hora, mas vamos criar um círculo aqui com a cor no meio onde queremos colocar algum tipo. Esquecemos de trazer nossa paleta de cores, então antes de retomá-la, criaremos uma nova camada de fundo. Em seguida, vou clicar em Colocar dois importantes. Vamos escolher a cor perfeita da nossa paleta. Saiba tão simples, vou digitar uma pipoca. Você pode até colocar seu nome, colocar o nome da marca. Você pode colocar o que quiser, pois não é um problema. Não se preocupem pessoal, as pipocas que vocês veem aqui só para esboçar, vou mostrar como desenhar as que usaremos juntos em um momento. Não, tão simples, vamos digitar cinema. Além do Hagana com qualquer fonte que você quiser. Vamos começar a criar isso. Também é hora. Vou colocá-lo em uma camada diferente com um tamanho e uma cor diferentes, também com uma fonte diferente. É tão simples. Você deve ter os dois em uma camada diferente. Assim como vamos animá-los. Em seguida, você seleciona cada um deles. Você vai até o Path Outline Stroke que fará com que cada um deles tenha uma forma. Vamos usar a ferramenta Ellipse para criar um círculo com deformar sua propulsão e duplicá-la. Como você sabe, na vida real, pipoca é muito deformada, não tem uma corrente correta. Saudado como quiser. me vem à mente fazer isso dessa maneira. Agora vamos selecionar tudo. Em seguida, vá para a união Pathfinder. Isso fará com que todas as formas sejam uma só. A cor do campo eu deixei ampla. Claro. Em seguida, Comando C, Comando F para copiar no mesmo lugar. Vou fazer uma nova forma, menor e colocá-la no meio para criar o coração da pipoca. Deixamos o traçado vazio e o preenchimento. Vou dar um pouco de laranja ou talvez vermelho, pois qualquer pipoca da vida real tem algum efeito de cor ardente. Qualquer cor que você quiser, só não deixe que seja branca pura. Agora nós os agrupamos e seguimos o caminho, o contorno, o traçado. Vamos fazer muitas cópias em todo o pote. Cada um deles estará em uma camada diferente porque eles serão animados. Nós os criamos com uma forma e rotação diferentes. Nós retiramos para que a forma de algumas delas se deformasse um pouco. Algumas peças devem ser menores que as outras. Estou aqui tentando imitar a prostituta da vida real. Não importa, parece tão parecido. Ajuste, tem os mesmos princípios. Agora, vou desagrupar e deletar o coração de algumas peças. Como você sabe, alguns deles seriam invertidos e pareciam apenas brancos. Faça quantas quiser. Agora, eu estava pensando na minha camada de sombra, prefiro colocar cada uma em uma camada diferente, caso eu decida animá-la. Vá em frente e verifique se há algo que você precisa consertar. Verifique a camada, verifique a cor, verifique tudo, pessoal. Verifique se o erro de digitação precisa ser delineado. Porque se você não criar contornos, você pode levá-los para o After Effect não vai transformá-los em uma forma. Veremos isso quando você estiver trabalhando no After Effects. Já terminamos aqui, os Snickers de pipoca. Então, vamos continuar com o outro. Vamos fazer o mesmo. Basta salvar o arquivo como forma de ilustração. 12. Aprenda Ferramentas de After Effects: Olá pessoal. Quero falar um pouco sobre algumas ferramentas que usaremos no After Effects. Então, aqueles que você usa pela primeira vez podem entender. Mas, como você vê aqui, essa é a parte da vista. Bem, veremos nosso trabalho aqui em cima, onde importamos nossos ativos para nosso projeto para criar uma composição, você vai clicar aqui novo combo ou ir para composição, nova composição. Agora, aqui vamos colocar a configuração. Queremos que você dê um nome a ele e, em seguida, altere a resolução com a qual deseja trabalhar. Você muda a cor, o fundo, você pode mudar a moldura. Agora vamos começar colocando esses recursos ou um vídeo nesta composição aqui embaixo. Sim, por exemplo, eu usarei essa textura e tentarei animar esse botão aqui. Podemos esconder e exibir o plano de fundo. Se quiser fogo alfa com o After Effects, você pode animar o que quiser com os quadros-chave. Sua imaginação é o limite. Vamos tentar algo tão simples. Abrimos a opção de transformação. Como você pode ver, dimensionamos a posição da opacidade de rotação. Vamos tentar animar a posição. Clicamos nesses clubes para criar o primeiro T. Depois, movemos o controle deslizante até o momento em que queremos alterar o volume. Então, vou mudar a posição para mover as texturas. E isso cria automaticamente uma nova chave sempre que trocamos a caixa. Vamos ver o que temos. Ali. Você fez sua primeira animação. Tão simples a partir de um arquivo PNG, você pode fazer o mesmo para jogar com a rotação da opacidade ou com o que quiser. Ao mover as teclas para diminuir o espaço entre elas, você pode acelerar a animação ou diminuir a velocidade. Agora, se eu quiser fazer um loop, usamos o comando C para copiar e o Comando V para colar. Arraste a linha do tempo para encurtar. E se fizermos nossa animação, veremos como a animação se repete. Agora. Como você pode ver, criamos uma animação em loop aqui. Nós preenchemos todo o cronograma. Isso criará uma animação em loop aqui. Nossos truques para tornar a animação suave. Selecione tudo e escolha Keyframe Assistant, Easy, Ease. Você vê como ficou mais suave do que o que tínhamos antes. Vou te mostrar outro truque. Além disso. Vamos jogar com um número de velocidade. velocidade vai é a velocidade de algo em determinada direção. Podemos ajustá-lo e obter movimentos diferentes. Você vê como a velocidade da velocidade a altera agora. Agora, quero mostrar aqui que temos muitas transições de animação de efeitos. Nós podemos usar. Nós apenas escolhemos um e esfregamos. Aquele que joga com o exemplo , entra e sai da moldura. Aqui você acabou de soltá-lo. Então, vamos ver o que obtemos. Então, aqui no After Effect Windows, vamos jogar com as bolas. Você pode jogar com um valor aqui e não há nenhum específico que você deva experimentar até conseguir o que deseja. Você também pode animar o bolus à medida que vê qualquer coisa que tenha essa opção de relógio que você pode animar. Você vê que isso me dá um efeito de desbotamento na textura ao entrar na moldura. Então é isso, pessoal. Na maioria das ferramentas que você usará no After Effects, aprenderemos ainda mais trabalhos selvagens em nosso projeto. 13. Importar adesivos para efeitos pós-venda: Olá pessoal. Mostrarei neste como importar nosso arquivo de ilustração para o After Effects. Para fazer isso, vamos para Importação de arquivos. Agora, como você vê, temos todos os arquivos aqui na pasta. Selecionamos tudo o que sabemos aqui, em vez de uma gravação, nós a alteramos para Composição Retain Layer Sizes. Dessa forma, nossos arquivos serão importados como composição com uma resolução de 500 por 500 pixels. Vamos ver isso. Agora, toda vez que quisermos trabalhar em qualquer um deles, basta clicar em sua composição. E teremos toda a camada na linha do tempo. É isso aí, pessoal. Tão simples e rápido. 14. Aprenda expressão de animação: Olá pessoal. Neste, falarei com você sobre algumas codificações simples que podem ajudá-lo a acelerar seu fluxo de trabalho. Então, vamos começar aprendendo algumas expressões aleatórias básicas. A expressão aleatória de crumble mais básica no After Effects é simplesmente parênteses aleatórios, parênteses aleatórios 50 no exemplo acima, o After Effects retornará um valor aleatório de 0 a 50 a cada quadro. O número digitado entre parênteses é o valor máximo que definimos para essa propriedade. Se você aplicasse essa expressão à camada de opacidade, ele escolheria aleatoriamente um valor. 0-50 vai acontecer em cada um com medo. Se você digitar cem em vez de 50, valor da opacidade será animado aleatoriamente de 0 a 100. Aleatório também não serve apenas para opacidade. Você pode colocar qualquer expressão que precisarmos, segure Alt e clique no ícone do relógio para abrir uma caixa onde podemos colocar nosso código. Você também pode randomizar praticamente qualquer propriedade no After Effects e na escala de glúten. Se você ficar preso apenas à expressão aleatória de parênteses, o que é reproduzido será diferente a cada vez. Felizmente, a equipe do Adobe After Effects criou essa expressão que pode nos ajudar. Expressão Wiggle. Você pode editar sua expressão a qualquer momento pressionando Alt ou Option no cronômetro. Novamente, o primeiro número nessa expressão representa a frequência da oscilação, essencialmente a rapidez com que ela aparece na forma. O segundo número representa a amplitude da oscilação, que é a distância que ela se move. Você pode ajustar esse número da maneira que quiser : mexer os parênteses duas vírgulas 40 tornarão uma camada ou uma forma dramaticamente, mas lenta. Mexer. Parênteses, dez vírgulas e três, farão com que a camada fique suja rapidamente sem se mover muito em nenhuma direção. Vamos ver o que temos. É isso mesmo. Veja, agora temos um efeito diferente. É isso aí, pessoal, é uma expressão tão simples expressão e multiplica-os por uma quantidade diferente. Exemplo de rotação multiplicada por 360, que é uma rotação completa, e depois dividida pelo número de segundos em que você gostaria que a rotação completa ajudasse. expressão tão simples fará com que você tenha a animação tão rápida. Veremos mais enquanto trabalhamos nessa nessa expressão LoopOut. animação em loop e o efeito absoluto são incrivelmente fáceis com a expressão LoopOut. Se você já teve que criar um movimento repetitivo no After Effects, provavelmente passou pelo meticuloso processo de copiar e colar quadros-chave para que eles se alinhassem perfeitamente. Essa técnica funciona, mas certamente também não é. Como na maioria das técnicas do After Effects, os loops podem ser criados com muito mais facilidade usando uma expressão simples, parênteses de LoopOut. A expressão de parênteses de loop out funciona pegando todos os quadros-chave na camada atualmente selecionada e criando um loop automático. Quando o último quadro-chave for reproduzido, a animação recomeçará automaticamente. Resumindo, seu quadro-chave será procurado com a expressão de parênteses LoopOut. Você também tem a opção de usar dois modificadores, ciclo e ciclo de pingue-pongue é uma expressão de LoopOut padrão. Basta procurar os quadros-chave e definitivamente, o modificador Pink Bird, por outro lado, reproduzirá o loop depois voltará ao início do loop. E vai continuar e continuar e continuar. Você pode usar o modificador de pingue-pongue usando parênteses de loop out, pingue-pongue. Em vez de repetir os parênteses. Vamos tentar ver. Faremos uma posição de animação simples. Leve mais longe o controle deslizante do relógio. Em seguida, mova a posição. Agora temos uma animação simples. Então, vamos tentar repetir. Clicamos em “filho inferior” na arte, abrimos a caixa. Saia, ciclo. À medida que você vê como fica. Agora digite loop out parênteses dentro e dizemos pingue-pongue. Vamos ver. Vocês viram, pessoal, nós criamos um projeto tão rápido sem copiar as chaves e ajustar os caras da semente, esses são os mais simples e eficazes. Gordon em uma animação. Vamos aprendê-los mais enquanto trabalhamos em nosso projeto. 15. Anime a etiqueta de amor: Agora, depois de importantes todos os nossos palestrantes, começaremos a parte divertida animando cada um deles. Antes de começarmos, não precisamos ter uma cor de fundo para exportar o arquivo PNG. Então, clique neste botão aqui para ocultar e exibir o fundo. Então, precisaremos mostrar o plano de fundo. Selecionamos tudo e escolhemos Criar formas a partir da camada vetorial. Agora, excluímos as camadas antigas. Não precisamos deixar que eles tornem o trabalho mais pesado. É muito importante transformar nossas camadas vetoriais em formas, para facilitar a animação. A primeira coisa que eu quero fazer é mudar os traços de texto e nós apenas os selecionamos e , em seguida, vamos para a opção Stroke aqui e mudamos para preto. Precisamos de 3D. Então, clicaremos na forma dessas caixas geográficas aqui. Quando você trabalha no After Effect ou em qualquer outro software, eu digo de tempos em tempos. Então, quando está esmagado, você não começa do zero. Para extrudar, você precisa ir até a opção de camada, a configuração e procurar a opção de geometria. Portanto, se você os encontrou acinzentados , significa que eles estão no 3D clássico. Portanto, precisamos mudar o oxigênio para a renderização 4D do cinema. Antes de alterarmos o valor, clicamos nesse ícone de relógio para criar uma chave. Agora excluímos a forma. Para animá-lo, o slide avançará na linha do tempo, o que queríamos que acontecesse. animação com teclas é ilimitada. Você pode fazer muita coisa alterando todas as configurações que você tem com suas camadas ou alterando a extrusão para ter. Como você viu quando alteramos o valor na configuração, ele criou uma nova chave automaticamente para nós. Precisamos copiar a primeira chave e colocá-la após a nova chave. Estamos tentando criar uma animação em loop. Agora precisamos usar nosso truque para criar uma animação suave. Selecione tudo, vá para o assistente de teclas em Escolha Fácil, Fácil. Vamos ver o que temos agora. Nunca, jamais, deixe sua animação parecer nítida e estática. Tente sempre torná-lo suave. É mais agradável para os olhos. Queremos animar a posição do eixo z. Essa é a posição do desenvolvedor que você tem quando tem uma camada 3D. Criamos a chave e depois fazemos o mesmo poste. O controle deslizante alterou o gravador para criar um novo. Qualquer tipo de animação que você aplicar, tente sempre suavizá-la é muito importante. Copie e cole o primeiro quadro e suavizamos com o mesmo truque. Fácil facilidade. Agora vamos usar outro truque, mudar o número da velocidade. Então, vamos colocar o exemplo 70, 50. O pessoal da velocidade mudará a velocidade do movimento, vai te dar uma animação diferente da que você atingiu. Fazemos o mesmo com a animação de extrusão. Sempre coloque seus ativos de animação em uma pasta para se manter organizado. Ajuste os posicionamentos da chave. Agora vou te mostrar outro truque. Ajustar a animação no gráfico de curvas abrirá uma tentativa aqui. Selecionamos os pontos das curvas. Agora vamos puxar as alças para alterar a velocidade da animação. Podemos, por exemplo, torná-lo mais rápido quando inicia, depois mais lento, ou talvez lento e, no final, acelere novamente. Escolha como você deseja que sua animação tenha a aparência. Nós animamos a extrusão, mas você também pode animar qualquer outro Barlow, como o chanfro ou a escala. Muitas opções para escolher. Isso sempre lhe dará um diferente do que já temos. Antes de animar, você sempre tem ideias, o que você fará desde o início enquanto desenha suas ideias, você as viu começar rápido e depois desacelerar. Copiamos a animação de extrusão. Em seguida, simplesmente colamos as outras letras. A animação de posição que você pode copiar porque cada campo de letras é diferente neste espaço, então eles terão uma posição diferente Barlow. Então, temos que ajustar cada um sozinhos. Começamos na profundidade Z zero. Em seguida, para 40 do que zero. Novamente. Você vê como parece? Claro que usamos nosso truque de facilidade, facilidade e velocidade. Nós já vamos usá-lo muito, então vamos conhecê-lo de cor. Vou usar o mesmo número para velocidade. A animação dele pode ser complicada quando você pratica, você vai adorar, além de reduzir a escala usando um exemplo de codificação, que sempre será um lugar para seu trabalho e fará com que você termine mais rápido. Vamos dar uma olhada em como fazer uma codificação básica enquanto trabalhamos em nosso projeto. Observe e ajuste. Continuamos fazendo o mesmo com o resto das cartas. Abrimos, mudamos a posição e depois suavizamos. Qualquer ideia vem à sua mente, até mesmo animação, outras configurações e veja o que vai dar aos cigarros. animação pode ser um erro de digitação do personagem, um pico simples. Trabalho, com o que você se sente confortável. Experimento. Sempre leve seu trabalho adiante e faça com que você veja algo diferente dos outros e também faça com que seu trabalho pareça tão centrado nos EUA. Animando com teclas sempre mais precisas se feitas corretamente, as teclas sempre dentro dela. Mudamos a hora do início de cada animação de letras. Então, puxamos as teclas mais adiante na linha do tempo para atrasar o quadro uma da outra. tenha pressa, quanto mais você gastar tempo em sua animação, mais ela ficará melhor. Você pode fazer com que alguns adesivos sejam levados para o After Effects para jogar com um valor. Está definindo o efeito predefinido. Pratique, experimente. Você sempre sairá de algo novo e ajudará a se sentir mais confortável ao usá-los. Veja, na maioria das vezes as teclas móveis tentam corrigir da maneira que fazemos. Agora, para repetir, copiamos todas as chaves de animação passamos para o resto da linha do tempo. Existem diferentes maneiras de criar o Lupin. Eu vou te mostrar o mais eficaz e rápido, mas eu tenho sido um código simples. Vamos fazer isso mais tarde com outros adesivos. É importante que os caras adotem um fluxo de trabalho sempre rápido demais para realizar o trabalho a tempo. Você também pode adicionar alguns efeitos de animação baixados da Internet, como partículas de fumaça entre aspas. O que quer que possa acrescentar aos seus programas de animação deve ser um estilo de desenho animado. Há muitas coisas que você pode obter da Internet. Como você vê aqui, cada letra anima uma época diferente da outra. Isso criará mais suavidade na animação. Continuamos ajustando o posicionamento das teclas para criar o Lupron. Também podemos criar nossos efeitos sozinhos, no estilo Victor. Em seguida, traga-os para o nosso trabalho e anime-os e isso vai te dar todas essas coisas diferentes. Agora, o que resta é animar o coração. A ideia é fazer com que comece na linha do tempo. Tão simples, abrimos a configuração, vamos para a opção Escala. Clique nas palavras para criar a primeira chave. Então, vamos ir um pouco mais longe no tempo e escalá-lo um pouco mais. Vamos jogar. Nós tornamos os mesmos gregos fáceis, fáceis. Em seguida, copiamos as duas chaves várias vezes em todos os quadros da linha do tempo. Vamos ver o que temos até agora. Veja como isso nos dá a ilusão de que o coração está batendo. Você pode diminuir ou acelerar a licitação afastando as chaves umas das outras. De acordo com seu gosto. Vamos ver novamente agora. OK. Agora você vê nossa animação concluída. É muito suave e também circular. Isso é tudo o que continuamos animando o resto da nossa cena. 16. Anime o adesivo de Panda: Olá de novo, pessoal, continuaremos com nossa animação. Vamos animar o obstáculo da banda. Como você pode ver, temos mais camadas aqui. Precisamos alterá-los para che, selecionar tudo e fazer o mesmo, criar formas a partir de camadas vetoriais. Nunca se esqueça que esse é passo muito importante antes de começar a animar, excluir tudo. Quero que meu trabalho seja mais leve. A ideia é ter uma sequência de matéria de animação em loop. Evite sempre deixar arquivos desnecessários em seu projeto, mas use a tecla Command Shift N D para cortar esse par de camadas. Lembre-se também de salvar seu projeto a cada poucos minutos. Portanto, caso ele falhe, você não começa do zero novamente. Ok, já agora, vamos começar nosso trabalho. A primeira coisa que vou animar é o xy. Eu quero fazer com que ele gire para sempre. Vou mostrar o truque mais rápido para fazer isso sem usar o estojo. Então vamos, então vamos até o relógio, clicamos nele para criar a primeira chave. Em seguida, segure a tecla Alt e clique nela novamente. Isso abrirá uma caixa onde podemos colocar um pouco de codificação. Só de digitar o tempo multiplicado por cem, significa que a rotação acontecerá em toda a linha do tempo. Isso significa que a rotação acontecerá em toda a linha do tempo e a multiplicará por cem. Essa é a velocidade. Se quisermos uma rotação de velocidade mais rápida, multiplicamos por um número maior. Ok? Existem muitos códigos e, por enquanto, estou apenas mostrando aqui o mais simples e o básico. Você viu claro agora que temos uma rotação acontecendo para sempre como um loop. Isso é o que queremos fazer com o caso, poderia ter levado mais tempo. Agora vamos animar a boca para fazer isso, basta selecionar a camada ir para a configuração de conteúdo. Grupo. Selecione o caminho. Isso mostrará o caminho da boca. Então, simplesmente vamos mais longe na linha do tempo e puxamos os pontos superiores do caminho até ela, tornando-se uma linha plana. Isso dará a ilusão de que a boca do panda abre e fecha a linha do tempo. Estamos dando vida à nossa cabeça, teremos uma rotação nos olhos e haverá movimento na boca, emissão ou qualquer outra codificação de guerra ou qualquer outra coisa. Nunca tentei ser chique. Basta trabalhar com o que você se sente confortável e fornecer os resultados que você está buscando. Não importa que você use codificação ou complique as coisas. O mais importante é trabalhar com as coisas que você entende muito bem. Entender é que a chave não é copiar a última chave no lugar correto. Agora vemos o que temos. Como você viu, temos os olhos e a boca e você os usou. Agora, nosso truque, facilidade e velocidade para suavizar a animação. Então, pessoal, tão simples e fácil, terminamos a animação já moldada. A última coisa que faremos agora é animar o tipo. Alternamos essa caixa do código GUI para torná-lo camadas 3D, como você vê, como você vê, Vá para o eixo de rotação separado individualmente. Como nas camadas em que me tornei alguém, eu quero girar o eixo y. Ótima nova chave, linguagem e linha do tempo, girada para a esquerda. Copiar é diversidade a ser suportada na mesma posição. Em seguida, você gira o dipolo para o lado direito da garrafa o quanto quiser que a rotação seja. Eu prefiro um pouco de Tilton. O tipo de animação é uma categoria totalmente separada que pode ser estudada sozinha. E há muitas coisas que você pode aprender. Como você vê, nós apenas copiamos a chave da nossa animação para iniciar a estática de dois para a esquerda, depois voltar ao normal, depois seguir para a direita e assim por diante até que você preencha toda a linha do tempo. É isso mesmo. Verificamos toda a animação. Precisamos consertar algumas coisas. Fazemos a mesma animação com a facilidade e a velocidade que fizemos com toda a animação anterior. Agora ajuste a verificação. É isso aí, pessoal. Vamos continuar com o próximo. 17. Anime a etiqueta de gato: Oi de novo, pessoal. Nós continuamos. Agora faremos a animação. Clicamos no Combo. Agora, primeiro, quero excluir todas as camadas que você não precisa antes, transformá-las em formas. Ok. Estamos fazendo sexo pessoal, porque fizemos isso muitas vezes. Neste, mostrarei como criar uma cauda no After Effects e também digitar. Então, nos livramos de ambos. Agora clique em P para usar a ferramenta de caneta. Funciona da mesma forma que no Illustrator. Vamos fazer um ponto e depois arrastar se quisermos fazer uma linha curva ou clicar em um ponto e depois seguir frente e fazer outro ponto para criar uma linha reta distrital. Eu desenho a cauda com o preenchimento vazio. Vou apenas adicionar dois pontos e nem tanto. Não quero complicar o fórum da cauda. Drogue cada porta para remodelar a cauda. Muito bem. Vamos tentar fazer com que pareça muito com a cauda da vida real. Eu preciso arredondar na ponta da cauda. Eu tenho aqui um plugin chamado bud copper. É grátis. Vou te dar o link para fazer o download. Se você não quiser. Você pode baixá-lo do site. Se você não quiser usá-lo, basta acessar o conteúdo aqui. AVC. Em seguida, escolha copo arredondado. Estou apenas tentando acelerar meu fluxo de trabalho e fazer menos cliques. Para animar a cauda no After Effect. Há muitas maneiras de fazer isso. Nós escolhemos o mais simples. Então, vamos selecionar o caminho e, em seguida, criar a primeira chave. Onde nossa animação começará, arraste esse controle deslizante e comece a mover a cauda. Eu simplesmente farei com que olhe para outra direção. Tente imitar em movimentos reais e reais. Claro. Não é exatamente certo se não é o exato porque ele se move de forma tão aleatória. Mantemos a má qualidade da droga até ficarmos satisfeitos com o resultado. A animação sempre contém a história para ser revisada ou divulgada do jeito que foi animada. Então, pense nisso enquanto estiver trabalhando em sua animação. Agora, ótimo, temos a cauda animada. Copiaremos as chaves novamente para preencher a linha do tempo. simplicidade no momento pode dizer muito. Também pessoal. Vai ficar muito bonito, especialmente se combinado com as formas e as cores. Vou tentar tornar isso sólido nos três. Você viu, a animação parece estatística e robótica. Precisa ser muito suave para ser mais crível. Vamos fazer o mesmo truque que fizemos antes. A facilidade e a velocidade da velocidade. Pratique o máximo que puder, não só na animação, mas também na ilustração. Vamos abrir o gráfico e brincar um pouco com as curvas. Vamos tentar tornar a animação um pouco diferente alterando a velocidade aleatoriamente na linha do tempo. Eu uso o gráfico na sua animação quando quiser, acrescente mais a ele. Mas não vá lá porque você pode acabar em uma caverna. Em vez disso, veja. Você vê que está muito melhor agora. Como você viu, em algumas partes, é rápido e em outras é baixa. Ajuste e z novamente. Os caras do experimento tentam usar sempre que você tiver um espaço para praticar, isso sempre o empurrará cada vez mais. Nunca deixe sua animação parecer semelhante na velocidade de todos os quadros, apenas para alterá-la ajustando as curvas. Vamos animar agora a cabeça, você vê que temos todas as câmaras dela na mesma camada. Porque quando eu fosse ilustração ou não, vou animar a cabeça com todas as formas. Vamos para a configuração Transform. Jogamos com a rotação. Vamos fazê-lo inclinar a cabeça para a direita. Em seguida, para a esquerda. Cópia analisada com Comando C, Comando V. Tem certeza? Você tem que observar sempre como as coisas se movem na vida real e como a velocidade do movimento muda. E tente sempre imitar isso com seu trabalho, isso o tornará mais preciso. O mais importante aqui é o princípio de seus gráficos em movimento. A maioria. Se você sabe como animar com um software diferente, não tem problema. Vá em frente e aplique o mesmo princípio aos seus gráficos em movimento. Os mais importantes são os resultados. Como sempre, faça os mesmos truques para a animação. Agora, como você vê, trouxemos nosso cuidado de viver como o mais divertido para qualquer animador ver. Nós não fizemos Reagan ou qualquer coisa complexa aqui. Nós apenas fazemos alguns movimentos simples e transformamos nossa vida no gueto. Depois dessa aula, você poderá animar qualquer ilustração ou objeto no After Effects ou em qualquer outro software. O mais importante, como eu disse antes, pessoal, é o diretor e o momento. Eu vejo alguns problemas aqui, eu já sei como resolver isso. Vamos mudar o posicionamento da cabeça e da cauda. Há alguns bloqueios e eu preciso consertar apenas alterando o posicionamento das chaves, não deixamos que fiquem iguais com a cauda. Isso é o que acontece nesses sempre que você observa os movimentos, então ajustar questões militares pode ser alterado mais dessa conta ou do movimento. Agora, com a ferramenta de texto, criaremos um erro de digitação para animar. O mesmo que o Illustrator. Escolha a fonte, o tamanho e a cor. É tão fácil, vocês já sabem como fazer isso, pessoal. Acidente vascular cerebral, vou deixá-lo em preto. Usamos o mesmo telefone para escolher e no Illustrator todas as fontes e o estilo do novo computador estarão disponíveis em seus softwares antigos, vai ser diferente do meu, ok? Para animar o texto, escolheremos nosso efeito predefinido. Vou escolher algo chamado trabalho em escala ondulada. Agora você vê como o efeito Luke. Precisamos copiar wikis anteriores e wikis em toda a linha do tempo. Vamos conferir nossa animação agora. Ótimo, eu gosto da aparência. Vamos pensar que fazemos um tipo de animação sem problemas. Então é isso, pessoal, acabamos de terminar. Continuamos com o próximo. 18. Anime o adesivo Wok: Olá pessoal novamente. Nesta aula, mostrarei como animar o adesivo de trabalho. Então, vamos usar um código simples para criar uma animação complexa tão rápido. Agora, primeiro eu excluo o que não preciso. Então eu encurto o cronograma. Não precisamos de tantas molduras como de costume. Transforme sua camada em uma forma. Você já conhece o procedimento. After Effects me diz algumas camadas podem ser transformadas em uma forma. Eu já sei o porquê, pois não fizemos com que o tipo fosse traçado delineado para se tornar uma forma. Se você fizer isso, contorne-os traçe-os antes de importá-los para o After Effect. No nosso caso, não é um problema porque não vamos animá-los. Então, a primeira coisa que vamos animar é a linha. Abriremos a configuração e jogaremos com a opacidade. Colocamos a opacidade em zero para fazer a linha desaparecer. E nós alternamos o relógio. Isso significa que fizemos um pós-efeito que não queremos que tenha uma linha no início da nossa animação. Em seguida, fazemos com que a linha apareça após um quadro. Em seguida, basta copiar e colar as duas chaves no restante da linha do tempo. Quero ajustar o posicionamento das teclas e também a linha do tempo porque quero adicionar a primeira chave no final. Dessa forma, vamos criar uma animação em loop. Suavize a animação agora criando a facilidade fácil. Lembre-se, bem, esse ajuste observado. Essas são as dicas mais importantes. Vamos conferir a animação. Como você vê, fizemos a linha aparecer e desaparecer na linha do tempo, rodando para sempre. Nós ajustamos e vemos. Este é tão simples que não tentamos complicar apenas trabalhando de forma inteligente. Você pode dizer muito sobre algumas pequenas coisas. Podemos ver novamente, passar um tempo lá , pode comer outras ideias de mover as coisas que acrescentarão muito à sua animação. Agora queremos animar todo o trabalho. Então, para fazer isso, vamos criar uma pré-composição. Pessoal da pré-competição. É como um grupo. E no Photoshop, você coloca todas as camadas no mesmo grupo e aplica o mesmo efeito a todas. Basta renomear a composição e clicar em. OK. Agora poderemos jogar com as configurações da nova competição. Então, vamos abrir e ver o que faremos. Abra a transformação, a rotação para digitar o código, precisamos segurar Alt e clicar no relógio. Como você vê, abre para nós uma nova caixa onde podemos digitar nosso código. E agora precisamos digitar a expressão wiggle After Effects. Já sei o que você quer digitar logo após dizer w i. Agora precisamos colocar os dois valores entre parênteses. Exemplo dois, vírgula 50. O primeiro número nessa expressão representa a frequência da agitação, essencialmente a rapidez com que ela aparece ao tremer. O segundo número representa a amplitude da oscilação, que é a distância que ela se move. Você pode ajustar esse número da maneira que quiser. Mexa os parênteses com duas vírgulas 50, fazemos as camadas tremerem dramaticamente, mas lentamente. Wiggle parênteses, dez exemplos de vírgula três, farão com que a camada se espalhe rapidamente sem se mover muito em nenhuma direção. Vejo que a frequência é baixa e as viagens são demais. Então, vamos mudar isso fará com que a frequência seja maior e a viagem seja menor. Então, vamos colocar cinco vírgulas 20. Eu gosto muito mais disso. Quero adicionar energia às sementes da animação, como dizer que comer menos carne proporciona mais energia e um corpo saudável. Vou diminuir ainda mais a frequência. Então, vou mudar para dois. Vamos ver. Não. Acho que é isso que estou procurando. O mesmo que eu tinha na minha cabeça. Exatamente. Verifique se há algo que você precisa ajustar. É isso mesmo, pessoal. Terminamos nossa animação e a fizemos exatamente como queríamos. Vamos continuar com o próximo. 19. Anime a etiqueta de bomba: Olá pessoal. Neste, aprenderemos novos truques animando a prancha óssea. Primeiro, ative a forma da camada dois, como de costume. After Effects nos diz que podemos transformar algumas camadas uma forma que eu sei que já causa o tipo de palavras. Eu não os fiz delinear traços, pois não vou animá-los. Então, se quiser, anime-os, faça isso no Illustrator antes de exportar. Então, a primeira coisa que eu quero animar é o topo dos solavancos. Então, preciso selecionar todas as camadas e criar uma nova pré-composição. Brigham, no After Effects, trabalha em grupo e, no photoshop permite que você junte todas as camadas como uma só e aplique o mesmo efeito. Então, vamos até ele e selecioná-lo. Agora. Em seguida, abrimos a configuração, vamos transformar. E como vocês vão jogar com a rotação, queremos abri-la em uma moldura para permitir que a mão saia e feche novamente depois disso. Então, vamos fazer isso. Crie o primeiro D. Antes de continuarmos, precisamos mudar o ponto de ancoragem porque a rotação sempre acontece ao redor do centro do ponto de ancoragem. Vamos movê-lo para o canto onde precisamos que a rotação aconteça. Não, depois de uma moldura, nós abrimos. Copie o primeiro quadro. Seria depois do segundo. Então, ele começa a fechar e abre e fecha novamente. Vamos suavizar a animação agora usando os mesmos truques. O assistente de quadro-chave, facilidade e velocidade de velocidade. Essa é a maneira mais fácil de tornar a animação mais bonita. Não se esqueça de colocar as formas que serão animadas em camadas diferentes. Eu continuo dizendo que este curso é a coisa mais importante a fazer para a mão e a flor. Agora, criamos o novo e fantástico Dickey. Então, quando a parte superior da bomba se abre, movemos a mão para o topo para parecer igual à outra. Copie a primeira chave e coloque-a após a segunda. Agora, supondo a animação com os mesmos truques, evite sempre liderar sua animação com, sem a suavização, ela nunca ficará boa. Usamos os mesmos truques, mas você pode usar os diferentes. Experimente e veja. Como você viu, temos a animação, queremos que ela já aconteça. Agora vou te mostrar como animar a textura. Tenho aqui uma textura de poeira que o PNG mudará a mistura. Chegamos à tela. Então vamos pegar essa pequena caixa aqui que é jogada com a configuração de posição. Primeiro, preciso diminuir a opacidade. Não quero que apareça tanto. Trabalhando com a equipe de tecnologia, precisamos que você esteja sempre pronto para corrigir alguns problemas que podem acontecer. Agora vamos animar a posição da textura para criar a ilusão de fazê-la se mover. Lembre-se disso: fazer uma boa animação Sempre é experimentar e praticar com referências da vida real, observar e copiar. É assim que funciona. Pense sempre fora da caixa se você tiver alguma ideia, não tenha medo de experimentá-la. Vamos ver o que temos até agora. Ótimo. Faremos a mesma cópia primeiro no quadro e depois suavizaremos. Veja, continuamos repetindo as mesmas técnicas. Novamente, da mesma forma. Você pode usar o mesmo com qualquer textura. Só preciso que seja um arquivo PNG. Acabei de ver pessoal aqui, animação de textura adicionou muito aos nossos adesivos e fez com que parecessem mais criativos. Agora, como você viu desta vez, não copiamos as chaves para toda a linha do tempo porque eu queria mostrar um novo truque para criar um loop tão rápido desta vez que faremos isso usando alguma expressão. Então, seguramos, clique no relógio de posição. Abra para nós a caixa para colocar o código aqui. Então, vamos digitar loop out esperando parênteses. E dizemos pingue-pongue. Acho que está claro, pessoal, o que significa que estamos dizendo ao After Effects que queremos que a animação continue em loop para sempre. Queria acontecer como uma bola de pingue-pongue. E repita de forma tão simples que você pode usar uma animação de loop de áudio. Agora copiaremos a mesma expressão para a posição da mão e a rotação da protuberância. Comande C, comando V, para colá-lo lá. Primeiro, você pressiona Alt e clica nas palavras para abrir a caixa de entrada do script e, em seguida, com o Comando V para colá-lo lá. Tentar praticar animação não é complicado. Trabalhe sempre em novos projetos e experimente novas ideias. Vamos ver o que temos até agora. Como você viu, continua se repetindo para sempre, exatamente como queremos. Veja que foi mais rápido com uma chave de acesso dourada, sem necessidade de cópia. A ideia aqui é acelerar nosso fluxo de trabalho. Agora, só precisamos fazer alguns ajustes primeiro com certeza do que o cronograma. Não há necessidade de ter todo esse comando e espera e, de fato, deletar isso, berlinenses. Evite trabalhar com molduras desnecessárias melhor não fazer uma caminhada pesada. Uma vez diminuiria a possibilidade de um software falhar. Sempre podemos melhorar sua animação, então não perca tempo e não se apresse. E que movamos a tecla da animação manual para perto para acelerá-la. Veja, não funcionou. Então, acho que tornaríamos isso um pouco mais lento pressionando ainda mais as teclas. Continuamos ajustando. Veja se está correto. Mova-o novamente. Continue ajustando a posição. Vejam, pessoal, é assim que sempre funciona. Você tem que sempre mudar as coisas, tentar descobrir que outras coisas podem estar em ordem melhor ou correta do que as outras que você escolher lá. Sempre funciona assim. A coisa aqui é observada e ajustada. Continue fazendo nos dias de hoje. Está correto. Diamond Grid agora. Está correto. Vamos ver. Então é isso, pessoal. Terminamos nossa animação e ela está muito bonita. Vamos continuar com os outros. 20. Anime a etiqueta de pipoca: Olá pessoal, na nossa última animação vamos tentar imitar a pipoca da panela. Esse vai ser um pouco complicado. Então eu vou te mostrar como fazer isso com a expressão tentei me seguir bem, para entender, como você vê na linha do tempo, todas as camadas. Então, primeiro eu preciso mudar o modo de mesclagem de uma camada de sombra. Então multiplique. Como fizemos no Illustrator. Adicionamos cores para adicionar cor à camada para que eu saiba onde elas estão. Também o erro de digitação do livro, esse, eu dou uma cor. Essa camada não será animada, então eu adorei. Vamos renomear as camadas de digitação. Isso é muito trabalho para nós aqui. É melhor renomear no Illustrator cada uma de suas camadas antes de importá-las. Portanto, não precisamos fazer todo esse trabalho técnico. Renomeie também o botão. Vou colocar todas as camadas. Os não serão animados e o dipolo que será animado. A forma como os cantos do livro aparecerão atrás, como se estivessem dentro da cápsula. Também renomeou as camadas de sombras. Saiba que amo todos eles. Selecione todas as nossas camadas e exiba. Agora vamos procurar uma pipoca para animar. Temos que ter um no meio. Talvez eu ache que vou usar isso. Vou transformar todas as formas e deixar que as 1s não sejam feitas. O original. É inútil liderar porque eles não serão feitos. Depois de importar as camadas para o After Effects, percebi que não preciso muita pipoca porque seria melhor. Anime apenas um e depois copie. Muitos deles têm o mesmo valor e a mesma animação. Como você vê, em muitos casos acabo mudando de ideia, especialmente se você tiver outras mudanças para acelerar seu fluxo de trabalho. Vamos criar uma pré-composição a partir da pipoca escolhida, o funcionário de ambas, para criar a primeira chave. Em seguida, altere a posição Y para criar uma nova chave. Eu vou movê-lo para cima. Então, outra tecla na mesma posição é como sair do livro. Como você sabe, quando o papa atual não cairá exatamente na mesma posição e rotação. Então, precisamos criar tudo isso como qualquer vida real. Mova-o um pouco para a esquerda. Suave e a animação da mesma forma que sempre fazemos e ajuste a velocidade no gráfico. Isso adicionará muito à sua animação. Nós podemos, vamos torná-lo mais profissional e mais limpo. Eu quero tornar isso mais rápido, então eu movo as chaves uma para perto da outra. Quero me recuperar focado nas teclas e no volume, como isso afetará a animação. Agora vamos jogar com a rotação. O posicionamento das teclas sempre afeta muito ou a animação em qualquer posição em que você as coloca, fornecendo uma energia e um movimento diferentes. Também mudaremos a escala. Então, fazemos o carro e pulamos de forma pequena do que abrindo o ar. E para maiores. Como aconteceu exatamente quando você cozinha a pipoca no arquivo. Este é um projeto pesado e melhor dizer, de tempos em tempos caso após o acidente do FFT você nem sempre comece do início. Agora vamos escolher um já predefinido do After Effect chamado Gradient Map sim, aplicado ao milho. Mas mude toda a cor para branco. Agora vamos começar a digitar alguma expressão. Então, clicamos na mistura com o original segurando a tecla Alt para abrir a caixa do script, trabalharemos com uma expressão aleatória, faremos com que ela escolha um valor aleatório com base no índice, que é o número da camada. Então, a primeira coisa que você precisa colocar é semente aleatória e x true? Isso significa que vamos manter um valor para não alterar o exemplo de Minnesota, aqui digitamos aleatoriamente 100. Isso significa que ele escolherá um valor, 1-100, n-cubo. Antes, vamos criar uma variável. A variável S é como um recipiente de letras contido em todos os scripts. Então, em vez de colocar tudo o que digitamos, ajuste a letra S. Vamos criar se o segmento de elses significa que algo é verdadeiro, coloque 100 por cento e, se não, coloque zero, isso significa que estamos nos referindo ao aleatório. Digamos que, se não fizermos essa afirmação, ela será maior que 50, ou seja, 50 por cento. Em seguida, fazemos um suporte encaracolado. Em seguida, digitamos o chafurdado, precisamos entregá-lo a essa propriedade. E isso é 100 por cento. Então significa que se o S maior que 50 mostrar 100 por cento. Em seguida, digitaremos a declaração else e digitaremos o colchete curly. Então, na largura da linha, eu observo. Parece complicado, mas pessoal, você pode usar o mesmo para qualquer animação que quiserem. Qualquer companheiro com uma caixa aleatória. Salve tudo e, em seguida, basta trocar a caixa. Você continua praticando em outros lugares. Você entenderá muito. Mas a ideia aqui, toda vez que duplicarmos uma camada dará uma cor diferente, uma ou branca ou outra com coração, como você sabe, uma coordenada confiável ou aparecerá com o coração porque é sempre invertido em dois lados diferentes. Agora não copiaremos a mesma expressão para a escala. Dimensione livros de roteiro e cole a expressão lá. Como você vê, não vai funcionar na mesma escala de cores dividida em 2 v. E precisamos que a pipoca seja virada ou permaneça a mesma. Então, para inverter, precisamos colocar a escala x em menos cem. Então, será 100 ou menos cem. Para fazer isso, basta colocar x igual a 100 ou então x será menos cem. Saiba que também queremos contar o que acontecerá com o valor y. Então abrimos o colchete, apenas digitamos x e então ele saberá os valores. Ele o segura. Quando você diz X cem, ele entenderá que você se refere ao X Y. Agora, como você vê cada vez que eu duplico, ele vai dar uma pipoca diferente. Vejam, pessoal, o quão rápido vocês farão isso com expressão se fizermos isso mentalmente com Okies vai levar muito, muito tempo. Agora. Vou simplesmente colocá-los em uma panela corretamente. Espero que a expressão não seja avassaladora. Você só pode aprender isso praticando. Você pode simplesmente usá-lo em outra animação, alterar alguns valores e até mesmo entender o que está fazendo. Então, deixe-me ver a animação que temos até agora. Eles aparecem pequenos, depois aumentam de tamanho antes de caírem no barco com uma cor diferente. Vamos continuar ajustando bem o posicionamento. A animação pode contar uma história, manter qualquer velocidade ou um movimento ou posição provocado pelo espectador. Gente, vocês podem fazer o quanto quiserem, duplicar pedaços da corrente de acordo com seu gosto. Agora vamos encurtar a linha do tempo e excluir a camada de desespero. Fazemos isso selecionando todas as camadas. Em seguida, coloque o controle deslizante onde você quer que ele corte para acontecer com ele segurando Shift, Command e D. Agora, eu quero fazer alguns ajustes, como você viu, eles pularam completamente e caem ao mesmo tempo. Isso parece muito mais. Eu quero que eles pulem aleatoriamente como na vida real. Então, para fazer isso, vamos mover a camada de forma diferente uma da outra. Mantenha o medicamento um por um e mude a colocação. Você se muda para cá. Continue se movendo aqui e ali. De acordo com seu gosto. Anime seus adesivos com os efeitos são chaves, são uma mistura de codificação. Os três criarão uma animação complexa e ficará muito boa. Ajuste, ajuste, ajuste e é assim que funciona. Veja agora, está muito, muito melhor. Por último, vamos animar o dipolo usando a redefinição de efeitos. Agora, como você vê, a animação é mais interessante. Criaremos chaves a partir do efeito que abrimos em ambas as camadas, dobraríamos o relógio para criar as teclas. E então, no último quadro, mudaria tudo para 65. Você pode colocar qualquer número que quiser. Não há números específicos. Basta colocar números e secar números e escrever para conseguir o que deseja. Agora vamos suavizar isso usando os mesmos truques. A pesquisa chamou a animação e veja se temos alguns problemas. Grid, está bonito. É isso aí, pessoal, menos animação. A seguir, mostrarei como exportá-los. 21. Exportar etiquetas Animações: Olá pessoal. Agora vamos apenas exportar nossa animação secreta. Para fazer isso, basta ir até Exportar durante a chave. Como você viu, aparece aqui embaixo. Agora, acabamos de alterar algumas configurações. Precisamos clicar em sem perdas. Aqui, uma opção de janela será exibida. Para o formato do arquivo. Deixamos que fosse rápido. O general que vamos mudar para LGB. E agora, para o áudio, colocamos a saída de áudio dessa saída, então clicamos em Ok, agora, você escolherá o caminho de saída para nossa renderização. Você simplesmente vai e economiza em qualquer lugar que quiser. Não se esqueça de renomeá-lo. Ok. Então, isso é tudo pessoal. Você faz o mesmo com cada um dos seus adesivos. 22. Transformar adesivos para gifs: Então, abrimos o Photoshop e simplesmente arrastamos o vídeo no botão Abrir aqui. A última coisa que precisamos fazer é prepará-los para a web. Essa é a minha maneira de abrir os arquivos, mas você pode abrir o Photoshop e depois ir para Importação de arquivos. Então, como você pode ver, aqui está a linha do tempo em que temos nosso vídeo. Agora só precisamos nos transformar em GIF. Então, vamos para Exportação de arquivos, Salvar para o Web Legacy. Como você pode ver, temos algumas opções aqui para mudar. primeira coisa é que o primeiro será um presente que é o mesmo que você encontrará nas mídias sociais e nos adesivos imediatos. Se você tiver muitas cores, não há problema em deixá-las em cem e 56. Se gostar de mim, aqui estão apenas alguns. Precisamos mudá-los para menos, talvez 16. A Resolução, claro. 500 por 500. Como já criamos, precisamos deixá-lo sair para que o circuito de oxigênio fique ligado para sempre. Resolução. Ok, tudo bem. Agora, acabamos de economizar. Agora é só colocar a localização do arquivo e dar um nome a ele. Você vê aqui uma prévia. Eu o abro no Google e está funcionando bem como esperávamos. Vá em frente e faça o mesmo com todos os adesivos. Então é isso, pessoal, já terminamos nossa aula. Vamos falar um pouco sobre algumas dicas no último vídeo. 23. Pensamentos finais: Olá pessoal, já terminamos. Espero que nossa turma esteja sempre clara e que você entenda muito bem o processo. Como você vê aqui, eu crio uma nova paisagem de composição. Eu coloquei 1920 por 1082 pixels e a cor em azul. Agora adicionamos a animação na mesma composição, uma ao lado da outra. Essa é uma forma de representar todo o seu trabalho em conjunto na mesma planilha. Se você quiser publicar seu próprio perfil ou enviar para algum cliente. É bom sempre ter uma folha ou apresentar o trabalho e os presentes de cada um. Experimente praticar com as diferentes formas e projetos diferentes. Você desenvolveu seu fluxo de trabalho? A ideia aqui é fazer com que os adesivos representem seu próprio estilo e expressem sua personalidade. Portanto, escolha quais são as categorias que mais se interessam por você. Como você vê aqui agora, tudo está funcionando bem e parece muito bonito e suave. Agora, para usar os adesivos, você precisa primeiro enviá-los para me dar. Uma vez que tenham sido aprovados. Eles estarão disponíveis em toda a plataforma e qualquer pessoa poderá usá-los . Isso é tudo pessoal. Espero que a aula tenha sido muito útil para você. Não se esqueça de ficar de olho no meu perfil. Motion graphic, design gráfico, ilustração, produto in e tudo mais. Obrigado pessoal por participarem da minha aula. E não se esqueça de enviar seu projeto para a turma que eu possa lhe dar um feedback útil. É isso mesmo. Muito obrigado.