Vídeo de explicador simples no After Effects - ícones flutuantes em torno de um telefone | Andrew Pach ⭐ | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Vídeo de explicador simples no After Effects - ícones flutuantes em torno de um telefone

teacher avatar Andrew Pach ⭐, Animation all the way!

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

11 aulas (40 min)
    • 1. Apresentação

      0:56
    • 2. O que vamos criar

      2:07
    • 3. Projetando nosso telefone (parte 1)

      4:12
    • 4. Projetando nosso telefone (parte 2)

      4:51
    • 5. Prepare ícones que você vai usar

      3:30
    • 6. Criar a conexão de FEAM

      5:29
    • 7. Criando a animação WIGGLE

      2:54
    • 8. Conectando todos os ícones

      5:32
    • 9. Ajustar e finalizar a composição

      5:18
    • 10. Adicionar uma camada de controle de cor

      4:28
    • 11. Obrigado!

      1:02
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

227

Estudantes

2

Projetos

Sobre este curso

Neste curso, vou ensinar a você a preparar a animação que está jogando abaixo! é uma técnica super útil e será uma ótima habilidade para você ter... e você aprende AE a propósito! :)

ad330f53

Caso você queira continuar aprendendo o After Effects comigo, tenho um monte de outras aulas que ensinam animação interessante, gráficos de movimento e uso do After Effects. Alguns deles estão listados abaixo, você pode encontrar mais no meu perfil:

6075da84

667c4231

65dbee4b

1097b442

04c7d4d7

88d5512e

e3468d36

Conheça seu professor

Teacher Profile Image

Andrew Pach ⭐

Animation all the way!

Professor

Hi! My name is Andrew Pach, to my friends known as 'Nigel'! I am an After Effects / PowerPoint / video / graphic design junkie eager to teach people how to utilize their yet uncovered raw design talent! I run a YouTube channel called "andrew pach" which I do with absolute joy and passion. Here on Skillshare, I would like to share interesting, project-based classes that will make your design workflow a greater experience.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Apresentação: Olá e bem-vindo a esta aula após efeitos aqui. Eu quero ensinar-lhe como você pode fazer este projeto de animação. Então, com isso eu quero dizer projetar o objeto, fazer as linhas saírem dele e ser capaz de balançá-los, mudar suas cores e fazer ajustes no projeto. Vamos projetar tudo dentro do efeito posterior. No início, vamos projetar o telefone e eu vou mostrar-lhe alguns truques como você pode trabalhar com jogadores Shea , como você pode lembrá-los e como você pode usar máscaras para criar uma animação dentro do próprio telefone . Então vamos lentamente para os ícones em torno dele irá conectá-lo com um efeito bem, em algumas expressões de movimento para ele. E passo a passo, finalizaremos este produto. É um projeto super encontrado para acompanhar e saber como fazê-lo Cadastre-se agora, vamos abrir após efeitos e vamos começar o trabalho 2. O que vamos criar: Olá e bem-vindo. Espero que esteja. Bem, eu gostaria de te guiar por hoje através de um pequeno projeto. Tenho uma pergunta sobre como algo assim pode ser feito. Começa em 1335 36 Dê uma olhada. Então o vídeo vai e nós temos uma animação como essa. Posso que as linhas Sapir estejam conectadas a eles. Como você pode ver, eu posso Sapir, as linhas são automaticamente conectadas a eles e eu posso flutuar por aí. Gostaria de lhes mostrar um exemplo rápido de como um projeto semelhante a esse poderia ser feito. Vou me concentrar em uma área como essa e tentar criar algo semelhante. Não percamos tempo. Por favor, vá direto para depois dos efeitos. Clique neste botão para criar uma nova composição. Posso me tornar penhorada. O nome pode ficar assim. Por favor, faça o tamanho full HD. Então temos algo para trabalhar com 30 quadros em geração, 10 segundos. Eu acho que isso vai ser bom para este projeto. Então temos a nossa composição vazia. Então precisamos começar com um fundo, por favor. Clique com o botão direito do mouse, Selecione novo e selecione um novo sólido. Você também pode pressionar o controle ou comentar por que no seu teclado eu vou criar o sólido e eu vejo que eu tenho um fundo verde selecionado, e eu acho que isso vai ficar muito bem para este produto. Então nós temos o fundo verde e eu vou fechar isso, então eu não vou clicar acidentalmente nele. Se você não tem nenhuma idéia de cores, você também pode usar o esquema de cores e apenas ir com isso. Eu também vou usar um esquema de cores para que eu possa ir aqui no meu adobe após efeitos. Eu tenho equipes de cores da Adobe que posso clicar em explorar, e eu posso ir a todas as equipes ou gostar das mais populares, e eu vou procurar as cores. Podemos escolher um esquema de cores e tentar seguir este colorista. Por exemplo, eu vejo que eu tenho um Greenman como aqui, uma corrida verde semelhante para que as cores restantes também deve funcionar bem com a tela. De qualquer forma, se você tem o seu projeto preparado, se você tem o plano de fundo preferido em segundo plano, este bloqueio para baixo do que o primeiro passo é feito, vamos para a próxima lição onde eu vou projetar algo no meio que nos permitirá fazer uma animação como essa 3. Projetando nosso telefone (parte 1): Ok. Bem-vindo de volta. Então eu tenho uma idéia de que poderíamos selecionar um telefone aqui. Poderíamos criar um telefone e a partir do telefone porque eu tenho ícones de mídia social aparecendo no site porque algo está acontecendo em nosso feed de notícias ou estavam deslizando através de um aplicativo. Então deixe-me criar um telefone muito simples aqui no meio. Eu vou por isso. Basta selecionar meus lábios fezes. Eu clique aqui e mantenha pressionada porque eu gostaria de começar com um retângulo arredondado para ok, e deixe-me também abrir ação título seguro. Então eu sei onde é o meio e vou criar um telefone como esse. Ok, este é o meu telefone. Agora. Preciso seguir uma linha. Quero alinhá-lo no meio, alinhá-lo no meio mais uma vez. E eu gostaria de colocar o ponto de ancoragem também. Perfeitamente no meio. Para isso, posso selecionar minha chave de controle antiga e casa. Isto vai colocar este ponto de ancoragem aperfeiçoado aqui. Ok. Acho que não devíamos ter um telefone azul. Vamos fazer pelo menos branco ou cinza ou como um amarelado, um mais escuro. Ok. O telefone pode ficar assim agora, tendo ainda o jogador vadio selecionado. Só precisamos de mais algumas formas, então vamos fazer nossa tela para isso. Vou clicar aqui e ir para a minha ferramenta de retângulo normal e apenas fazer o mesmo. Faça um telefone assim. Basta criar uma tela para isso. Certo, Certo, claro, a tela precisa ser branca. Então vemos algo. E este retângulo número dois, certo? Sim. E muito semelhante ao que eu também pressionarei o controle são para que eu possa abrir minhas diretrizes e eu vou tomar uma nova diretriz. Coloque no meio para que eu saiba onde está o meio e eu vou para o lado inferior. Eu levo aqui. Eu vou pegar a ferramenta Elipse e eu vou fazer um círculo como esse, começando do meio com minha tecla Shift e tecla de controle esquerda. Vou fazer um fundo como este para que seja como um iPhone ou algo parecido. Ok, agora faz alguns elementos aqui. Isso não seria problema novamente. Talvez desta vez, a ferramenta de retângulo arredondado e meu erro foi aqui que esta elipse foi criada por não ter a camada de forma selecionada. Então, o que vou fazer? Vou apenas copiá-lo. Coloque-o aqui e controle. Vite! Ninguém viu isso. Ok? E temos a Ellipse aqui atrás. De repente, está na parte de trás, então eu precisaria fechar isso. Preciso colocar a elipse acima de ângulos diretos. Agora eu preciso de justiça elipse, então eu vou abrir o caminho da elipse e nós temos a posição fora desta elipse. Coloque-o aqui. Lugares para o lado direito. Certo, isso é perfeito. Agora o último objeto por ter a camada de forma selecionada, eu não vou cometer o erro duas vezes. Ok, tendo a camada de forma selecionada, certifique-se de que você tem retângulo arredondado agora e apenas criar em torno do ângulo direto talvez um menor como este, e um maior como este. Agora, eu gostaria de ter certeza que esses objetos estão no meio. Para isso, eu preciso pressionar meu wiki, que é a ferramenta de seleção, e eu vou abrir a ferramenta de seleção e quero ter seu dedo do pé de seleção aberto. E você clica neste retângulo. Você vê, você verá exatamente o meio. Eu vejo que estou um pouco fora, então eu vou apenas levá-lo um pouco para o lado certo se eu quiser ser super preciso. Gostaria também de um ponto de referência da justiça. Mas não vamos usar esse objeto. Então está tudo bem agora, este retângulo número quatro. Bem, está bem, um pouco para a esquerda e perfeito. Temos tudo alinhado à linha do meio. Agora o último cheque seria Oh, eu vejo. A linha real está um pouco fora. Isso não importa. Não precisa ser 1 milhão de precisão. Ok, estas elipse, tudo bem? Tudo bem. Então agora temos nosso telefone criado. Agora, eu vejo que este retângulo é um pouco grande demais, mas por favor não se importe que este seja apenas um exemplo. Telefone. Esta será a primeira parte fora do design. Por favor, siga até a próxima lição onde faremos mais um ajuste legal para tornar este produto mais realista e realmente melhor 4. Projetando nosso telefone (parte 2): Bem-vindos à segunda parte onde faremos ajustes incríveis. Por favor, mantenha-se organizado. E essa camada de forma, vou chamá-la de telefone. Então, saberemos automaticamente que todo esse objeto é o telefone. Agora, eu não gosto desta caloria amarela selecionada. Era o retângulo um, não era? - Sim. Você sempre pode ir para este retângulo um e você pode alterar seu preenchimento. Talvez usemos as cores que eu tinha aqui. Vamos apenas visualizar como isso ficaria. Não ligamos para o telefone. Deixe-me fechar isso e deixe-me mostrar algo incrível que você pode fazer. Eu gostaria que algumas notícias estivessem acontecendo aqui, mas este feed de notícias só deve ser revelado nesta área. Isto é o que podemos usar um fosco faixa para. Então pegue este telefone e pressione o controle D no seu teclado. Agora abra Este segundo novo telefone abriu seu conteúdo e você quer ter certeza de que apenas a tela será visível aqui. Então a tela era o retângulo número dois. Eu vou até renomeá-lo aqui, tela esta imprensa, entrar e renomear tela, e eu vou apagar todo o resto. Então esta pequena tela será o nosso vigarista. Eu também chamo de Track Matte. Sim, Trek End. Isso é perfeitamente legítimo. E eu vou mudar sua cor para que você saiba que isso é outra coisa. Ok, agora eu posso me divertir e criar o feed de notícias. E então você vê , será algo super simples. Basta ir para a sua ferramenta de retângulo, Ter tudo de selecionado. Então você vai criar um novo objeto e criar um retângulo como esse. Deve estar no meio da tela. Eu vejo. Sou quase preciso. Então eu vou um pouco para a direita com ele. E perfeito. Agora este retângulo, este será Superfund. Eu posso criar um novo retângulos aqui. São pode controlar este retângulo Eu posso abri-lo abriu um bloco e apenas mudar sua posição. Faça-o aqui no fundo. Bem, eu vou diferente do tamanho porque eu quero que este seja menor e discreto. Alguns objetos como este você não tem que ser super preciso se você gosta. Você pode apenas clicar neste retângulo, clique no jogador reto e criar alguns objetos como beijo como este. Vou tentar ser preciso, mas não preciso ser perfeito aqui. Certo, vamos fazer alguns objetos. Poucos objetos assim. E isso é apenas sua imaginação. Quantos objetos queremos? Isso realmente não importa. Vamos criar assim. Eu só quero ficar aqui, pelo menos nos tamanhos que estamos usando. Ok, eu acho que é o suficiente, não é? Muito bem, agora deixa-me mostrar-te o truque fixe. Então nós temos nosso newsfeed realmente muitos retângulos aqui, como 13. E coloque esta camada de forma sob a faixa atendida e nas opções de tratamento. Se você não os vir, selecione o segundo botão aqui na faixa. Opções foscas selecionam. Também encontrei rastreado. Empt o que isso vai fazer. Ele irá mostrar esta camada de newsfeed. Vou chamar essa música de camada. Ele mostrará a camada de feed de notícias em Lee dentro deste retângulo. Então, onde quer que o newsfeed esteja, ele só será visível nesta área. Perfeito. Então o que eu preciso fazer agora é pressionar Pete no meu teclado logo no início, eu vou criar um quadro de teclas como este. Eu vou tipo, oito segundos adiante e apenas trabalhar com o segundo valor. Você pode pressionar a tecla Shift para ser mais rápido, ok? E dependendo de quanto você projetou, ele terá realmente um simples feed de notícias acontecendo no telefone. Veja, esta é a animação que eu queria alcançar. Então o telefone não é tão chato. E você vê, eu estou um pouco fora aqui, então eu deveria escolher uma nova suíte, e eu deveria ir para a esquerda aqui. Está bem. Bem, agora eu vejo por que eu estou fora. Porque eu não fui preciso. Eu não estava copiando este objeto. Temos uma animação como essa. E era tudo o que queríamos. Queríamos um telefone simples. E enquanto o ajuste de notícias está acontecendo aqui, talvez as cores, o escuro você pode, é claro, trabalhar com a cor. Você poderia usar algo cinza ou qualquer coisa que você gostaria. E enquanto essa animação está acontecendo, eu gostaria que os ícones aparecessem. Eu gostaria que os ícones fossem conectados aqui ao telefone, e eu gostaria que eles flutuassem por aí. Neste ponto, você deve ter seu telefone projetado ou qualquer objeto que você gostaria de ter aqui. Por favor, clique aqui e se livrar da ação título seguro porque agora não vamos precisar mais dele. Eu também vou me livrar dos caras. Você pode fazê-lo clicando aqui e você estará perfeitamente pronto para trabalhar junto com este design. Então temos nosso primeiro objeto inicial e agora podemos nos concentrar na coisa real. Eu queria mostrar a vocês quais serão criando os objetos que flutuarão ao redor. 5. Prepare ícones que você vai usar: Hey novamente na próxima lição onde eu decidi que eu trabalhar nas cores quando eu terminar com o projeto, porque agora eu iria perder tempo em tentar ajustar a cor telefones a esta cor de notícias do meio , enquanto eu ainda não têm todos os objetos que vou usar neste produto. Então esta é a razão pela qual talvez desta vez vamos trabalhar nas cores no final. Então vamos finalmente começar a projetar. Você pode usar ícones que você pode importar como Facebook, Pinterest e Twitter ícones e colocá-los dentro do design. Mas eu vou simplesmente fazer isso, ou eu vou apenas clicar aqui. Vou para a minha próxima ferramenta e vou criar círculos aqui com a minha tecla Shift. Eu faço um círculo perfeito, ou segurando também a tecla de controle. Asseguro-me de que o ponto de ancoragem estará no meio e isso é muito importante. Olha, agora eu tenho que dizer, Player, deixe-me elogiar o wiki e a camada de forma colocou este ponto de ancoragem no meio da tela. Eu quero que este ponto de ancoragem esteja no meio do círculo e no meio, fora do ícone que teremos, porque isso será muito importante em termos de conexão do efeito de linha real. Então, o que posso fazer? Eu posso pressionar. Por que no meu teclado e eu posso colocar t aqui no meio. Aftereffect está me ajudando com isso. Ou se você não fizer isso assim, você também pode pressionar o controle esquerdo esquerdo, velho e branquinho. Este é um problema porque as versões mais antigas fora de efeitos secundários não tinham este tipo CS seis não tinha este atalho, mas agora, é simplesmente um trabalho de reboque. Mas você ainda pode usar alguns plugins de terceiros como apenas por exemplo. Há muitos plugins. Eu, por exemplo, tenho o compositor de animação para efeitos posteriores e animação. Composer vem com motor de ponto de ancoragem. Este movimento de ponto de ancoragem, como você pode ver, me permite mover o ponto de ancoragem como eu quero com um clique. Então, se você tiver efeitos depois, veja o seu seis, você pode usar algo assim. Ok, este será o meu primeiro ícone, e vamos fingir que eu importei um Facebook que eu possa ouvir. Vou torná-lo azul para que fique melhor visível para nós. Vamos tentar selecionar o azul. Está bem, é um. Deve ficar tudo bem. Seria algo assim e eu vou chamá-lo de F B. Agora, por favor, crie tudo o que eu posso ver gostaria de ter neste projeto. Vamos dizer que eu vou criar para eu não posso então eu vou apenas controlar D em outra camada. Vou colocá-lo aqui e eu vou chamá-lo como e Nick nome para o Twitter e eu vou para o filme e eu vou tentar pegar a chamada que deve ser usado aqui como Twitter. Vamos fazer um para o Pinterest um avermelhado. E o que mais temos como Snapchat é re popular como agora. Então vamos com isso. Ele tem uma cor amarela muito agradável vibrante e ok, este seria o meu exemplo ícones que eu vou usar para este produto. Por favor, crie-os também. Sua busca por esta lição antes de você ir para a frente, é criar os ícones ou dedo do pé importar um ícone PNG que você gostaria de usar com um após efeito e certificar-se de que o ponto de ancoragem está no meio. Isso será muito importante para o nosso design. Isso será muito importante para o nosso design. Uma vez que você tem esses ícones. Você poderia, por exemplo, lembrar isso para outra coisa. Então ainda podemos diferenciar entre as coisas anteriores que fizemos, e agora podemos avançar e criar a animação de linha real. 6. Criar a conexão de FEAM: Olá aí. Bem-vinda de volta. Então eu tenho tudo preparado em ajustado. E agora vamos criar mais um objeto no meio porque as linhas têm que estar conectadas a algo. Posso ligá-lo ao telefone. Mas se descobrirmos que mudaremos o telefone mais tarde, isso estragaria o nosso design. Então, basta clicar com o botão direito do mouse, selecionar Novo e selecionar um novo objeto nulo. objeto de unha aparecerá no meio. É uma camada vazia, mas precisamos que esta camada esteja perfeitamente aqui no meio. Ok? E vamos chamá-lo de conexão do meio. E isso é tudo o que precisamos fazer. Agora deixe-me mostrar-lhe como criar as linhas. Por favor, certo. Clique em Selecionar novo e selecione Uma nova camada soul did. Pode ser qualquer cor como branco. OK, e OK, agora vá para o painel de efeitos clicando em Control e cinco no teclado. Ele vai abrir efeito e selecionar feixe. Dean é uma ótima característica e você vê, nós temos, tipo, uma linha de laser aqui. Basta ir para a terra e torná-lo 100%. Então você vê o que está acontecendo aqui? Este é o ponto de partida, e este é o ponto final, então esses pontos estarão sempre conectados. Agora precisamos fazer algo para conectar este pequeno ponto. Então, o meio desse ícone e é assim que toda a nossa conexão funcionará. OK, então nós temos aqueles que muitas vezes aqui vamos trabalhar com eles mais tarde. No início, precisamos pressionar sob conexão do meio. Vamos chamar-lhe talvez feixe um. Então vamos saber o que está acontecendo ou ainda melhor sendo FB porque bem conectado ao potencial Facebook que eu posso. Certo, temos o feixe FB e nesse efeito, temos o ponto de partida e o ponto final. Pressione a polícia no conector do meio e no FBI pode e pressione P dedo do pé, abra suas posições agora selecione o feixe e no ponto inicial e final esquerdo, tecla antiga e clique no cronômetro. Isso abrirá uma expressão para que vamos vincular um valor a outro valor com uma expressão. Expressões são uma linguagem de programação que funciona e opera dentro de efeitos após. Certo, não precisa entender essa linguagem de programação. Você pode simplesmente usar os recursos que temos. Temos que clicar em um chicote e me deixar rolar para baixo. Então eu vejo a posição. O conector do meio seria o primeiro. Deixe-me torná-lo maior. Podemos usar o Pickwick e escolher a posição assim. Então você pode clicar de distância. E você vê que esta linha está perfeitamente ajustada a este pequeno objeto. Agora, não importa onde você coloque esse novo objeto, essas linhas irão segui-lo. Ok? Mas queríamos estar no meio atrás do telefone e do segundo valor. Vá para o feixe novamente ou clique aqui. Espessura final, não espessura. Desculpe. Expressões de clique antigas do ponto final à esquerda apareceram. E você precisa escolher este este valor e ligá-lo com a posição fora do f b. Ok, nós podemos vê-lo. Os atores ligam assim. De selecionado e wola, temos perfeitamente preferido. Agora podemos fazer os ajustes. Deixe-me fechar tudo e fechar este conector do meio. Então eu quero o feixe e o facebook. Eu posso estar atrás do telefone para que eles fiquem invisíveis uma vez que eu faça algo e eu quero que eles tenham a mesma cor, como talvez verde. Ok, agora eu sei que este é o Facebook Aiken nós temos esta animação. E durante a animação, onde quer que você queira imprensa já temos a posição. Ok, então pegue isso, Aiken, pegue aqui atrás do telefone. E você vê, você tem o valor da posição. Clique no dedo do cronômetro, digite um quadro chave, vá um pouco para a frente e faça isso. Posso sair onde você quiser. Então você teria uma animação como essa. Boom. Ok, agora é muito estática, mas não importa. Esta é a nossa informação inicial. Em alguns segundos depois, você quer colocar outro quadro chave aqui, ou o que eu gosto de fazer é que eu gosto de apontar apenas tentando um pouco longe. Porque agora chegará a este ponto. Ele vai flutuar um pouco ao redor, e então ele vai voltar novamente. Então o pop back pode ser feito assim. Clique no F B e volte com ele. Esta será a sua primeira animação conectada. Se você quiser torná-lo melhor, por favor selecione este quadros-chave, clique com o botão direito na tecla do assistente Eazy e eles vão para o editor de gráficos. Ok. Afinal, eu não gosto deste porta-chaves. Não gosto que se mexa assim. Então eu poderia ajustá-lo, ou eu poderia simplesmente pegar um quadro de esqui gigantesco. A liga, este lugar, este aqui e agora ficaria no lugar. Boom. Fica no lugar, e depois volta. Agora, deixe-me ir de novo aqui, ok? Posso fazer isso um pouco mais rápido. Assim também. Boom. Bem, talvez um pouco rápido demais. Mais devagar aqui. Oh, ok. Muito, muito bom. Temos uma animação de estudo lento entrando e saindo. Esta foi a primeira coisa inicial que você quer ter feito dentro deste projeto. Por favor, vá para a próxima lição e continuaremos o trabalho lá. 7. Criando a animação WIGGLE: Bem-vindo de volta ao produto. Atualmente, temos algo assim. Por favor, clique no feixe e eu gostaria que a cor fosse a mesma. E veja o que você pode fazer com o feixe. Você não pode apenas usar a espessura inicial e final como esta, mas você também pode trabalhar com o curso. E eu gostaria que ele tivesse a mesma cor que o ícone. E eu não gosto da suavidade aqui, então é chamado de suavidade e você pode selecionar a suavidade para ser 0%. E eu gosto disso. Isso eu posso mais agora. E se você quer uma linha reta aqui, isso não é problema. Basta começar técnicas como aqui para, e você tem uma linha normal. Por favor, lembre-se disso. Ainda assim, aqui no Facebook. Você ainda pode adicionar mais efeito para ajustar a aparência. Por exemplo, eu poderia clicar com o botão direito em estilos de camada e eu poderia selecionar como traçado. Uma nova opção de traço apareceria aqui, e eu poderia ter uma cor diferente do meu traço por aqui como um traço branco fora do curso . Agora isso eu posso estar em primeiro lugar. O feixe deve estar atrás dele. Então o branco é invisível, mas isso é apenas um exemplo. Eu realmente não quero o branco. Certo, então temos esse ícone, mas isso é um pouco chato. Não está mexendo o que pode ser feito aqui. Você pode adicionar uma expressão de movimento a este pequeno ícone. Deixe-me mostrar como temos esse Facebook Aiken. Está aqui, e temos a posição. Temos quadros-chave de posição, mas ainda podemos adicionar uma expressão adicionalmente aos amigos chave para abrir o painel de expressão. Mais uma vez, selecione sua chave antiga esquerda e clique no cronômetro e você vê posição transformada apareceu , mas queremos uma expressão muito, muito simples. Basta digitar o wiggle, abrir as teclas de suporte e selecionar um e, como 30. Assim, durante um segundo, ele vai balançar uma vez por 30 pixels no valor de X e y. Então é assim que ficaria. Este ícone se mexe e, se isso for demais para você, selecione 10. Se isso for muito lento para você, selecione três wiggles por segundo. Então, três balanços por um segundo por 10 pixels. Seria um pouco mais rápido. Você vê, eu gosto daqueles mais lentos com esses. Talvez neste tipo de tese de animação. Então eu vou selecionar um movimento para 30 quadros como tínhamos inicialmente, e isso é tudo Não, esta é a animação e o Eiken Pope está de volta para a tela agora. Isso será uma questão fora, copiando tudo ao redor, fazendo ajustes e fazendo este produto parecer agradável, simples e fluido em sua composição geral. Ok, vamos seguir para a próxima lição onde vamos tentar mover este efeito sobre o dedo do outro do nosso Aiken. 8. Conectando todos os ícones: Olá e bem-vindo de volta na próxima lição. Então, já sabemos que o feixe se afeta a si mesmo. E o movimento X eficaz em si é a coisa mais importante nesta animação. Eu tenho o raio de mim e eu vou apenas duplicado. Vou colocá-lo aqui e vamos chamá-lo, por exemplo, Desculpe ter entrado nesta camada. Vamos chamá-lo de Twitter. Temos que estar no Twitter, e sabemos que os pontos de partida e de fim estão conectados de alguma forma. Temos que estar no Twitter, Mas esta seria a mesma linha. O ponto de partida pode ficar. É porque usamos o conector do meio para conectar todas as quatro linhas. E, claro, também deve estar sob o telefone. E o Twitter deve estar debaixo do telefone assim. Vamos fazer uma chamada semelhante para eles. Como roxo. Tudo bem. E agora no feixe Twitter, você precisa ajustar o ponto final. Pode abrir aqui. Você pode fazer toda esta tela maior aberto o efeito aberto um bean, e você precisa trabalhar com o ponto final. Temos o Twitter algures. OK, está aqui. Abra o Twitter ou apenas pessoa, espreite o dedo do pé abra sua posição e escolha o ponto final novamente. com a minha esquerda, volumoso e clique em l excluir expressões. Vou abrir expressões mais uma vez, e vou escolher com isso. Vamos pegar esse clique de distância e temos outra conexão, amigo. Agora, esta conexão deve ser para uma cor diferente. Boom como este pode ter uma espessura diferente. Se você quiser, podemos ajustar isso mais tarde. Agora podemos pegar o F B. Podemos pressioná-lo, e podemos copiar os quadros. Por favor, me avise se puder seguir porque fica um pouco complicado. Agora clique neste Twitter, coloque-o. Aqui estão os quadros-chave são e apenas controlar Vida. E digamos que o Twitter aparecerá mais tarde. Agora, o Twitter apareceria no mesmo lugar, mas não queremos isso. Então, o segundo quadro chave aqui, que o Twitter me deixou clicar nele. Twitter. Está bem, vai ser mais pequeno outra vez. Twitter deve aparecer em algum lugar aqui, e você vê a informação louca que está acontecendo agora. Boom! É porque o segundo quadro chave deve ser copiado sobre Copy Control V e boom! Lindo. Agora vou colocar um pouco mais tarde. Posso até fechá-la aqui no começo. E vamos pré-visualizar. O que temos nós? O primeiro temos o segundo. E se você quiser ser um pouco mais chique, você também pode abrir isso. Nós temos essa expressão e vamos fazer apenas um olhar diferente. Como 1,2 wiggles para 15 quadros, então eles serão um pouco diferentes. Você vê, ambos os ícones aparecem e o movimento neste objeto é um pouco mais louco do que neste. Oh, eu fiz eu não deveria fazer 1,2. Então isso seria diferente. Está bem. Lembre-se de definir um ponto aqui. Você pode fazer exatamente o mesmo para o objeto restante. Por favor, não vá mais longe até que você o tenha. E se você tiver algum problema, por favor me avise. Farei o mesmo pegando esses objetos, colocando-os no lado inferior. E eu vou copiar o feixe mais duas vezes. Controle de controle de feixe. Pise debaixo dele. E o segundo será pino de feixe e estará debaixo dele. Como você provavelmente se lembra, você precisa ajustar o ponto final. Eu vou fazer isso agora, então eu tenho meu feixe piscar e meu instantâneo aqui. Vamos ver a viga. Snap ponto final clique antigo, escolha chicote e selecione o snap Clique afastado. Oh, desculpe. Eu tenho alguns problemas aqui. Ponto final mais uma vez. Boom! Conecte a posição, Clique afastado e você deve ter a posição assim. Agora vejo que temos um erro aqui. Por que é isso? Fiz isso no Snapchat. E veja, é por isso que o ponto de ancoragem era tão importante. Você pode selecionar um plano atrás de com sua chave y e apenas colocar ponto de ancoragem no meio ou em qualquer lugar que você gostaria. Você também pode conectar esse ponto. Não é problema nenhum. Mas eu estava conectando o meio porque eu acho que isso parece muito legal. Agora é uma questão de copiar os quadros-chave para este objeto e ele terá outro snap. Ok, vamos verificar o último perto de encaixar perto de encaixar maneira ter pino e ser fixado. Vou abri-la. Vou abrir os efeitos. Vou abrir a viga. Temos o ponto final mais uma vez. Esquerda velho clique esquerdo, clique antigo e conecte a parede de posição. Whoa! Está bem. Obrigado. Depois dos efeitos. Isso foi ótimo. Mais uma vez, Posição clique de distância e você deve tê-lo assim. Fora do curso. Vejo que o Pinterest também tem o ponto de ancoragem. Estranho. Não sei porquê. Porque acabei de copiar este objecto. Mas digamos que este é o nome do jogo. E agora só precisamos copiar a posição. Os quadros-chave criam novas animações para isso e estaríamos prontos. 9. Ajustar e finalizar a composição: Ok. Bem-vinda de volta. Agora precisamos finalmente organizar o projeto porque ficou um pouco caótico porque tínhamos um monte de coisas para fazer. Eu defini a espessura final em todas essas camadas para 10. E esta é a nossa entrada inicial. Velho. Eu realmente gosto da animação. Os ícones estão aparecendo, e então eles estão voltando. Vou pressionar o controle A e eu pressioná-lo. Eu vejo um monte de amigos chave, mas na verdade, estes são apenas quadros chave de posição aqui. O que eu gostaria de fazer, eu gostaria de cortar essas camadas com minha chave de suporte antigo e esquerdo para o lugar onde Dicky quadro começa assim. Como este. E o último assim. Agora eu quero selecionar todas as camadas com quadros-chave e criar uma cor. Fordham. Vamos ficar com o roxo e deixe-me tentar colocá-los perto de si mesmos. Ok? Você. Então este é o momento em que os ícones aparecem. Camadas roxas serão nossas camadas de ajuste para fazer com que os ícones apareçam mais cedo ou mais tarde. Ok, agora eu quero ajustar os feixes. Os feixes estão bem. Eles estão perto um do outro e eles deveriam ter uma chamada. Deixe-me selecionar pessoal da CIA. Não sei se são feixes. Estes ícones de ar e estes determinam quando os ícones aparecem. Mas aqueles determinaram como ousar linha parece, então temos uma espessura final de 10. Temos conjunto colorista como este e bonito Se eu gostaria de mudar qualquer coisa, Eu posso ir para o ícone de acordo, por exemplo, eu acho que o Facebook eu posso estar mais longe. Eu pressiono você eu vou para este quadro chave. Eu coloco mais longe Controle Ver quadro chave VDs de controle para que eles não flutuem ao redor. E é assim que a animação acaba. O novo terno está acontecendo e os ícones um após o outro estão aparecendo e desaparecendo. Se você quiser colocar os ícones mais tarde pressioná-lo aqui, pegue todos os quadros de teclas e coloque-os mais tarde. Eu gostaria, por exemplo, eles desaparecessem em um momento, então eu pego o quadro chave coloque-o mais perto, coloque-o mais perto. Eles estão um pouco cambaleados agora coloque-o mais perto. Certo, é assim que temos. E se você quiser que a animação tenha um pouco mais de balanço um pouco mais de movimento. Você pode ativar o desfoque de movimento para esses movimentos. Então habilite o desfoque de movimento para todas essas camadas e habilitarei Deixe-me mostrá-lo a você. Vou ativar o desfoque de movimento para toda esta composição. Boom. Você vê o que acontece quando eu habilito o desfoque de movimento. Temos um pouco de borrão aqui. Será mais pesado para o seu PC, mas parece muito legal. Então esta seria a animação que será agora, é claro, de sua mais lenta. Vai ser só um pouco melhor. E agora todos esses ícones se lembram estão conectados a este conector do meio. Então, onde quer que este conector do meio esteja, este é o lugar onde tudo está conectado. Se você gostaria de ter cada Aiken separadamente, como o instantâneo aqui se interesse aqui o Twitter aqui, o Facebook aqui você precisaria toe duplicar este objeto quatro vezes. E cada vez que o ponto de partida do feixe de acordo deve ser conectado à posição do conector médio de acordo . Eu teria que renomeá-los como conector do meio FB conector do meio Twitter . E tudo depende de como eu quero que o projeto seja. Por enquanto, vou excluí-los porque eu faço assim, esta conexão do meio, porque faz com que a animação olhos verdes. Todos os ícones são semelhantes, mas ainda são diferentes. E agora seria uma questão de colorir este projeto, fazendo alguns menos ajustes para torná-lo pronto para publicação. Com esta lição, Eu expliquei para os passos mais importantes Temos tudo muito bem organizado, eo resto eu ainda posso ser uma cor como marrom. Ok, e agora o projeto parece muito melhor porque nós vemos o que está acontecendo aqui, e é muito fácil para nós ajustar. Eu quero lembrar que essas camadas são camadas com quadros-chave, e apenas para tornar isso mais visível, eu poderia ir camada de dedo no marcador, e eu vou notar que as camadas com os marcadores são as camadas onde eu posso ajustar a chave quadros. Se eu for mais tarde para este produto e eu esquecê-lo, você também pode pressionar em seu número no boom Starkey, e o marcador é editar. Se eu fosse mais preciso, eu iria adicioná-lo à posição onde os quadros-chave aparecem e desaparecem. Isso seria muito trabalho que eu não quero necessariamente ter agora. Então eu fecharia essa camada e isso seria agora um trabalho super profissional. Neste ponto, este seria um projeto muito limpo. Temos os marcadores, então sabemos quando os ícones desaparecem. Comida. Por favor, siga até a próxima lição onde eu vou mostrar-lhe como toe package, tudo para cima, como renderizá-lo e como tê-lo adequado para exibição ou para nossos produtos. 10. Adicionar uma camada de controle de cor: Eu gostaria de ser capaz de explorar minhas opções para as cores para que eu pudesse fazer uma camada de controle de cores global rápida e deixe-me mostrar como isso é feito. Você está certo, clique. Você seleciona novo à medida que seleciona um novo objeto nulo, que você chama de controle de cores. Este é o nome mais comum que você pode fazer efeito e também clicar em controle e selecionar controle de cores . Eu quero um controle de cores para o telefone, para os pés de notícias e para o fundo pelo menos eu posso chamá-lo como joelhos BG, pés, feed de notícias e pessoal Tudo bem agora, eu não preciso chamá-la esses objetos ou pegar seus cor. Mas já que temos aqui no noticiário tantos itens, vou escolher o Phil e aplicarei preenchimento aos pés de notícias. Então aplicarei Phil ao nosso passado. Não, não quero ver este vermelho, mas é um mal necessário. OK, vai os efeitos. Abra o BG e esta cor deve ser conectada agora a esta cor. Então eu vou fazer efeito. Eu vou ao filme e você vê onde as calorias apenas novamente. Clique antigo sobre ele. E a expressão deve ser ligada a essa cor BG. Então eu liguei isso à cor BG. E onde quer que mude essa cor, esse fundo funcionará de acordo com isso. E farei o mesmo pelo telefone e pelo canal de notícias do telefone. Você precisa abrir o telefone, você precisa abrir o conteúdo. E eu me lembro que o retângulo número um era o retângulo que definiu a cor para todo o telefone. Então abra, Retângulo 1 destruído. Não, não, é o Phil. Ok, dentro do filme temos alguém. Então, mais uma vez, nós tínhamos o telefone aqui, cor de clique velho e conectado ao carro do telefone. Perfeito. Agora este vermelho fica ainda pior. Mas eu quero explorar minhas opções para os pés de notícias. Abra os pés de notícias e em vez de conteúdo, temos efeitos. Temos que preencher um clique antigo e conectado com a cor do feed de notícias. Ok, nós temos o velho clicado. Esta expressão deve ser ligada aqui. A Angela selecionada, temos nosso controle de chamadas. Tudo está conectado entre si. E agora, se você quiser explorar rapidamente suas opções, basta selecionar o esquema de cores onde você tem alguns esquemas de cores e gosta do fundo. Esta notícia está bem? Parece ruim. E o telefone, como o Louis One. E esta seria uma maneira muito rápida de mudar todo o seu projeto. Não, não, não, mas não assim. Mas isto é apenas um exemplo. Você poderia fazer o mesmo por esses objetos. Você também pode se conectar à camada de controle do núcleo. Mais opções de controle de núcleo aqui, mais efeito de controle de cor e selecione. Eu poderia uma linha um Aiken para linha dois e você teria vários desses aqui. Tudo será conectado por cima de bobinar. E esta seria uma saída perfeita. Ser capaz de ajustar o seu projeto em uma mãe fora alguns cliques mais. Isso pode ser feito um pouco mais rápido selecionando camadas antigas fora e na caixa de pesquisa digitando cor. Porque sabemos que temos uma cor clara aqui. Então desta forma eu agi a cor muito rápido, então eu poderia apenas selecionar esse controle de cor agora e onde eu tenho eu posso um. Ele será aberto automaticamente aqui. E eu posso selecionar minha tecla til no meu teclado. Oh, desculpe. Não aqui. Posso selecionar o caixa. Sorte em fazê-lo em tela cheia. Agora sei que posso número um. Onde eu tenho isso? Facebook eo campo velho clique ligado chamador que eu posso, também. Abra o Twitter de novo. O velho clique conectou o meu país e este seria um pouco mais rápido. Então você seleciona até sorte. Dessa forma, você pode recitar tudo para ser tela cheia exatamente onde o mouse está apontando. Ele irá estender toda a tela, que você tenha um pouco mais de espaço para trabalhar, e esta seria uma maneira rápida de vinculá-lo. 11. Obrigado!: Ok. Chegamos no final. Como você pode ver, eu tinha o controle de cores conectado a todas as cores. Eu também defini alguns quadros chave no próprio telefone. Por isso terá uma entrada agradável e bom fechamento. E esta é toda a animação que preparamos. Agora podemos ajustá-lo muito livremente. Poderíamos até mudar as linhas reais conectando-as a diferentes conectores do meio. E este produto pode ser quase qualquer coisa que quiséssemos ser. Muito obrigado por seguir. E espero que tenha sido capaz de criar o mesmo tipo de projeto. Se você tiver algum problema, por favor me avise. Eu tento ajudá-lo e ter certeza de que você realmente criar este projeto, se você quiser. Acho que é uma coisa muito divertida de se fazer. E muito obrigado, Karen, por fazer a pergunta sobre como fazer isso. Foi muito divertido gravar sobre isso. Se você acha que este material merece uma boa revisão, por favor me deixe um polegar para cima. Uma crítica positiva. Este será o maior. Obrigado pode me dar mais uma vez. Espero que tenha gostado e te vejo no próximo.