Transcrições
1. Introdução: Você gostaria de saber como
animar suas ilustrações de texto Crie alguns adesivos de bunty
para usar em suas histórias. O que você diria sobre aprender três técnicas fáceis de fazer isso. Olá, meu nome é Kay Leathers e sou designer e
ilustradora de Trabalho há mais de seis
anos como designer.
Trabalhei em tudo, desde livros infantis a vídeos e animações
, mais recentemente. Tenho trabalhado muito em marketing de mídia
social
com algumas marcas. E esses adesivos
são
essenciais se você quiser engajar
as pessoas com sua marca, especialmente ao compartilhar conteúdo generativo para o
usuário Aprender essas técnicas simples de
animação foi muito útil para mim. Não só para adicionar outra corda
ao meu laço de ilustração, mas também para me dar
mais força ao inscrever em projetos de
ilustração. Muitos clientes querem experiência em
animação agora. E eles são
particularmente úteis para marketing de mídia
social
, se não for para outros clientes. Também é uma forma super fofa de
anunciar sua própria marca. Estou sempre feliz em
compartilhar essas habilidades. Como eu sei, não é fácil entrar no
mundo da animação E adoro compartilhar meu
conhecimento para que você possa ter uma viagem fácil, em vez da montanha-russa de
frustrações que tive Eu recomendo este curso
para quem quiser algumas dicas simples sobre como
animar suas ilustrações Vou te mostrar três maneiras
incríveis e fáceis de animar seu texto em questão
de minutos. Eu também vou passo a passo. Então, se você é
um profissional experiente ou apenas um iniciante ou é
bem-vindo nesta aula, usarei o procreate
para criar Que você pode usar o
Adobe Photoshop, Illustrator ou
simplesmente papel e caneta Em segundo lugar, você
precisará do Adobe
After Effects para animar seu texto Nesta aula, vou
mostrar como escolho um design. Compartilhe alguns truques
que usei para ilustrar um texto Leve isso para o After Effects, onde usarei três
técnicas diferentes para animar três
adesivos de texto diferentes que você deseja Você pode criar apenas
um no qual você pode experimentar para encontrar sua forma
favorita de animar. Meus arquivos também estão nos
recursos, se você precisar deles. No final da
aula, você aprenderá três
maneiras diferentes, talvez mais, animar
texto e um design final, que você pode enviar
aqui mesmo para a galeria do projeto Eu recomendo que você mostre suas novas habilidades em
seu próprio portfólio. E vou até
mostrar como colocar seu design nas histórias
do Instagram. Se você está pronto e ansioso
para começar, vamos começar.
2. PROJETO: Para este projeto de classe, você poderá escolher entre as
três técnicas de animação diferentes. Aplicando uma à
sua ilustração, exporte-a como Jeff e carregue-a aqui na galeria
do projeto Dessa forma, poderei ver suas novas habilidades de animação e oferecer conselhos ou dicas
exclusivamente adaptados ao seu trabalho Depois de
acompanhar a aula, basta escolher uma técnica de
animação mostrada na aula para aplicar
à sua ilustração de texto. Aplique e exporte
a ilustração como uma. Mostrarei como fazer
isso na lição de exportação. Faça o upload aqui na
galeria de projetos para ver o projeto da turma. Publicar seu próprio projeto pode
ajudar outras pessoas a fazer o mesmo. Peça ajuda e
, por fim, melhore nossa comunidade de compartilhamento de habilidades aqui em um ciclo de feedback
e aprimoramento Também me ajuda a avaliar o quão útil a aula
tem sido para você Lembre-se de publicar seu
projeto o mais rápido possível. Se você está
particularmente interessado em compartilhar, eu adoraria ver
seu processo também. Portanto, sinta-se à vontade para enviar suas fotos
e esboços de ilustração aqui A primeira coisa que
você precisa para
começar é sua ferramenta de desenho, aplicativo de
desenho ou bloco de desenho Então, vamos pegá-los agora e nos
vemos em nossa primeira aula.
3. Esboça seu texto: Nesta lição,
veremos esboçar nossos designs de
adesivos Este será o
esboço do nosso guia para refinamento posterior Então, eu quero que você se
sinta bem em escrever algo. Como primeiro design, você pode usar qualquer método
com o qual se sinta confortável Seja papel e caneta
antes de se tornar digital,
ou se você for mais uma
pessoa, use Gosto de usar o procreate
porque é muito flexível, rápido e salva
em um arquivo PSD, que é muito
bom para Mais tarde eu vou
te mostrar como eu trabalho lá. Sinta-se à vontade para acompanhar
qualquer método que você escolher. Agora vou fazer adesivos baseados em
texto. Eu recomendo que você me
acompanhe. E darei muitas dicas e
sugestões para
ilustrar texto, especificamente usando
diretrizes e camadas Gosto de entregar esta parte gratuitamente, mas sinta-se à vontade para usar
referências sobre aparência que
você deseja que suas cartas
tenham, se quiser Antes de decidirmos o que desenhar, vamos configurar nossa tela. Para criar nossa tela, vamos clicar
no símbolo de adição aqui. Agora vamos criar um
novo modelo de dimensionamento. Vamos adicioná-lo lá
para as dimensões. Vamos analisar
as diretrizes da Jiffy. Eventualmente,
vamos configurar nossos presentes em GIF para
entrar no Instagram Precisamos seguir suas
diretrizes ao fazer isso. Agora, a Jiffy tem algumas práticas recomendadas de
adesivos. E, se
analisarmos as melhores práticas, o que eu
quero destacar é o recorte da tela
para caber no adesivo Os adesivos exportados com
muito espaço vazio parecerão muito pequenos Na verdade, o que vamos
fazer é
criar adesivos que
preencham esse espaço Em segundo lugar, precisamos ter
o arquivo fonte como um arquivo. Se também quisermos seguir as melhores práticas do
Jiff, elas recomendam não
mais do que 6 segundos, o que consideraremos na
animação E também que eles
voltarão para sempre. Vamos realmente nos concentrar
nisso em nossa aula de animação. Que podemos usar
qualquer resolução que faça com que nosso adesivo tenha a melhor aparência Eles recomendam usar múltiplos de quatro para largura e altura É nisso que vamos
pensar para nossa tela. Ótimo. Como se você dissesse que vamos fazer
um múltiplo de quatro, mas vamos
mantê-lo no estilo de vídeo. Fazemos 1080 por 1080, então vou mantê-lo
em 300 pixels por polegada Você pode descer para
72, se quiser. Eu só gosto de manter as coisas
em 300, caso elas precisem com uma classificação de
pixels mais alta posteriormente. Então, para o seu perfil de cores, recomendo usar RGB Se você quiser apenas
manter o material on-line, se achar que
pode haver uma chance imprimi-lo em algum momento,
opte por CMYK, porque
é mais fácil
ir de CMYK para RGB do que Portanto, certifique-se de fornecer
esse modelo e nome, então vou
chamá-lo de adesivo do Instagram, depois Criar, e isso
aparecerá em nossa bela tela
em branco aqui Há duas coisas em que
você pode
pensar para começar. O primeiro é um tema
do design. Se você quer algo
muito útil ou popular, por que não fazer uma
pesquisa no Instagram Basta criar uma
história e adicionar um jif.
Veja quais
adesivos populares existem, Veja quais
adesivos populares existem, ou você pode simplesmente fazer o
que achar melhor para você e espero que
as pessoas gostem Eu pensaria em
uma ou duas palavras, ou mesmo em uma frase muito curta
que signifique algo para você. Algo que mostrará sua personalidade
para seu público. Eu garanto que haverá muitas pessoas que também o adorarão. A segunda coisa é o
tamanho do seu design. Aqui você pode ver dois adesivos
que eu criei para Teach your Monster e que estou
tentando usar em uma história Um começou com esse
design pequeno e no centro de nossa tela de
1080 por 1080 O outro preencheu muito
mais a tela. Você consegue adivinhar o que
fez a coisa melhor, Jeff? Sim, um que
preencheu a tela. Ao planejar sua
frase ou ilustração, você precisará considerar como preencherá essa tela. Para meu primeiro adesivo, decidi fazer
Feliz Aniversário Eu sei que vai ser popular, muitas pessoas fazem aniversários e vai
atrair um público amplo Em primeiro lugar, vou
estabelecer algumas diretrizes. Agora, o procreate vem com
suas próprias diretrizes incorporadas. Eu vou usá-los. Se você usar a
chave inglesa e depois o Canvas, clique em Guia de Desenho Em seguida, vamos editar
esse guia de desenho. No momento, o
tamanho da minha grade é de 34 pixels. Vamos
subir até
o fim e garantir que esteja em
algo que você possa ver. Acabei de escolher algumas
boas diretrizes escuras aqui, mas você pode usar o
vermelho se quiser. Vou ficar aqui
e depois clicar em Concluído. Decidi que vou fazer minhas cartas ficarem super quadradas, super enérgicas, e feliz aniversário vai ser muito O que vou fazer é porque feliz aniversário
é uma frase bem longa, se eu colocá-la no centro, ela vai acabar muito pequena
quando a colocarmos no Jiffy E, eventualmente, eu vou colocá-lo. Vou dividir isso
em dois parabéns. E vou usar minhas
diretrizes aqui para fazer isso, mas também vou
criar minhas próprias diretrizes. Agora, para criar diretrizes, gosto de usar meu lápis
Narinder para desenhar É muito bonito e
escuro, então eu gosto desse. Agora, em uma nova camada, o que você vai fazer é
apenas configurar essas diretrizes. Se você quiser
acompanhar e ser quadrangular como
eu, vou
desenhar uma linha
reta e segurar meu dedo
para torná-la realmente reta Vou desenhar a segunda
para a parte inferior
das letras que está bonita. Em seguida, usando meu botão de transformação de
forma livre, vou estendê-los e garantir que estejam ajustados
à largura da tela Em seguida, vou duplicar
essa camada e
arrastá-la para ter certeza meu encaixe está ligado com o
magnetismo, o que E isso só vai me ajudar
a arrastá-lo para baixo em uma linha reta muito
boa. Vou deixar uma
pequena lacuna para o espaço entre
as duas palavras. Bom. Feito isso,
vou mesclá-la e, em
seguida, renomear os líderes das guias de
camada,
renomear meu toque e
selecionar Renomear Agora vamos passar a
esboçar nossas cartas. Eu sempre faço um guia de esboço aproximado antes de passar para minha cor,
apenas para ter certeza de que espaçamento está correto com
todas as letras e que a frase geralmente fica
bem na tela Para começar, vamos
criar uma nova camada e chamá-la então. Vou compartilhar algumas
técnicas com você à medida que avança, porque estou escrevendo essas letras bem quadradas
para feliz aniversário Vou contar quantas letras
há em cada uma e
vou calcular a
partir do centro. Em Happy,
temos cinco letras. Vou começar com o P e vou usar
essa linha central para me
ajudar a desenhá-la
com minha caneta selecionada. Só vou desenhar isso, eu sempre posso segurar
uma linha reta. Não precisa ser perfeito, mas é bom acertar
a primeira letra. Só como regra. Então, podemos
resolver isso. Agora, como estou
feliz com isso, vou
desenhar minha altura x. Essa é apenas a altura
dessa travessia. Só para ter certeza de que está
no lugar certo, vou usar minha ferramenta de
seleção para simplesmente pegá-la e
colocá-la embaixo do. Agora esse é o meu guia. Tudo
pronto para o primeiro. Agora, felizmente,
temos outra, então eu posso simplesmente duplicar
essa camada e depois arrastá-la até lá Temos nosso segundo que
vai mesclar isso. Só vou me certificar que está realmente
centralizado lá Bom. Agora vou me exercitar a partir daí para
o resto das minhas cartas. Tem um H. Essa parte
pode ser super rápida. Você pode fazer isso de forma bem
superficial, se quiser. Não precisa
ser uma caixa como essa. Obviamente, você vai
descobrir o estilo de suas próprias cartas se
quiser copiar comigo e apenas
fazer as coisas quadradas. Agora, eu também estou feliz com isso. Aqui temos um estilo
estabelecido para nossas letras. Agora, vou fazer
alguns ajustes para garantir que tenhamos uma largura mais
consistente aqui. E tudo bem. Para minha
segunda palavra, aniversário. Para o aniversário, temos
oito letras em aniversário, mas vou adicionar
esse ponto de exclamação. Agora. Temos nove,
deixando-nos aquela importante letra
média H. Mais uma vez, vou trabalhar
a partir do centro. H é uma bela
letra simétrica que é útil, útil para H. Então eu vou continuar com minhas
cartas a partir daí Agora você pode
achar muito chato e difícil fazer isso dessa maneira Essa é apenas a maneira que
eu criei para
me ajudar a equilibrar e manter
minhas cartas equilibradas. Mas você pode achar muito fácil ir de um
lado para o outro. Você sempre pode usar
a ferramenta de transformação para fazer os ajustes. De qualquer
forma, descubra o que funciona para você, continue trabalhando em
sua frase aqui. Também pode ser um bom momento para experimentar estilos diferentes, letras cursivas,
mas geralmente neste dia de aniversário, e estou muito feliz
com a aparência, essa é minha camada guia, tudo pronto Agora, obviamente, essa é uma maneira realmente
estruturada de fazer isso. Às vezes eu faço isso de forma
muito superficial, por exemplo, assim Vou fazer isso de forma bonita e desenhada
à mão no meu próprio estilo, depois vou reduzir a
capacidade disso. Eu vou mudar esse estilo
e trabalhar dessa maneira. Você pode achar
muito divertido escrever sua própria caligrafia e depois
exagerar Mas vou
mostrar isso em um dos meus outros designs
de adesivos Vamos desligar a
camada-guia e dar uma olhada nela. Sim, acho que
está muito bonito. Então, com minha camada guia pronta, estou pronto para passar
para a próxima etapa. coloração leva o
tempo necessário
nesse estágio inicial de esboço
até que você esteja satisfeito com ela Demorei algumas tentativas, mas direi que não se
preocupe em deixá-la perfeita. Vamos refinar nosso
esboço juntos
na próxima lição.
Te vejo lá.
4. Colore seu texto: Nesta lição,
usaremos
nossa camada-guia como base
para ilustrar nosso design Vou direto para a
introdução da cor. Então, vou ser super
rápido nesta lição, usando muitas linhas retas e decisões rápidas por toda parte Sinta-se à vontade para fazer uma pausa a qualquer
momento e não se apressar. Você pode até querer
fazer uma etapa extra de refinamento em
seu design aqui Mas eu recomendo que,
com presentes baseados em texto, acho que a prática é fundamental. Então, quanto mais você puder
trabalhar, melhor. Vamos fazer esses primeiros e lançá-los no mundo. E lembre-se de que
muitas vezes a perfeição é inimiga do progresso Novamente, darei algumas dicas para refinar seu
trabalho à medida que avança Então, se você estiver pronto,
vamos começar. Então, eu quero que meu
ingresso de feliz aniversário seja super feliz. Serão as cores do arco-íris e todos nós conhecemos Roy Gabi, certo Vamos começar com vermelho. Então, vou selecionar minha
cor na minha paleta de cores. Vou escolher uma caneta nova. Então, vou pegar minha caneta de
estúdio. Caneta de estúdio em E. Agora, esta é apenas uma caneta de estúdio
normal, mas tem uma linha de transmissão de
até 66% em vez de 47 Então isso é tudo que eu
mudei sobre isso. Então, vou
criar uma nova camada
, que
vou chamar de arte. E então minha camada de esboço, eu vou renomear Na camada de arte,
vou fazer minhas cores. E então vou reduzir a capacidade
da camada de
esboço, para que eu possa usá-la
como guia para ampliar, vamos garantir que minha caneta tenha
o tamanho certo Vou selecionar o tamanho aqui, depois vou começar a pintar
usando essas diretrizes, porque vou usar a super caixa Obviamente, isso deve ser rápido. Posso simplesmente segurar as linhas para ter
certeza de que estão bem e retas e que é
como um estilo rápido. Talvez você queira
dedicar algum tempo extra se optar pela letra cursiva
ou algo parecido Mas eu diria que você
não precisa ser super arrumado. Por favor, tire isso de mim. Se você é novo ou está
começando com a
ilustração com o toque humano, o design perfeitamente defeituoso de sua mão
será mais do que suficiente Por favor, não perca muito tempo pensando em uma pequena marca em algum lugar que realmente não afetará o
design do seu trabalho, especialmente com esses adesivos Você pode divulgá-los muito, muito rápido e sabe que as pessoas
os usarão em suas histórias. Serão coisas que passarão
rapidamente. Você realmente não
precisa passar horas fazendo a coisa certa, como
faria com uma impressão ou
algo parecido. Basta usar seu talento, usar seus erros perfeitos
para corrigi-los. Bom. Agora você pode ver
que estou me dando bem com minha coloração aqui. Vou entrar e
usar esse truque novamente, onde posso usar a ferramenta de seleção para
recortar minha cópia P e colá-la, arrastá-la e, em seguida,
não preciso fazer isso novamente. São apenas coisas para
acelerar seu fluxo de trabalho. Agora estou fazendo um
preenchimento de cores aqui e você pode ver que estou arrastando para aumentar e diminuir
o limite Agora, essa é apenas a quantidade
que ela preencherá o pixel, então você deve ir o mais
alto possível
neste 11. Bom truque que eu também posso fazer com isso porque
gosto particularmente do meu está aqui, só vou duplicá-lo Basta usá-lo como um pequeno
guia de largura para minha próxima carta. Se você está lutando para manter a largura e a consistência
entre as letras. Esse é um truque muito bom para isso na minha camada de arte novamente. Agora posso usar
isso como um pequeno guia de largura e usá-lo para continuar o
estilo das minhas letras. É ainda mais útil se você tiver embaixo da
sua camada de arte Agora esta é minha peça normal, então vou
mesclá-la. Fizemos tudo feliz aqui. Eu posso ver que meu
H é um pouco largo em comparação com
as outras letras. Vou esquecer isso e
depois passar para o
aniversário Eu tenho algumas
cartas que são comuns entre aniversário e feliz. Novamente, posso usar esse truque
apenas para acelerar meu fluxo de trabalho. Isso também vai me ajudar a manter as letras consistentes. Vamos fazer o mesmo com o A, certificando-se de que sua
letra esteja selecionada. Se você apenas clicar e segurar, isso selecionará o
mesmo e você poderá
copiar e colar e
, em seguida, movê-lo para baixo. Bom. Depois, você também pode mesclar isso
na mesma camada Vamos fazer isso para
o Y e movê-lo. Vamos lá, e nos fundimos. Agora
vou continuar com o resto das minhas cartas e
acelerar o vídeo. Agora, você deve ter notado que eu criei
muitos aniversários, o que definitivamente
não é a ordem do arco-íris Agora, isso foi intencional porque achei
que me daria outra oportunidade de mostrar truques e acelerar o fluxo Na verdade, você pode simplesmente criar
tudo em uma cor e depois
preencher com as outras cores. Depois de descobrir
tudo, termino meu ponto de exclamação
aqui e mostro o que
quero dizer Eu quero que meu B seja vermelho. Está tudo bem. Então eu
quero a laranja no olho. Então, eu posso simplesmente colorir isso. Agora eu posso realmente te mostrar aqui. Se você exagerar
com este, ele vai colorir todos eles. Você só quer colorir o suficiente para colorir aquela letra. Vamos fazer o mesmo
com o R amarelo e o T e o verde. Eu também vou colorir o ponto de exclamação lá porque eles sabem que
vai ser verde Então temos o roxo, o H, depois voltamos, depois temos o vermelho laranja. E então precisamos de
amarelo para esse Y. Esse é meu feliz aniversário Tudo colorido. Vamos dar uma
olhada sem o esboço. Legal, está parecendo muito bom. Eu posso ver isso. Talvez eu precise
fazer algumas pequenas correções. Ok, estou muito
feliz com isso. Gosto muito das cartas. Eles fizeram alguns ajustes
na largura geral deles, mas estamos prontos para seguir em frente. Eu gosto, mas
acho que vai ser difícil
se destacar em
relação às fotos e imagens
complexas que você teria
nas histórias do Instagram. Vamos dar a
ele uma sombra projetada. Agora, minha
maneira favorita de fazer isso é simplesmente duplicar
essa camada de arte Em seguida, renomeie a sombra
inferior. Certifique-se de que todo o
resto tenha um nome. Não temos nada
extra que não
precisemos que pareça bom. E então eu vou
desligar a camada de arte. Agora, antes de adicionar a cor da
sombra a isso, vou tirar
toda a cor daqui. Vou abordar os ajustes
aqui,
a saturação de matiz e Então eu vou tirar
todo o brilho, então é apenas esse preto profundo. Então, se selecionarmos nossa cor de sombra menos
meu lindo azul marinho aqui, e apenas arrastá-la até
o limite, precisamos
estar totalmente levantados para garantir que todas as letras estejam Essa é a cor da minha sombra. Em seguida, podemos ativar
a camada de arte e você pode ver um pequeno
contorno da sombra lá Com isso selecionado, agora você pode movê-lo para a
posição desejada Agora
eu gosto da sua sombra projetada no canto inferior esquerdo, então vou
dar a ela uma
distância suficiente para que, talvez,
quando for pequena, você ainda possa ver essa sombra lá porque nosso adesivo
será bem pequeno Talvez eu até mesmo o
afaste um pouco mais. Isso parece bom agora. Parece uma
sombra projetada na parede, mas eu quero que seja
como uma letra quadrada. Na verdade, vou me juntar a isso, então parece uma carta sólida. Eu vou te mostrar como fazer isso com minha camada de sombra
ainda selecionada. Só vou juntá-lo com alguns pequenos triângulos
para dar
a ilusão de que na verdade
são três D. Se compararmos o
H e o a agora, em vez de ser uma sombra projetada, parece que é uma peça
inteira Tem lados sombrios. Bela frente colorida,
que é o que eu quero. Vou
continuar com isso, apenas colorindo esses
pedaços enquanto estou aqui. Também é possível
verificar se minha arte está do jeito que eu quero , indo e
voltando entre as camadas Só não se esqueça de que você pode selecionar uma cor diferente
com o conta-gotas Escolha a cor da sombra ao voltar para
a camada de sombra. Aqui. Estou terminando aquelas letras quadradas,
é hora da inspeção Portanto, certifique-se de que você está
realmente ampliando, apenas verificando todas
as letras e combinando
bem o que você deseja Não se preocupe em deixar alguns pequenos
erros humanos aqui e ali. Mas aqui eu vi uma junção. Eu vou preencher isso. Vamos nos certificar de que não
perdemos nenhum outro. Não, isso parece bom. Neste ponto, vamos
levá-lo para o Photoshop Now, geralmente com animação.
Eu sugeriria
ter tudo o
que você vai animar em camadas diferentes Mas neste caso, como nossa
arte está em procriar, o que realmente vamos
fazer é colocá-la no Photoshop e começar
a Porque, irritantemente, ao
procriar, por algum motivo quando você a tira para fotos do
After Effects, todos esses pixels que
não deveriam estar lá, existem Eles aparecem como incômodos pixels
invisíveis. Então, vamos levá-lo para Photoshop, onde
vamos
recortá-los e deixá-los
realmente prontos para a animação Também vamos rotulá-lo e fazer outras
coisas lá. Então, vamos
levá-lo para uma loja de barcos de qualquer maneira Tudo o que estou dizendo é que você realmente
não precisa separá-los aqui porque
vamos fazer isso mais tarde. Agora vou aproveitar
esta oportunidade
para mostrar meus outros adesivos,
que são meu adesivo de amor por você Agora, isso começou
como um esboço simples, muito simples
em um fundo preto, letras
simples, super rápido E, além disso, fiz
esse tipo
de escrita em bolhas, que eu realmente gosto de
fazer, é muito fácil Basta dar uma volta rápida
na parte superior e depois preenchê-la Então comecei a construir minhas formas
preenchidas por cima. E você pode ver isso aí. Agora, como
decidi sobrepô-las, mudei-as
um pouco Portanto, precisei
construí-las em
camadas separadas para fazer isso. Ainda terá
aqueles incômodos pixels invisíveis ao redor de cada letra Ainda teremos
que cortá-los, mas vou mostrar
uma maneira diferente fazer isso no Photoshop mais tarde Eu também adicionei minha água aqui, porque seu amor é gostoso,
é fofo, você sabe,
eles estão todos se abraçando é fofo, você sabe,
eles estão todos se abraçando Então, meu adesivo final
é meu lindo adesivo. Começou a vida com
apenas esse desenho de pombo, depois adicionei o belo Novamente, um esboço
super rápido, muito rápido, e então decidi fazer letras bem
quadradas por cima Essas são minhas três
ilustrações. Novamente, este vai
ter esses pixels. Eu vou te mostrar
como cortar isso no After Effects como
outra técnica. Depois de mostrar os três, você pode decidir o que funciona
melhor para você. Mas é isso. Eu ilustrei esses três designs de texto
diferentes para animar toda a classe Até agora, você deve ter
pelo menos um design com o qual jogar. Nesse ponto, você
pode se sentir à vontade para praticar
mais a criação de
diferentes estilos de texto, fontes
sobrepostas e
com pequenas ilustrações Mas contanto que você tenha
apenas um, você poderá fazer tudo o que
eu faço no resto da classe. Também coloquei meus arquivos
na pasta de recursos. Se você quiser ir em
frente e usar o meu para a próxima etapa. Só para mencionar que, eventualmente,
você
precisará de pelo menos cinco
presentes se quiser fazer
o upload para o Goffi e criar adesivos acessíveis Mas você sempre pode
criá-los depois se familiarizar
com o primeiro.
Se quiser, agora podemos continuar preparando nosso arquivo para animação na próxima lição.
Nos vemos lá.
5. Exportação e importação: Nesta lição,
aprenderemos como exportar nossos arquivos do procreate
para o computador Se você usa o Photoshop
ou o Illustrator, vá para o
código de tempo abaixo para saber como estruturar suas pastas
e dividir suas Será muito importante
escolher um local para seus
arquivos que não se mova e atrapalhe suas animações posteriormente
. Vamos ao que interessa. O Procreate é muito prático
e fácil de exportar. Se você clicar em Selecionar aqui, poderá exportar
vários arquivos juntos. Quero meu adesivo de feliz
aniversário, meu lindo adesivo
e meu lindo Eu vou
compartilhá-los. Clique em Compartilhar. Em seguida, queremos selecionar arquivos PSD do
Photoshop. Ele vai
criar um menu. Vou
enviá-lo para o meu Mac aqui mesmo. Vamos clicar em Air Drop. Você pode ver meu telefone e meu Mac
, eles simplesmente
aparecerão na tela. Então, se acessarmos nossos downloads
e abrirmos o Finder, posso vê-los
na parte superior Preciso criar um bom
lugar para eles agora. Meu bom lugar
para isso será no desktop
e vou criar uma nova pasta
com
a mudança de comando. Vou chamar esse projeto de figurinhas
do Instagram. Dentro disso, vou
criar uma pasta de arquivos de trabalho. E vou criar uma pasta de exportação em todas as maiúsculas
porque isso é coisa minha Ok, dentro dos arquivos de trabalho, crie uma nova pasta
chamada Photoshop, PSD Em seguida, criarei uma segunda pasta chamada porque
precisamos do After Effects. E também nessa pasta
vou criar arquivo de imagens. Ok, então vamos
arrastá-los para a pasta PSD. Vamos examinar
cada uma delas sucessivamente para verificar as camadas e garantir que
elas se encaixem bem Ok, vamos
arrumar essas escavadeiras. Se clicarmos duas vezes nele, ele deverá abrir o Photoshop Aqui temos o adesivo em
que trabalhei. Vou me livrar de todas as camadas
extras que não preciso,
não preciso mais da camada de esboço Também não precisa da camada de
fundo. Acabamos de ter esses dois. Agora, neste momento,
porque eu sei que
vou usar isso para
a aula de posicionamento. Eu preciso de tudo separado, especialmente com procreate, todas as camadas vêm
com pixels invisíveis, que é o pesadelo
no After Você veria que se eu arrastasse
isso assim,
isso me daria
uma caixa delimitadora como
o quadrado inteiro, em
vez da caixa o quadrado inteiro, em
vez delimitadora
da É melhor
simplesmente trazê-lo para Photoshop e
recortá-las aqui, combinando para mesclar essas duas
camadas para que eu possa mesclar Em seguida, vou salvar
isso como uma cópia diferente. Posso chamá-lo de A
porque foi editado. Sempre temos esse arquivo de
backup para
trabalhar com meu último selecionado, que é este aqui. Vamos apenas
desenhar em torno do H. Não precisa
ser nem um pouco legal, mas certifique-se de que
todo o H seja luge Em seguida, clique com o botão direito do mouse na
camada via corte. Agora você tem a camada um
com aquele H nela. Podemos renomeá-lo aqui. Agora, se eu transformá-lo, a caixa delimitadora
estará ao redor da letra, que é exatamente o que precisamos Sem pixels invisíveis incômodos. Quer
continuar fazendo isso com todas as suas cartas aqui? Vou mudar para
a ferramenta de laço poligonal porque basta
tocar e é muito,
muito mais rápido
recortar as letras e
, muito mais rápido
recortar as letras e obviamente, ter certeza de que
você está na Basta colocar camadas por corte
exatamente da mesma maneira. Na verdade, você vai
querer fazer isso com todos os seus adesivos, se os tiver
tirado do Procreate Se você fez isso diretamente
no Photoshop, talvez seja necessário fazer isso
porque não tem o mesmo problema com a situação do pixel
invisível Também mostrarei uma
maneira de fazer isso mais tarde
no After Effects. Se você não chegar a
esse estágio com seu processo, vou dar uma olhada e rotular todas essas letras. Pode ser um pouco complicado procriar porque você precisa tocar e renomear E onde está isso? É só uma carta dupla,
rápida e rápida. Acho isso muito
mais fácil de rotular acelerar a solução
para seu fluxo de trabalho. Ok, com esse rótulo, vamos salvá-lo novamente. Obviamente, no novo nome do arquivo. E então podemos verificar
se está na pasta. Sim, então poderíamos criar uma pasta
separada se você quisesse, especialmente para as
do After Effects, mas precisamos garantir
que ela permaneça aqui agora. Então, quando o incluirmos
em efeitos de realidade aumentada, ele
sempre terá um lugar para se referir a esse arquivo. Então, agora dividimos nossa
ilustração em camadas utilizáveis. Na próxima lição, vamos importá-lo para o
After Effects e instalar a ferramenta mais importante da sua carreira de animação.
Nos vemos lá.
6. Instalando ferramentas de movimento: Nesta lição, importaremos nosso arquivo PSD para o After Effects
e instalaremos ferramentas de movimento Um incrível plug-in gratuito para
download, que acelera
seu fluxo de trabalho geralmente torna a animação
muito mais fácil. Tenho certeza de que vai te ajudar. Vamos começar. Então, primeiro, vamos redefinir nosso
espaço de trabalho padrão clicando aqui Espero que pareça
algo assim, mas vamos
mexer nisso de Realmente não
importa se isso não acontecer, quando você importa algo
para o After Effects, ele se lembrará
da última composição que você fez ao importar Você pode escrever clicando
aqui e clicando em Importar. Você também pode clicar em Comando, que é o
atalho mais popular que eu uso Você também pode ir até aqui para
arquivar e importar. Queremos encontrar isso
em nossas pastas recentes. Aqui, temos
os quatro adesivos. Agora, para importar isso,
o que gostaríamos de
fazer é importá-lo como camadas. Queremos selecionar a composição,
manter os tamanhos das camadas. E vamos
simplesmente abrir isso. Isso é bom. Basta clicar em OK. Em seguida, vamos
abrir essa composição. Ok, vamos colocar isso. 100% bom. Está parecendo bom. Aqui podemos verificar nossas configurações de
composição. Podemos ver que a
largura e a altura entraram corretamente,
o que é ótimo. Então, temos a taxa de quadros. Agora está lembrando
o que eu durei. Eu usei um desses adesivos. Eu o coloquei em uma taxa de quadros de 12. Isso normalmente é meio que a metade
da taxa
de quadros das antigas animações
da Disney Então, as animações dos personagens, eu coloquei em 12 só para
facilitar a entrega dos presentes Você pode até mesmo ir até oito
e, obviamente, só
precisará
animar esses
oito quadros por segundo 12 recomendam 12, e Giffe na verdade, recomenda pouco
menos de 200 quadros Então, estamos bem dentro disso. Também queremos
mantê-lo em menos de 6 segundos. No meu projeto,
acho que vou fazer 4 segundos porque é com isso
que trabalho. Normalmente, vou
mudar minha cor de fundo, que é essa cor aqui, para 50% de cinza. 50% de cinza geralmente é uma regra muito boa porque você pode ver todas
as outras cores, como branco, nítidas nela Clique em OK, e essa é a
sua composição pronta. Ok, agora o que
precisamos fazer é instalar um
plug-in muito importante para o After Effects, que
nos ajudará a completar todas as
nossas animações e
realmente melhorar
seu fluxo de nossas animações e
realmente melhorar trabalho no After Effects Vamos apenas salvar esse
projeto no mesmo lugar. Vamos encontrar esse
arquivo PSD desta vez. Vamos até a
pasta e chamaremos
esse conjunto de adesivos de grama de um, caso façamos
mais conjuntos posteriormente Vou colocar
esse também, caso
tenhamos mais versões. Se o adesivo definir
um clique em salvar, e esse será seu local de
residência permanente Agora vou parar de usar o After
Effects. Vou acessar meu navegador. Vou procurar ferramentas
de movimento. O Motion Tools é um plug-in
da escola de design de movimento. Se você achar isso, clique nele, você verá que há
muitas informações aqui. Você pode assistir a um vídeo
sobre as ferramentas, que eu realmente recomendo porque elas simplesmente
percorrem tudo. Vou me concentrar em algumas
coisas nessas aulas. Vou te ensinar como usá-lo com nossas animações de texto Mas se você quiser saber mais, obviamente você pode
navegar pelo site. Agora, para baixá-lo, basta clicar em download gratuito
no botão Tela que deve ser
baixado para o seu computador. Vou mostrar
isso no meu localizador. Vamos abrir isso
clicando duas vezes. Vamos abrir isso. Então, o que eles fizeram, o que é realmente muito útil, fornecer um guia de
instalação Na verdade, esse é um processo de
duas etapas. Você precisará, antes de
tudo, baixar o instalador do XP. Se você clicar nele também, poderá baixar seu
Windows ou Mac lá. Vamos abrir isso então. O que você precisa fazer é
arrastar o XP para a pasta
Aplicativos. Agora, eu já tenho um,
não vou fazer isso, mas isso só vai
explicar como instalá-lo. Depois de fazer isso,
abra o instalador do Zx. Basta arrastar esse arquivo de
ferramentas de movimento para dentro dele. Ele diz que você está prestes a
instalá-lo, vamos instalar. E então ele diz
onde você o encontrará. Extensões de janela nos aplicativos
compatíveis , conforme indicado na
janela de instruções. Vamos abrir a janela,
encontrar extensões e, em
seguida, vamos abrir o painel um de
ferramentas de movimento. Não se preocupe com os
outros três por enquanto, vamos usar apenas um. Se for a primeira vez que
você
usa ferramentas de movimento, você precisará se registrar para que
possamos levá-lo ao site e
preencher os detalhes. Não se preocupe, você não
precisa pagar nada. Se você já tem uma
conta, basta fazer login aqui. Depois de se registrar, basta
voltar e fazer login aqui. Depois de fazer login, seu painel de ferramentas de movimento
deve estar pronto Eu gosto de encaixá-lo
aqui à direita e depois ajustar o
painel, ele se encaixa perfeitamente Essas são nossas
ferramentas de movimento instaladas. Também temos a janela de
composição aqui. Controles de efeitos. Este
é o nosso painel de projetos e esse é o nosso cronograma Agora temos tudo o que
precisamos para começar a animar. Junte-se a mim na próxima
lição para descobrir como
7. Posição de animação: Nesta lição,
vamos animar nosso design de adesivos usando animação de
posição Animar a posição
de um texto pode levar a todo tipo de diversão maluca,
ondulada Então eu acho que você
vai gostar deste. Vamos
verificar nossa composição. Se clicarmos em cada camada, ela nos mostrará uma
bela caixa delimitadora ao redor da própria letra, ao redor da grande Se entrarmos nas Configurações de
composição, vamos apenas verificá-las. Ele se lembrará dos
últimos que você já fez. A largura e a altura estão na quantidade correta de pixels. A taxa de quadros é 12 e
, em seguida, a duração de 4 segundos. E minha
cor de fundo é 50% cinza. Tudo bem se seu ponto de ancoragem não estiver
no lugar correto Se você selecionar todos eles e clicar neste prático
botão central nas Ferramentas de movimento, isso centralizará tudo para você Outro ótimo motivo
para ter ferramentas de movimento. Apenas observe aqui
que você pode alterar a posição do ponto de ancoragem
depois de animado Portanto, não precisamos nos preocupar
muito com isso agora. O que eu quero alcançar
nesta lição é uma boa multidão com cartas de
feliz aniversário. Para fazer isso, precisarei
animar a posição
de cada camada Se eu selecionar todas essas
camadas e clicar em P, isso revelará a
propriedade de posição de cada camada. Se eu fizer um
ajuste nisso, você verá que todos
estão selecionados. Agora, o que queremos fazer logo
no início
de uma animação de Jeff, ou de qualquer animação em loop, é definir a posição em
que eles já estão Se clicarmos no cronômetro com o indicador de reprodução no
início da linha do tempo, isso definirá um quadro-chave
com essa posição exata Para fazer com que seja repetido, também
precisaremos definir
isso como nosso quadro final. Se avançarmos
para oito quadros, clique neste
pequeno diamante aqui, que colocará outro quadro-chave exatamente
igual ao primeiro. Porque ainda não
ajustamos nada. Tudo o que fizemos foi
colocar a posição, a posição inicial e a posição
final, para nosso feliz aniversário aqui. Essa é uma
prática muito boa para formar um loop. Sempre comece definindo os quadros
inicial e final
e, em seguida, faça
os ajustes no meio. Vamos para quatro quadros,
no meio dos dois. Agora podemos decidir
sobre o comportamento ou o movimento das letras. Eles vão subir
ou descer, ou de um lado para o outro? Acho que, para os meus,
vou fazê-los subir. Vamos reajustar isso para que possamos ver
a composição completa Depois, com todas selecionadas, vou clicar em uma das letras e
começar
a arrastá-la para cima Se eu segurar a tecla Shift,
isso acontecerá exatamente em
uma linha reta. Lá vamos nós. Acho
que está pronto o suficiente. Vamos ver o que temos.
Se clicarmos na barra de espaço, a animação será reproduzida. Obviamente, no momento,
minha linha do tempo é muito longa e temos que esperar
muito tempo para vê-la. Vamos arrastar
isso
até 1 segundo e
pressionar play novamente. Lá vamos nós. Podemos ver movimento
muito simples para cima e para trás à posição
inicial original. Não se preocupe neste momento o movimento
está bem nítido. Vamos facilitar isso
um pouco mais tarde. Por enquanto, vou mostrar um truque legal para fazer com que
pareça mais divertido. Vamos adicionar a
expressão elástica das ferramentas de movimento. Antes de adicionar a expressão
elástica, vou estender
a área de trabalho para 3 segundos. Para adicionar a expressão elástica, precisamos primeiro selecionar os
quadros-chave. Para selecionar todos eles,
basta clicar e arrastar sobre todos os
quadros-chave na linha do tempo. Se você for até o painel de ferramentas de
movimento e passar o mouse sobre o botão
elástico, verá que algumas coisas
diferentes aparecem O que queremos fazer é
criar uma camada de controle. Enquanto clicamos no botão,
pressionamos a
tecla Alt e depois clicamos nele. O que isso é feito é
adicionar uma expressão a todas
as camadas e uma
camada de controle no topo aqui. Dentro dessa camada de controle, temos esses três controles. Temos amplitude,
frequência e decaimento. Vamos clicar em play e dar
uma olhada no que
isso está fazendo em contraste com o
movimento anterior muito nítido que
tínhamos, assim . Agora temos um
pouco de primavera e um pouco de alegria
para nosso feliz aniversário Está funcionando, mas definitivamente
podemos ajustar isso para dar uma olhada no que
essa peça mágica pode fazer. O que acontece se dobrarmos
a amplitude para 40? Podemos ver que
o salto elástico ou a superação ficam muito maiores Vamos adicionar 100 para
realmente conferir. É bom exagerar um pouco
mais nessas expressões porque queremos que nosso presente
seja super forte. Se eu torná-lo muito pequeno, veremos muito
movimento lá no momento. A expressão elástica está afetando todos os quadros-chave, mas, geralmente, eu gosto tê-la apenas
no último quadro-chave Então você tem coragem de fazer isso, vou facilitar os dois primeiros. flexibilização fácil é apenas
a desaceleração do movimento
à medida que entramos
ou saímos do quadro-chave A
expressão elástica funciona bem quando há muita
velocidade no movimento. Idealmente, teríamos a expressão
elástica em um quadro-chave sem atenuação
ou em um quadro-chave linear A maneira de facilitar a facilidade é
selecioná-los clicar com o botão direito do mouse, acessar assistente de
quadros-chave
e, em seguida, facilitar Ou você pode usar o
atalho prático, que é nove. Você vê agora que, quando eu toco, o elástico só funciona
no último quadro-chave. Isso dá aquele efeito
realmente natural, saltitante e
divertido
com Certifique-se de adicionar facilidade a qualquer quadro-chave em que você não
queira o efeito elástico. Agora brincamos
com a amplitude. A frequência é a
rapidez com que ele salta. Vou colocar isso em
100 só para demonstrar. Agora podemos ver que está
fazendo aquele movimento de menino, o que é muito divertido. Vamos apenas redefinir isso para 45. A decadência é a rapidez com
que a primavera morre. Se você quiser que
a primavera continue por mais tempo, você quer um
número menor de decaimento Por exemplo, se eu colocasse zero, ele saltaria infinitamente e provavelmente não
daria um loop muito bom Eu geralmente mantenho o decaimento 30-60. Vamos colocar isso em 30 aqui Você pode escolher, obviamente,
com base na sua própria, se o quão saltitante e quanta
decadência você gostaria que ele tivesse, vou colocar
minha amplitude Esse é o look
que eu estou procurando. Nosso próximo passo para torná-la mais interessante é
escalonar essa animação Aqui no painel de ferramentas de movimento, temos uma seção sobre
escalonamento ou sequenciamento Isso vai
escalonar os quadros-chave ou as camadas. Dependendo do que
você selecionou. Esse botão será sequenciado até o início
da linha do tempo. Esta de cima para
baixo, de baixo para cima
e, em seguida, aleatoriamente,
a seção acima Essa é a quantidade de
deslocamento e as etapas Se selecionarmos essas camadas e as
vermos como um deslocamento de uma, você verá que, ao clicar
nela, ela moveu um
quadro, cada Se eu colocá-los de volta
no início e depois colocar o deslocamento como
dois, e as etapas dois, e depois sequenciarmos, você verá que temos dois aqui, todos se movendo em
dois saltos de quadro Você pode manipular isso de maneira
muito bonita e fácil e obter efeitos realmente
diferentes Vou fazer o offset
como um e os passos um, e vou sequenciar a partir
do melhor jogador. Vamos jogar isso. Está parecendo muito bom. Eu realmente gosto do movimento ondulado da multidão
dessa. É muito feliz, muito alegre. O único problema é que acho que o aniversário deveria ser
na frente dos felizes, porque vem em segundo lugar. Não está funcionando da
maneira que eu gostaria. Felizmente, há uma maneira muito
fácil de mudar isso. Meu truque rápido e fácil,
sem alterar nada ,
nenhum dos quadros-chave, é selecionar
da camada inferior
até o jogador superior. Deixe a camada de controle elástica. Comandamos X para
cortá-lo e, em seguida, comandamos V e ele
retornará na ordem em
que você o selecionou. Truque muito legal. Eu não tenho nenhum outro programa
que faça isso. Ele o sequenciará automaticamente a partir do ponto de exclamação. Eu o selecionei primeiro
para o H and Happy. Vamos mover a camada de controle
elástica de
volta para o topo para sabermos exatamente onde ela
está. Vamos jogar isso de novo. Sim, agora a
data de nascimento está na frente de Happy e
parece muito boa. Mas talvez agora vejamos isso por
completo. Gostaríamos de fazer
algumas alterações
adicionais na elasticidade. Está tudo bem. Você pode dirigir arte à medida que avança. Vou
ajustar a frequência
do salto aqui para 40, um
pouco abaixo de Nice Devo dizer que, para mim parece um
pouco lento por um instante, geralmente as
histórias do Instagram são bem rápidas É uma celebração. Queremos que seja mais forte do que isso Podemos fazer ajustes. Vamos selecionar todas as camadas e abrir a
propriedade da posição novamente clicando em. Se agora clicarmos
nesse botão, clique e tudo estará organizado de volta com os quadros-chave
no início. Isso é muito bom
porque vai nos
ajudar a ajustar nossa velocidade uniformemente. Agora, se eu abrir isso para que possamos vê-los
todos ao mesmo tempo. Em seguida, selecione todos os
quadros-chave segurando a tecla Alt novamente, clicamos e os arrastamos, apertando um pouco esse
tempo Vou ajustar o quadro
final para seis quadros. Vamos ajustar a linha do tempo e verificar a
animação nela. Vamos ajustar isso
novamente. Nós podemos ver tudo. Podemos ajustá-los
completamente, como eu acabei de fazer. Ou podemos selecionar apenas o quadro final.
Apenas a moldura do meio. Nós podemos movê-los.
Vou apenas empurrar a estrutura final para
mais perto da
estrutura intermediária para obter mais velocidade
na estrutura final. Mostrarei alguns
gráficos de velocidade na próxima lição. Então você entenderá um
pouco mais sobre isso, mas não se
preocupe com isso por enquanto. Tudo o que estou fazendo é aumentar a velocidade desse salto e torná-lo um pouco mais forte. Tudo bem, vamos ver que
com o sequenciamento ativado, com todos selecionados, desta vez vamos
sequenciar porque clicamos nele, precisaremos sequenciar a partir
da camada inferior É importante lembrar.
Sequencie e depois toque. Está parecendo muito bom. Vamos fazer alguns ajustes finais
de velocidade. Porque se eu olhar de longe, se eu simplesmente rolar para cima, você verá o tamanho do adesivo com o
qual você estará lidando É muito útil em um adesivo exagerar um pouco mais Vá um pouco mais longe e você obterá
mais efeito com isso. Vamos aumentar a
amplitude para 55, a
frequência para 66 e, em seguida,
55 no decaimento também Eu gosto disso. Fazendo o bem. Fazendo o bem,
sim. Vamos verificar. Sim, provavelmente é
muito pequeno para você, mas esses adesivos, como eu disse, vão um pouco mais longe, vão mais longe do que você faria
em uma animação normal E você descobrirá que
funciona muito bem. Estou muito feliz com isso. Agora eu vou salvá-lo. Comando S, se você
fez o seu pular para cima e
para baixo ou de um lado para o outro Vamos deixar
isso aqui por enquanto. E eu vou te mostrar como
exportar o jiff. Na aula de exportação, todos os adesivos
serão animados nesse arquivo Então, junte-se a mim na
próxima lição para animar a escala
do nosso próximo adesivo Te vejo lá.
8. Escala de animação: Agora vamos
fazer algumas animações de escala
em nosso próximo Sinta-se à vontade para usar seu primeiro
design novamente para isso, se você só
conseguiu criar um ou usar meus arquivos
da pasta de recursos. Também vou mostrar um método
diferente de remover
aqueles incômodos pixels de procriação invisíveis no Photoshop para que você possa
animar Para este que vou fazer, eu poderia escrever o
comando click here e depois o adesivo que
vou usar para escalar E então crie a composição, pressione abrir e tudo bem. Agora, se eu abrir este, você realmente verá os efeitos
desses pixels invisíveis. Se eu clicar no L aqui, você pode ver que o L tem a
caixa delimitadora inteira em vez de uma ao redor da letra e o ponto de ancoragem no centro, as outras letras também
seguem isso Precisaremos levar isso de
volta para o Photoshop. Vou te mostrar isso de novo. Vamos desfazer a entrada. Vamos dar uma
olhada no Photoshop. Aqui, se eu olhar para o L, parece bastante normal, exceto se eu pressionar transformar, você pode ver aquela caixa delimitadora Não vamos transformá-lo,
vamos duplicá-lo. Você pode duplicar
acessando aqui para duplicar a camada L, copiar, não
importa o nome, e depois a mesclamos Agora, se eu tentar transformar
essa letra novamente, você pode ver que a caixa
delimitadora está ao redor da letra e não
ao redor do quadrado inteiro Não sei bem
por que isso funciona, mas funciona. Hz. Salve isso. Vamos salvar como quatro, como
fizemos no nascimento, no primeiro dia, clique em OK. Agora, se importarmos
aquele que é essencialmente o mesmo arquivo e o abrirmos. Se eu olhar para o L
novamente, clique nele. Agora tem uma caixa delimitadora
que está ao redor do L. Vou ter
que repetir isso para todas
as outras letras Outra maneira de criar
facilmente uma nova cópia dessa
letra é segurar a tecla Alt, clicar, arrastar
e mesclá-la Vou fazer isso
rapidamente com todas as cartas. Ok, vamos guardar isso. Precisaremos recarregá-lo
porque ele vai bagunçar tudo. Vamos importar isso. Lembre-se de que queremos
clicar em Composição Aberta, Ok e, em seguida, clicar
duas vezes nela. Vamos
examinar as camadas. Podemos destacá-los todos
ao mesmo tempo para ver se estão todos presentes
e corrigir o que estão. Lembre-se de que, se os
pontos de ancoragem não estiverem centralizados, você sempre poderá clicar
nessa ferramenta Button In Motion Vou apenas
arrastar essa camada de água para trás e
vou escondê-la e bloqueá-la, porque não vou
animá-la Mas vou animar
o resto das camadas. Vamos selecionar todos eles. E clique em para ver a escala. Isso abrirá
a propriedade de escala. Assim como fizemos antes. criar esse loop infinito. Então, vamos clicar no cronômetro
aqui desta vez, porque eu sei que queríamos uma animação
mais rápida da última vez Vou usar seis
quadros em vez de oito. Vamos clicar no pequeno diamante
aqui para criar isso. Agora vamos até a
metade e experimente algumas mudanças porque temos
todas as camadas Se eu ajustar a escala
na camada superior, isso também afetará o
resto delas. Vamos definir esse eixo x para 110. Você verá que todos os
valores mudam para 110, inclusive no eixo y aqui. Vamos encurtar
essa linha do tempo para 1 segundo e jogar. Agradável. Está parecendo bom. É como
um pequeno movimento cardíaco, que é o que eu queria
alcançar com esse adesivo de amor Vamos experimentar alguns outros valores. Vamos diminuir,
vamos para 80. Desta vez, tem o efeito
oposto. Parece que está
entrando e saindo, ficando menor e depois maior. Vamos tentar algo um pouco mais extremo. Vamos por 30. É muito, muito
pequeno e depois muito grande. Provavelmente será uma ótima fristica
porque tem muito impacto Mas vou escolher
110 por enquanto, porque gostei do estilo de bombear o
coração Mas se assistirmos, é
um pouco rígido. Então, vamos usar
aquela adorável ferramenta de movimento, expressão
elástica novamente. Vamos trazer o indicador de reprodução de volta
ao quadro inicial e facilitar facilmente os dois primeiros
quadros-chave Lembre-se de que o
atalho para isso é nove com tudo selecionado Agora vamos clicar na
expressão elástica segurando Alt. Clique para criar a
camada de controle elástica na parte superior, você verá que ela está apenas dando aquele pequeno salto para
a estrutura final Agora, como eu disse na lição
anterior, eu queria mostrar um
pouco mais desse efeito. Se eu simplesmente clicar e ir para minha camada de ponto de exclamação aqui, podemos começar a ver
o gráfico sobre O que vai ser muito
empolgante para alguns de vocês. Fãs técnicos, pois outros de vocês não precisam
fazer isso de jeito nenhum Eu só quero mostrar visualmente como
é a expressão. Se eu alternar o
menu suspenso na escala, você verá a expressão Em seguida, posso abrir
o gráfico clicando neste botão e visualizando
o editor gráfico. Agora você pode realmente ver
que a flexibilização desses dois primeiros está
ocorrendo muito bem E então, como
não temos nenhuma flexibilização, isso vai ultrapassar, permitir que essa expressão aconteça Agora eu posso ver que, na verdade não
estamos entendendo a expressão
completa aqui. Assim, posso tornar minha
linha do tempo um pouco mais longa para que possamos ver a expressão completa
acontecendo na animação aqui. Se voltarmos para a camada de controle
elástica e ajustarmos a amplitude, digamos que subamos até 90. Agora podemos ver
que esse excesso ou
o efeito elástico é muito mais pronunciado
no gráfico Podemos observar o
gráfico como uma mudança, alguns dos outros valores,
bem como a frequência Se eu
aumentar isso para 90 também, você verá que o
número de saltos após nosso
quadro-chave final aqui Se eu colocar a decadência, lembre-se de que é a
morte da onda para uma que encurtará
esse espaço entre sh, o espaço aqui, se
eu colocá-la em zero, você verá que essa
decadência simplesmente Continuaria no mesmo
ciclo para sempre. Gosto de ver o gráfico e ver como a
expressão funciona, mas você definitivamente não
precisa saber nada sobre isso. Embora eu esteja muito feliz
com essa animação, quero mostrar a vocês
alguns outros efeitos interessantes usando a escala em um eixo Vamos trazer nosso indicador de reprodução de volta
ao quadro-chave central, desta vez com todos
marcados a caixa aqui, que é nossa caixa de
proporção restrita que vincula os valores x e y
e dimensiona tudo Se eu desmarcar isso e
alterar um dos valores, vamos reduzir o y para 100 Vamos ver o que isso faz se
jogarmos agora, podemos ver que é como se afastar
pela lateral, ou se eu quiser,
digamos, o eixo x. Em vez disso, vai
subir e descer a partir do topo. O que também é muito fofo. Na verdade, eu gosto muito desse. Mas o que acontece
agora se mudarmos o ponto de ancoragem porque ele está se esguichando de
cima Vamos tentar um
ponto de ancoragem na parte inferior. Se eu clicar aqui, ele alinhará o ponto de ancoragem com a
parte inferior da letra Agora podemos ver que está
crescendo a partir desse ponto inferior, ficando mais alto e voltando, que também é muito Vamos tentar com um ponto de ancoragem
esquerdo. Agora parece o mesmo que estava escalando de lado porque estamos fazendo
isso do meio Mas se mudarmos
apenas o uso do arquivo, podemos ver que ele está
crescendo a partir do ponto de ancoragem esquerdo e depois
voltando para Acho que vou ajustar um pouco mais
a escala, certificando-me de que todas essas
camadas estejam selecionadas Só para que tenha um pouco
mais de impacto. Vou apenas ajustar um pouco
a água. Vou apenas
girá-lo um pouco para que ele se encaixe melhor quando
estiver escalando. Agradável. Sim, estou muito
feliz com isso agora. Esse é o meu segundo adesivo pronto, todo feito com os
mesmos efeitos do adesivo de feliz aniversário, mas ao escalar dessa
vez, não se esqueça Você também pode
experimentar escalonar aqui
usando ferramentas de movimento Novamente, aqui,
vou escaloná-lo
de baixo para cima Vamos dar uma olhada no que isso
faz. Outro efeito interessante. Você também pode colocá-lo de volta
ao início e experimentar alguns tipos diferentes
de escalonamento.
Por exemplo, é um escalonamento
aleatório E veja o efeito que isso tem. Faça uma experiência
com o escalonamento. Você pode conseguir algumas coisas legais. Essa é a nossa escala
animada. Se tudo estiver pronto. Lembre-se de que você também pode
usar essas técnicas em todas as outras propriedades. Rotação de capacidade. Por que não experimentá-los
em outros designs? Portanto, certifique-se de que este esteja salvo. E vamos passar para nossa
última animação de adesivos, animando a cor.
Te vejo lá.
9. Cor de animação: Nesta lição, vamos
animar a cor do nosso texto. Isso pode ser usado
para muitos efeitos interessantes e mal posso esperar para
mostrar como fazer isso. Também vou mostrar um método final de
recortar essas letras
para facilitar a animação, mascarando o After Effects Depois de conhecer este,
você pode escolher o
método que funcione para você
em seu trabalho futuro. Aqui temos meu adesivo final que vou
animar neste É o meu lindo adesivo com meu pequeno pombo
dando o polegar Você pode ver todas as camadas que eu importei do procreate aqui Primeiro de tudo, um
pouco de limpeza. Vamos tirar esses dois. Só nos resta o
bonzinho e o pombo. E vou
rotulá-los aqui porque é muito mais fácil
rotular no Photoshop Agora eu poderia dividi-los agora mesmo usando a ferramenta de laço
poligonal, mas vou mostrar uma outra maneira de fazer isso
no próprio After Effects,
que é muito, muito semelhante
a essa Vou guardar
isso mais uma vez. Vamos ligar para
E e clicar, ok. Importe seu arquivo,
clique com o botão direito do mouse ou comande I e encontre seus quatro adesivos AE Vamos fazer essa composição
e depois pressionar abrir. Está bem? Em seguida,
clique duas vezes nessa composição. Você verá que eu tenho
exatamente as mesmas camadas aqui que eu tinha no Photoshop Vamos verificar minhas
configurações de composição, como sempre, mesma largura e altura. Boa taxa de quadros,
12, duração, quatro, então vou mudar
minha cor de fundo para 50% de cinza. Ok, legal. Então, vou mostrar como separar as camadas, assim como esta. O que precisaremos fazer
com isso é criar máscaras. Para fazer isso,
precisamos duplicar essa camada
quantas vezes tivermos letras Então, temos 12345678 com meus acentos Pressione Command D. Então
temos 12345678, e podemos rotulá-los se eu clicar em
Enter e depois colocar Enter Entrar. Entrar. Entrar. Ótimo. Agora, o que vou fazer é eliminá-los. Em primeiro lugar, não vou
animar o pombo. Podemos colocá-los na parte de trás
e também podemos trancá-los. Em seguida, podemos
prosseguir e selecionar. Agora, se eu estiver selecionando, isso é muito bom porque
eu posso escolher aquele. No entanto, se eu quisesse dizer,
escolha o C, como você pode ver, ele vai pegar
tudo no momento. Precisamos
cortá-los e mascará-los. Esta é a minha camada ocular. Vou apenas ampliar e depois usar a mão
para mover a tela. Então, assim como
fizemos no Photoshop, recorte-os com muito
baixo teor de poliéster e os mascare Se você quiser
movê-los, você pode mover certos pontos que
você selecionou. Agora, se eu fizer isso sozinho, você verá que o
olho está sozinho. Eu vou passar direto. Basta selecionar as outras letras
nas camadas corretas. Lembre-se de ampliar
se alguma letra estiver muito próxima e se mover
com a ferramenta manual. Você sempre pode desfazer
o último ponto que fez com o
comando said também Ótimo, está tudo pronto. Se eu agora examinar e
isolar cada uma delas, você verá que elas estão em suas próprias camadas,
o que é ótimo. Agora, se eu quisesse
dizer selecione o C, meu ponto de ancoragem
aqui está aqui Talvez se eu quisesse
animar como uma rotação ou posição, ela giraria
em torno desse ponto, o
que não é muito útil O que podemos fazer é
centralizar todos esses pontos de
ancoragem Você verá que eles estão
todos
reunidos no meio, exceto o,
essa é a exceção Podemos ir até o
Motion Tools e clicar no botão central da
âncora Isso simplesmente percorrerá
as camadas e as ajustará. Agora, obviamente, não queremos
girar a posição aqui, estou apenas mudando a cor Mas, para uso futuro, talvez
eu queira
voltar e alterá-lo. É sempre bom
manter
essa limpeza como parte de sua prática E o que é realmente
ótimo é que podemos ler e
selecionar cada letra. Aceitaremos essa linha inferior, que mostrará apenas a
parte superior quando a caixa delimitadora estiver sobre ela Então, teríamos que ir até
este para selecionar aquele. Agora vamos
trabalhar nas cores. Se eu selecionar e passar
para efeitos e predefinições, posso pesquisar
o efeito, Phil Você verá Phil aqui
sob o número de geração 32. Se eu clicar duas vezes nesse, ele o
preencherá automaticamente com sua cor padrão, que é esse vermelho muito
brilhante e sombrio Para mudar isso
para combinar com minhas outras cores, porque quero começar
com esse lindo vermelho suave, basta clicar no conta-gotas aqui e
depois no
colírio do C ou de
uma das outras letras Então, temos minha cor
normal lá. Agora, o que posso fazer é
copiar esse efeito de preenchimento, selecionar todas as
camadas e colar. Agora, se eu examinar e
selecionar qualquer uma das camadas, você verá que ela foi
colada exatamente da mesma forma Agora, não temos um
atalho de teclado para revelar a cor, mas temos essa barra de
pesquisa aqui Se eu começar a digitar cores, você verá que,
em todas as minhas camadas, a cor começará a aparecer Agora, se enquadrarmos essa primeira camada e
clicarmos e arrastarmos para baixo, ela enquadrará todas elas, cada uma dessas camadas de cores
terá um quadro-chave. Agora, se eu clicar no menu suspenso, podemos ver isso de
forma clara e clara na barra de valores. E eu também posso clicar nesse menu
suspenso no resto das
camadas. Agora, quando usamos cores, coisas começam a ficar um
pouco mais complexas. Vamos mudar nosso
espaço de trabalho para ver isso. Vamos mover nosso painel de camadas até onde estão os controles do
efeito. Vamos mover os
controles de efeito até aqui. Vamos tornar a
barra de composição um pouco menor, só para que possamos ver
o tipo lá. Legal. Também podemos mexer um pouco
as ferramentas de movimento Ok, então eu vou
ampliar um pouco. O que queremos fazer para criar esse bom loop é copiar
esse quadro-chave. Eu só vou mover
isso para 1 segundo. Em vez de copiar e colar, posso usar essa ferramenta útil em ferramentas de
movimento chamada E isso apenas
fará uma cópia
daqueles que estão selecionados
na linha do tempo. Ok, agora para a parte divertida, vamos adicionar um pouco de cor. Então, vou colocá-lo cinco quadros e vamos
selecionar uma cor diferente. Se eu pegar o conta-gotas aqui, posso escolher entre minha ilustração
ou no painel de cores ou
nas bibliotecas. Talvez, se
eu pingar essa cor, você verá que ela agora
aparece nessas barras É realmente uma ferramenta visual
útil para ver as
cores em tempo real Agora vamos mover isso para
o meio ou e pressionar Play. Você verá que ele está fazendo esse lindo gradiente desbotado Vamos apenas encurtar
essa linha do tempo possamos vê-la um pouco mais rápido Sim, podemos ver aquele belo
pôr do sol acontecendo agora. Isso é bom e
talvez seja o que precisamos, mas eu gostaria de uma
pequena mudança instável Vou apenas selecionar
todos os quadros-chave existentes e voltar aqui novamente
para usar nossas úteis ferramentas de movimento. Aqui você tem os diferentes
tipos de quadros-chave. Então, temos Bezier, Lina e Hold Queremos uma moldura de espera, agora você
pode ver isso visualmente. Novamente, essa mudança
instável vai acontecer. Sim. Bonito e chamativo. Ok, vamos aproximar isso e colocar
mais cores aqui. Com isso selecionado, novamente, vamos escolher outra
cor do nosso pombo Belo azul. Vamos lá novamente. Escolha outra cor
aqui com o verde. Acho que acabei com as cores. Vamos ver, eles estão mudando. Agradável. Podemos ver uma pausa um pouco
longa que faz sentido porque essa
não está bem equilibrada Gosto quando está empatado. Claro que você não precisa
tê-lo nem mesmo na Tool, talvez você goste
mais de uma cor do que da outra. Eu também gosto muito rápido. Se fizermos isso bem, pequeno, vamos dar uma olhada. Sim, está parecendo legal. Essa é uma ferramenta muito útil para criar todos os tipos
de efeitos de cores Você pode fazer arco-íris por orgulho, ou você pode fazer bandeiras,
o que quiser Esse é um efeito muito bom, mas podemos usar nossas ferramentas de movimento novamente para
escalonar essa animação Vamos ver qual o
efeito que isso tem sobre isso. Vamos sequenciar
de cima para baixo. Sim, sequência. Você verá que tudo se ajusta. Sim, isso também é legal.
Eu gosto desse efeito. Mas acho que vou voltar
para onde
tudo está mudando de uma só
vez , porque acho que isso é um
pouco mais forte para mim Uma coisa que notei que você deve
ter notado é que o estilo do meu pombo é muito diferente do
estilo do meu lindo É como o
FA tentar mudar cor e
o
traçado ao mesmo tempo. Vamos adicioná-lo depois
no After Effects. Vou dar um zoom
aqui e selecionar minha letra de uma só vez para que possamos vê-la bem
perto do pombo O que vamos
fazer é apenas criar um estilo de camada que
desça até o traçado e
veremos que esse traçado está lá. Se clicarmos para baixo, podemos ver que esse
traço foi adicionado
ao E novamente nesse vermelho
muito sombrio Vamos deixar cair o
preto a partir daí. Agora, na posição em que vou
colocá-lo por dentro, ele mantém minha forma bonita. Vou aumentar o tamanho do traço para combinar com
o
meu pombo aqui Compartilhe como se estivesse melhor
no centro. Vamos experimentar isso.
Sempre podemos ajustá-lo mais tarde. Agora eu posso copiar o comando
C e colar o comando V, esse efeito em todas as letras. Agora, se diminuirmos o zoom
e
pressionarmos play, podemos ver que esse traço
está acontecendo bem Na verdade, vamos mudar essa
posição para dentro novamente. Vamos copiar isso para
todas as camadas. Sim, parece melhor
agora porque não se toca muito, então não
está tão perto Lembre-se, você sempre
pode ler e
ajustar qualquer letra com a
qual você se sinta muito próxima de V. Vou
mudar isso. Basta um toque e um toque nos seios. Sim, está parecendo bom. Eu gosto do meu pequeno e
simpático pombo. Vamos vê-lo bonito e
grande. Bonito e pequeno. Sim, acho que ele vai
se destacar. Então, vamos lá. Você acabou de aprender
como animar
a cor de suas letras e adicionar um
contorno que não muda de cor, se precisar Eu também usei essa técnica para planos de fundo chamativos
no passado, então é uma ótima habilidade para saber Na próxima lição,
mostrarei como explorar todas as suas
adoráveis animações It files 0
10. Exportar e fazer upload: Nesta lição, mostrarei como exportar suas animações para presentes e enviá-las
para nossa galeria de projetos Depois de receber seus presentes,
na próxima lição, mostrarei como você
pode enviá-los para Goff e obtê-los como
adesivos utilizáveis Portanto, fique atento a essa. Agora que animamos
todos os nossos adesivos, estamos prontos para renderizá-los renderizá-los como presentes O que vamos fazer é um
pequeno processo de duas etapas. Vamos exportá-los
como um arquivo mob do
After Effects e depois
vamos
levá-los para o Photoshop para
exportá-los como Jeff Essa é a melhor maneira
que encontrei de fazer isso. Você também pode usar o
codificador de mídia para exportar presentes, mas descobri que a qualidade
não é tão boa Eu faço dessa maneira e
recomendo que você
acompanhe para começar a
renderizar esses adesivos
que temos aqui Aqui está meu lindo adesivo,
lindo adesivo e adesivo de
feliz aniversário Podemos simplesmente clicar no
que queremos, depois ir para Composição
e depois adicionar para renderizar Q. Aqui você terá
algumas configurações As configurações que você precisará escolher
para obter um modo transparente
são 44 mais alfa. Para obter essa configuração, se
você ainda não a tiver, basta clicar nesse módulo
de saída selecionar Quick time
na lista suspensa. Em seguida, vá para Opções de formato e encontre o Apple Prores
4444 nesta lista Esse é o único que
permite exportar com o Alpha. Certifique-se de que esteja na sua lista. E então, quando você
chegar aos canais, o RGB pode ser selecionado, você só quer RG mais Em seguida, clicamos em OK. Depois de escolher
o módulo de saída, você também precisa escolher onde
ele produzirá dois. Se você clicar nesse rótulo
e encontrar sua pasta, a minha no
meu desktop, minha no
meu desktop, adesivo
do Instagram
Project Exports Nessa pasta de exportações, vou criar
uma nova pasta para
poder clicar aqui ou em Command shift. Em seguida, vou
criar minha primeira pasta, que é o
arquivo mob, clique em criar Vamos salvar
isso sem quatro. Um bom adesivo. Salvar com um clique. Depois de selecionar onde
ele vai, clique em Renderizar. Isso deve ser muito rápido porque é um arquivo muito pequeno. Vamos verificar nosso localizador
e acessar Exportações. Em seguida, sua pasta deve estar lá e você pode conferir
seu belo adesivo Se você pressionar a
barra de espaço para
reproduzi-lo, ele deverá apenas
percorrer a animação A segunda etapa é
colocá-lo no Photoshop. Se você escrever, clique
no arquivo mob. Deve abrir esse menu pop-up. Se você abrir com e
depois descer para outro, precisará encontrar o Photoshop nesta lista de aplicativos Depois de encontrar o Photoshop,
basta clicar em abrir e
isso deve abrir o
Photoshop para você basta clicar em abrir e isso deve abrir o
Photoshop para Deve abri-lo
nesta linha do tempo. Se você não tiver
essa linha do tempo aberta, sempre
poderá encontrá-la na
janela e, em seguida, na
linha do tempo nessa lista. Agora, ao clicar na
barra de espaço no Photoshop, você deve conseguir
verificar Você pode fazer alguns
ajustes em quanto tempo ele ficará
aqui, se desejar. Vou deixar como
está e depois ir para a exportação de arquivos. E depois salve para a Web. Isso é o que precisaremos para
nossos Fs. Clique em Salvar para a Web. Em seguida, essa
janela pop-up aparecerá. Agora, aqui, você tem
algumas configurações nas quais você pode mexer
, se desejar Geralmente, o que eu diria sobre esses arquivos é que eles
precisam ser pequenos. Agora, a Jiffy recomenda
8 megabytes ou
menos, ou se houver 136 kilobytes, então
é muito, muito pequeno. Se quisermos visualizar isso, podemos visualizá-lo
no navegador. Apenas um aviso aqui de
que obviamente é muito grande. Assim, você pode ver um pouco de
areia nas bordas. Além disso, é branco, então você
precisa ter muito cuidado. Pode haver algum
artefato ao redor que você não possa
necessariamente ver De volta ao Photoshop aqui, você pode fazer ajustes se
quiser reduzir o tamanho do arquivo Digamos que você queira usá-lo em um site e seja muito grande, você pode ajustar o
número de cores aqui. Obviamente, quanto menos cores
, mais claros são os tamanhos dos arquivos. Olhando para o tamanho do arquivo,
são 136 kilobytes. Se eles caírem para 64, isso reduzirá esse
número de kilobytes Isso também pode reduzir a
qualidade do seu, embora pareça que
apenas uma advertência
não esteja aqui. Parece praticamente o
mesmo do primeiro exemplo.
Isso é bom. Podemos descer para
64 com confiança. A outra coisa que
você definitivamente precisará aqui é marcar a
transparência. Essa é a transparência que aparece em todas as
bordas do meu jif E precisaremos disso para criar um bom adesivo para o Instagram Eu geralmente não gosto
de hesitar aqui. Se quiser, você pode clicar em
um pontilhamento novamente. Você
pode visualizá-lo. Você pode ver o artefato que sai do lado de fora em
comparação com este É só um
pouco mais confuso. Essa é outra configuração com
a qual você pode mexer. Vou deixar
isso como estava. Vou remover o ponto de
transparência. Não é um
tamanho de arquivo grande neste momento. Vou apenas clicar em Salvar. Se voltarmos para nossa pasta, encontrarei a pasta,
desta vez
vou criar uma nova
pasta com o comando shift. Vou chamá-lo de número dois, Jeff. Vamos criar isso. Temos um bom adesivo, Jeff. Perfeito. Clique em Salvar. Agora, o belo
adesivo está pronto. Vamos
querer repetir isso com nossos outros adesivos
apenas na pasta Novamente, Composição,
Adicionar à renderização. Percorra todo o processo
com seus outros adesivos. Agora que está feito,
vamos verificar esses arquivos
na pasta. Aqui vamos nós. Nosso adesivo é super grande e tem um tamanho mais
razoável, você também pode vê-lo na
prévia E depois o adesivo te amo
e o lindo adesivo, e estou muito satisfeito
com tudo isso Estamos prontos para enviá-los. Agora, o primeiro lugar que
vamos querer fazer o upload é obviamente
nosso portfólio. O segundo lugar que queremos fazer
o upload é para o Skillshare. Se você clicar no painel Projetos e Recursos e depois
clicar em Enviar projeto, essa janela será exibida. Você vai querer escolher
uma imagem de capa. Vamos fazer o upload dessa imagem e
navegar até sua pasta. Podemos selecionar apenas um
desses presentes para colocar lá, e isso funciona bem Agora, podemos chamá-lo de adesivo
do Instagram, Projeto K, e usar
um hífen lá Primeiros adesivos, se quiser, você pode adicionar algumas perguntas
e comentários aqui A parte mais importante, porém, é adicionar todos os seus presentes a essa parte principal da pasta. Depois de fazer isso, basta
clicar em Publicar na parte superior e eu poderei ver
todos os seus adoráveis adesivos A última coisa a
mencionar é que eu sempre gosto de salvá-los
também como um arquivo PSD, caso eu queira entrar
mais tarde e ajustá-los para que você
possa simplesmente salvar o
arquivo como antes, porque já
temos arquivos PSD Vou criar uma pequena pasta
nova e
dizer isso, então aí eu posso rotular as edições
do presente só porque é sempre bom
salvar essas coisas Eu farei isso com os
outros adesivos também. Você deve se sair bem enviar seus presentes para a galeria
do projeto Na próxima lição,
mostrarei como
criar uma conta de presente
e obter o plano de pesquisa. Instagram. Te vejo lá.
11. Faça-os pesquisáveis: Nesta lição,
mostrarei como enviar
seus presentes para Goff e
criar uma conta de artista Isso tornará seus adesivos pesquisáveis e utilizáveis Então, se você acessar Jiffy.com,
abrirá este site. Em primeiro lugar, você
precisará criar uma conta. Você pode clicar no
botão de inscrição e confirmar
tudo lá. Eu já tenho uma conta,
então vou fazer login. Então aqui você pode
ver meu canal. Agora eu tenho alguns aqui, mas também estamos prontos para enviar
esses novos para ele. Para enviar seus presentes, clique em Carregar e escolha Arquivo. Aqui, podemos ver todos aqueles presentes adoráveis
que acabei de fazer. Vamos começar com
o
adesivo de feliz aniversário e clicar em abrir Em seguida, essa janela se abrirá e é muito
importante que você permita ela seja pública, a menos que não queira que ela
seja publicada ainda. Nesse caso, você colocaria privado e,
em seguida, deseja adicionar algumas tags. Essas etiquetas serão muito importantes para encontrar seus adesivos. Mais tarde, no Instagram,
verifique se você tem
algumas tags lá. Aqui você verá que o
seu foi enviado. Você pode decidir se
isso é privado ou público. Obviamente, se você quiser que ele seja encontrado por outras
pessoas, clique em público. A próxima etapa é
adicionar algumas tags. Agora, eles são muito
importantes quando você
os pesquisa no Instagram. Isso é o que vai surgir. Em primeiro lugar, eu sempre
coloco minha marca, que é meu próprio nome,
então K. Leathers. Então podemos colocar o que
é, então feliz aniversário. Então, podemos dividir a palavra, podemos colocar palavras associadas. Só para colocar a coisa toda, vou colocar meu nome e vou colocar feliz
aniversário como uma palavra. Quando eu for pesquisar
isso no Scram, provavelmente
vou pesquisar
Leathers como o primeiro A terceira seção aqui é Sol. Para isso, eu adicionaria seu
próprio site, se você tiver um, que significa que qualquer pessoa que esteja
pesquisando e realmente gostando deste Jeff pode encontrar você como artista e talvez
contratá-lo no futuro, o que é sempre um grande Além disso, você tem
Adicionar à coleção. Acabei de configurar esta seleção de
adesivos do Instagram. Vou adicionar
isso a esta pasta, as coleções apenas
facilitam a
localização do que eu recomendo. Eu selecionei esse e
clique em Carregar para o Jiffy. Ele lhe dirá
quando estiver concluído. Depois, você pode ver seu
Jeff trabalhando no site. Agora, ele o comprime
de certa forma. Não se preocupe muito, se
parecer um pouco incomum no Jiffy quando for carregado e você tiver sua conta
aprovada como artista, poderá ver
seus adesivos com uma aparência
perfeita em sucata seus adesivos com uma aparência
perfeita Não se preocupe
muito neste momento. Agora, como acabei de dizer, uma vez que você tenha cinco adesivos
em sua página aqui, eu tenho sete adesivos Agora posso
solicitar uma conta de artista. Se você acessar os três
pontos aqui e depois nas Perguntas Frequentes, poderá encontrar marcas,
criadores e artistas Depois, você pode ver o canal Candidate-se
a um artista. Agora, isso lhe dará uma pequena orientação sobre como
se inscrever, que é a próxima etapa
que você precisará fazer
para seus adesivos
apareçam no Instagram Se você fizer isso,
clique aqui se inscreva
por meio do formulário aqui. O melhor deles é um criador. Se você estiver trabalhando
com um cliente que deseja os adesivos do Instagram, se
inscreverá para obter uma marca Eles precisarão fazer isso
primeiro antes que você possa fazer o upload para eles como criador. Clique em Selecionar criador e, em seguida você preencherá os detalhes da
sua conta aqui. Aqui você marcará
a caixa para confirmar que seu
trabalho pertence a você. Isso é muito importante. Todo o trabalho que você compartilha
deve pertencer a você. Se você usou uma das minhas
ilustrações para animar, certifique-se de não
enviá-la
como sua, pois isso fará com que você comece Certifique-se de ter suas próprias obras de arte que você está enviando Depois de marcar essa caixa, envie a inscrição e
ela dirá parabéns. Portanto, isso pode levar de 24
a 48 horas para ser aprovado. Portanto, tenha paciência e fique atento a esse e-mail
muito importante. Depois de ser
aprovado, você receberá um lindo e-mail do Gif informando que
você foi aprovado E então, quando você fizer
login na sua conta, novamente, você receberá esse tipo de mensagem de
parabéns. Então você pode simplesmente passar por isso, descobrir as práticas de
marcação, descobrir a estratégia de conteúdo E você tem ferramentas diferentes
e coisas assim. Então, ao acessar seu canal, você terá um canal com
aparência diferente, como este. Então, depois de fazer isso, você pode adicionar quantos
presentes quiser e eles estarão
acessíveis no Instagram. Para encontrar seus novos adesivos, basta acessar suas histórias e um vídeo relevante,
muito relevante E então vá até seus adesivos
e pesquise suas etiquetas. Para mim, é meu nome, basta
digitar meu nome E então todos os seus
adesivos devem aparecer. Vamos colocar um que
experimentamos na aula. Vamos comprar um
belo adesivo de amor. Sim, isso parece ótimo.
Teste os outros, eles parecem muito bons. Então é assim que você consegue seus
adesivos no Instagram. Agora você tem
tudo o que precisa para criar mais presentes e adesivos. Mal posso esperar para vê-los
na galeria do projeto e no mundo
das mídias sociais. Marque-me se você compartilhar
seus adesivos e eu também
farei um grande esforço para usá-los em minhas histórias Fique ligado no
encerramento final desta aula.
12. Bem feito!: Parabéns por
concluir esta aula. Você aprendeu
a esboçar e
colorir um design de
adesivo baseado em texto Como importar para o Photoshop e After Effects em camadas prontas para
animação Como animar a
posição, a escala e a cor. Usando ferramentas de movimento para tornar
essas animações fofas e divertidas. Como exportar esses presentes
prontos para seu portfólio. E como criar
um canal de artista e usar seus adesivos
nas redes sociais Não se esqueça de que você pode aplicar essas técnicas a um
mundo inteiro de ilustrações. Então, comece a animar,
mal posso esperar para ver seus projetos
enviados a galeria de projetos e colocar perguntas ou
ideias lá também. Eu verifico cada uma das minhas aulas regularmente para oferecer ajuda, onde
posso me marcar se você
colocar algum trabalho on-line. Sempre me esforço para compartilhar o trabalho
dos alunos sobre minhas
histórias e destaques Finalmente, eu realmente espero que
tenhamos nos divertido criando esses adesivos. Já passei por
isso tantas vezes, fazendo marketing para
diferentes empresas, e sempre me
traz muita alegria quando alguém usa
um dos meus adesivos Espero que faça o
mesmo por você também. Obrigado novamente por fazer esta aula e espero
ver você no futuro, tudo de bom e
feliz animando