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.
Dawid Tuminski
