Como projetar histórias de Instagram no Canva | Dawid Tuminski | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Como projetar histórias de Instagram no Canva

teacher avatar Dawid Tuminski

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.

      Boas-vindas ao curso

      0:54

    • 2.

      Seu projeto

      6:54

    • 3.

      Vamos juntar nossa primeira história de Instagram

      6:48

    • 4.

      Vamos aprender a adicionar as animações

      4:48

    • 5.

      Vamos criar uma história de vídeo do Instagram

      4:18

    • 6.

      Vamos adicionar as partes remanescentes da história de vídeo

      7:05

    • 7.

      Vamos criar a história de ilustração cortada do Instagram

      6:30

    • 8.

      Pensamentos sumários e finais

      1:26

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

71

Estudantes

3

Projetos

Sobre este curso

Olá e seja bem-vindo ao curso no qual você aprenderá como criar três histórias diferentes do Instagram no Canva.

No processo você descobrirá como fazer:

  • criar um projeto de história do Instagram
  • adicionar animações a gráficos e texto
  • adicionar e editar vídeos

Criaremos três designs de história de Instagram diferentes, com fotos, fundos de vídeo e ilustrações de cut-out

Em cada projeto, vamos adicionar muitas animações diferentes para fazer nossos projetos pop!

Conheça seu professor

Teacher Profile Image

Dawid Tuminski

Professor

Designer, coder and educational entrepreneur.
Adobe Certified Expert in Illustrator whose courses were listed in the Udemy's TOP 10 best reviewed courses.

Creating online courses on design tools like Adobe Illustrator and Adobe Photoshop, logo design, web design, graphic design freelancing, online teaching and digital marketing .

Teaching +30k students in 160 countries worldwide.

Loves the freedom of creating courses and prides in his teaching method, which is straight to the point and with a smile.

His motto: Boring instructors are worse than boring topics!

His students value his courses for their conciseness, professionalism and actionable tips and techniques they can apply in their day-to-day design tasks and online education businesses.

Visualizar o perfil completo

Level: All Levels

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. Boas-vindas ao curso: Neste projeto, vamos criar uma história no Instagram. Na verdade, vamos criar três histórias diferentes no Instagram, embora elas girem em torno delas. Um assunto semelhante. Então, vamos criar esses aliados, o Japão, as histórias do Instagram. E então, bem, o objetivo principal de criar esses caras. Deixe-me jogar, reproduzir isso é, como você pode ver, adicionar muitas animações diferentes. Mas é claro que também vamos criar essa história em vídeo no Instagram. E vamos finalizar com uma história ilustrativa no Instagram. Então, novamente, faremos tudo isso apenas para que você possa aprender a trabalhar com as animações aqui no Canadá e como criar histórias bonitas e engajadas no Instagram. Sem mais delongas. Vamos começar com nosso primeiro projeto. 2. Seu projeto: Então, obrigado novamente por participar da aula. E antes de começarmos, eu sugiro e peço que você crie um projeto de aula, pois acredito fortemente em aprender fazendo isso. E acho que você se beneficiará mais essa aula se decidir criar um projeto. Então, em vez de apenas assistir à aula, siga meus passos aqui e crie, bem, basicamente suas histórias no Instagram, então projete. Então, deixe-me mostrar o que quero dizer criação de um projeto aqui, aqui no Skillshare. Então, primeiro de tudo, o que temos aqui são três telas diferentes, certo? Vamos criar três vídeos diferentes para nossas histórias no Instagram. Então, no Skillshare, para criar um projeto de classe, você pode simplesmente pegar imagens e adicioná-las ao seu projeto. Você também pode adicionar um link para um vídeo ou código incorporado. Mas aqui vamos simplificar e simplesmente criar uma bela imagem de capa. E então talvez criemos uma colagem muito, muito simples e rápida que também podemos enviar para nossa seção de turmas, seção projetos de classe aqui no Skillshare. Isso é algo novo. Eu quero experimentar sozinho. Então, acho que vamos aprender isso à medida que avançamos. Vamos aprender juntos. Então, a primeira coisa que, claro, precisamos fazer é salvar nossas imagens. Então, vou para a opção Compartilhar. Então eu vou até este botão de download. E eu não quero salvar esses caras como um vídeo MP4. Eu quero que eles sejam simples jpegs. E aqui embaixo selecionamos essa opção de todas as páginas. Então, quando clicarmos em Concluído, vamos baixar todos os três. Todos os três basicamente captam imagens para nossa tela, para nossas histórias. Então, isso é realmente o que eu quero fazer, é simplesmente clicar em Concluído. Eu vou baixá-los. E como você pode ver, ele será baixado como um arquivo zip. E eu vou colocar isso dentro meus downloads, alguns, só vou fazer isso. Então, vou clicar em Salvar e depois vou para meus Downloads. Então, como você pode ver, eu tenho essa pasta aqui. Agora é um arquivo compactado e estou usando o Windows, mas acredito que no Mac seria semelhante. Então, o que podemos fazer é simplesmente descompactá-lo ou simplesmente clicar duas vezes nele para entrar aqui. Então, o que eu vou fazer com ele é simplesmente selecionar todos eles, copiá-los. Vou até os downloads e vou colá-los aqui. Então, eu só tenho esse 12,3. Então, esses são esses caras aqui. Agora, o que eu quero fazer é criar uma colagem para minha aula de Basic aqui a partir da minha imagem de capa. Então eu vou para o meu Canadá e vamos criar um novo arquivo. Então, vamos criar um novo design. Podemos fazer um tamanho personalizado. Então, vamos fazer um tamanho full HD. Então, vou escolher a década de 1920 e depois a altura canadense, como você pode ver, já temos isso sugere que a apresentação predefinida. Então, eu só vou clicar nisso. E basicamente o que eu quero fazer aqui é simplesmente adicionar esses arquivos. Então, eu vou para os uploads e vou clicar em Carregar arquivos. E eu vou simplesmente clicar com a tecla Shift em todos esses elementos. Então 123 e eu simplesmente vou abri-los. E agora temos nossas imagens sendo carregadas aqui dentro do Canva. Então, basicamente, o que eu vou fazer é adicionar apenas um. Talvez eu o torne um pouco maior assim. O número dois é esse cara, eu acho. Então. Talvez eu o coloque em algum lugar aqui e o torne significativamente maior assim. E o último, vai para algum lugar aqui. E então eu vou torná-lo maior desse jeito. E talvez eu o coloque em algum lugar aqui. E vamos clicar com a tecla Shift em todos esses elementos e depois ir para a opção de posição. E eu vou simplesmente espaçá-los uniformemente, horizontalmente desse jeito. Então agora temos esses três caras. Então, temos três, basicamente três imagens para nossa tela. É como uma imagem de capa da nossa primeira história. Esta é a imagem da capa da nossa segunda história. E esta é a imagem da capa da nossa terceira, guarde-a. E agora podemos realmente compartilhar esse cara, então todo esse arquivo. E vou fazer o download, não preciso do PDF, só quero um JPEG simples. Eu vou para o Download. E vou chamá-lo de meu projeto de história desse jeito. E eu simplesmente vou salvar isso. Eu vou para minha aula. Então, aqui estou na minha turma, e aqui nesta guia de projetos e recursos, vou clicar em Criar projeto. E essa primeira opção aqui nos permite adicionar uma imagem de capa. Então, vou clicar em Carregar imagem, acessar meus downloads e esta é a imagem instantânea do meu projeto. Então eu vou abrir isso. E como você pode ver, agora podemos simplesmente adicionar nossa imagem. Agora, eu sei que foi cortado, mas tudo bem. Podemos simplesmente deixar assim. Vou clicar em Enviar. E vou digitar como meu projeto intitulado algo como meu projeto in my instar story. Em seguida, vamos para a descrição do projeto. Vou digitar algo como meu projeto de história instar criado no Canva. Agora é só uma questão de adicionar algumas palavras que descrevam seu projeto. E basicamente é isso. Então, como você pode ver aqui embaixo nesta opção de adicionar mais conteúdo, também podemos adicionar uma imagem. Então, vamos tentar adicionar minha imagem completa. Então, vou escolher este meu projeto instantâneo mais uma vez. E como você pode ver, ele está sendo adicionado diretamente na descrição do meu projeto. E agora nada está sendo cortado. E é só adicionar algo extra à descrição do meu projeto. E então, é claro, você sabe, se quiser, você pode tornar seu projeto privado. Mas vou deixar isso como público. Eu só quero que as pessoas vejam isso. Depois que tudo estiver pronto, vou simplesmente clicar em publicá-lo agora mesmo aqui em nossa seção de projetos, você pode ver que criamos nosso projeto. Uma coisa simples que é boa de fazer porque mostra que você realmente aprende algo que você pode apresentar, até mesmo para si mesmo, apenas para provar a si mesmo que você realmente alcançou algo graças a essa aula. 3. Vamos juntar nossa primeira história do Instagram: Então, vou começar com a criação de um novo arquivo. E aqui eu vou apenas digitar, talvez não aqui, vou digitar no Instagram. E então vamos escolher a história do Instagram. E aí vamos nós. Temos nossa tela em branco. Então, se dermos uma olhada em nosso primeiro projeto, você pode ver aqui que, primeiro de tudo, temos esse tipo de logotipo muito, muito simples que eu montei usando apenas um ícone simples e algum texto. Então, vamos, vamos primeiro fazer isso. Então, vou pesquisar os elementos. Vamos digitar meu Crow encontrado assim. E aqui dentro dos gráficos, vou procurar um microfone que tenha uma boa aparência. Acho que vou escolher esse. Pode ser preto. Parece muito bom. E agora vamos adicionar um pedaço de texto. Vamos adicionar até mesmo um subtítulo. Acredite que é triste. Cena, lugares assim. Deixe-me verificar sim, em alguns lugares e deixe-me verificar rapidamente a fonte que usei. É chamado Love low. Então, vamos fazer isso. Agora, eu gostaria que montar esse tipo de logotipo não fosse o objetivo principal deste projeto. Mas eu ainda quero, quero que você veja todo o processo de criação desse design. Eu vou torná-lo significativamente maior assim. E talvez vamos tornar esse microfone um pouco menor. Então, parece mais ou menos assim. Talvez eu diminua o tamanho da fonte desse cara para algo como 36 e o microfone um pouco menor. E agora vamos copiar esse cara, mantendo pressionada a tecla antiga e a tecla Alt, clicando e arrastando para baixo. E deixe-me consultar o original. Então, este é um podcast de viagem e está usando a fonte que se chama agora. Então, vamos digitar podcast de viagem, podcast. E vamos mudar a fonte para agora, quando formos. E precisa ser significativamente menor, algo como 24 deveria ser. Tudo bem. Então eu vou, o cérebro chega um pouco ao topo, torna esses caras, esses quadros um pouco menores. E p, esse cara deveria ir um pouco para algum lugar aqui. E eu acho que parece muito bom, esse pequeno logotipo bonito. Não é nada muito chique. É só que é como um logotipo de espaço reservado, para ser honesto. Então, a última coisa a fazer aqui seria selecionar tudo e agrupá-los. E então talvez possamos simplesmente adicionar um retângulo simples e simples. E esse retângulo precisa ser branco. Porque se pudermos dar uma olhada nesse cara, você pode ver que vamos colocá-lo em segundo plano. Portanto, seria uma boa ideia adicionar esse tipo de separador, como um separador entre o plano de fundo e nossos logotipos. Então, deixe-me torná-lo um pouco maior. Sem linha, mas sempre podemos ajustá-la mais tarde. Novamente, vou selecionar tudo. E acho que talvez pudéssemos ter certeza de que esses caras estão bem alinhados e então poderíamos agrupá-los. Então esse cara vai chegar ao topo. Então, em algum lugar aqui. E agora temos que encontrar o plano de fundo certo para o nosso projeto. Então, a partir dos elementos, vou apenas pesquisar por , talvez, eu não sei. Acho que já procurei por Kabuki antes. Assim como o teatro antigo. E vamos ver talvez gráficos ou talvez busquemos fotos. Talvez isso pareça um pouco melhor. Então, aqui temos essas coisas que parecem muito bem tradicionalmente, uma arte tradicional antiga. Então, talvez vamos com este. Este também parece bom. Eu vou deixar esse cara. E é claro que esse cara precisa ir até a parte de trás para poder ir até a posição e simplesmente mandá-la para trás desse jeito. Até agora, tudo bem, parece bastante aceitável. Eu tenho que dizer. Então, a última parte aqui seria adicionar esses elementos inferiores aqui embaixo. Então, precisamos adicionar outro retângulo. Então, vamos até nossos elementos e vamos pegar nossa riqueza. Isso é um quadrado, mas podemos transformá-lo em um retângulo com muita facilidade. Então, talvez eu vá movê-lo para algum lugar aqui. E definitivamente precisa ser branco. Aí vamos nós. E precisamos adicionar isso como, bem, basicamente uma elipse. E vamos torná-lo vermelho. E agora simplesmente simbolizará como, oh, aquele círculo de pontos da bandeira japonesa. Talvez vamos deixar isso um pouco mais escuro. Acho que é um pouco mais escuro no original, algo assim. E agora temos que adicionar o título do nosso podcast. Então, vou até o texto e adicionarei um, talvez o sol tenha um título. Talvez em vez de escrever como o Japão antigo, vamos digitar como Kabuki. Aí vamos nós. E é claro que precisamos mudar essa fonte. Agora, a fonte que eu escolhi para isso, bem, basicamente para este pedaço de texto, quero dizer, eu estava procurando por algo que fosse um pouco mais parecido com o japonês tradicional, mas isso vai ser legível para orientais. Então esse é esse cara aqui, você diz mágica. Acho que parece muito, muito bom. Então, vou fazer esse cara um pouco menor, desse jeito. E eu vou clonar e digitar Theatre em forma de remo. Aí vamos nós. Então, talvez devêssemos mover esses caras um pouco para algum lugar aqui. E vamos ver o que mais temos. Temos um novo episódio disponível. Ouça agora, nós poderíamos digitar isso também. Então eu vou mover esse cara para o fundo. E vamos encurtá-lo um pouco. Vamos cronometrar e digitar algo como Listen. Agora, sem mais nem menos. E vamos torná-lo significativamente menor. A lista é algo como 42. Talvez isso pareça um pouco melhor. E talvez eu apenas leve esses caras, todos esses caras um pouco para o topo, desse jeito. E deveria ser, deveria ser suficiente. Agora, a última coisa a fazer aqui seria talvez tentar garantir que esses caras estejam bem alinhados com o centro. Então, assim, deve ficar tudo bem. Aí vamos nós. Nossa, bem, basicamente nossa primeira história no Instagram completou pelo menos o design. Então, agora você pode realmente começar a adicionar animações aqui dentro do Canvas. Pilot, comece a fazer isso no próximo vídeo. 4. Vamos aprender a adicionar as animações: Então, há basicamente duas coisas importantes que você precisa se lembrar sobre a adição de animações aqui dentro do Canva. Então, a primeira é que, para adicionar uma animação, você precisa primeiro clicar em um elemento. E aqui no topo você verá essa opção animada. Um é clicado. Isso abrirá uma nova janela. Isso vai te dar muitas animações diferentes. E quando você passar o mouse sobre qualquer um deles, você verá uma prévia aqui dentro da sua tela. Agora, se você pegar um pedaço de texto, verá que tem um pouco mais dessas animações. E devo dizer que, bem, é bom ao mesmo tempo, mas tem suas desvantagens. Quero dizer, se fôssemos, por exemplo, pegar esse pedaço de texto e nosso elemento e depois agrupá-los. Você pode ver que não temos muitas opções aqui. Assim, podemos escolher entre, você sabe, um número menor de animações. O mesmo vale se pegarmos esse texto , nosso histórico e esse grupo e os agruparmos, porque digamos que queremos animar todos esses caras ao mesmo tempo. Então eu vou para o Pan. Você pode ver que temos, bem, o número de animações é muito, muito menor em comparação com apenas as animações que podemos adicionar ao próprio texto. Então, vamos realmente nos divertir um pouco com isso. Vamos adicionar animações diferentes. Então, primeiro vou pegar esses caras, então vou desagrupá-los. Vou pegar meu plano de fundo para isso, para esse logotipo de espaço reservado, vou animar. Vamos ver o que temos aqui. Vamos fazer, talvez façamos algo como uma linha de base. Parece bom. É rápido. Eu quero que a animação seja rápida, porque bem, a loja em si não vai demorar muito. Então, vou fazer uma rápida animação básica. Vou pegar esse microfone. E vamos ver isso. Isso pode ser um pouco demais. Mas vamos ver o aumento. Isso parece bom. E então vamos fazer o texto. Talvez pudéssemos agrupar esses dois elementos e aplicar a mesma animação. Vamos ver. Parece muito bom. Há muita coisa acontecendo aqui, mas é isso que eu quero. Agora com o plano de fundo. Normalmente, eu apenas para simplificá-lo com o plano de fundo. Acho que se adicionássemos uma FuncAnimation muito, muito sortuda ao nosso plano de fundo, algo como limpar pode ser bom, mas tectônico e parece meio estranho, sem falar na coisa do toco. Parece que é um pouco demais para o meu gosto. Então, talvez vamos tentar deslizar. Parece que está tudo bem. Agora vamos fazer algumas coisas com esses caras aqui. Então, esse plano de fundo, vamos ver o que nós, o que adicionamos aqui, essa era a linha de base, então adicione a linha de base também. Agora, para este círculo, talvez vamos tentar, vamos ver limpar. Talvez não. Hum, vamos fazer, vamos ver néon. Vamos, vamos, vamos subir. E talvez para esses textos, vamos adicionar algo diferente. Vamos adicionar o efeito de máquina de escrever, que é, como você pode ver, como imitar o tipo de feixe Tx. Então, o que também podemos usar é a opção Mesclar. Mas acho que vamos com essa máquina de escrever. O mesmo cara, o mesmo para este. E para o último, talvez façamos outra coisa. Talvez vamos fazer a linha de base e também subir de baixo. Acho que está tudo bem. Agora, quando tudo estiver pronto, podemos acessar nossa opção de pré-visualização aqui. E você pode ver como toda essa história do Instagram vai se desenrolar. Então, agora, se você não quiser fazer assim, você sempre pode simplesmente pegar um elemento. Então, digamos que esse plano de fundo o mouse sobre a animação e ela exibirá todas as animações que adicionamos ao nosso projeto. E então você não precisa acessar esse botão Reproduzir apenas para ver como será a aparência da sua animação. Então, apesar de tudo, acho que parece muito bom. Quero dizer, é envolvente o suficiente. E você pode usar essa tarefa para seguir esse entendimento na criação de seus próprios projetos. Mas acho que talvez até queiramos tentar outra coisa. Podemos criar uma história em vídeo. Talvez adicionemos um vídeo como plano de fundo e aprendamos rapidamente como editar vídeos aqui ao lado, Canadá. Mas isso é algo que faremos no próximo vídeo. 5. Vamos criar uma história de vídeos do Instagram: Então, vamos começar adicionando uma nova página como essa. E vamos pré-visualizar nosso design anterior. E como você pode ver, temos esse, bem, esse logotipo de espaço reservado aqui na parte superior. E temos um texto aqui no centro. Então, talvez, eu acho que seria uma boa ideia simplesmente emprestar esses caras que já temos aqui. Então eu vou digitá-los ou copiá-los e colá-los. E lembre-se de quando você copia os elementos para outro quadro de arte. E esses efeitos de animação também serão preservados. Então, se eu clicar nesse plano de fundo, você pode ver que ainda temos essa animação básica adicionada. Então, agora vamos adicionar o vídeo. Então, vou usar os elementos, e vou digitar isso como se essa festa da flor de cerejeira se chamasse Hanuman. Então, vou digitar isso. E a partir dessas opções, vou escolher vídeos. Agora. É claro que esses vídeos geralmente serão horizontais. Então, mesmo se tentarmos encontrar algo com vertigem, não conseguiremos muito. Então, vou me livrar desse filtro. Então, vamos tentar encontrar algo que seja um pouco mais animado, de uma forma que haja algumas pessoas por perto. Só que não quero acrescentar, só os galhos. Porque agora são específicos os feriados específicos sobre pessoas se reunindo sob a cerejeira em flor. Então é isso que eu gostaria de mostrar. Então acho que o que acabei de ver seria melhor. Talvez, vamos ver, este parece muito bom. Agora, é claro, o que gostaríamos de fazer é adicioná-lo como plano de fundo, fundos de vídeo. Então, precisamos apenas torná-lo significativamente mais alto. E eu vou fazer com que seja tão grande assim. E sempre podemos movê-lo para o centro ou talvez estar movendo algo assim. Ok. E, claro, seria bom adicioná-lo como plano de fundo, então vou empurrá-lo para trás desse jeito. Agora, como mencionei antes, com este elemento de vídeo, você pode, você pode fazer algumas coisas sobre isso. E se formos, se formos até a barra superior aqui, você pode ver que temos esse vídeo de edição e essa tesoura aqui. Então, se clicarmos nele, você pode ver que temos essa linha do tempo que nos mostra como todas as molduras, eu acho, que estão disponíveis aqui dentro do nosso vídeo. E como você pode ver, este vídeo tem quase 10 segundos de duração. Então, digamos que queremos encurtar, que queremos que isso seja reproduzido por apenas 5 s. Então, aqui à esquerda e à direita, temos esses marcadores roxos. Então, quando começamos a movê-lo, você pode ver que somos como raspar essas, bem, essas molduras , eu acho que por assim dizer. Então, basicamente, estamos marcando com esse marcador esquerdo. Estamos marcando o início do vídeo. E com o marcador certo, estamos marcando o final do vídeo. E quando fazemos isso, você pode ver que a duração do vídeo está mudando. Então, se eu quiser que fique como o kernel por mais tempo, posso simplesmente mover minha hipoteca para a direita. E se eu quiser torná-lo mais curto, posso movê-lo para a esquerda. E também podemos digitar o que você quer aqui. E como você pode ver, esse marcador está se movendo diretamente para o local que você deseja. Então, agora esse vídeo vai ser reproduzido por apenas quatro ou 5 s. Esse lapso de tempo, não por todos os 9,6 s. E quando estivermos satisfeitos com isso, podemos simplesmente clicar no botão Concluído, como você pode veja aqui no topo o tempo de execução do nosso vídeo, está definido para 5 s, que é definitivamente o que eu quero. E eu também gostaria de adicionar os textos restantes, esses caras estão aqui? Mas acho que podemos começar a fazer isso no próximo vídeo. 6. Vamos adicionar as partes restantes da história de vídeo: Então, vamos começar adicionando nosso primeiro texto. E podemos simplesmente reutilizar o que já temos. Então, vou copiar e colar esse cara aqui. E lembre-se de que temos essa opção de animação anexada a ela. Então, temos que lembrar disso. Então esse cara vai dizer o que vai, vai dizer Hanani em nosso, ok. Então, vamos adicionar um pedaço de texto. Pode ser um título. Então, vamos digitar o exército Han em Alice, mudar o tipo para o nosso, você diz mágica. E vou simplesmente movê-lo para o topo em algum lugar aqui. E agora vamos mudar o esquema de cores. Então, eu gostaria que esse esquema de cores de nossos próximos planos de fundo e textos combinasse com o plano de fundo, certo? Então, o vídeo de fundo, e eu também gostaríamos de, ao mesmo tempo, combinar com o tema. Então, as cerejeiras florescem e também o Japão. Então, esse cara aqui na parte de trás. Então, vou procurar por um tempo como um bom carro. Mas, como você pode ver aqui, as cores da foto, eu não sou tão boa. Eu gostaria de algo mais parecido com rosa ou algo parecido. Portanto, podemos começar com essa cor de escolha básica, mas ela precisa ser dessaturada. Então, talvez pareça mais ou menos assim, algo parecido. Agora podemos mudar a cor da fonte para branco e o contraste será, acho que será suficiente. Vai ser legível. Em seguida, podemos simplesmente pegar esses dois elementos e pressionar e manter pressionada a tecla Alt. E então basta clonar esse cara aqui. E agora vamos digitar talvez Japão e eu vou usar as letras maiúsculas apenas para que pareça um pouco diferente. E o que eu quero fazer aqui é adicionar um fundo vermelho porque eu queria, eu quero que esse cara seja agora, eu quero que esse cara seja agora já que essa parte dos impostos do Japão, e como esse círculo vermelho é tão proeminente na bandeira. Então, eu quero que esse plano de fundo meio que lembre isso. Mas talvez esse vermelho não seja tão bom. Vamos novamente torná-lo um pouco dessaturado. Talvez algo assim. Isso deve estar bem, menos do que cabelos partidos aqui. E a última coisa a fazer aqui será adicionar novos episódios disponíveis. Acho que dizia algo assim. Então, vou digitar isso. E então, um novo episódio de Failable está disponível assim. E, claro, esse trecho de texto precisa ser significativamente menor. Então, vamos tentar 42 ou talvez 36. Isso deve ser suficiente. Então, vamos tornar esse cara significativamente menor assim. E acho que seria melhor se fosse um pouco para a esquerda. E então vamos fazer esse cara um pouco menor para que tudo seja bom e proporcional. Agora, esse cara, eu vou fazer com que fique esverdeado. Então, talvez combine com as folhas na parte de trás. Então, novamente, vamos fazer Beam Man, deixe-me torná-lo um pouco mais escuro e dessaturado, talvez algo assim. E aí vamos nós. Poderíamos novamente pegar esses elementos. Então, vou agrupá-los porque quero ter certeza de que estão bem alinhados. Então, vou agrupar tudo. E agora, se clicarmos com a tecla Shift nesses três grupos, podemos ir para a opção de posição e garantir que eles estejam bem centralizados. E então podemos mover esse cara para o centro também. Acho que está tudo bem. Então, agora o que podemos fazer é simplesmente animar todos esses elementos e lembrar que esses caras estão agrupados. Então, vamos para a opção animada. Vamos escolher esse grupo. Então, agora essa animação vai aparecer, deixe-me ver . Vai ficar mais ou menos assim agora. Parece bom, mas acho que agora ainda podemos melhorar um pouco. Então, primeiro de tudo, vamos pegar este vídeo. E, como você pode ver, você também pode animar o vídeo. Mas, novamente, vou adicionar opção simples de desvanecimento ao nosso vídeo. E eu vou pegar esse pedaço de texto. Então, vamos ver a linha de base novamente. Acho que se combinarmos os dois, tudo ficará bem. Esse cara, deixe-me desagrupar esses caras. Vai ser um pouco mais fácil para nós conferir a animação. Então, linha de base para esse cara e linha de base para esse cara. E vamos desagrupar essas células e esses elementos. Vamos pegar o plano de fundo e fazer a linha de base. E vamos fazer uma linha de base para isso. E como você pode ver, eles são como aparecer um após o outro. Então, parece meio que bom, então agora podemos apenas visualizar todos os nossos elementos. Eu acho que eles parecem, eles parecem muito bem. Agora, um antes de seguir em frente. Uma coisa importante com essas animações aqui são essas opções de animação, como entrar e sair. Assim, você pode controlar como essa peça específica se comportará quando a animação começar e terminar. Ou você pode controlar o que vai acontecer. Como nariz em ambos os estados. Portanto, você pode fazer com que essa linha de base aconteça somente quando toda a animação começar. Você pode torná-lo como animado somente na saída. Ou você pode animá-lo nos dois estados. Mas eu geralmente saio, entro porque geralmente quando é como uma história do Instagram e eles simplesmente gostam, você sabe, como mudar de uma para outra. Não acho que a animação Exit seja tão importante. Como neste caso, você pode ver que temos esses dois estados aqui. Então, quando ativa, quando a animação terminar, ela também será animada. Portanto, não apenas no Enter, mas isso é algo que você pode fazer. É algo a se considerar, mas definitivamente é algo que você precisa conhecer ao criar suas animações. Então, o último projeto que vamos fazer é bonito , basicamente como uma viagem e armazenar algo assim. Mas a principal diferença aqui é que usei ilustrações recortadas para montar essa cena aqui. E os outros elementos basicamente também são animados. Então, podemos realmente começar a fazer isso no próximo vídeo. 7. Vamos criar a história do Instagram com ilustração cortada: Então, vamos ao nosso projeto e vamos adicionar uma página. Então, a primeira coisa que vou fazer é encontrar um plano de fundo bonito e bonito. Então, vou digitar algo como fundo do céu como este. E eu quero pesquisar gráficos. E o que eu escolhi é esse cara aqui. Mas, como você pode ver, é bem pequeno. Então, o que poderíamos fazer é criar um mosaico com esses caras para que eles se pareçam mais ou menos com isso. Mas o céu parece tão repetitivo. Parecerá muito, muito artificial. Acho que a melhor coisa a fazer será torná-lo significativamente maior assim e movê-lo para algum lugar no centro. Então, agora poderíamos colocar algo por cima disso. Como aquele pagode aqui. Mas antes de fazer isso, talvez pudéssemos fazer algo como uma separação de antecedentes. Mas, infelizmente, como você pode ver quando acessamos a seção Editar imagem aqui, não temos, como todos os filtros disponíveis quando estamos usando uma foto, já que estamos usando um gráfico, isso é tudo o que temos aqui. Então, o que podemos fazer é pesquisar algo como um retângulo desfocado, como o que eu procurei recentemente quando adicionamos à nossa imagem. E, claro, temos que fazer com que seja escrito girado. Então, o que eu quero fazer agora é cobrir esse fundo com esse retângulo desfocado. Agora, esse efeito pode ser um pouco demais. Portanto, podemos optar por essa opção de transparência e simplesmente diminuir a transparência de forma bastante significativa para algo em torno de 20 por cento. E agora parece um pouco desfocado esse fundo, mas nem tanto. Então, agora, quando procuramos um, vamos procurar um pagode como esse nos gráficos. E eu acredito que foi esse. Agora, basta colocá-lo aqui e torná-lo mais alto assim. Agora, apenas essa bela separação entre o fundo e esse pagode está sendo criada. E eu acho que simplesmente parece bom. Agora, aqui no topo, teríamos que adicionar um logotipo de espaço reservado descoberto no Japão. E acho que poderíamos reutilizar esse cara aqui porque ele tem os elementos de que precisamos. Então, vou apenas copiá-los. E vou colá-los aqui e movê-los para algum lugar no topo. E vamos digitar esta capa. Essa capa, e vamos fazer esse cara ser menor. Então, ele se encaixa na nossa moldura, pelo menos por enquanto. Descubra. E vamos digitar no Japão assim. E parece bom. Então, lembre-se de que ainda temos essa animação adicionada aos nossos elementos. Então esse aumento, essa máquina de escrever, todas essas coisas. Mas acho que pode ser, vou trocá-la da máquina de escrever. Talvez vejamos essa assíntota quando ela parecer um pouco melhor. Vamos subir a opção It. Acho que parece melhor. Também aqui na parte inferior, podemos adicionar este livro, sua viagem hoje tênue. Então, talvez eu copie esses elementos e os cole aqui. Então, em algum lugar aqui. Então esse cara só vai dizer, deixe-me tentar copiar. Vou tentar clicar em N. Então, hoje, vamos escrever isso. Então, podemos simplesmente movê-lo , pode ser um pouco para algum lugar aqui. E vamos digitar um terreno, pegar esses elementos. Então, novamente, estou pressionando as teclas Shift e Alt ao mesmo tempo. E vamos digitar e reservar sua viagem. Então, vamos fazer isso como reservar sua viagem. Vamos fazer com que esse cara seja significativamente menor, algo como 32. Isso pode ser um pouco demais, bem, não tão visível. Então, vamos selecionar 48, e isso exigiria que tornássemos esse cara um pouco maior. Então, podemos tornar esse quadro um pouco maior. E esse cara pode ser um pouco menor e parecer mais ou menos assim. E eu vou empurrar esses caras um pouco para baixo e você sabe o que, talvez vamos realmente fazer isso. Mantenha isso muito, muito simples. Então, vamos mudar a cor para preto e esse fundo, vou torná-lo branco. Então, lembre-se de que a maioria desses elementos ainda tem, eles ainda têm animação, ela está anexada a eles. Então, como esse aqui, e esse aqui também. Então, vamos mudar essa animação básica novamente para aquela. Onde estava? Para a opção ascendente? O mesmo para esse cara. Então, suba e esse cara foi colocado na linha de base, então deve ficar tudo bem. Então, ficará mais ou menos assim. Então, também podemos adicionar uma animação para o nosso pagode. Vamos fazer drift. Talvez não seja. Novamente, linha de base. Vamos fazer pop, talvez. Sim, parece que está tudo bem. Parece bom o suficiente. Agora temos isso, esse retângulo também aqui. Então, também está sendo animado. Mas eu definitivamente gostaria de animar nosso plano de fundo. Então, vamos fazer, vamos ver Pan. Pan vai ficar bonita porque, como você pode ver , ela meio que imita o movimento das nuvens. Então, isso parece bom. Deixe-me mover isso como um retângulo desfocado e adicionar a caneta a ele também. Então foi esse cara. Então, vamos pré-visualizá-lo mais uma vez. Sim, parece que tudo parece bom, Law. Vamos pré-visualizar todas as nossas, todas as nossas histórias. Então esse é o primeiro. Agora também temos essa história em vídeo. Nós adicionamos esse lapso de tempo. E obtivemos isso como uma animação recortada, uma animação ilustração recortada criada também. 8. Resumo e pensamentos finais: Aí vamos nós. É assim que você pode criar suas próprias histórias no Instagram e usar as animações aqui ao lado, Canadá. Então, como você provavelmente notou, há muitas animações diferentes que você pode escolher normalmente, eu recomendaria manter as coisas simples, mas como é uma história do Instagram e seus produtos estão lutando pela atenção de muitas pessoas com muitos concorrentes. Então, talvez adicionar algumas animações diferentes possa ser justificado. Na verdade, pode ajudar você a se destacar um pouco. Então não, você definitivamente pode experimentar todas essas animações do Canadá e criar suas próprias histórias no Instagram. Então, mais uma coisa a lembrar aqui antes de encerrarmos as coisas é que temos muitos elementos móveis e também temos um vídeo em segundo plano. Agora, se você quiser baixar esses elementos e depois enviá-los para o Canvas, faça o download. Bem, é altamente recomendável usar apenas o formato de vídeo MP4 porque é o formato de vídeo mais popular na web e você não teria problemas em enviá-lo para o Instagram. Aí vamos nós. Nosso projeto foi criado. Espero que você tenha gostado e espero que compartilhe seus próprios projetos. E, claro, até a próxima vez, tenha um bom designer.