Crie um mundo de emoções animadas com o Invision Studio | Nicole Wolf | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Crie um mundo de emoções animadas com o Invision Studio

teacher avatar Nicole Wolf

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

      1:28

    • 2.

      Introdução

      7:52

    • 3.

      Criação do design

      8:53

    • 4.

      Animações de introdução

      7:55

    • 5.

      Animação no mundo em Emoção

      10:10

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

992

Estudantes

3

Projetos

Sobre este curso

Neste curso, vou mostrar como criar um mundo de emoção animado para uma loja online. Não é necessário . Vou mostrar como usar as ferramentas do InvisionStudio para criar vários elementos e como mudar por um. Você vai aprender o que é importante na primeira página de uma loja online e o que não é necessário. Este curso é para qualquer pessoa que esteja interessado em no design de UI de usuário, especialmente para um design de e-commerce amigável.

O que você aprenderá

  • Trabalhando com o InvisionStudio Porque o InvisionStudio é a minha melhor opção para criar uma apresentação do seu design Com a ajuda das instruções passo a passo É importante ter uma visão de que programas trazem você para o sucesso.
  • começar a criar um design de to você vai aprender a começar a criar um design de UI. Neste passo, vou mostrar como criar um cabeçalho de uma página e como criar ícones. Vou explicar o que eu de trabalho a cada passo e a forma de trabalhar com isso. As habilidades que você vai aprender neste curso vai ser importante porque você vai ajudar você a se tornar um designer de UI Designer.
  • Emotion World + conteúdo da primeira visão da página depois de terminar em alguns deles em cada dia a partir de cabeça + ícones temos uma olhada no que é importante na primeira visão da Pág, Pinos de vista.
    Vamos discutir o que seu cliente é necessário .

  • Criar uma animação com InvisionStudioI
    Passo a passo Mostrarei como você pode adicionar animações aos seus desenhos. Além de eu vou dar algumas dicas sobre como criar efeitos de fade legal.

6e04853

Conheça seu professor

Teacher Profile Image

Nicole Wolf

Professor

Hello, I'm Nicole. Frontend Dev @8mylez Shopware Agency.

Visualizar o perfil completo

Level: Beginner

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: Olá e bem-vindos à aula de compartilhamento muscular. Meu nome é Nick Evolve. Tenho 21 anos. Eu vivo junto com a minha pequena foto de gato em Paderborn, Alemanha. Estou a trabalhar a oito milhas. Somos especializados em lojas online. Estamos trabalhando com a loja do sistema de comércio lá e, no entanto, na nossa agência, é tudo ao redor. Apenas rubricar na minha agência. Estou trabalhando como desenvolvedor de front-end. E você eu desenhei com minha equipe. Juntos estamos focados em como projetar uma loja online e também como desenvolvê-las em meus carros. Vou apresentar-lhe o básico fora do estúdio imaginado e como você cria um amigo. Você que eu desenhei, não precisa de experiência. Estaremos focados no fluxo de trabalho prático e mostrarei como aplicá-lo em seu trabalho diário . Se você vai projetar um mundo emocional para a sua loja on-line também, eu mostrar-lhe como você pode qualquer fez o seu mundo emoção Na primeira parte estávamos sendo focados no design e eu posso Então eu vou mostrar-lhe como montar um projeto e sua estrutura em o fim desta causa você será capaz de criar e design completo com animações no estúdio previsto, então fique atento e vamos começar. 2. Introdução: Olá e bem-vindos à primeira lição da minha turma. Nesta primeira parte, eu gosto de mostrar a vocês estúdios de visão, interface e alguns atalhos. Começamos agora explicando a tela de boas-vindas. Então aqui está a tela de boas-vindas que você tem aqui. A versão aqui é o seu último projeto. Ou você pode adicionar alguns fora da nuvem que você tem aqui alguns dispositivos que você deseja usar como a marca. Não, é o tamanho que você está fora para fazer. Aqui temos. O recurso é onde você pode amar do suporte do estúdio ou dar feedback. E aqui você tem os tutoriais onde você pode Não. E aqui você pode abrir seu estúdio também são importantes. Seu disparo de sketch. Na próxima parte, abriremos o dispositivo que eu faço. Mas agora nós apenas abrir as animações determinantes. Acabamos de abrir o tutorial de animação. E agora você vê, aqui estão dois quadros de arte e alguns grupos fora dos quadros de arte. Você tem aqui a introdução em como você pode na animação. Mas agora nós apenas olhar sobre o como para a animação. E então vamos para um espaço em branco com e eu vou mostrar-lhe como trabalhar com o InVision Studio. Selecionamos o Grupo um fora do Aeroporto e clicamos no Thunder e no livro de animação Toe Art. Então usamos o gatilho, deslizamos para a direita e a emoção e agora salvamos e pronto. Esta é a animação. E aqui podemos no botão play localizado. Então, como você pode ver, aqui está a primeira parte são. E quando eu varri para a direita você vê como a animação vai funcionar. Embora esta seja a primeira introdução, como você pode usar animações Mas eu vou mostrar-lhe em detalhes nas próximas lições como você pode adicionar quaisquer nações. Tudo bem agora, volta ao Blanken foi onde eu vou te mostrar algumas apresentações. Como usar o estúdio de invasão. Podemos começar com terminando re formigamento muito fácil. Você só seleciona o ar e Kendrick. Quão grande ele quer também pode editar o emaranhado re com estas camadas e também outras formas gostam de circular ou com alguns rádios Bader sob o lado direito. Você pode ver o que você pode fazer com o com suas camadas, como, por exemplo, colocá-lo no meio, no centro do seu quadro de arte. Então você pode sentir os Conners. Apenas deixe-os. Você considera as cores que você pode adicionar alguma borda ou sombra ou em um abrigo. E aqui todos vocês, Assim como as interações para as animações. Tudo bem, então você pode em alguns outros. Hum, então nós podemos anúncios. Isso é colocá-lo aqui. Então podemos adicionar algum texto. Você pode selecionar aqui, ou você está apenas pressionando TV? E então você pode Oh, eu entro em contato com algo como, Sim, vamos digitar algo melhor. Pizza é o melhor. - Legal. Então, sim, você pode ver aqui que está consertado. Estúdio InVision. Você tem dois tamanhos que você pode usar para fora Oh, por isso não é responsivo ou usar fixo. Então é uma resposta sobre o tamanho que você quer. Isso é muito legal. Agora podemos. O tamanho é a linha. Haith Way pode mudar ousadamente a cidade alta. É como se você pudesse fazer tudo básico muito simples para você entender como e regime está funcionando. É o mesmo que você trabalha no sketch ou em 60. Está bem, vamos continuar. Você vê à esquerda, a parte Arca e as páginas que você pode em algumas páginas diferentes. Por exemplo, se você estiver no fluxo e tiver mais páginas, como sobre nós ou uma página, faça check-out e então você poderá alternar para outra página. E aqui você tem o popa fora da página selecionada. Agora você pode e você não pode A arte trouxe Então, por exemplo, este seria o meu lado da frente, meu iemenita, meu mundo emocional. E depois continuamos com a listagem fora. O choque é muito fácil. Toe adiciona mais motores de popa. Você pode mudar de ambos, ea coisa mais legal fora deste para fora é que você pode adicionar animações, mas eu vou mostrá-lo para você na próxima lista. Agora mostre como você pode no grupo selecionado. Então faça o comando G. E agora é um grupo. Você também está no grupo. Você também pode marcar tudo e para outro grupo, e você vai para outro e outro. E se você quiser mudar de nome, você pode apenas clicar duas vezes sobre o nome e nomeá-lo como Peter, e então você pode fazer entrar em qualquer um para entrar e o grupo mudou. Mas se você quiser mudar cada grupo, você pode clicar duas vezes sobre ele e, em seguida, ir com toque como pizza para a nossa árvore de pizza. Espero que entenda o que quero dizer a ele. Então, se você terminou com nossas renomeações, basta colocar na extremidade enter. É seguro. Estes são os conceitos básicos. Como você pode adicionar alguns emaranhados re, como você colocar no elemento. Agora eu vou mostrar-lhe casa me implementar imagens e nós os dimensionamos, certo? Tudo bem. Eu apenas apago tudo no Ark Park porque eu faço agora o grande retornável e mostrar-lhe como implementar uma imagem. Basta direcionar uma foto neste arquivo. E como você pode ver, a imagem é realmente grande e não se encaixa no ascendente. Você só pode arrastá-lo para baixo. E agora está do lado direito. Mas você também pode o que eu faria através de uma máscara no emaranhado re como este. Outra imagem se encaixa na máscara para que você não pode gravar em decisões que você quer, e você agora pode direcionar posição como você deseja. E é perfeito para seus suspiros. Não, só copio e colo o nosso barco. Então você tem uma corrida de couro e quando você quer outra foto, são o tamanho é o mesmo que a imagem que você tem aqui. Você pode simplesmente ir em enchimentos e beber e selecionar a outra imagem. Você não vai gostar disso. E como você pode ver, uma ciência é agora o mesmo nós o primeiro filme. E agora você pode. Se você quiser um disco como você, eu faria. E tudo bem, pessoal, espero que com esta pequena introdução à visão, eu possa mostrar-vos como vocês podem usar. Imaginar. E agora vamos começar. E a próxima lição estaremos criando o cabeçalho e o controle deslizante. Vejo você na próxima lição 3. Criação do design: Voltaremos para a minha aula. Todos, Nós estaremos agora criando o projeto. Vamos começar com o cabeçalho. Eu vou te dizer por que eu escolhi esse design. Vamos criar a manchete deslizante com os produtos. E no final, estaremos criando a animação desse design. Então vamos começar. Eu crio agora e você lado e cria o getter para o motor de popa. Você pode escolher 12 colunas, mas eu também gosto de usar a grade porque você pode fazer melhor. Os espaços entre os elementos. Começo agora com o local sob o lado esquerdo. Sim, começo com o logotipo usado. O fundo, família, os corações de verão e , sim, um pouco maiores, eu acho. Como este. Uh, sim. Então e coloque-o no topo assim. Então vamos criar navegação aqui. Eu tenho que usar o fundo de luz de areia movediça e de fundo suspira fora. Sim, ele. Em seguida, haverá colocá-lo no subsolo que tudo está na linha. Tudo bem, então. Fiz a navegação na loja. Eu já preparei alguns que eu posso o que também é muito legal na visão, você tem que moldar o seu eu posso se é ah, Quanto a G, eu posso Então eu posso agora fazer grupo fora dele e redimensioná-lo como eu quero um pouco mais de espaço entre a navegação como esta tendo depois que eu faço o cartão de compras. Não para que você possa ver meu projeto, a quantidade, e isso será sim, isso vai ser assim. Ok, isso é o quão pequeno eles eu penso assim. E, sim, coloque no meio do eu posso e vamos adicionar os outros Icann como o usuário que eu puder. Eles também estão fazendo um grupo fora disso. Chame-o Hughes er, e você o tamanho para Desai como um cartão de compras. Certo, acho que é um pouco maior. Então eu decido isso de novo? Como isso? Não, eu me inscrevi para procurar. Eu também posso grupo ID e nomeá-lo. Então redimensione para o tamanho que precisa de nós. Olhe que está na grão certa. Então parece semelhante aos outros assim. E o cabeçalho da página está pronto. Eu tentei fazer o cabeçalho muitos moinho porque quando o Kozma vem no mundo emocional, a primeira asa que ele vê é o grande controle deslizante. Queremos nos concentrar sob o olho catcher e esta é a grande imagem do produto clientes para que os clientes possam ver o que ele está vendendo. Estou criando os grandes controles deslizantes. Já te mostrei como insinuo imagens. Primeiro deixei cair uma leitura. Não, penso neste tamanho. E eu vi agora que eu esqueci um que eu posso sob no menu do lado direito é o grupo da Srta. IFOR . Então podemos redimensioná-lo. Tudo bem então, volta ao re tango. Eu acho que este tamanho waas já bom e eu me concentrar em torná-lo um pouco mais lado esquerdo , porque no lado direito estará aqui o título eo produto. Primeiro crio o grupo fora da navegação loja na navegação universitária e, em seguida, também um grupo fora da navegação principal. E agora podemos perguntar, fazer outro grupo no cabeçalho da faculdade e aplicamos imagem com o Phil e arrastamos na eleição. E agora você pode ver que é então nós criamos a parte inferior do controle deslizante para que possamos navegar nossos clientes através das outras imagens. Como este. Sim, então precisamos da cor. Já os desfilei aqui. Agora eu só posso selecionar re emaranhado e usou a cor que eu quero. Também precisamos da cor de fundo e deve haver essa cor. Agora precisamos que as setas começaram erros direcionados no projeto e redimensioná-lo com o tamanho que você deseja. Agrupá-los e chamá-los de seta e nós virá-lo e fazer a cor fora das formas brancas e copiar a seta e virá-lo novamente. Não, criamos navegação fora do controle deslizante. Torná-lo um pouco maior para que o cliente possa vê-lo também preenchê-lo. Então temos outro varejista com essa cor nua embaixo do um. Tudo bem que podemos agrupar e chamar de delegação. E, em seguida, crie outra navegação. Sim, assim. E debaixo do lado direito. Havia também um pequeno rolou para baixo. Tudo bem, dois controles deslizantes, sem vermelho. E agora vamos criar no lado esquerdo. Faz texto e fazer decide para o maior Como este, Eu acho e também criar o sublime Volte para suas raízes. Tudo bem, novo o tamanho da vida e dois devem ser pequenos, mas menores e também não e eu era normal. Sim, isto parece bom. Em seguida, criamos a navegação ativa que o cliente verá em quais páginas. Agora eu implemento a primeira imagem do produto. Eu já os preparei, deslize novamente e redimensione assim. Tudo bem? Sim, assim. Então nós criamos nós estaremos criando sob o lado direito a grande manchete chamando de broca. Também irritado e rasgado. Agora adicionamos outro sublime no lado direito. Exemplo de Justin, que leva você pode usar Havia a imagem de outros judeus e, em seguida, torná-lo um pouco maior. Então eu penso assim. Sim, este é o design. Agora, como você pode ver, temos um grande controle deslizante para o cliente. Temos a navegação. Temos dois produtos. Tem algumas descrições detalhadas. Temos o grande amarrado e também os produtos Índia. Na próxima lição, estaremos criando animações para este design. Então, vejo a próxima lição por 4. Animações de introdução: Olá e bem-vindos de volta à minha aula Nesta lição, estaremos olhando para as animações. Eu já pro pão um design para você. O que vamos criar juntos. Como você pode ver, eu totalizei o gatilho do título. Então, se o cliente clicar em todos, ele verá a animação. Vamos dar uma olhada nisso. Você sempre pode ver a visualização de sua animação quando você clicar no botão de reprodução no canto superior direito aqui. Tudo bem. Agora, quando eu clicar em todos, você pode ver o título Destinos para o centro. Fora da página e sorriso texto detalhado desapareceu do botão fora da página. Agora vamos criar esta animação. Eu só menti tudo fora da arte, mas porque vamos agora juntos projetá-lo e sim, Eu escolho o dispositivo iPhone X. Eu começo com a criação re tunggal como este e preenchê-lo com ah, código hex F sete. Então eu criar outro emaranhado re, opções de design algo que também podemos qualquer companheiro lá. Coloquei o código hexadecimal do carro. Oh, eu usei na pré-visualização como este A. É um pouco menor. Agora vamos começar com o texto aqui. Vou criar um bloco de texto com Hello. Então escolhemos o tamanho. Eu escolheria 25 pixels e a cor não será preta, mas ah, um pouco mais escura assim. E como sabemos, isso não é responsivo. E eu coloquei no centro. E, no entanto, eles fazem outro bloco de texto com todos. E aqui eu escolho o fundo da família quicks e deixo-os carecas. Tudo bem, então eu faço um pouco maior. Sim, assim, eu acho. Tudo bem. Também no centro, fora da página, assim. E sim, tudo bem. Para fazer o olhar legal fora da imagem de fundo no texto, vamos em preenchimentos e lá você pode escolher entre Phil guardiões em. Então você também pode beber sua foto aqui. Eu faria isso agora você apenas arrastá-lo para baixo. E agora você vê que ele está lá no tutorial, eu escolho o bloco mo e escala um pouco para baixo para que possamos ler o título novamente, depois outro texto. Tenha um ótimo dia. Espero que todos tenham um ótimo dia agora. Nós só reduzimos tudo. 18 pixels são suficientes e também centro. Chegou. Texas Não terminou. Eu coloquei tudo no grupo e chamo de título. Então vamos criar a descrição na parte inferior, alinhá-la para a esquerda, fazer um pouco mais de espaço. Agora é o primeiro projeto, e agora vou mostrar a vocês como podemos fazer a animação replicar. A arte entrou na 2ª 1 Tudo bem, criamos o design, e agora vamos criar a animação. Primeiro. Informação importante. O estúdio do Envision trabalha com nossas portas para animações. Então você não pode apenas ter um motor de popa e fazer qualquer animal deles. Isto não vai funcionar. Eu apenas redimensionar o título para que você possa ver como a animação será. Título de trabalho. E agora eu acionei o título para o segundo Art Board. E agora, quando eu clicar no botão play e clicar no gatilho, todos que você vê o tamanho divertido serão redimensionados. E isso é basicamente como as animações em estúdio funcionam. E se você mudar algo no segundo quadro de arte, o primeiro quadro de arte será animado para o 2º 1 O que também é importante? Você precisa ter os mesmos nomes de grupo para que ele saiba que ambos estão juntos e ele pode mudar o tamanho para o 2º 1 Tudo bem, vamos começar com a animação real. Então, na minha opinião, a caixa de título, Waas e os Centros. Então nós centramos isso no segundo Este waas um pouco mais alto e menor e este título não estava lá. Então você tem que dizer isso aqui e fazer o oposto e off. - Não. Então, se nós dispararmos, então ele vem de baixo para cima e diz que é com Upper City dentro. Depois mudamos os títulos. Este Waas tudo tão um pouco menor, Eu acho que ainda e eu vou te mostrar outra ponta riacho de mim. Você pode adicionar animações melhores. Você cria re emaranhado e preenchê-lo com nada. E então você irá adicioná-lo ao sublime e criar outra máscara para este apertado como este. Agora você em outro título que estará na segunda placa Arch e nós temos que torná-lo é capaz. E quando clicarmos em todos, ele será alterado. Ambas as máscaras do outro lado. Bert, vamos fazer um grupo fora disso Eu vou chamá-lo de Subtítulo e depreciar IDs para o outro que nós podemos deixar isso e mudar o grande. Tenha um ótimo dia para o topo e você é legal Faça no centro fora da camada e vá sob animação e adicionou a linha do tempo para que possamos fazer Lubin Look, Howard vai olhar, vamos torná-lo um pouco mais para que você possa vê-lo. Não é tão perfeito agora, mas na primeira parte a cidade alta fora do seu cool também tem que estar em zero. E aqui o segundo também em zero. Então vamos dar uma olhada nisso. Tudo bem, isso parece melhor agora, então ainda assim é assim que as animações funcionam Você vê como elas desaparecem na segunda parte Você vê como o texto está desbotado em legal E sim, eu acho que você tem que brincar com o animações para entrar em animação Na próxima parte estaremos criando a animação para o mundo emocional e vê-lo na próxima lição por 5. Animação no mundo em Emoção: todos e bem-vindos de volta à aula de musculatura. E esta última lição estaremos criando as animações para este design. Vou lhe mostrar algumas dicas para você. Conecte mais vida em seu design, como fazer seu design parecer de qualidade alto e caro. Como o cliente se conecta com esse design. E ainda assim acho que vamos começar. Primeiro vamos criar o controle deslizante. Então, se o cliente clicar nesta escada, ele chega a outra imagem e tudo ao redor do design estará mudando. E, no entanto, primeiro você tem para si mesmo para ter certeza que o que você quer apresentar odiar o que você quer para qualquer feito o que será o apanhador de olhos. O que o cliente pode trazer para fora das meias como o presidente diria. E sim, eu acho que primeiro e começou com qualquer acasalamento esses produtos, podemos em um gatilho que se o Kozma clica no próximo controle deslizante, esses produtos desbotou. Nós não poderíamos fazê-los assim, e no outro eles serão desvanecidos. Vamos dar uma olhada nele se queremos deslizante acionado do dedo do pé. Então, se o cósmico clicar na imagem, ele vai para o outro popa clicando nela, então adicionamos a linha do tempo para ver se é trabalho. E, no entanto, como você pode ver agora, os produtos estarão desaparecendo. Então queremos mudar a imagem e os títulos. Chegada quer criar a animação na caixa de título. Nós estaremos criando outra bagunça como re emaranhado sem qualquer cor e fazer máscara. E precisamos de outro título. Brutalidade baleada. Torná-lo um pouco maior. Nem uma máscara tem que ser maior. Agora temos que replicar esta parte e colocá-lo no outro quadro como este para que possamos excluir o primeiro título e agora colocar no topo deste e colocá-lo em frente a zero. E agora podemos agora obturador militar. Além disso, colocamos no fundo. Então, se o cliente vai na alternância, isso vem do botão e para um será ir para o topo. Portanto, haverá um pequeno efeitos de slide para fazer uma capacidade zero e desenhou l normal nós. Deve estar tudo bem agora podemos mudar a linha do tempo novamente. E veja como a animação estará funcionando. Não há destino porque mudamos o título, certo? Não com o nome certo. Temos que fazer com que seja o mesmo nome que copiamos. Então a visão Studio pode ligar ambos, e nariz é o mesmo elemento. E então ele pode desvanecê-lo e, como você pode ver, pode fazer loop agora novamente e torná-lo um pouco menor. E agora você pode ver a animação bem está indo para o topo eo segundo vem de baixo. Tudo bem, agora podemos mudar o controle deslizante de imagem, preencher com outra foto e agora podemos dar uma olhada na animação. Sim, a imagem só está a desaparecer, por isso já parece fixe, mas podemos torná-lo um pouco melhor para fazer o filme. Também animando precisamos fazer ambos preenchimentos indiano colar o re concurso e eu vou chamá-lo de segundo slide. E também precisamos que os segundos mentiram no primeiro quadro de arte. Agora podemos redimensionar a imagem e torná-lo não para o lado esquerdo e mudou a capacidade para zero e sob o primeiro emaranhado re Nós Sim, precisamos fazê-lo lá E então nós redimensionamos isso para este tamanho da direita também mudar opacidade do dedo do pé. E agora podemos dar uma olhada nisso. Tudo bem. Nada mudou porque acho que precisamos de ligação. Coloque-nos. Ok, agora eu apago a emoção e de novo porque se você mudar alguma coisa, pode ser que ele não faça o gatilho. Então não, dê uma olhada. E ainda assim, como você pode ver, está fazendo pequenos pedaços que são, como você pode ver, ele desaparece agora, mas parece realmente bom. O único ponto que é um pouco agora quando nós, quando mudamos o corte, as fotos. Você vê, a segunda imagem está desaparecendo com o texto, então parece um pouco como um erro. Então, vamos consertá-los agora. Então, para fazer a animação sobre este mais leve, melhor necessidade de fazer re emaranhado novamente e máscara como este. Nós criamos a máscara. Temos que fazer o emaranhado re de um pouco menor como este, Eu acho que em subdimensionado também. Sim, e vou copiá-lo e colá-lo nisto. Agora podemos dar outra olhada na animação e agora você pode ver como a animação está apenas no emaranhado re, mas esquecemos de preenchê-lo para que não vejamos. Não queremos ver a cor. E agora de novo, e agora está desaparecendo. Ótima. Tudo bem agora nós criamos a animação para o texto. Você tem que linhas de texto e um Mex doente e também aqui para linhas de texto e uma máscara. Agora vamos dar uma olhada nele novo agora acionar a mudança de texto. Muito bem, agora vamos fazer esta pequena animação um pouco suave ou isto vamos continuar e copiá-la para a segunda. Acompanhá-lo para o primeiro, e então copiamos o primeiro. Também é o Tudor primeiro? Agora podemos apenas torná-lo um pouco na parte inferior e o id oposto zero e o segundo também um pouco abaixo do fundo e também o nosso zero passado. Agora podemos olhar para ele e eles mudaram. Estamos criando outro emaranhado re e não uma máscara para os touros? Agora não faz ritmo de cópia para re emaranhado para o primeiro popa e agora colocar o primeiro sinal também na parte inferior. Certo, pessoal, terminamos agora. A animação podemos olhar para ela. Se clicarmos agora em Slider Reloaded e assisti-lo novamente, podemos fazer upload. Conheça nosso projeto no estúdio de visão E lá podemos também e mais apropriar a apresentação. Parabéns por terminar esta aula. Espero que o seu conhecimento e fluxo de trabalho fornecido. Obrigado por assistir este custo.