Tutorial de After Effects: crie animações de UI incríveis agora!

1. Olá!: um caso Guises aqui, e eu estou de volta com outra classe olhando para o movimento em você é você sabe que você pode melhorar seu fluxo de trabalho utilizando efeitos secundários para trazer seus projetos para a vida. Estarei te acompanhando. O processo de arquivos importantes ou de design em efeitos secundários é o que está animando as camadas . Traga tudo junto na exportação deles é mesmo MP quatro ou dar. Também serei mostrado a você como usar o editor de gráficos para criar facilmente esses efeitos, bem como outros efeitos e predefinições. É a sua emoção sangue compensação chave livre para criar animações mais dinâmicas dentro do seu design, É bom ter uma compreensão do lado interativo das coisas, porque permite que você pense sobre a estrutura geral do design é o que é horrível. Transição no flutuador também será anexando arquivos de projeto de classe, incluindo um pai completamente que eu fiz é o que é um arquivo em branco que estamos trabalhando e também outras dicas úteis e recurso é a vida. Vai beneficiar você e seu motor. Certifique-se de chegar a mim no feedback sobre este vídeo, bem como sugerir as futuras aulas e também bater no seu irmão. Plataformas sociais que eu criei começar, então vamos começar 2. Visão geral do After Effects: Tudo bem. Como vão as coisas, pessoal? Então, bem-vindos de volta à próxima parte deste vídeo. Agora eu gosto de começar todos esses clusters dando às pessoas como uma visão geral rápida fora da interface do thesaurus 12. Só que eu tenho uma idéia de como o ambiente é antes de realmente começarmos a criar esses projetos. Agora, você pode ver que não criamos nada ainda seja uma nova composição ou abrir a filmagem existente, mas para dar uma rápida demonstração de que você sabe o que é essa interface? Basicamente, este é o painel do projeto aqui. Então, qualquer coisa continua importando sem as camadas dos arquivos de imagens que ele irá exibir aqui. Você também pode ver suas composições que estão trabalhando também aqui. Uma ondulação é abri-los, minimizando um será armazenado aqui. Esta é a sua linha do tempo principal, e ela respondeu deste lado Aqui é para onde suas camadas irão. E aqui é onde você poderá realmente começar a manipular a linha do tempo na criação estadias de animação. Sabe, é um diário. Então tudo o que é muito familiar aqui é onde você encontrará seu painel de efeitos. Então você pode fazer coisas como áudio suas predefinições de FX. Você também tem coisas como uma linha objetos também. Então temos todos bastante padrão ou muito semelhante. E aqui em cima está a sua ferramenta básica. Então aqui é onde você realmente se move ao redor da interface quando você realmente começar a criar camadas, você terá coisas como unificar ferramentas de câmera. Então, se você estiver trabalhando em um ambiente de três D com uma câmera, todos os seus usos para se mover em torno de ferramentas de irritação são moldados ou não devem criar massa usando isso, é aqui que você manipula a posição do ponto de ancoragem no braço. Então, se você quiser que uma camada realmente seja animada a partir do lado específico, você realmente move o ponto de ancoragem. Digamos que você queria vir de você sabe, o canto superior esquerdo. Você moveria o ponto de âncora para lá, você sabe, mental. Como eu disse, tudo muito familiar. Então você vai saber que tudo isso significa novamente agarrado a eles s Oh, yeah. O que eu vou fazer é abrir a pasta completa do projeto, mostrar para você o que vamos trabalhar. Tudo bem, então eu abri o arquivo completo que vai estar trabalhando. Eu anexei isso na pasta para download. Será chamado de projeto completo. Você também terá o arquivo toe trabalho a partir do qual é o que será usado. Então não se preocupe. Tudo isso parece um pouco confuso, mas como eu disse, é aqui que todas as suas camadas estão para que você possa ver que eu sou importante. Isso diretamente do ilustrador, eu pensei que seria fácil apenas mostrar como criar animações básicas com o, você sabe, você sabe, fluxo de trabalho CC direto. Então, direto do ilustrador para após efeitos são camadas totalmente comestíveis thes as composições que temos. Então, a fim de criar este fluxo de animação de realmente dividido em composições de piscina de água, enquanto mesmo ou puxar três composições estão em um final onde você juntar tudo, eu vou estar explicando por que eu faço isso desta maneira. Para mim, é fácil. É meio que manter tudo separado. Se você começar a trabalhar em uma composição com uma linha de tempo gigante, fica um pouco confuso. Você começa a perder camadas. Você não pode trabalhar ao longo dos anos eso. Ao fazer isso, ele permite que você dividi-lo, e, em seguida, no final, você pode trazer tudo junto a partir daí iria explorar. Então é assim que a animação final realmente flui. Agora você vê segue Basic. Você sabe, você eu principal pergaminho em transição. Nós também usamos alguns dos pequenos efeitos funky também. Coisas como o movimento desfocam três camadas D, o que realmente significa que isso parece caótico no momento. Tivemos, tipo, esta foi a transição inicial aqui. Então, como este cartão realmente sobe, e então essas camadas foram criadas em média projetado três, e então eu apenas copiei a lua. Eu os mantive amarelos, então eu sabia que eles estavam separados. Mas sim, como eu disse, parece um pouco confuso. Mas, você sabe, fazer isso dessa maneira é muito mais fácil. Então, para mim, aprender efeitos colaterais foi brilhante porque realmente me permitiu começar a pensar mais sobre a estrutura geral fora do design. Comecei a pensar mais sobre como iria fluir, sabe, como eu disse, aprender efeitos secundários permitiu-me realmente ver isso. E isso significa que eu mudei para outras turnês de prototipagem, obviamente, mas é enquadrador X, fora de uso principal estúdio de visão. Mas por que aprender efeitos secundários? Você sabe, isso tornou todos esses tipos de decisões de design no futuro muito mais possíveis. Lembro-me da primeira vez que aprendi isto. Lembro de ver todos esses presentes incríveis, e eu estava tipo, eu realmente quero fazer isso no Morreu. Cuidava dos efeitos no passado. Mas isso foi como anos antes quando eu estava na primeira vez em design digital sobre efeitos secundários, o que é completamente estranho para mim. E eu sei que ainda é estranho para muitas pessoas, é por isso que estou fazendo isso. Mas o que fiz um dia, acabamos de entrar. Encontrei um editorial de um tipo a criar animações básicas para ti. Acho que foi o menu que deslizou para dentro, se eu puder descobrir fora de toque na outra pasta do projeto. Mas, sim, eu sentei por três horas, apenas esmaguei-o no computador da faculdade e eventualmente aprendi. Abriu caminho para todas essas coisas. Agora, quero dizer, estou usando plugins. Estou usando coisas como código Trump. Sabes, estou a exportá-los em ficheiros XML. Você sabe, tudo isso não foi possível sobre eu finalmente me ajoelhar e aprender, então sim, vamos começar 3. Primeiros passos: Ok, então aqui estamos nós nestas paragens verdes para efeitos secundários. Então, a partir daqui você pode criar um novo projeto aberto e existente no qual você está trabalhando . Ah, bem, vista mais recente. Oh, mas o que estamos realmente fazendo é sair disso ao abrir esses arquivos ilustrados que temos aqui. Então eu comestível você. Eu sei que você realmente não precisa do principal para nós só precisamos desta camada aqui. Mas isso faria sentido mais tarde. Palco. Temos os homens desenhados um que tem esta seção de pergaminho e, em seguida, também fomos projetados para qual é a próxima página para a qual ele faz a transição. Então, a fim de manter todas as camadas, Se você for para o inimigo ilustrador original, você verá que cada uma dessas são suas próprias camadas separadas. Agora um trabalhando em uma Sharia. Sei que tem muita gente para fazer isso. Eu faço isso. Você tende a apenas trabalhar a partir da mesma camada porque tudo para ficar separado. De qualquer forma, não é como loja de fotos onde ele tipo de criar camadas individuais. Tudo se combina em um grande grupo. Se eu estou trabalhando com a única intenção de ser importante para depois de efeitos. Você sabe, eu vou tomar essa decisão consciente de realmente, você sabe, mantê-los todos separados. E isso significa que quando você o emprega, você pode começar a animá-los como se, você sabe, a falha do ilustrador não tivesse mudado. E isso significa que quando você o emprega, você pode começar a animá-los como se, você sabe, você sabe, Foi tudo tão fixe. Porque se você fizer qualquer alteração no ilustrador porque é como, você sabe, um tipo integrado de pipeline, as mudanças serão refletidas ao vivo e após efeitos. Então, sim, essa é uma maneira muito legal de fazer isso. Por isso, se voltares aos efeitos secundários, vamos abrir este primeiro. Abra isso. E agora diz aqui composição, que é o que você quer. Andi também diz tamanho da camada. Agora você quer o tamanho de uma camada? Porque o que isso significa é que o mantém separado. Se tiver o tamanho dos documentos. Tudo o que faria é importar quase como um PNG plano. Então os jogadores chave tamanho clique aberto. E então, como você pode ver, ele então importa as camadas diretamente do ilustrador. Então eu vou abrir os outros dois também, tão malvado projetado para agora eu realmente não preciso disso aqui. Nós só precisamos da camada para isso para que possamos ir em frente e remover isso. Agora você pode ver que ele criou duas composições separadas porque ele tem este pequeno ícone de quadro aqui. Então, se eu clicar duas vezes nisso, como você pode ver, ele é retido todas as camadas que você precisa tão rapidamente mover que para cima uso. Ele tem a barra de busca aqui, que também está lá. Então, sim, essa é uma maneira muito legal de fazer isso. Uma coisa que precisamos fazer só porque eu precisava ver isso no documento é ir paraas configurações de composição porque um ano mudou isso também. Uma coisa que precisamos fazer só porque eu precisava ver isso no documento é ir para as configurações de composição porque um ano mudou isso 34 só porque ele está trabalhando em dois X iPhone oito dimensões então, mas lá e então nós temos o trabalho divertido, e eu vou mostrar isso agora porque, você sabe, esta é a alegria de trabalhar. Às vezes, mudem aquela cidade para que as companhias aéreas não cortem isso. Vou manter isto aqui para que possas ver, sabes, se tiveres o mesmo problema, tenho a certeza de que está alinhado, o que está ligado. Sim, é basicamente assim que se importam. E agora tudo que você pode começar a fazer é manipulá-los. Então, obviamente, este ícone de pesquisa aqui. Se você mijar nele, tem uma cruz, tipo, dois segundos. Então mexa-se. Como você pode ver, agora ele se move pela página. Hum, assim. Sim, isso foi importante. Agora, o que vou fazer é começar a mostrar-vos como criar a primeira secção da animação, que é o animação, efeito de pergaminho. Você vê o começo onde esse tipo de paus no topo disso entra. Então, sim, vamos a partir daí. 4. Adição de efeito: o caso. Bem-vindo de volta à próxima etapa deste vídeo. Agora, o que estaremos fazendo assegurando a você como criar esse efeito de rolagem onde você tem o bastão suficiente. E depois o carro adicional vai entrar? Um, não, tipo de efeitos realmente agradáveis, como compensar os quadros-chave e transformá-los em três camadas D que foram capazes girá-los ligeiramente no eixo X apenas para criar um bom tipo de efeito dinâmico. Então o primeiro que eu vou fazer provavelmente foi complicado também. Vamos criar este pegajoso o suficiente aqui. Vamos pegar este ícone de busca na barra de pesquisa, colocando um movimento para dizer, 10 quadros 10 quadros dentro. Vamos acertar o problema dele na chave, não, e depois vamos passar para 24 anos. Então eu acho que 10 quadros é bom o suficiente. Não preciso de abrandar. Não seja rápido demais. Então vamos nos afastar disso também, movendo. Fiquem sempre tão levemente. Então, digamos que viva por três. Na verdade, uma linha para o topo sozinho para isso. Então isso vai criar este efeito aqui como você pode ver em um mundo ideal, eu escolho com isso ou pai na barra de pesquisa. Mas porque eu tenho que escalar, isso é bom, você também vai escalar que esta é a maneira que eu tenho que fazer isso. Então, a partir daí eu quero fazer é um dos s na busca. Bem, então completamente diesel como para escala e, em seguida, bater em você para trazer lá para cima. Então eu queria ser, você sabe, começou 100% e então vamos mudar para apenas novamente. É este pequeno “entrar”. Eu digo que é sobre dizer uma coisa só para que eu saiba que definitivamente está fora. E, em seguida, na posição para a barra de pesquisa também para pesquisar ícone filme. Eu o alinhei criando esses governantes aqui, então isso vai se mover para fora. Hum, e se nós pudéssemos ver você jogar de volta, que tipo de ver vai sair assim? Tudo bem, daí? Nós criamos esse efeito aqui. É aqui que começa. Ficar um pouco complicado porque precisamos criar o efeito de rolagem para estes carros I. No entanto, precisamos ter o momento certo para fazer parecer que todos estão se movendo em sincronia. Temos carros de 1 a 5 aqui, então acerte a posição PIF nisso. Então isso está em linha com facilidade. Uma chave pode enquadrá-lo por enquanto? Vamos ficar com ele. Como eu disse na fila, uh, nós vamos atravessar o jantar do lobo, provavelmente assim como eu acho que lá espero ir para você. Digamos que 25 quadros só poderiam ir rapidamente onde você não pode realmente ver o que está acontecendo . Nós vamos basicamente trazer estes para cima. Então, quando eu mostrar um pouco da última carta demais, apenas provavelmente. Mas é sobre lá. Então o que ele vai criar é este tipo de efeito aqui. Agora, como você pode ver, há um pouco de sobreposição que nós não queremos. Então era isso que eu estava tentando evitar. E foi por isso que tive que brincar com ele da primeira vez, mãe. E foi por isso que tive que brincar com ele da primeira vez, Para que possamos levar estes. Provavelmente vamos compensá-lo. Isto é um pouco assim. Eu era tipo, convidado lá. Isso significa que vamos querer nos mudar, provavelmente no meio do caminho. Então a chave é ter certeza de que não há sobreposição. Você pode ver que isso é absolutamente bom. Agora não sabemos, não vá muito rápido. Então lá vamos nós, Veja como este tipo de pegajoso agora. Mas acho que está um pouco atrasado agora. Eu tenho que ser honesto sempre um pouco fora. Então vamos trazer isso de volta um pouco. Isso é tudo efeitos colaterais é realmente apenas arrogante jogar em casa dele até que você obtê-lo direito. Está se movendo 90 13 quadro, então certifique-se de que não há sobreposição, o que não há. Como você pode ver, parece que esse tipo de tudo flui juntos agora. Tudo bem, então agora que criamos o colar principal na seção de rolagem que precisamos fazer para os cartões Zhuhai é compensá-los por um quadro-chave. Porque olhar um pouco linear demais para o movimento antes de termos estes efeitos dentro e fora e sangue movimento. Essa é outra boa maneira de dar mais desse jeito. Então não precisamos nos preocupar com o primeiro cartão. Então o que vamos fazer é nos livrar deles e eu te mostro o 1º 2 e então pulo para o fim do seu caso contrário eu vou demorar muito. Mas todos estes nós vamos movê-lo um quadro através de selecionar aqueles dois e depois assim . Temo que este aqui e, em seguida, Skip basicamente se mudou através de um para ele, e ele vai seguir esta linha porque então você vai mover aqueles para vê-lo. Vamos nos levantar rapidamente. É agora que compensamos as firmas-chave e criamos esse efeito agradável ou de rolagem. A última coisa que precisamos fazer para esta seção é criar fade in and fade out para as telecomunicações. Então já fui em frente e pronto aqui e eu vou te explicar o que eu fiz. 7 20 quadros, Eu disse uma escala e opacidade mantidos no nascimento para 100. Ah, fiz isso por uma duração de seis quadros. Então são três quadros na escala. Eu aumentei para 116. Então, quando começa a desvanecer-se de 50%, meio que tem esse tipo de pop out. E então, quando ele volta para 100 na escala em zero, quando eu pressioná-lo você, ele desaparece. Como você pode ver, ele vai. Então, o que vamos fazer é se acertarmos no jogo de volta, eu tenho que começar a limpar o cache A. Então espero que a outra jogada por área não apareça desta vez. Como você pode ver, ele cria esse efeito agradável. 5. Aprimore a animação: Ok, então no último vídeo, cobrimos o efeito de pergaminho onde temos o bastão suficiente e ele está deslocado. Você gosta do nosso. Então, para isso, o que eu vou fazer é aplicar um toque adicional para você como o nosso apenas para dar a animação do nível real de nous dinâmico. Então acho que ele ativará o Borrão de Movimento. E eu também apliquei a estas senhoras aqui. Se seu arquivo não tiver isso, rapidamente, faça isso agora. Por favor, clique em todas as camadas que criam um borrão agradável dentro da animação. Sempre mantenho no começo. Dizem que você não está destinado, mas eu sempre tenho que me inscrever no final. Então, para mim, força do hábito. Agora, faça isso no início. Se as cartas u I são selecionados draft Freedy, o que significa que ele vai renderizar camadas Freedy e se um card 1 a 5. Então, se escolhermos isso é o que vamos fazer? É como esta pequena banheira aqui para aplicar as três camadas D da Angie. Eles vão trazer todas essas diferentes orientações baseadas em acessos. Há alguém com quem precisamos nos preocupar? É o eixo X aqui. Então, para cada um, porque esperamos colocá-los vai ser um pouco de um junto com em processo. Mas vamos ao 1º 1 aqui buscar a carta 1. Vou fazer uma exortação, passar de novo, passar de novo, mostrar a vocês como fazer o primeiro, porque vocês sabem, meninos estarão aqui o dia todo. Basicamente, eles vão ser exatamente iguais. Então 00 e, em seguida, meio caminho. Então, aproximadamente quando o carro começa a rolar realmente, eu acredito que é o que estamos aqui. Mas eles vão menos. Eu resolvo isto menos três como o melhor tipo que o cirurgião vê, tem sido para todos eles. Eu realmente não queria didio para, você sabe, então basta mover rapidamente os's para dentro agora certifique-se de que eles estão na linha. Exatamente. Lembre-se, nós compensamos todos eles por uma chave de então eles deveriam? Sim, e também, o porta-chaves. Pode ser um pouco confuso às vezes. Então tenha paciência comigo. Tudo bem? E é isso. Só vou rápido. Odeio ter essas opções nas transformações. Vão atravessar a equipa apanhada cinco. Vou bater em você só para revelar com o que estamos trabalhando. E como você pode ver, ele criou este efeito agradável ou três d nunca. Tão sempre tão levemente lá. Mas isso só aumenta. Eso Sim, para este vídeo, foi isso. Era um pergaminho. Hum, se você quiser continuar reproduzindo, você pode apertar e no teclado para cortar a linha do tempo que eu sobrevivi dele trabalhando em, tipo, seções específicas. Continue jogando atrás. Então eu sei que eu tenho o tempo para baixo em um vídeo mais tarde. O que vamos fazer é pré-compor thes reverter a camada e realmente criar um loop dentro disso já para a próxima seção. Então, sim, vamos ver isso no próximo vídeo. Esta é a transição, então sim, vamos ver qualquer um. 6. Criação da transição 1: Bem aqui estamos no Maine. Projetado Teoh Theater, segunda posição onde vamos padaria na transição principal para isso Você eu chamei aqui , então você estaria pensando que isso é exatamente o mesmo que um design mau. A razão pela qual eu fiz isso assim é porque quando ele faz a transição, você quer começar no conjunto de cenas de quadros por causa do mesmo tipo de camadas Por causa do sábio, você sabe, eles vão ser falhas ou literalmente jumpiness na animação. E não é isso que você quer. Se você quer um tipo de presente sem costura, você sabe, fluindo suave. Tudo o que eu fiz queria que você pudesse ver isso parece diferente. É tudo o que eu fiz desejos. Copie as camadas reais da minha composição. Então você fez um design de camadas aqui? Uh, sim, eu basicamente copiei estes para dentro porque ele vai tipo de transição fora. E então lembre-se do pai ilustrado, eu criei isso com você. Eu edito. Você vai atrasar abrir esses dois aqui em cima que está cheio dessas cartas top aqui. Então isso significa que você sabe, se você viu a animação que mostra no início, esse tipo de cresce para preencher o topo da tela neste tipo de movimentos com ele. E então o que você vai ter é que esses elementos tipo de aparecer de baixo. CLS. Vamos começar a criar isso. Então a primeira coisa que você precisa fazer é ter duas camadas aqui nestas duas cartas. Tipo de pop fora da página. Devia ter isto para ir por ali. Este irá por este caminho neste Will, obviamente, em seguida, começar a ir para o seu próximo estado. Então nós temos carro projetado para em três aqui, que são essas camadas inferiores. Então vamos lidar com isso primeiro. Então eu vou fazer é, digamos, vai começar em 10 quadros novamente. Como no primeiro. Animação desligada assim dá-te vezes suficientes. Meio que te envolva do que está acontecendo. Isso é um segundo bom. Isso vai fazer. Sim, vamos fazer 10 quadros. Vou bater p para a posição de novo. Praticamente vai atravessar 10 quadros novamente. Na verdade, provavelmente abrandar isso um pouco mais. Vamos fazer oito quadros desta vez. Se você quer ser uma transição bem rápida, você não precisa se arrastar por muito tempo. Então, uh, nós vamos fazer isso para baixo. Eu não tenho que sair da página porque nós também vamos dizer opacidade também, Ondulado. Na verdade, parece bastante razoável. Ah, e então leve menos tempo nós vamos ficar deslocados. O quadro chave por um. Faço sempre isto porque odeio coisas. Meio que flui. Realmente? escola linear sabia disso. Você viu que esse tipo de esperanças estão indo para o caminho errado? Você precisa Ah, eu disse esta chave 11 para me desculpar. Então, sim, eles vão tipo de dizer, hum e então, você sabe o que fazemos vai enviar opacidade, Booth também. Então, os dentes atingidos. Cidade Transparência. Um promotor zero. Seu on novamente bateu em você para que você possa ver com o que você está trabalhando. Hum, eu vou atravessar o melhor também, e nós vamos ser o zero fazer o mesmo para o topo é bem, assim chamado. Atirou-me transparência. Vês o que estamos a trabalhar outra vez? Acertar zero. Ela vai ver. Eles meio que desaparecem assim. Tudo bem, então agora que criamos esse tipo de transição para esses cartões aqui, na verdade não adicionamos nada como flexibilização e estes para ele porque vamos fazer isso no final. Seria em finalizar tudo, obviamente, passar, transformou-os em nossos quadros chave mais fáceis em uma coisa, Eu quero jogar agora também. Agora, eu não sei se vocês terão esse problema. Eu acho que pode ser a minha GPU, mas como uma questão de movimento borrão onde você verá que este tipo de resíduo livre, meio que fica sobrando. Então, se apertarmos a reprodução, você verá que fica onde se eu desligar isso, ele desaparece. Eso tudo. Eu fiz o seu apenas para cima criando uma nova composição com exatamente as mesmas dimensões neste é apenas um pequeno hack que eu encontrei. Rápido, mostre-o. Agora, no caso de vocês terem, basicamente, copiem todas essas camadas. Apenas diretamente, Command See direto para a nova composição em, por algum motivo, sempre parece ajudar. Então, sim, só pensei que eu poderia mostrar isso agora onde nós realmente não precisamos de mim projetado para. Então agora o que vamos fazer vai criar a transição para esta parte. Aqui está bem, mesma coisa de novo. Isso vai sair ao mesmo tempo, é isso. Sim, vamos fazer isso agora. Os trailers deixaram o dele mais tarde. Na verdade, não precisamos dessa. Você não vai ter isso no seu telefone. Então moveu as cartas. Agora também temos ícone de pesquisa aqui. Deveríamos a barra de pesquisa e, em seguida, a aprová-la, o que é obviamente que eu tive que mantê-los separados novamente. Para ser honesto, você compara isso não com isso, o que eu fiz. Então o que nós vamos fazer é aqui para bater posição PIF novamente. Parece, a última vez em vai simplesmente se mudar? Vai ser o mesmo. Tempo é o que está acontecendo. Eu só percebi que eu não tenho realmente quadro-chave, não o que não se importava. Lá vamos nós. Ok, bem, amigo chave agora se mudou para lá. Você deveria falhar. Vou Cleve, tire isso. O número também vai voltar aos dentes. Transparência opacidade você para mostrar os dois. Ok para a frente na embaixada aqui. Zero ligado. O que vai acontecer é que todos eles vão desaparecer. Então, e então isso vai. Então nós só precisamos pagar o ícone, bem assim assim ter isso. Venho escolher essa. Vamos de novo, desaparecer o nosso pouco depois, na verdade, provavelmente vamos, Teoh, Teoh, eu diria sobre o testamento deles. Comece a desvanecer essa. Então eu venho um. Pensei que fôssemos fazer o mesmo efeito da última vez. Então vamos escalar a escala de acertos em cada movimento em seis quadros. Então 123123 Você vai escalar isso. Saiba que eles iam manter os 10 0 100 contra a escala. Este no Senado para 16 luz da última vez basicamente para criar esse tipo de efeito pop out novamente, se você se lembrar no ano do projeto principal original. Ah, e então nós também vamos definir a transparência também. Então, isso vai acabar. Costumava atirar em ambos. E permiti que começássemos a desvanecer-nos agora. Então, como você pode ver, todo tipo de tem que resolver o esforço pop out. Pé popular. Sim, foi isso. Agora vamos criar a transição do seu carro para o topo. Passar para a animação real da parte final. Realmente 7. Criação da transição 2: Certo. Então, como também temos esses dois agora, saia da tela assim. Também temos esse tipo de pop para fora também. Nós vamos realmente trabalhar para fazer este tipo de crescimento você icard para ocupar toda a tela aqui. Então, uh, como você pode ver, é assim que ele vai parecer à medida que ele faz a transição para cima. Hum, se você vai eu poderia apenas copiar isso para que eu possa realmente obter o Sim, este aqui. Excelente. Copiado rapidamente. E então o que vou fazer é usar as réguas aqui. Nós vamos bem, ele vai fazer é permitir que eu realmente explique o tamanho exato e para, bem, eu quero ser preciso. Como eu disse, se você está criando uma animação completa, não quer que seja perceptível. Saltos são inconsistência. Então nós temos que Havia um monte apenas ovos botados. Então o que eu vou fazer você alimentar isso lentamente, só para que eu saiba que ele está lá, mas não está se intrometendo na própria animação de novo. Que muitas coisas que agora. Então vamos dizer que aproximadamente como isso começa a desaparecer, eu realmente não vejo Start que eles vão para ir mesmo se você tiver o recipiente u icard e nós também temos o texto Unicode. Então o que vamos fazer por isso é que estamos em uma posição, Kiefer, quando você acertar um cronômetro, eu vou me mover. Digamos que 10 quadros novamente. Então, o que tinha agora 18? Eles vão se mudar para você. Ela vai fazer. 26 fará oito quadros. Eu sinto que é uma velocidade bastante decente, então nós vamos mover isso para cima. Como você pode ver, eu também usei o pan atrás total para mover o ponto de ancoragem para o fundo como você não se preocupe em fazer isso. Eu fiz isso por você. Mas só estou dizendo para referência futura, você poderia querer que as coisas cresçam de direções específicas? Sempre usou um plano atrás da ferramenta. E o que isso significa é que isso vai crescer de baixo para cima e criar é uma menina muito agradável . Na verdade, acho que fomos um pouco longe demais. Azul basicamente brinca com ele. Então agora o que nós também precisamos fazer é ah, mover este texto aqui em posição. Então veja, você pensou que tipo de sentimento? O com o espaço aqui do pé uma linha da margem, então você vê isso? Que tipo de filme foi esse tipo de movimento em frente para esta direção aqui. Eu estou tentando. Explique isso o melhor que eu puder. Hum, para o curso de contêineres U.I . Car começará a crescer olhando escala lá. E então queremos que classifique a tela inteira em direção ao topo. Ok, eu disse que é um 60 no arquivo original, eu acredito, só para eu, você sabe, 100% de certeza que isso está realmente acontecendo, então ele meio que vai crescer com ele. Você verá isso aliando-se à margem com tudo o resto, que eu acredito ser margem de 30 pixels. E então, obviamente, isso vai gostar que ocupar toda a tela. Eu só vou perceber isso um pouco, na verdade. E também você, então eu sabia que eles vão mover isso para baixo um pouco. Então está alinhado bem. Lá vamos nós. Então eu meio que sinto todo o topo da tela lá. Não precisamos disso por enquanto. Tenho que terminar o trabalho. Ah, e sim, bem, a última coisa vai começar a parecer que você vai ver você entrar. Há um tipo de Will que vai explodir e que vai crescer. Vou mudar isso um pouco mais também. Eu sempre faço isso para, tipo, você pode assinar um pouco? Provavelmente quando eu começar a ficar americano. Poderíamos me colocar em outros dois quadros. Como eu disse, é tudo sobre conseguir tempo e subir. Eu sinto para ele brincar com isso você mesmo e seu próprio tipo de preferência pessoal. Sim, isso é definitivamente mais para você. Sim, deve estar na facilidade de entrar e aliviar muito melhor. Sim, essa é a transição principal para aquela seção. Agora, o que precisamos é ter este ícone aqui e este ícone aqui tipo de estourar. 8. Criação da transição 3: Tudo bem, então neste vídeo, nós criamos na fase final da animação. Então isso é ter esses dois elementos aqui estourando, bem como esses elementos tipo de desaparecem do fundo. Então, sim, rapidamente arrastado estes dois para este era o ícone de pesquisa para sobre também o ícone de anúncio para bem, Então nós vamos trabalhar naqueles rapidamente porque eles são realmente fáceis. Assim que chegar lá, ou a propósito, tudo isso já estará no seu arquivo. Eu só tinha que resolver estes em como eu estou passando por isso. Mas você não terá esses problemas quando se trata de fazê-lo. Já lá estará. Mas ainda assim, qualquer maneira, vamos fazer isso rapidamente agora. Então eu vejo dois amigos antes de eu meio que queria desaparecer em um tempo relativamente decente. Também não precisas de ir para a cama. Sim, eu vejo. Vejo uma moldura. O que vamos fazer é dizer escala a todo de novo. Vamos fazer exatamente o mesmo que temos feito tão bem. Dê escala. O que? Estamos agora em 23 quadros indo através de você. Vou passar por seis quadros. Desculpe. Experiência. Hum, você vai definir isso também para manter fora dos 100 iria se mover para o centro aqui 116? Obviamente. Só que a diferença é que desta vez vamos reverter o desvanecimento. Então eles definiram um quadro chave que leva você a mostrar os dois. Temos que acabar com isso em 100. Isso é legal. Bom. E começar no zero. Então o que você vai conseguir é esse tipo de ID Papa e, novamente, vamos fazer o mesmo para o ícone de busca também. A mesma hora que ela não vai ser é extrema. Eu estou dizendo que eu vou escalá-lo fora disse que, uh, pode apertar a tecla de tão termina em 100. Vou mover um crostado para lá. Digamos que, você sabe, vamos para suavizar. Nós dizemos, Comece de se foi novamente. Nós vamos fazer transparência a Pepsi, você para mostrar a prova deles. Só vai para 100 areia. Faça isso 10 O quê? Você deveria colocar esse tipo de pop em vigor. E novamente quando você tinha movimento borrão para essas coisas que parecem muito mais legais, vamos jogar a coisa toda apenas por ver como vamos olhar. Sim, eles estão um pouco atrasados agora. Novamente, como um conjunto que você nunca pode realmente dizer quando o melhor momento é realmente desvanecer as coisas dentro Então, o que eu fiz um quadro nós poderíamos escapar fazendo isso lá. Eu acho que eu disse, isso é tudo depois de conserto. É só brincar com ele, ficando o tempo para baixo. E como eu disse, sinta-se livre para colocar sua própria reviravolta nele. Bem, eu acho que você tenta. Pode não parecer certo para você, então sim, isso é muito melhor, na verdade. Aqui renderização agora porque o laptop parece que ele foi retirado. Então aqui estamos no design principal. Três d são a composição final onde estaremos criando a última seção da animação . Honestamente, o que vamos fazer é criar outra composição chamada fluxo final de volta. Em que? Que Opie está reunindo todas essas competições para realmente criar antes do design. Antes de fazermos isso, precisamos de conversas para fazer esse tipo de aparecer aqui. Agora, eu adoraria. Estes quatro primeiros estão aqui, ali puramente ali, apenas para uma ajuda visual. Então eu sei que você sabe como vamos olhar nós vamos ter a partir de onde tudo isso. Para ser honesto, testemunhe a chave de posição para ele. Podemos nos mover mais ou menos. O que? Nós não sabemos. Não preciso que apague a luz. 10 serão muito drogados. Nós vamos fazer. Oito foram vistos mantendo um no momento. Eu me sinto assim. Talvez um pouco lento demais, mas vamos tentar de qualquer maneira. Então precisamos deles. Fala o fim nessa posição. Mas precisamos voltar aqui . , Na verdade,não queremos ir muito longe deste verde. Então eu digo, esteja lá. Alguém que faria é quase removedor. Olhe realmente liderando no momento. Ah, então tenha paciência comigo. Bem, então vamos fazer é novamente, vamos compensar esses quadros chave. Então temos imagem sobrando. Nós não trabalhamos sem trabalho de pé com a cabeça de dois, então tudo bem, então vamos mandar um SMS. Vamos compensar tudo isso. Eu adoro isso. Eles vão se mover através de um quadro para selecioná-los. Se bem me lembro, fiz com que o centro ficasse por último. Se bem me lembro, Então, o que é essa imagem ali? centro de imagens pode ficar em qualquer lugar. É, eu diria, como eles fizeram isso da última vez? Eu não tinha. Ele virá de forma contínua. Era quase como se a esquerda viesse em primeiro lugar. Então, na verdade, por que eu vou fazer isso. Bati isso de volta. Outro. Então imagem direita vai atravessar novamente, e, em seguida, centro de imagem vai ficar em último. Então eles vão tipo de subir velocidades diferentes, mas também em uma ordem diferente também. Então é conhecido como linear é um pouco mais natural. Nunca vá. Sim, deve ficar tudo bem. Desligue um segundo. Eles poderiam fugir também se movendo um pouco mais para baixo. Tudo bem, então um que eu vou fazer é para todos eles. Vá para a chave inicial, livre onde eles começam. Eu só vou derrubar outro para tipo, eles estavam um pouco alto demais em cima do outro. Então é isso. Outra vez na imagem, certo? Basta tê-los começar a partir da posição mais para baixo e no centro, Comece lá na imagem esquerda também parou posições diferentes. Você vê, eles estão todos na fila de novo lá. Nada realmente mudou, exceto que eles apenas começam de uma posição mais baixa. Senti como se não conseguisses ver que o movimento é muito mais baixo. Sim, eu deveria ser muito, mas chega. Eu meio que sinto que oito quadros é rápido o suficiente. Bem, bem , eles não, nós vamos ter que movê-lo. Desculpe, pessoal. Mova 18 para 16. Então, apenas um puxão dos últimos por mais dois quadros. Como eu disse, isso é só uma experiência para garantir que, você sabe, toda vez que você olhar bem, então você pode ver que ainda pode haver um atrás, mas se você movê-los para dentro, eu quero isso para ser uma transição bem rápida. Nenhum usuário quer sentar lá e esperar que uma tela seja carregada. Esse é o meu pé. Tudo bem. Agora o que precisamos fazer é inimigo do botão rosa na parte inferior. Agora, isso não é Você vai ver, eu mantive isso separado. Não vai se mexer com o resto deles. Isto terá o mesmo efeito de escala que o ícone teve aqui. Então, de novo, eu não atraso muito. Então vamos embora, provavelmente assim que eu chegar lá. Eu ainda acho que será um pouco para atrasar, mas novamente, vamos tentar. Vamos atingir a escala em escala. 100 e mais uma vez. Seis quadros. Então estamos no 17. Vamos atravessar o 23 um, escala sobre isso também. Neste centro. Vou bater até mais ou menos. Uau. Ok. 1 62 Uh Lee de novo. Você quer ver Você quer ver o Papa? O que? Você não quer que seja demais? Acho que deveria ser. Ainda acha que é um pouco virtualmente 16? Sim, deve ficar tudo bem. E depois vou ter contigo outra vez. Bata nos dentes. A transparência Ordina White Tão placidamente quando é t mas bater em você para desvendar todos eles em novamente, vai acabar em 100 que vai começar aqui. Veja se isso é um pouco atrasado quando chega. Então eles aparecem. Eu meio que tenho um livro. E assim desaparecem, desaparecem em Shin se. Sim, eu deveria ser original realmente batendo em outro quadro ou dois. Mas não, eu não vou apenas. Vamos descer para 16 ver o que parece. Sim, é seguro. Só por precaução. Incrível. Agora que temos este tipo de movimento básico para baixo uma coisa que eu poderia ter chegado a Dio é realmente importante como o petróleo é para cada um destes. Então é como todos eles. Bem, nem todos eles não estão fazendo. Não selecione rosa, mas E assim é todo o caminho para baixo para imagem esquerda hit t definir uma nova boceta. E depois ele que dormiste, revelado em Go Kristen. Ali, é isso. O novo quadro chave e no original fazem que zero. Então eles não são realmente visíveis quando eles se movem pela primeira vez. E então o que nós vamos ter que fazer é obviamente alinhar a capacidade de que é ikey livre movimento para que eu possa ir em frente. Pegue estes aqui, dê uma linha aos dedos. Não consigo que ninguém se alinhe também nos últimos dois. Diga-nos o que você diz. Este está aqui? O que? Ela está esperando que tudo bem, isso estava perto dele. Então eles já se alinharam? E então o que vamos precisar fazer é pegar todos esses quadros chave. Meu Deus, deveria haver uma maneira mais rápida de fazer isso. Entramos em seus assim e assumimos a liderança. Então, o da frente em apenas movê-lo para baixo para zero. Não sei por que disse que são 10 quadros. Acho que é só outra vez. Isso é apenas força do hábito. Certifique-se de que eles são realmente bons. Então, como você pode ver, eles meio que começam zero caro e eles meio que se desvanecem. E agora o que vamos fazer e a razão pela qual filme cerca de 20 é que vamos pegar todas essas camadas, incluindo o botão rosa. Então você vê para baixo da cabeça para Isso é Pink livro e eu quero dizer uma cópia estes Eu vou movê-lo para significar projetado para Agora deixe-me saber se você sabe que há uma maneira melhor de fazer esta tese pessoalmente, como eu faço isso, mantendo eles se separam. Mas também, você sabe, integrá-los. E isso apenas nos faz um tipo de fluxo de trabalho decente para ele, porque o que você poderia fazer é copiá-los em mudança de cor também. Então eu sabia que a partir de uma composição separada iria bater em você, embora na verdade, nós realmente não precisamos que você poderia bater em você para vê-los, mas nós saberemos que eles começam do início. Então aqui e agora vamos fazer é tirá-los do caminho. Vou encontrar um bom ponto para onde podemos realmente trazer essas animações. Então eu diria mais ou menos que haveria um bom momento. Talvez um pequeno atraso. Vamos ver. Sim. Sempre um pouco atrasada. Então o que vamos fazer é sapatos, movê-lo para você, por favor. Uma desculpa racial uma notificação. É sempre, tipo, notificações sem sentido também. Como se eu nunca tivesse lido isso aqui, qualquer maneira. Sim, acho que me mudei um pouco para telefonar, acho que me mudei um pouco para telefonar, para que te deixasse ver uma moldura. Eu acho que um amigo como eu disse, eu sempre subestimo o quanto sh um quadro pode fazer a diferença. Agora, como você pode ver, é uma espécie de transição. Não é desvanecimento. Eles entram. A Andi. Sim, essa é, você sabe, a transição final. O que realmente vamos fazer agora é passar por quadros chave mais fáceis e usar o gráfico It é uma espécie de demonstrar como você pode criar tipos mais dinâmicos de fluxos entre diferentes estados em então. Sim, nós também nos permitiremos realmente trazer as composições completas juntos para criar a animação final . Então, sim, nos vemos no próximo vídeo 9. Finalização da animação: Tudo bem. Então, tendo reunido a transição final para isso, você pode ver isso é o que nos restou da última vez. Uma coisa que vamos fazer rapidamente antes de juntarmos tudo. Emitir desfoque de movimento de termo errado para atrasos também. Estatisticamente, desça. Certifique-se de que a regra sobre para que eu deveria fazê-lo pop um pouco Mona. Sim. É economizar nisso e voltar para o 1º 1 Assim como, refrescar sua memória e o que estávamos fazendo. Tivemos o efeito de pergaminho aqui. Então, antes de olharmos isso, vamos pedir algumas molduras fáceis do leste. Então coisas como o ícone de anúncio para a escala você pode destacar estes três top aqui e F nove ou esforço F nove para a posição aqui que temos Você tem que manipular o gráfico neste . Então, novamente, f NF sabendo que entramos no gráfico aqui, você pode ver aqui você tem seu gráfico de velocidade. Este é apenas um tipo básico de caminho linear. O que vamos fazer é aumentar a influência de ambos os lados em 50%. Este é um trazer em e, em seguida, em coisas como a posição para a barra de pesquisa também. Também vou fazer a mesma coisa. Então, novamente, influenciar 50% em ambos os lados. É apenas cria um tipo agradável de transição dinâmica. E se as coisas como você, eu chamo isso, você não precisa manipular o editor de gráficos. Nós podemos apenas transformar o cavalete diretamente em Eazy e em Basta usar a configuração padrão em vez disso porque eu acho que parece muito bom assim. Às vezes é bom apenas ficar com o padrão. Não tente complicar mais isso. Então novamente F nove em Vamos jogar este livro. Você pode ver que ele aparece muito melhor agora. E se você flui e tem muito mais vida para ele. Acordo de jogo que May planejou também, eu vou sintonizar. Ele revelou-os. Vou manipular estes também. Então, para o cabeçalho F nove, eu pensei que poderíamos apenas destacar todos eles. Deve poupar tempo colocando em um salto sobre este bit. Certo, então não selecionei tudo isso. Claro que sim. Apenas pulou. Eu vou percorrer o que eu selecionei eso Qualquer coisa com posição e escala. Vamos definir muito fácil. Então, de novo, esforço. Desculpe, f n f nove juntos em que realmente não deve criar um efeito agradável. Então vamos jogar de volta. Sim. Veja, eu só acho que você sabe disso. Certamente que sim. Mas eu só acho que parecia muito legal. Ok, então agora que temos nossas animações ruins para baixo, os três estão aqui? O que vamos fazer é fazer um loop neste 1º 1 aqui. Agora, para fazer isso, vai exigir que nós pré compôs essas camadas aqui, que significa essencialmente colocá-las em uma composição credível separada que nos permitirá realmente reverter o tempo os quadros chave e criar um loop. Então vamos fazer isso agora. Por isso, destacamos todos estes. Clique com o botão direito em Pré composto. Vamos chamar de “Interação Um”. Isto só para que saibas o que é. Então você vai ver, ele cria uma nova composição. Se quiser voltar e editar o ombro, basta tocar duas vezes. Que você poderia fazer qualquer edição é se você sabe que nada mudou e isso irá refletir ao vivo aqui também. Então este é o pré composto por agora. Você vê, você pode apenas jogar preto como você faria no que vamos fazer. Nós vamos encontrar um bom ponto para fazer o loop, então provavelmente eu veria lá. Esse é um bom ponto. Eu vou para o turno de comando D. É um corte. Agora o que vamos fazer é vir na véspera para duplicar esta esquerda. Boa jogada um pouco longe demais. Deixe-me ir. Mova essa crosta para lá. Certo. Clique nesta camada quando ele clica direito, Eu vou É um momento que eu vou selecionar camada reversa tempo. Então, você sabe, é permissão, o nome, o que faria que nós apenas revertemos isso on-line. Então, como você pode ver agora é uma réplica exata do que nós simplesmente não fazemos ou um espelho exato dele. Eu vou encontrar o ponto onde a animação começa a voltar, que é o que eu fiz um comando manhoso novamente. Vamos apagar este amigo aqui. Como você pode ver, ele voltaria ao seu início, e então podemos fazer isso se alinhar. Sim, isso está alinhado Vou atravessar até aqui. Bem, como você pode ver, você já vê o que vai acontecer. Vamos terminar no teclado só para cortá-lo. E o que eles devem nos permitir fazer é criar um bom saque dentro da animação. Então vamos para o espaço e jogar de volta. E lá vamos nós. Você não tem saque. A primeira animação. É agora que nós olhamos para esta animação e também criamos a outra animação em Mean projetada para O que nós precisamos fazer é criar uma nova composição para que possamos reunir isso para passar por composição. Nova composição. Se sua dimensão ainda não disse, é de 7 50 por 13 54 30 quadros por segundo para resolução em 50 quadros de em uma linha de tempo de 32ª duração . Mantenha a cor do plano de fundo. Realmente não importa se você tem um fundo aqui já vai chamar este fluxo AP final. É só para eu saber o que é. Vá para lá. O que vamos fazer é ir ao projeto principal que você vai arrastar de volta. Então, como você pode ver, ele está olhando, você sabe que está lá. E então o que nós também vamos fazer é arrastar o design principal para dentro Então veja, isso tem ambas as animações de ser projetado dois e três arrastado para fora em cima. Vamos tirar isso um pouco, porque eu vou ver, você não precisa se intrometer nisso. Então, como você pode ver, é assim que este tipo de flui. Então nós vamos para o aeroporto, vamos arrastá-lo para fora os quadros C 20, e então nós vamos simplesmente cortar com lá fora. Então, de novo, vamos lá, turno D Apague isso. Então isso tem um fluxo de rolagem de origem completa lá. Então o que vamos fazer vai trazer isso para dentro um pouco. Certifique-se de que está alinhado, e isso é basicamente tem esta seção de transição aqui. Então eu arrastei para fora para U. S C seis quadros apenas para que você possa tipo de ver como ele vai continuar, então novamente e no teclado apenas para trazê-lo para dentro, como você pode ver, bem, ainda havia separado. Todo o tipo de flui é um em uma missão. Então, se acertarmos a bola espacial e jogarmos de volta Siegel um bom pergaminho e ele vai para a próxima página, página,e então você sabe, se você quiser ir para o nível extra de looping a partir daqui, então repetir este inimigo deve ir de volta ao início e, em seguida, jogá-lo novamente, sinta-se livre para fazer isso. Quero dizer, ele também vai eu quero manter o presente é curto quanto possível. O ponto inteiro é destinado a maximizar os arquivos em que você verá quando exportá-lo nos próximos vídeos, você verá por que é bom manter uma boa rota de quadros. Então, sim, sinta-se livre para ir embora se quiser, mas isso só mostra como vai se juntar. Então, sim, no próximo vídeo, vamos olhar exportação. E este é um MP 4 e um arquivo de presentes, e então eu vou tipo de Rick acima de tudo o que fizemos. Mas no que diz respeito à animação, concluímos o processo. Espero que tenha sido uma lição agradável. Sim, veja no próximo vídeo. 10. Exportação como MP4: O que é que isso vai? Bem-vindo à exportação no estágio desta classe. Agora, digamos que você queira colocar este design em drible. drible Na verdade, suporta MP por enquanto. Antes , teria que ter sido um GIF. Mas primeiro, vamos começar com o MP. Mas primeiro, Forsett é o processo mais rápido. Então você cria uma nova composição para drible, obviamente drible universitário. Faça isso. Eu acho que eles suportam dois X que pode ou três X para que pudéssemos fazê-lo 1600 por 1208 100 por 600 . Obviamente, brócolis para criar uma nova composição, basta criar rapidamente um novo sólido para que você possa ter um fundo sobre ele. Uh, esta é a cor que eu costumava ficar muito bonita chamada BG, e então nós vamos fazer é o fluxo AP final é obviamente o flutuador final que é isso aqui vai ser reunido tudo em uma droga sobre ele. Dimensioná-lo para baixo. Acho que 75 é uma boa. Isso sim, 75. E cortá-lo em seis segundos onde a animação loops assim e trazer CS exatamente os mesmos processos. Saída final. Basta renderizar que não é em tempo real no momento, mas você pode ver seu pouco que tudo bem. Então é aqui que a quantidade de quadros não faz diferença ao exportar é um MP para porque, ao contrário dos presentes no MP para o vídeo, se apertarmos play aqui, você verá que ele está executando 180 quadros como Isso é o máximo. Ele tem um 30 quadros por segundo animação para um presente, a quantidade máxima de quadros que você pode ter sua 500 para que se torne aparente no próximo vídeo. Mas para exportar, este é um MP 4. Então você quer colocar em drible, você vai para a mídia e Cuda Que Bem-vindo para o codificador de mídia fora, e isso é parte de um duvidoso integrado com após efeitos no Premiere Pro. partir daqui, você verá que temos o arquivo que queremos exportar aqui para que possamos dividir o destino porque eu também senti que um trabalho dele vai criar a Índia e um McFall. Vês, eu vou guardá-lo. Ondas Você pode ver que o Kodak é um enorme 0.264, o que significa que é um MP quatro em sua muito em sua origem para uma alta taxa de bits no Premiere Pro tendem a usar taxas de bits muito baixas. Eu acho que nisso você pode escolher o que você quer, mas assim isso realmente não faz diferença. Eso O que vai fazer é eu vou bater no play. Esperemos que não renderizar este também porque isso já é vamos ver, ela poderia ver está conectado tudo certo, então isso acabou conosco fora, Veja diz que não incluindo atualmente usamos o ar. O motor de reprodução Mercury. Eu acho que isso é apenas padrão. Quero ver que guardou nos arquivos do trabalho. Então, vamos verificar se após os efeitos após os arquivos fixos e você verá como os arquivos de arquivo do codificador de mídia do bebê para trabalhar. Então tem A e E V P arquivo lá e, em seguida, ele também terá o vídeo que foi gerado de volta. Você vê isso tão bem lá olhando legal. No entanto, você pode ir em frente e carregar até drible no próximo vídeo. O que mostrar-lhe como exportar é um presente. O outro processo muito. Nós vamos saber muito mais, um pouco mais longo enrolamento porque requer o uso de pé desejo up. Então, sim, o Alcorão Se você quiser ver como fazer isso ou se você já sabe, então sinta-se livre para saltar à frente para o vídeo recapitular sobre. Sim, vá de lá. 11. Exportação: É a última coisa que você quer exportar. Este é um presente, seja para ser honrado ou ele estava em uma página da Web para fazer isso. Você não usa a segurança média. Você faz isso diretamente em após efeitos que você adicioná-lo à sala. Obrigado. Como você pode ver já começou a criar aqueles que fecha. Então, o que você faz é sem perdas, o outro ex padrão é o tempo rápido, que é o que estamos usando para esses vídeos. O que vamos fazer é vendê-lo para uma sequência PNG porque estou dormindo com você . O artista de alta qualidade significa que você muda os canais toe RGB mais Alfa. Você aceita. Está bem. E então quando você seleciona sua pasta de destino, eu poderia começar a dizer que eu para afetos aqui. Eu vou atrás de consertar giros e foi sucesso driblar, haxixe, cinzas. Eu realmente não sei o que isso significa. O que ele faria é criar para cada quadro da animação. Será um PNG separado, então você vai salvar isso para a renderização de sucesso anual. Deve ser muito rápido. Tudo bem, então está prestes a terminar. Lá vamos nós. Você vai ter um bom som de pinging neles. Se você ir para a pasta de destino quando você vê que branco sempre aparece, então não é efeitos secundários segue. Você verá esta pasta aqui chamada Dribble como você pode ver. Como eu disse, criaria um PNG para cada passo da informação ou cada quadro da animação. 100 80 imagens se eu acertei, 179 depois de correr e por quê? Então, a fim de colocar isso em um presente para a mamãe, o que vamos fazer é abrir peixe abrir aquela pasta que acabamos de ter efeitos colaterais para Host Dribble vai pegar o 1º 1 e vamos drogar de volta e o que isso criaria as dimensões exatas que precisamos. Agora precisamos que o espaço de trabalho seja colocado em movimento porque é isso que trabalhamos no recebimento da janela do seu dedo do pé. Você tem que trabalhar onde funciona baseado em sua emoção sexual, algo que você tem que ficar lá e eu terei sua linha do tempo aqui. Quem estaria usando isso? Mas agora faz parte disso. O que podemos fazer é ir para a camada. Vamos obter camadas de vídeo e vamos nova camada de vídeo do arquivo. Eu vou encontrar a pasta excites que tínhamos, então vamos definir o primeiro 1 novamente, vamos abri-lo. E o que Photoshopped vai fazer é porque ele está definido em movimento e faz com que apareceu GT Foods. Ele perceberá automaticamente que é uma reprodução contínua, então você não terá que esperar mais. Camadas dentro Como você pode ver, agora é um clipe para que você possa excluir este. Sim, foi a quantia. O que vamos fazer é bem, só para tornar o arquivo um pouco menor vai ser brinquedos de imagem para 50%. Só para que seja bem menor. É um objeto muito pequeno. Sua animação não está lá. Agora podemos explorar como um presente que você vai para exportação. Isso pode levar um monte de carga. Esperamos saber o que é o legado seguro da Web. Está um pouco ultrapassado comparado com o resto. Então, aguente com isso. Certo, assim que ele salvou, o legado se abriu. Obviamente, estas são todas as configurações que eu uso, então sinta-se livre para colocar rapidamente todas essas configurações. Eu sempre disse isso para 256. Quero dizer, essa é a quantidade máxima de cores que os presentes podem suportar. É o que estou dizendo, quando eles são muito limitados com o que você pode fazer. Então, se você tem brilho, você vai perceber que há muita, tipo, difusão horrível lá dentro. Eles vão começar a parecer realmente verdejantes. Felizmente, isto é muito simples. As sombras não parecerão muito grandes, mas você não pode realmente vê-las. Obviamente, ele está desgastado de 180 quadros, como por isso Dustin máximo 800 por 600 com você vai querer definir o loop para Forever on Do Você pode até mesmo clicar em Concluído. Você realmente não sabe onde ele irá salvá-lo, ou você pode bater, salvar e especificar o local exato que você deseja colocá-lo. Então, de novo, vamos colocar o After Effects a menos que seja legal. Chamaremos de animação de compartilhamento de habilidades, e será umpresente adulto para então você aperte o Salve. um Chamaremos de animação de compartilhamento de habilidades, Lá vai você 12. Recapping e Recapping e: Ok, então agora que passamos por todo o processo de animação, você sabe, você sabe, desde a importação no design para depois de efeitos para realmente criar estados de animação e, em seguida, exportar e é um MP para um presente. Sim, isso é uma espécie de recapitulação. Tudo o que fizemos do início ao fim. Então vamos para o outro painel do projeto. Nós importamos nossos designs diretamente do Illustrator. Você sabe, você não tem que usar apenas ilustrar. Você também pode usar a loja de fotos. Acho que o Baby X'd também tem uma integração com os efeitos após. Se vou verificar isso, se o fizerem, é muito fixe. Você sabe, uma coisa que sempre me deixa fora usando esse tipo de software é como esboço porque eu nunca posso realmente animado como Não me interprete esboços errados. O principal projetado Até que eu uso e tudo que eu tenho que fazer é exportar, geralmente individualmente e, em seguida, fazer a mesma coisa novamente. Construí-los no painel do projeto, mas sim, usando o ilustrador, você sabe, é um pipeline direto. O que fizemos é meio que segmentamos. O design quase escolheu as áreas-chave onde haverá uma interação média que vimos quebrou isso. E então, obviamente, neste, nós o compusemos bastante. Como eu disse, se você entrar nisso aqui, então a interação um ainda é uma composição totalmente credível, você pode passar e adicioná-la. Todas as mudanças refletirão ao vivo diretamente no Maine, design um. E o que fizemos foi o tempo invertido. Esta camada aqui é um duplicado ele aparado para baixo, virar a camada ao redor para criticar o design principal loop para é bem, apenas para dar tudo mais organização. Na verdade, mantemos tudo isso separado aqui. Então o você que eu chamei como as transições terminam era uma animação abaixo das seções amarelas aqui. E então, é claro, criamos esse tipo de animações deslizantes aqui. E então, é claro, só nós, você sabe, obter o fluxo melhor e obter o momento certo. Ele meio que trouxe de volta na saída final. É aqui que você junta todo o projeto. Então você pegou o design principal um principal projetado para em apenas criado como uma animação contínua aqui. E isso significava que poderíamos então você sabe, ou exportar isso diretamente sobre o fogo será enorme ou você pode arrastá-lo para drible como uma composição miserável. Basta ir de lá, honestamente, usando efeitos após, pode ser assustador no início. Lembro-me de quando comecei a usá-lo. Levou muito tempo para começar o básico, e eu estava fazendo as coisas do jeito errado. E, claro, todos se desenvolvem durante o fluxo de trabalho como se meu fluxo de trabalho parecesse louco para algumas pessoas. Eles podem pensar, por que você está fazendo isso dessa maneira? Mas é só que, você sabe, você pega seu próprio tipo de estilo pessoal e tipo de maneiras de fazer as coisas. Como eu disse para mim, prefiro dividir tudo em composições separadas e juntar tudo na saída final. E então, se eu tiver que convencer que mais para baixo em um drible completo, como composição, eu vou na união se eu estou exportando é um GIF. A maneira como sempre me mostraram suas palestras para usar para uma loja como uma maneira realmente eficaz de fazê-lo. Eu nunca tive quaisquer problemas fazendo isso desta maneira, exceto se as animações como mais de oito segundos e eu estou queimando 30 FPs, que é quando você começa a correr em problemas porque ele faz o limite de 500. Hum, então você meio que convenceu a taxa de quadros da composição para baixo tipo de 24. Foi a única vez que tive problemas com presentes. Mas obviamente um drible suporta MP por enquanto, isso torna a vida muito mais fácil. Honestamente, do jeito que a indústria é, é bom ter uma compreensão da missão porque, você sabe, você não está apenas pensando no design. Você também está pensando sobre a desordem, as impressões do U X, piscinas e como ela fluirá. Você pensa em micro interações. Ele também ajuda você a se comunicar melhor com desenvolvedores e engenheiros porque você é como, é assim que as coisas fluem. Você pode realmente fazer isso em código? Permite que você tipo de refinar a animação. Quero dizer tudo aqui. Eu mantive muito realista. Então, sim, poderia ser traduzido em design. E o que eu vou fazer para os arquivos do projeto está anexado. Recursos úteis são e coisas que eu sinto que você pode escovar sobre se isso é, você sabe, coisas simples como gráfico. É uma coisa legal que eu poderia ter mostrado aqui, mas nós realmente não precisamos é que o velho clique aqui permitirá que você adicione um o que chamamos códigos de expressão e nosso Lincoln. Dicas úteis sobre lá também é como transições legais e coisas que você pode adicionar em apenas para dar ao seu design muito mais morte. E, claro, plugins como código de caminhão também, depois de corrige um enorme até agora que você poderia fazer cargas com ele, você diz. Tanto quanto o processo de animação vai, tente mantê-lo simples quanto possível. Quanto mais confiante no mais confortável você fica com o software, mais você começa a ramificar e fazer outras coisas, como três ambientes D. Honestamente, se você olhar para o co-piloto de vídeo, ele tem algum tipo incrível de dicas de três vídeos de animação D. E também é que ele também tem software adicional que você pode baixar como Element três D, que basicamente cria como um pipeline de três D entre Cinema 40 Andi efeitos secundários. É incrível o que você pode fazer com ele. Só tocamos na superfície se isso, mas espero que tenha sido informante. Se for, alguns dos processos podem ser um pouco inquietos, então é difícil quebrá-lo e explicá-lo. Mas sim, definitivamente frondosas de volta. Deixe-me saber como pode ser. Sugestões quentes melhoradas para aulas de recursos leves agora, como o futuro da indústria e outras coisas, mas obviamente alguém que é uma grande multa de movimento. É divertido fazer vídeos como este e ensinar outras pessoas a fazê-lo. 13. Finalizando!: então isso foi um tutorial. Espero que tenha gostado, e eu fui informativo com o processo. Como eu disse, certifique-se de ir embora. Os comentários podem entrar em contato para ter quaisquer perguntas ou sugestões futuras de aula. Também me bateu sobre as plataformas sociais como drible Linnington.