Animação com princípio | Karim Balaa | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Animação com princípio

teacher avatar Karim Balaa, UI/UX & Product Designer

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

    • 1.

      Introdução

      0:27

    • 2.

      Baixar o princípio

      0:38

    • 3.

      Interface de princípio e animação básica

      5:40

    • 4.

      Planejamento e importação

      5:08

    • 5.

      Tela de introdução animadora

      10:35

    • 6.

      Drivers e interações

      14:33

    • 7.

      Exportação

      3:42

  • --
  • 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.

840

Estudantes

1

Projetos

Sobre este curso

Neste curso, vou tirar meu design do Sketch e mostrar como importá-lo no Princípio, criar animações de introdução e alguns desenhos de interação.

Conheça seu professor

Teacher Profile Image

Karim Balaa

UI/UX & Product Designer

Professor

Sup Skillshare dudes and dudettes! My name is Karim Balaa, I'm a freelance Creative Director from Ottawa Canada. Focusing on all thing digital. I like to think of myself as a problem solver that implements the right strategy, design and interaction. I love working with startups and help create a special experience for the digital world.

I've been fortunate to work for some amazing clients on amazing projects. Here are some of the peeps I've had the pleasure to work with:





Visualizar o perfil completo

Habilidades relacionadas

Design Design de UI/UX

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas 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. Introdução: Ei, pessoal. Bem-vindo à animação com princípios. Meu nome é Karen. Incomodar. Sou freelancer. Você eu e um monte de designer. Neste curso, eu estaria passando por princípio uma excelente ferramenta para criar animações e interações de forma rápida e fácil para seus designs. Vamos rever as ferramentas de princípio. E então vamos recriar a animação que vemos aqui do início ao fim sem que seja o caminho . 2. Download de princípios: Bem-vinda. E obrigado por se matricular na aula. Antes de começarmos, você vai precisar ir em frente e baixar e instalar o princípio, que você pode obter no principal para Mac Dot com. Você pode baixar o teste gratuito, que acredito durar 14 dias. Depois disso, você sempre pode comprá-lo sempre que quiser. A outra ferramenta que você precisa é esboço, que você pode baixar no aplicativo de esboço dot com, e parece que você está aqui. Você pode baixar o teste gratuito e comprá-lo sempre que quiser. Depois de ter esses dois baixados e instalados, você pode ir em frente e clicar no próximo vídeo. 3. Interface de princípio e animação básica: Ok, então você baixou e instalou o princípio. Essa deve ser a primeira tela que você vê. Uma vez que você abrir um novo documento, nós vamos apenas rever a interface geral do usuário. A seção superior aqui é onde você pode adicionar novos blocos. Então, por exemplo, se você clicar no retângulo, ele vai criar instantaneamente e você vai ouvir bem aqui. E este é um retângulo aqui. Ao lado há uma maneira de adicionar texto. Então, se você clicar nele, ele adiciona camada de texto a placa de arte uma vez que ele rapidamente que ele vai criar uma nova placa de arte no mais tarde. Verlander teve que pular entre quadros de arte. Vá em frente e coma este. Este é um recurso de importação de esboço que é muito útil e será usado no próximo vídeo. Uma vez que você clica sobre isso, ele abre um esboço, e ele importa. Qualquer que seja o documento de desenho que você tenha direto em princípio, você terá algumas características mais avançadas aqui que entrarão em liderança em seus motoristas e Adami. O grupo e Fordham Backwards são um grupo bastante auto-explicativo. Se você clicar em vários itens rapidamente no grupo em grupos, em seguida, em um anterior. De bom grado, este Fordham de volta simplesmente moveu camadas para frente e para trás. Aqui você tem suas ferramentas de alinhamento, mas apenas bastante simples aqui. Você tem suas propriedades para o mais tarde em que estiver. Por exemplo, estamos nesta carta agora, e você notará que as coordenadas X e Y mudam assim que você movê-la. mesmo com a largura e altura. É bastante simples como a rotação, que você possa girar seu objeto. Isto é uma habilidade. Ela poderia torná-lo maior e menor. Você rapacidade, direto e religioso. Ela poderia fazer alguns cantos arredondados. E estas são as suas cores. Esta é uma maneira de importar uma imagem para ocorrer em vez do quadrado. Só gosta de cozinhas. Este é o derrame. Crie um traçado no objeto. Como você pode ver aqui, você também pode adicionar sombras. Só um borrão para a sombra. Será apenas a direção também. E vamos entrar na vertical horizontal, uh, bit leader off. Então, o que? Esta figura também vamos aprender um pouco sobre os fundamentos da animação, em princípio. Vou apagar isso lá. Vamos fazer um vídeo muito simples de um quadrado. E quando você clicar nele, vamos transformá-lo em um círculo. Então nós temos o quadrado aqui, eu vou alinhá-lo no centro do quadro de arte. Então, uma vez que você clicar em um item do principal, você vai ver este pequeno ícone de flash aqui. Uma vez que você clicar sobre isso, você vai ter algumas propriedades. Então, para este caso, nós vamos dizer quando nós tocar neste caminho quadrado, quer dedo do pé, ir para uma nova tela. Então eu vou clicar e segurar, e eu vou rever o meu quadro de arte. O que isso vai fazer é duplicar o meu quadro de arte e criar outro com as mesmas propriedades já aqui. Então, agora mesmo, quando você clicar neste quadrado, ele vai para isso. Isso pode se estender. Não há nada diferente aqui. Então, por exemplo, eu só vou pegar isso e eu vou movê-lo para o topo. Mas eu também vou dizer quando você rápido neste rápido, toque rápido e ir para esta tela. Então, agora, quando você tocar neste quadrado, ele vai voltar para esta defesa, nosso livro, que foi dito, quando eles abrirem nossa pré-visualização aqui, ter um rápido botão de rebobinar aqui e agora quando eu passar por cima isso e colocá-lo sobre ele, ele se move para o topo rapidamente sobre ele novamente e mudou-se para a garrafa. Mas como eu disse antes, vamos conseguir. Quando você clicar nele, ele vai se transformar em círculo. Então vamos fazer isso. Então deixe-me pegar o quadrado, trazê-lo de volta para este centro também. E eu vou fazer o raio fora da praça como 100, o que é uma combinação para torná-lo em um círculo. Então, agora, se eu abri de volta a minha pré-visualização em um clique no quadrado, fechar o círculo vai para o quadrado. Isto dá-lhe uma ideia do básico fora da animação. Você pode fazer o que quiser. Então, por exemplo, quando você clica no círculo, podemos mudar sua cor, e ele vai naturalmente fazer a transição dessa cor para essa cor. Nós também podemos fazê-lo, uh, para fazê-lo se mover antes de obter uma sombra para ele. E então você poderia realmente fazer tudo isso quando você terminar e o diretor faz um ótimo trabalho de manter as animações agradáveis e suaves, para que eles sempre façam a transição entre as propriedades. Isso é basicamente o básico da animação e o U I de princípios e no próximo você vai seguir em frente e olhar para o esboço e olhar para o design dela e planejar como vamos importá-lo em princípio. 4. Planejamento e importação de seu planejamento: Ok, então aqui estamos nós no esboço. Agora, o objetivo principal de todo este curso realmente Teoh para ir sobre o princípio eo processo de animação lá dentro. Então, por isso já projetou a interface aqui no esboço, eu estou supondo que você provavelmente já tem um design bem, seja para celular ou um aplicativo Web, seja qual for o caso, que também funcionará para este caso. Fiz uma pequena simulação de um pedido para filmes. É uma maneira de você configurar talvez seus filmes favoritos ou algo assim. A idéia aqui é que você tem uma foto de perfil, um tipo de meus favoritos e, em seguida, sua lista de filmes. Há um monte que eu adicionei. Aqui eu apenas adicionar a miniatura, bem como o título e talvez as categorias do filme. E também fiz uma página de detalhes. Então, por exemplo, se você clicar em Kill Bill apenas aqui em baixo, nós queríamos ir para esta tela. Assim que eu definir essas duas páginas, agora é hora de pensar sobre como queremos que isso se anime. Como queremos que as transições apareçam quando você clica em um determinado filme e talvez como deseja que as páginas sejam carregadas. O que eu tinha em mente era quando você carrega a página inicial, esta página de perfil, nós faríamos tudo vir sobre este comediante muito rápido, mas em um coolly hum Então o que eu estava pensando é que possivelmente esta barra verde começaria fora da tela aqui e ele vai deslizar para baixo. Suba aqui em cima. Talvez a seta e o menu deslizem. E muito rapidamente, a imagem do perfil talvez seja pequena, e nós e nós a cultivamos muito rapidamente também. E nós fazíamos o feed do título, bem como esses filmes rapidamente aparecer um por um. Claro, talvez a parte de trás e o menu provavelmente não seriam animados em um cenário da vida real. Mas apenas para o bem deste tutorial, eu vou começar animá-los de novas maneiras. E depois pensei que tinha para o filme. Quando você clica em Kill Bill, por exemplo, a seção superior na seção inferior deslizaria para dentro e de cima a partir de baixo , e então o título viria, e de alguma forma talvez ele simplesmente desapareça em e deslize para cima muito rapidamente e mesma coisa com a descrição do filme. Agora que temos esse planejamento na cabeça dela e temos uma idéia de como queremos nos manter animados, é hora de ir em frente e importá-los para o esboço. Existem algumas maneiras de importar o arquivo. A maneira mais fácil é usar capturas, hum, recurso de importação. Então não sou esboços. Seus princípios importam mitri. Eu vou seguir em frente e princípio aberto e porque eu tenho o documento aberto no esboço se eu clicar, Importar vai reconhecer que eu tenho este documento aberto. AMEGen eu apenas clicar em importar, e ele faz um ótimo trabalho de importar rapidamente tudo em suas próprias camadas, dependendo de como eu tinha a estrutura de pastas no esboço, ele mantém essa estrutura de pastas, que é incrível. Hum, e isso, hum, nivelar o texto para que não seja mais ataques. Você não pode realmente editar texto aqui, mas é, hum, para o bem, é principalmente apenas os protótipos. Provavelmente nem precisamos que seja modificável, mas apenas algo para estar ciente. Parece que tudo importado corretamente, exceto o título aqui. Matar Bill para isso, há um problema. Com o mascaramento, que, por enquanto, vou deixar. Com o mascaramento, que , E quando chegarmos a esta secção, vou voltar a abortar apenas esta peça. Outra maneira de importar seus ativos é peça por peça. Então, por exemplo, se eu ir para esboçar e eu pedir que nós podemos fazer isso agora e eu clicar no título do Bill habilidade simplesmente copiar comando, ver, e abrir princípio e comando V ele importa com todos os seus propriedades. Por exemplo, a sombra aqui, Então copiar e colar funciona muito, muito bem entre esboço e princípio. A única coisa é que ele não tem posição no lugar da corrida, então nós vamos ter que movê-lo manualmente aqui. Agora que sabe que está no lugar certo, vou apagar o que está por trás. Então isso dá a você uma idéia de como é fácil obter seus projetos do esboço ao princípio. E no próximo vídeo, vamos em frente e começar a animar essas peças por peça 5. Animando a tela de introdução: Tudo bem, então estamos aqui agora. Em princípio, temos ambos os nossos quadros de arte. Estão todas em camadas e prontas para serem animadas. A primeira coisa que vamos fazer é como falamos no vídeo anterior. A primeira coisa que vamos fazer é como falamos no vídeo anterior. Nós vamos ter uma idéia de como queremos isso para Adami. Queremos que a caixa verde deslize. Queremos que a parte de trás e os ícones do menu venham das bordas. Ah, e a foto do perfil aqui para aparecer e os filmes, você vai aparecer individualmente e assim por diante. Então, vamos começar por. A primeira coisa que vamos fazer, na verdade, é nos certificarmos de que somos recebidos, então vamos apenas comandar rápido e salvar o que é garantir que estamos todos seguros, no entanto. Aplicativo de filmes de mina de carvão. Ok, hum, prisão vai fazer é eu vou clicar no meu quadro de arte de perfil. Vou clicar neste sinal de flash e, em seguida, clicar e segurar auto e colocá-la sobre o aeroporto aqui como, oh, e o que isso vai fazer que vai duplicar a minha arte. Entediado com todas as mesmas camadas no vínculo, tudo posiciona da maneira que deveria ser. Hum, eu vou agora, que renomeado estes são derrames o primeiro 1 que eu vou chamar um perfil vazio. E o 2º 1 que vou chamar é só perfil. Tão vazio é porque inicialmente ele vai estar vazio. E então todos esses itens virão super rápido, mas de uma forma legal, eu vou rápido na minha caixa verde e novamente Ah, movê-lo todo o caminho para cima. Então, por padrão, ele está acima da tela, então eu não posso vê-lo. E você percebe que ele muda em uma pré-visualização aqui. Agora, assim que eu vou mover meu cursor do mouse para a tela, notar que ele se anima na bagunça porque auto ah, ele vem por si só. Então é assim tão fácil, e nós já temos um pouco de animação acontecendo. Hum, vamos começar tudo chegando, e então nós vamos consertar o tempo. A próxima coisa que vamos fazer é pairar sobre a flecha que está aqui, movendo-se da tela. Eu também vou fazer a mesma coisa para o menu aqui. Certo, vamos fazer uma prévia rápida. Vou ter que notar que todos os que vieram fizeram a mesma coisa com uma foto de perfil. Vou mudar a escala para zero, significa que é tão pequena que não existe. E, uh, ainda pré-visualização agora, rapidamente. O vídeo que você percebe. Estou pairando aqui. Tudo está vindo agora. Tudo vem ao mesmo tempo, então não parece legal. Não há “ah “, como movimento fluido. Parece um pouco robótico. Os momentos, mas vamos consertar isso. Eu também vou pegar meus favoritos, e eu vou mudar a opacidade. 20 Então isso vai alimentá-lo. Então, agora que temos, um, todas essas animações de ah configuradas, vamos consertar com o tempo. Vamos fazer esses filmes logo depois, mas por enquanto, vamos cuidar de toda a área de cima. Então eu vou clicar na seta aqui, que é a transição entre esses dois, e isso vai aparecer uma linha do tempo aqui na parte inferior com todas as camadas e como eles estão, uh, uh, como e quando estão se movendo. Então, atualmente, por padrão, todos eles levam exatamente 0,3 segundos. Você notou que 0,3 aparece quando eu seguro o amigo-chave aqui. E não há fácil no aviso de padrão aqui para todos e ele diz o que ele está se movendo. Por exemplo, dos meus favoritos é apenas mudar a capacidade. O perfil está mudando a escala. O cardápio está bom. É a abolição x? Assim como a parte de trás e o engarrafado com posição branca. Então, um, primeiro vamos fazer é eu vou pegar todos os pontos aqui, e eu vou levá-los, talvez até um segundo. Isso pode ser muito longo, mas a linha reta para fora e ver como isso parece. E a próxima coisa que vou fazer é bem, vou selecionar tudo isso. Eu vou mudar a flexibilização para ser, um, tipo, uma facilidade muito forte de entrar e aliviar e o que é isso, eu vou usar uma província personalizada. Você vai desistir de um 001 e isso cria essa forma. O que significa que vai chegar super rápido, mais devagar, e então vai e super rápido clique enter. Então agora todos eles entram com esse efeito. Vamos ver como isso parece. Vou clicar no botão de rebobinar aqui. Vou pairar para baixo. Reparaste que agora todos eles têm que os afectar? Eles também vou tomar um segundo, escolhê-lo um pouco de um pouco de tempo, para que você possa ver que está animando e parece legal. Uma coisa que parece um pouco estranha agora é que todos entram ao mesmo tempo . Então vamos dar um pouco fora da vida e, hum, fazê-los ir um pouco diferentes momentos. A primeira coisa que tens de fazer é talvez ter a caixa verde a vir sozinha. Então esta é a caixa verde aqui. Hum, e eu vou ter o perfil vindo logo depois e depois o menu lá atrás. Ah, minha história de custo depois disso e os meus favoritos são libertados um pouco depois disso. Então é tudo super sutil, mas cria um pouco de efeito legal. Tão rápido rebobinar que você percebe. Agora, perfil entra, então desliza para baixo e parece bem legal. Isso é isso. Bastante fácil. Agora, vamos fazer os filmes. Vamos fazer com que todos os filmes venham individualmente, o que vai parecer legal. Vamos fazer com que todos os filmes venham individualmente, Amo isso. Mais trabalho. Mas no final, acho que vai ser um bom pagamento. Então eu vou clicar sobre isso, e atualmente está em uma pasta duas vezes rápido nessa pasta e anos todas as minhas camadas, assim como eles não foram esboços hum e eles são ordenados da maneira certa. Por exemplo, Toy Story está no topo depois do futuro Coração Valente e você percebe que a ordem aqui é a mesma, que só vai tornar mais fácil para nós Tammy. Vou clicar em todos esses filmes e, novamente, estou no carro. Estou na tela inicial aqui. Quando estiver tudo vazio e eu vou movê-los para baixo, eu vou segurar Shift e colocar a seta para baixo 12345 Então 50 pixels e eu também vou fazer todos eles zero uma passagem E Então agora eles estão todos invisíveis e eles estão um pouco para baixo. E aqui estão eles na posição certa e sua capacidade total, mesma coisa aqui. Vou selecionar todos eles. E eu vou mudar o efeito de atenuação da mesma coisa. 1001 Tão forte, fácil de entrar e sair, e eu vou fazê-los todos também levar um segundo. Vamos ver como isso parece primeiro, e depois vamos consertar a escalada como pensávamos. Todos eles deslizam de novo. Eles estão chegando na mesma hora, que parece um pouco estranho, mas vamos consertar isso. Então, isso é ... Vamos levá-los de um jeito. Bem, então vamos voltar para o futuro agora e movê-lo um pouco depois da Toy Story. Talvez 0,5, então muito sutil. E os outros 1 a 10. Sou brincadeira de criança. 15. O chá é a cada 20 perus interestelares 25. Então é super acertado, mas eles vêm um pouco, um após o outro. Ok, então vamos ver como isso parece. Aqui vamos nós. Então talvez eles precisem estar se movendo um pouco. Ah, mais de 50 pixels. Eu vou levar todos os filmes aqui, e eu vou movê-los para baixo. Outros 12345 Outros 50 pixels, o que fará essa transição um pouco. Lá vamos nós. O que é melhor? Isso é muito legal. Uma coisa vai fazer é fazer com que todos os filmes venham um pouco depois. Então você vê os outros itens de cabeçalho entrar. E então, bem, ele está vindo. Vamos selecioná-los todos sendo arrastados para algum lugar. Talvez em algum lugar aqui, meio segundo, e todos eles vão entrar. Então todos os juntos estão tomando um segundo e meio. Então é quase nada, mas cria um caso legal. Nós vamos bem legal. Então isso é fato. No próximo vídeo, vamos fazer algumas interações. No próximo vídeo, Então quando você, uh, quando você deslizar para cá, nós vamos ter esses filmes para cima, e nós vamos encolher a, uh, uh, foto do perfil. Hum, eu sei sobre o tipo de coisas. Então vá em frente e coloque o próximo vídeo, e vamos para essa seção. 6. Os drivers e interações: Tudo bem, agora que temos a animação de introdução parecendo legal, vamos adicionar algumas agora que temos a animação de introdução parecendo legal, vamos adicionar algumas interações aqui. Então, quando você rolar para cima para fazer essa pequena transição aqui, um, então aqui, nós vamos entrar nos motoristas. Então, quando você clica em drivers aqui em cima, hum , na verdade, antes de fazer isso, mas , uh, o que nós queremos fazer é fazer deste filme, ser algo que você pode rolar. Então, quando você clica nos filmes aqui e você vai para a esquerda aqui e sob vertical Rápido isso e rolagem rápida. Então, o que isso significa Deixe-me ir com uma bonita agora o quê? Isso significa que esta casa é credível? Simplesmente assim? Não está fazendo o que ele quer, mas vamos consertar isso. Então o que nós agora que isso é cruel Herbal em seu grupo aqui, um, você pega o ponto aqui e arrastá-lo para cima aqui porque nós queremos que ele rolar de aqui para aqui. E nós também queremos rolar para o final do regional nele, Faça isso e mover este ano. Também vou acelerar esta coisa aqui, que diz, equipar alguns da Blair quando eu sair e isso desaparecer. Então, quando eu voltar para a minha linha de pré-visualização e deslizar para cima Então você notou como este pergaminho aqui. Agora, a razão pela qual apenas vai aqui é porque, hum, o filme acabou aqui. Então, se eu pegar isso e movê-lo para cá, volte aqui. Agora posso dormir um pouco mais alto. Hum, então vamos fazer isso em algum lugar por aqui. Ok? Então agora temos agora que temos este efeito de rolagem se formos para motoristas. Ah, você vai notar que eu tenho uma linha do tempo aqui. E se eu pegar este filme da linha do tempo, é praticamente uma linha do tempo dos efeitos de pergaminho. Então, hum, para que possamos fazer certas coisas acontecerem em certos pontos dessa cruel. Verá o que quero dizer em um minuto. Hum, então nós queremos quando você rolar, então eu vou levar isso e dragão. Queremos quando você rolar para aqui em torno deste ponto bem aqui. Queremos que essa imagem comece a encolher, então eu vou clicar nessa imagem, e eu vou clicar no lado positivo aqui, e eu quero mudar sua escala. Então eu vou adicionar uma moldura chave bem aqui. O que vai começar neste ponto da escola e eu vou acabar com isso. Mas é nestes pontos deste cruel e o que isso vai fazer que a escala vai se tornar C 0.3, Hum, bem como queremos que a posição Y mude. Então eu vou adicionar outro quadro chave no mesmo ponto aqui, que é a posição Y e que eu tenho e voltar a isso. Mantenha-se aqui e eu vou fazer com que seja bem aqui. Então só com isso, você vai notar agora enquanto eu estou rolando. E quando eu chegar a este ponto no tempo, esta animação vai começar e vai empurrar isto para baixo e boom stick aqui. Então, ainda há alguns problemas aqui como você percebe, e vamos resolver isso. Então o problema aqui é que esse efeito escolar está chegando muito alto. Então eu vou pegar isso e eu vou arrastá-lo para baixo por aqui. Eu também vou fazer talvez essa escala descer um pouco mais. Talvez 0,2. Eu não entendo, mas oops. Vou subir sua posição apenas o ataque. Então olhe de novo. Então, quando chega aqui, quem aparece e quer saber? Eu vou fazer isso, uh, uh, começar a chegar um pouco mais rápido quando eu pegar esses dois quadros chave vai movê-los bem aqui, vai fazer com que ele comece a se mover um pouco mais cedo. Muito legal. Outra coisa que vamos fazer é torná-los meus favoritos. Libertado, hum, por aqui. Então eu vou rápido em meus favoritos, e eu vou clicar no sinal de mais aqui e ir para uma passagem E e I Isto aponta, eu vou fazer com que a capacidade zero seja o mesmo negócio. Uh, quando chega a este ponto no tempo começa a alimentar-se esta coisa começa a empurrar. Bastante simples. Vamos para a nossa pré-visualização tentando efeito tão simples e muito legal. Tudo bem. A próxima coisa que vamos fazer é fazera transição do projeto de lei da morte. A próxima coisa que vamos fazer é fazer Quando clicar nisso, vai ser Adami. Ah, o filme está chegando. Então, Então, vamos clicar no filme “Matar Bill”. Então, se eu clicar duas vezes aqui indo para este grupo, clique na pasta e então clique no clique na pasta e então clique nosinal flash aqui, e queremos que isso seja um toque. sinal flash aqui, Então, quando você tocar nele, nós vamos para esta tela aqui. Então, se eu tentar isso agora, mas ele vai imediatamente porque não há transições, mas vamos fazer isso em um segundo. Já que estou aqui, também vou conseguir quando você colocar a parte de trás. Mas vamos voltar para a tela aqui, só para termos uma maneira de ir e voltar. Certo, então vamos ter um conceito semelhante ao que fizemos aqui. Então, por padrão, todos eles vão entrar. Vai ser bem simples e rápido. Então, Então, o que eu vou fazer aqui é clicar em todo esse quadro de arte. Fez a mesma coisa rapidamente com este Goto Otto e ir para cá. Hum, então quando você tocar neste tipo de ir aqui, então ele vai para aqui. Dito isso agora, nesta tela, podemos fazer algumas coisas. Por exemplo, vamos fazer com que esta caixa amarela seja toda a forma difícil. Nós vamos fazer esta seção inferior todo o caminho para baixo e nós vamos fazer esses três, uh, opacidade zero, e nós vamos fazer eles também bater um pouco para baixo. 12345 E a mesma coisa com o título. Vamos fazer com que seja a capacidade zero, e vamos movê-la. Ah, vamos ver este vindo de cima. Então, vou desistir. 12345 Então agora rápido, no carro aqui. São todas as minhas transições de novo. Neste momento, não há flexibilização ou nenhum momento real para todos eles. Mas vamos fazer o que fizemos com a primeira tela. Pegue isso Oh, faça-os um segundo e pegue um seleto. Todos eles de novo e rápido. Esta na mesma posição 1001 Só assim tem uma sensação consistente para a rua inicial. Vamos ver como isso parece, sério? Vamos ver como isso parece, Não há tempo, e todos eles vêm ao mesmo tempo, mas ainda bem legal. Algo errado aqui. Observe que há algo errado com o ano de filmes, mas tudo bem, então vamos tentar agora clique em Kill Bill. Vá. Então está faltando alguns, uh, alguns efeitos legais, por exemplo, como a tela se move da tela para a outra tela, mas vamos corrigir isso em um segundo. A primeira coisa que quero ver é por que isso voltou? Mas não está funcionando. Acho que sei porquê. É porque não ligamos a partir daqui tão rápido. Aqui. Volte só para que possamos ver as animações dela. Vamos tentar de novo. Boom, Boom! Então, o que está fazendo com que não pareça muito legal? É o fato de que ele salta rapidamente da outra tela para esta tela? Hum, o jeito que devemos fazer é que esses itens saem da tela e então o outro vem ,entra. , Então o que vamos fazer é pegar esses filmes e vamos levá-los para essa obra de arte. Mas o que vamos fazer, na verdade, antes de eu fazer isso, deixe-me voltar para os motoristas e voltar para o primeiro quadro do tee. Mas o que vamos fazer, na verdade, na verdade, antes de eu fazer isso, Então, estamos vendo isso. A inicial. Quero uma citação zero aqui. Então eu vou clicar nesses filmes, e eu vou colá-los neste quadro de arte, e eu vou desvanecê-los. Então opacidade zero. Eu também vou movê-los um pouco para baixo. Então o que isso faz é quando eu clico em Kill Bill em vez de ele saltar rapidamente. Estes filmes vão desaparecer e deslizar para baixo. Eu vou fazer o mesmo por esses caras aqui. Então a caixa verde e a foto do perfil e os meus favoritos vão copiá-los todos, colá-los aqui e talvez a caixa verde. Vou fazer deslizar para cima, hum, perfil. Vou fazer com que vá à escala zero e os favoritos. Vou fazer com que isso surte. Veja como isso parece rápido. Tão rápido. Mata o Bill. Estava um pouco lento agora. Leva algum tempo. E também, uma coisa importante é a cor de fundo, todas as mudanças, o que faz com que pareça bastante dura. Vou clicar neste quadro de arte, e notei que está o Phil. Você vai mudar esse dedo branco. Vamos ver como isso parece chegar lá quando a razão pela qual eu ainda pulo o preto é porque este aeroporto aqui é preto. Então eu vou parar com este refil rápido que branco também. E as coisas iam ficar muito mais suaves. Agora acho que acerte sua conta. Boom, boom, boom. Ótima. Legal. Coloque a arma traseira rapidamente salta aqui, um, um, clicando na parte de trás. Mas então deixe-me levar isso aqui. Este quadro apaga a transição aqui. Este quarto. Está bem. Ok, então isso é muito legal. Olha para isto mais uma vez. Novamente, algo está confuso aqui um pouco, mas está tudo bem. Você tem a idéia da lição inicial com sobre isso isso sai estes vato. Isso vem bem legal. Então, alguns dos efeitos legais que você pode fazer se você quiser brincar com as opções fáceis. Então deixe-me, por exemplo, voltar à nossa inicial Ah, introdução inicial. Rápido na linha aqui. E vamos ver o perfil. Posso mudar este costume para algo como primavera, o que lhe dará um equilíbrio. O efeito eso você olha agora, quero dizer pré-visualização, voltar, notar como este tipo de saltos e tem um pouco de equilíbrio para ele. Então você pode brincar com alguns desses que você não precisa sempre usar o cliente. Fato que você pode brincar com os pré construídos. Mas sim, a primavera é bem legal. Mas sim, Está dentro e fora são bastante comuns. , Mais uma vez, você tem controle completo com, uh, com isso aqui. Então, se você sabe suas coordenadas, aqui, você pode fazer alguns efeitos legais. Então essa é basicamente a essência da lição. Hum, no vídeo a seguir, eu vou apenas mostrar algumas técnicas legais de exportação sobre como você pode obter isso em um GIF animado, uh, e até mesmo configurá-lo de uma forma onde você pode postá-lo para Drible ou algo assim. 7. Como exportar: Tudo bem. Hum, algumas maneiras agora, como podemos exportar são animação. Então, um par de coisas realmente legais em princípio é que ele tem uma maneira de você exportá-lo. Espere, espere. Se você clicar no ícone de vídeo aqui e você pode ver como deseja exportar isso, você quer que ele seja um cursor de toque? O que significa que é aquele cursor de círculo e seta, que é apenas o cursor que você vê aqui. Ou você pode ocultar completamente o cursor. , Para nós, vai ser um cursor de toque porque isto é um cochilo. Meu rápido nisso você percebe começa a girar aqui e agora ele está gravando minha ação. Então você não percebe. Eu faço. Esse boom no vídeo faz isso. Então eu clico novamente no vídeo e ele não vai me pedir para salvar isso. Eu poderia guardá-lo como um arquivo de filme. Ah, ou um presente. Então, se eu clicar, vamos fazer um presente, e você pode definir o tamanho. Então vou ligar para isso, uh, uh, mesma coisa. Sempre o app salvar. Dê-lhe um minuto. Uma coisa sobre presentes é que eles poderiam ocupar e tirá-lo do espaço. Eles poderiam facilmente, uh, saltar para 50 coisas mais ou menos, se não mais depende do tamanho do arquivo. Quanta cores tem aí? E também a qualidade geralmente diminui. Então, se você está planejando postar isso como um drible shot ou algo assim, você pode precisar do Teoh. Leve isso para a loja de fotos. Fomos dizer isto como um filme de filha. Primeiro importe isso para a loja de fotos a partir de seu jogo com suas configurações. Quando você está economizando para Web, hum, até você encontrar o ponto ideal onde ele está fora do tamanho de arquivo decente, bem como que ainda parece bom. Mas aqui está o nosso presente agora, então vamos ter uma ideia do quão grande isto é. Então isso foi de 15 megabytes Hope. Nada mal, mas ainda é, uh, muito grande. Então ele economizou em tamanho 100, que é destinado para um drible shot. Realmente geralmente 800 por 600 é a placa de reconhecimento, e você percebe aqui que economiza em movimentos de mercearia, e fizemos muito legal. Um, o presente também tem um pouco de uma sombra dura gota aqui, Então, se você está planejando em salvá-lo como um presente e mostrá-lo em uma apresentação ou um drible Shots. Eu realmente não recomendo isso só porque ele sai com Ah, e tem uma sombra bastante dura. E você não tem espaço para talvez colocar um fundo ou algo assim. Então, novamente, eu recomendaria salvá-lo como ele não faz mamíferos e arquivo e, em seguida, importá-lo mesmo para efeitos após, se você quiser e teve alguns efeitos pouco legais para ele, como colocá-lo em um completo ou alguma coisa. E então, a partir daí, exportá-lo pode, como eu vou ser arquivado que importá-lo para a loja de fotos. E daí você foi exportado como um presente. Se tiver alguma pergunta, fique à vontade para deixar qualquer pergunta nos comentários, e farei omeu melhor para voltar para você. Se tiver alguma pergunta, fique à vontade para deixar qualquer pergunta nos comentários, e farei o Uh, isso é praticamente tudo para o curso. Espero que tenham gostado. Espero que tenhas aprendido alguma coisa. , Mais uma vez, sinta-se à vontade para me fazer qualquer pergunta aqui para ajudar. Muito obrigado.