Animação em aplicativos de táxi no After Effects

1. Introdução de táxi: Ei, isso é tão deu uma Sharon e este é o campo de animação de interface de usuário. Nesta aula, vou mostrar-lhe como animar Leva-lhe uma aplicação de bile em efeitos após, eu passo em cada passo do meu processo. Revisão do arquivo PS. Importar arquivo Animação Integre animação no iPhone Mocha especialização como um GIFs em loop . No final desta aula, você tem um aplicativo móvel texano. GIF animado. Você pode projetar seu próprio aplicativo móvel Texan ou você pode usar o meu. Todos os meus arquivos de projeto estão disponíveis para download. Qualquer um pode tirar as mãos desta classe das minhas instruções. Mesmo que nunca use efeitos secundários, te vejo na aula. 2. Mapear a análise de arquivos do PM, importe no After Effects: primeiro lugar, estão instalados a frente neste produto. Eu uso as quantias iniciais. Raj, você pode encontrar um link para a frente na descrição. Ok. Ah, arquivo PS. Aqui. Considere a camada de imagem do mapa. Fiz o Google mapear Prince Green e colá-lo para Chuck Atuate a camada de botões azul e vermelho . Vamos abri-lo. E aqui temos o endereço deles. Texto e forma inferior. Coloque as mesmas camadas dentro do botão vermelho. Líder acionou a mudança de local, camada de texto e essa camada de forma de marcador Gil. Ok. Esconda todas as camadas vermelhas. Ativar o destino deles. Muitas pastas aqui. Recebemos a mensagem de destino deles mais tarde. A forma de linha clara Estes pequenos marcador forma o Aiken fechar. A localização. Ele está muito solto. Abra a pasta que contém com camadas de texto no plano de forma inferior. O ponto para um texto mapa eram e pequeno. Gail, forma de marcador depois. E o grande líder em forma redonda. Ok. Oi. pasta do menu de destino acionou a pasta de solicitação. E aqui temos a localização e as corridas. Camadas de texto, as linhas de forma, os marcadores de forma jogadores, o básico do texi premium oferece Abra a pasta. E aqui temos um ícone básico de forma de carro O preço e as camadas de texto de nome e a forma redonda grande . Limpe a mão do comentário as camadas de texto de pagamento da pasta inferior da solicitação. Bem, mas e aqui temos o texto do título mais tarde. E o líder da forma inferior. Certo, esconda a pasta de solicitação Egg para envelhecer a pasta do driver. E aqui temos o número do carro e do carro. texto coloca o driver em camadas na pasta completa. Abra isso. E aqui, considere lá temp, defecação, texto, camada, pico de usuário e camadas de classificação o nome e esta estatística leva camadas. A chamada e os botões de captura Pastas na pasta são a camada de texto na camada de forma de fundo e a forma redonda grande. Mais tarde, no final desta aula, você aprenderá a fazer essas animações. Vamos criar composição temporária conjunto 30 na duração de alteração de leitura de quadro para 12 segundos. A configuração vários ex vai tirar do próximo arquivo de projeto quando vamos importá-lo. SISE fora. Ah, a composição. E quem vai tirar do arquivo P? Vamos deletar. Clique duas vezes na área do painel do projeto O UN Select primeiro arquivo Selecionar P s. Ah, disse Regina Leader tamanhos com Ah. Estes moldes geralmente tem sua âncora aponta para o centro, fora do radiador gráfico recortado. Em seguida, no centro, fora do quadro de composição. Saiba mais sobre como importar comunalmente. Swipe classe Manu. Ok, clique em Importar e clique em OK. 3. Configuração da câmera: abriu o mapa. Comp clique com o botão direito e vamos renomeá-lo para mapear Main Click. OK, selecione o mapa e as camadas branquiais makar para conforto. Pressione o controle de deslocamento C no teclado Os analistas renomeiem-no para o MIP. Certo, movendo-se para baixo na linha do tempo. Abra esta composição e a melhor maneira de controlar essas camadas. Se for uma câmera, vá para a nova câmera de camada. Ok, lá. As configurações padrão são boas, então clique em OK. A câmera funcionará corretamente apenas com três revendedores. Selecione a camada enviada acionar três modo d. Verifique para oito estas colunas na linha do tempo. Clique neste botão. Vamos tentar controlar a câmera. Abra as configurações abrir transformar, Encontre os parâmetros de posição. Analistas tentam mover a câmera para a esquerda e para a direita. É tão difícil controlá-lo com todas as configurações padrão desativadas. Ok, acionar visão superior da nossa cena e selecionar a câmera. Anteriormente na linha do tempo definiu 25 sobre a visualização 25%. E quando mudamos os valores, movimentos antigos vão do ponto de ancoragem da câmera. Daqui, é onde a câmera é tão desconfortável de controlar. Vamos consertar isso. Mude a vista. Dois dos ativar câmera ativa de volta para os valores padrão e abrir as câmeras, cabeçalhos e clique em redefinir. Ir para o novo não mais tarde e agir travado esta câmera pai remoto para que agora abrir configurações abrir transformar, e vamos tentar mudar a posição fora da câmera. Vamos tentar ampliar o mapa. Vamos tentar manter a câmera. Agora é fácil controlar a câmera. Ok, clique, redefinir, clique em enter e renomeado para NAL. Objete a câmera de controle ou o controle da câmera e oculte o objeto nal. 4. Mapa e animação de marcador Geo e tinge do mapa: vá para qualquer quadro para frente desde o início. Selecione a posição aberta do controle agora na tecla livre. 30 Sonhos para a frente no quadro-chave de volta para a primeira mão. Mova a câmera para a direita. Então, como a chave traz, vá para o editor de gráficos. Selecione os pontos usando selecione o ponto certo e mova a alça para o elevador para acionar as alças de pontos. Ir para o menu tipo corajoso e definir o modo de seleção automática, disse que a área de trabalho. Aperte o botão play e vamos ver o que temos. Certo, vamos ativar o mapa mais cedo. Motion blue e não se esqueça de ativar a composição Motion blue. Assim, como a marca de guelra mais cedo, coloque a libra atrás da ferramenta. Acione o modo de encaixe e mova o ponto de ancoragem para baixo para o centro sobre o mais tarde selecione o marcador. Vá para o primeiro quadro-chave. Escala aberta. Sim, mantenha a mudança de creme bem. 20 Vá para o segundo quadro-chave e defina um valor como 100. Vendendo os quadros-chave clique direito. Dê uma cidade Revilla e atuar dimensões olhar e alterar os valores para 85 8 Vida e vamos compensar Agora Gil quadros chave marcador ir para o efeito adolescente fino aplicado ao jogador meme Ir para os controles de efeito e disse que a primeira cor para azul escuro O trabalho de primeira cor para peças escuras fora da imagem Clique em OK, e se você precisar de noite Mortal -los MEP apenas varreu cores. Ok, uh, incrível. Vamos trabalhar com o rebaixamento tão varrido. Ok, um ajuste a área de trabalho e vamos invocar o botão play e vamos ver o que temos. 5. Crie e anime a camada de forma de Toque: Se você gosta do que você ouve até agora, se você gosta do meu estilo de ensino. Se você está se sentindo produtivo, se você quer ser o primeiro a saber sobre o upload da nova classe, por favor clique nestes botões e siga as culpas B e pode englobar. Vamos dar uma gorjeta. Vá para a camada. Você molda a alavanca? Vá para o manual do anúncio, mas elipse em um acidente vascular cerebral, e agora está branco. Você pode ver a cor aberta definindo azul rosa da areia do botão superior. Digite e vamos renomeá-lo para a dica Abrir She Preminger caminho de elipse aberto no quadro-chave. Quero dizer, na chave de tamanho livre, e eu vou mudar se para zero 20 quadros para frente e mudar baleeiro para 100. Vá para o primeiro quadro-chave. Curso aberto. Adicionar curso com creme manter e mudar bem mais 20 Ir para qualquer Prem e dar Dream 10 quadros. Mudança de fundo. Bem, você para 12th Select top. Dê aos sonhos um clique direito. Diferente velocidade empt Mudança vai usar para 95 95. Selecione com resmas GIF. Vá para o editor de gráficos. Selecione pontos e vamos construir esse tipo de riff todos sem mãos movendo-se para o centro. Ok, vamos sonhar com a camada. Vá para a primeira camada de seleção de Prem e pressione para fora mais tijolo quadrado. Deixou tijolo quadrado. Vá até o último. Dê quadros, selecione a camada e pressione para fora mais colchete direito. Ok, eu quero fazer o movimento muito mais rápido. No início, vamos cortar a camada um pouco mais desde o início. Assim disse a área de trabalho e pão o botão play e vamos ver o que conseguimos. 6. Animação do menu do destino: Vamos às informações do menu de destino. Ative o botão vermelho e a mudança de local. Camadas. Encontre o momento em que o marcador de vendaval apareceu. Mova a fita para este ponto na linha do tempo e mova-a para o botão de escrita. Ok, Ok, acionar o significado do destino e movê-lo para o leitor de fita na posição aberta da linha do tempo . Mantenha creme 10 quadros para a frente em Keefe, creme de volta para o primeiro e mover o acampamento para baixo fora do quadro. Selecione a chave Ir de Prem para o editor de gráficos. Selecione os pontos clique usando como Mover para a direita, manipulado para a esquerda. Certo, vamos desligar a transformação do colapso e ativar um desfoque de movimento da camada. E não se esqueça da composição accionada. Marcar o borrão do movimento. Abra a régua de actuação Kump. Amplie a visualização e puxe o guia da banheira aqui e selecione suas localizações. Composições e fazer recompostas. Os analistas renomeiam-no para locais. Pelo menos abriu estes Kump. Se for uma visualização e Tuggle Transparence concordou e selecione a primeira camada. Certo, abra a posição 30 quadros para a frente na chave. Enquadre de volta para o início da composição e mova a camada para baixo aqui. Selecione os quadros-chave, clique com o botão direito da velocidade do kifri e conjunto de valores para anotar cinco e 95. Selecione os quadros-chave, copiá-lo, selecione outras camadas e colado linha de tempo Zoomlion e deslocar cada camada para um quadro, diz que a área de trabalho e pressione o botão de reprodução de volta para o destino. Manu vêm seletores alocação locais liberados, composição mínima e duplo. Clique na ferramenta Rick Tingle e uma máscara adicionada à camada. Amplie a vigília de oração e selecione os pontos inferiores e mova-o para o guia. Certo, alimente a prévia. Vá para o acampamento principal diz que vai levar. Formigas. Pressione o botão play. Eu quero que o mínimo em missão para começar a partir deste ponto, ir para o Oriente Locacional, selecionar todas as orelhas e casa de campo e movê-lo para o início. Fora da composição. Volte para o acampamento principal, aperte o botão play e vejamos o que temos. Incrível. 7. Configure o endereço de destino: Certo, Certo, vamos definir o destino. Idris, , duplicou o leitor de cassetes e encontrou o momento em que o mínimo apareceu. Aperte o botão play e vamos ver o que temos. Ok, o endereço deve aparecer na linha de destino. Vá para o destino Manu Comp e corte o destino na camada de repouso. Vá para a alocação ocasional do acampamento leste aberto para selecionar pelo menos a camada de endereço e copiá-la . Volte para o lier de destino e cole-o e mova-o para a linha superior do endereço aqui e corte-o. Volte para a composição principal e pressione o botão play abriu seu menu de destino Quadro chave enviado menos em uma animação inversa. Copie os quadros-chave. Cole aqui e clique com o botão direito. Pergunte a Ephraim um suporte C e clique tempo invertido quadros-chave, e vamos mudar o botão vermelho em risco. Vá para a composição do botão vermelho. Defina o Tipo dois e digite 12 05 Atlântico. Já foste ao menu de personagens? Defina mais ao longo. Formado tamanho 18 Beber 75 Ah Peake Branco cor estilo de fonte médio. Vá para o parágrafo e centro do texto e alinhe-o com o botão. Corte a camada de texto e corte a camada original. Vá para o principal competente pressione o botão play 8. Animação do menu do pedido: Vamos adicionar a animação do menu de solicitação. Ativar a composição do pedido. Abriram o destino deles. Quando você manter resmas abertas, posicione a composição do pedido. Culpado o último. Mantenha o creme e no quadro chave, vá para o primeiro quadro chave e disse que o valor e mover o homem que você para baixo. Selecione os quadros-chave. Vá para o editor de gráficos. Selecione os pontos e clique em atenuação. Selecione o ponto direito e mova a alça para a esquerda. Ok, um baralho para comer. Recolher transformações e acionar a inicialização de movimento. Copiar seu 10 jogador e mover a camada cheia, que na linha do tempo e mover a forma para o carro básico. Vá para a composição da solicitação. Selecione o acampamento premium e abra a posição em Manter os quadros Siri creme para a frente e mova a camada para fora do quadro. Selecione os quadros-chave, clique com o botão direito do mouse em l'm Alterar os Baileys para 85 85. Copie estes. Mantenha resmas. Selecione a conclusão básica e cole os quadros-chave. Vá para os doentes e mantenha o creme e mova a camada para o centro. E vamos compensar os leers. Quadros chave. Vá para a composição principal, duplicou o player de fita e mova-o para a frente na linha do tempo e mova a camada de forma para o título da solicitação. Abra os quadros-chave. Copie os primeiros quadros-chave e cole-o direito. Clique no assistente de quadros-chave e clique em quadros-chave inversa Formigas botão rápido. 9. Animação de rotas: Vamos no plano de animação escrito o momento em que o pedido. Quando você tiver desaparecido, vá para a composição do mapa e puxe o marcador para este ponto na linha do tempo. Abra os quadros de teclas de posição fora do agora fora do controle. Agora clique com o botão direito na composição do mapa no painel do projeto e disse que o tamanho bem é 22 22 e TANF Você tem para você. Agora podemos ver todo o mapa está apenas em pré-visualização. Defina a ferramenta de panorâmica. Certifique-se de que nenhuma camada está selecionada na linha do tempo no ponto. Mais um ponto aqui, aqui e para mover a oração que você Holtz que é paga botão no seu teclado. Ok, se você nasceu para continuar caminho construído, abra as configurações abrir conteúdo forma aberta. Selecione o passe aqui e selecione último ponto e continuou a adicionar novos pontos. Abri o campo de configuração de areia. Desligue-o e mude o curso. Você vai para oito e vamos corrigir os ângulos do animal de estimação. Vá para as configurações de acidente vascular cerebral e disse rodada mantido e vamos falar violeta. Certo, vamos tentar controlar a câmera. Abra a posição agora e mova a câmera. Estrada não está se movendo. Ativa três d Moten para mover a câmera, e agora você pode ver agora ele funciona. Correto. Responda e renomeie para escrito e mova-o para baixo na linha do tempo. Duplicado o marcador Gill e mova-o para o segundo ponto de destino. Digite o nome da resposta Para ser marcador de guelra, selecione primeiro Gil Micro Answer e renomeie para um marcador de vendaval. Vá para os efeitos. Encontre campo e um olhar de sangue dois da camada de marcadores de “A vendaval”. O efeito controla o manual. Vá para o mapa. Principal pico cor azul da parte inferior de volta para o mapa. Composição no olhar. Os controles de efeito vão para o painel do projeto e clique com o botão direito na composição do mapa e de volta para os valores originais 3 75 e 8 12 10. Animação de câmera / animação de caminho / Animação / Animação de marcador / B Animação / de marcador/Clone para a imagem do mapa: Ok, vamos Ah! Como animação câmera marcadores Beth Animação, animação e clonar a imagem do mapa. Vá para o marcador. Aberto está em nossa posição. Seu chave-chave. Vá 40 quadros para a frente e altere o valor Zet e diminua o zoom da câmera e mova-os para cima. Certo. Mover um topo e encontrar estes posição, diz a área de trabalho. A resposta. Aperte o botão play e vamos ver o que temos. Está bem. Ah, selecione os quadros-chave. Clique com o botão direito Mantenha Greenville ISTEA e altere os valores para 85 85. Abra a rotação de Nalle. É essa rotação. Mantenha o creme aberto Todas as chaves Prem vão para a segunda posição. Fique com creme. L disse que o valor e definir o valor da posição. Certo, selecione rotação. Mantenha resmas clique com o botão direito. Dê velocidade livre e mudou os valores para oito esposa e 85 disse que o portador de bola e pressione o botão play. Selecione a função barata. Vá até o publicitário. Você e no sonho Pieth, vão para a primeira chave Prem e mudem a primeira falha para zero. Sim, me deixe ir para a segunda chave, Prem e disse que a baleia você para 100. Então, como os porta-chaves, certo? Clique e alterar os valores para 70 e 70 disse que eles vão levar um e pressione o botão play, selecione o marcador B gil, habilidade aberta e movê-lo para segundo agora quadros-chave. Qual é a linha do tempo? Disse a guerra, Kerry, , e aperte o botão “play”. Ok, Vamos corrigir esses buracos negros, ir para os efeitos, encontrar o representante um efeito de telha aplicado ao MIP e disse que a despesa para baixo valor e o coelho eu vou repetir imagem. Quanto maior o valor de mais clones fora da imagem. E vamos definir todos os valores de direções para ah, 1000. Além disso, você pode mudar os modos fora do jogo lidar com este A maioria Eu disse o básico o molde repetidor . Ok, vá para a comp principal, disse o livro aqui. IAM e rápido, botão Profundamente. 11. Crie um elípse de pesquisa: Vamos procurar nos lábios, voltar para a composição do mapa. Vá para o L. A ou nova camada de forma. Vá para o admin você na elipse no combustível, digite e renomeie para pesquisar elipse e ativar. Três. Rebaixe e mova o mais tarde para o marcador A na composição e mova a camada para baixo na linha do tempo. Abra as configurações de cor e vamos falar. Lê do marcador B. Abra a escala de forma como manter creme. Alterar falha para zero 40 quadros para frente e definir suas miras. Selecione os quadros-chave à direita. Clique também em defraudar os valores luxuriosos e alterados . 95 95. Vá para o primeiro. Mantenha o creme, abra um peituda manter creme e disse que o valor a zero. Vá para a próxima. Mantenha o creme no creme chave. Vá 10 quadros para trás e mude. Bem. Você faz 50 diz a área de trabalho e aperta o botão play. Vamos ver o que temos. Selecione todos os quadros-chave. Copiar. Vá 55 quadros para a frente e cole-o. Vá para o acampamento principal, diz a área de trabalho e Chris o botão play 12. Animação do menu do driver: encontrar o momento após o segundo ajuda a animação a acionar o seu manual de motorista, esperando a posição no creme de manutenção. Vá 20 quadros para a frente no creme de manutenção, Volte para o primeiro e mova o menu para baixo. Selecione os quadros-chave clique direito. Mantenha Rainville ISTEA e altere os valores para 85 85. Vá para o primeiro quadro-chave. Selecione o botão azul, abriu sua capacidade no creme Keefe, vá para o segundo e mude a falha para zero. Selecione os quadros-chave copiados e colados no local de alteração. Mais tarde, vá para o primeiro quadro chave, vá para o menu do motorista e selecione seu driver em quatro menu aberto, assim cidade no quadro-chave e mudar. Se zero 20 quadros para frente e alterar o valor para 100. Volte para o acampamento principal. Vá para o primeiro motorista. Fique com creme. Vá para o acampamento MIP. Abra o controle da câmera na posição. Fique com creme. Vá 2020 quadros para a frente e mova o mapa para cima. Selecione Dickie Frames clique com o botão direito do mouse em Kifri Village City e altere os valores para 85 85. Volte para o acampamento principal e, uh, lidera a pré-visualização e vamos ver o que temos 13. Integre a animação em modelo: Ok, vamos integrar animação em uma simulação. Primeiro de tudo, vamos selecionar todos os líderes na linha do tempo. Você pode pressionar controle um em seu teclado e fazer ProComp tia. Renomeie para mapear o Sr. E vamos clicar duas vezes na área do painel Projeto. Defina o arquivo PS e defina Reter Lee Rece ices Imbert PS arquivo. Criar uma nova pasta. Renomeá-lo para zombar e soltar jogadores mocha no link sobre estes Maccabi livre vai encontrar na descrição. Fora desta classe abriu a pasta Camadas e encontrar iPhone X comp e vamos tirar a composição da pasta. Abra-o clique com o botão direito e altere os valores de tamanho para 806 100. Além disso, vamos renomeá-lo para traçar o iPhone X. Quero dizer, abra a composição e vamos arrasar. Líderes para baixo criaram o agora selecionar todas as camadas e foram criados para o Agora abrir a escala fora do agora tia alterar o valor para 34. Ou você pode jogar com este valor e encontrar o seu Ah, você vai acionar eleição apertada seguro e mover o iPhone para o centro. Abra esta composição de tela e oculte a tela. Você I mais tarde abrir tela comp soltar MIP Sr Comp Insight selecionar o valor Lear Open Habilidade e Alterar para 201 e aterrissou com o accionamento tela, transparência mort toe atuar máscaras, colunas. Clique neste botão. Vá para o gráfico iPhone X comp e criando. Você. Vender grande, a cor branca ou pique sua cor e Renee me muito grande rodada e movê-lo para baixo na linha do tempo, disse que a área do livro e pressione o botão play e vamos ver o que temos. 14. Renderização GIF: Ok, disse a área Walk. Vá para a composição em para renderizar o modelo de saída da fila anterior saída da sequência PNG para selecionar a pasta e clique no botão renderizado e menos peso aberto pé loja arquivo Abrir e encontrar o mais completo com a sequência. Selecione a primeira imagem e atire o modo de sequência de imagens. Taxa de quadros. 24. OK, vá para o primeiro quadro e você pode ver que ele está vazio para que o usuário verá Tom vazio. Tire o seu presente. Vamos corrigi-lo Abrir pasta com a sequência PNG e encontrar alguma, uh, imagem. Vamos pegar o último grátis e deixá-lo para o projeto PS. Só drogava e dirigia. Mova estas camadas para a esquerda, corte um dedo livre. Ok, e ir para o especialista em arquivos e seguro para Whip disse que as opções de loop para sempre clique seguro . Defina uma pasta, clique em seguro. Espere e vamos ver o que temos 15. Obrigado!: Muito bem, este é o fim desta aula. E agora você pode criar um projeto de classe. Deixe-me saber o que o seu projeto lugar Ele é e compartilhar o máximo de informações sobre a classe emitida como. E se você quiser feedback, me avise se houver alguma coisa que você ainda possa ter dúvidas. Ficarei feliz em responder. Muito obrigado por fazer essa aula. Se você gostou, eu adoraria se você me desse uma crítica. Obrigado mais uma vez. E vejo-te na próxima vez.