Transcrições
1. INTRODUÇÃO DO CURSO: Você
já mandou mensagens para um amigo
quando percebe que precisa algo extra para realmente
enfatizar seu ponto de vista? Você termina de digitar,
seleciona a pesquisa do aplicativo, digita a rolagem da
palavra para encontrar o
GIF animado perfeito e pressiona Enviar. Seu ponto foi feito. Aposto que você acha que
costuma fazer isso no Facebook e até mesmo em histórias e e-mails do
Instagram. Só se tornou verdadeiramente
parte da vida cotidiana. De pessoas comuns, criativos e
profissionais de marketing, as pessoas encontraram
maneiras de se tornar mais brincalhão e criativo usando GIFs. Pessoalmente, gosto de criar meus próprios GIFs e GIFs de
adesivos
que têm aquela pequena
coisa extra que estou procurando como designer
e ilustrador. Com aplicativos como Procreate
e Clip Studio Paint, você pode ir além da ilustração
simples no trabalho de design e levar seu trabalho para o próximo nível
usando animação 2D básica. Na aula desta,
estamos fazendo exatamente isso. Aprendendo a
criar nossos próprios GIFs
inspirados nos anos 90 no
Clip Studio Paint. Olá a todos, se esta é sua primeira aula
comigo, bem-vindo, e se você for um
aluno que retorna, bem-vindo de volta. Eu sou Jen, e vou
guiá-lo através
deste curso criativo. Sou
designer gráfico, ilustrador
e educador freelancer baseado
no Centro-Oeste
e dirijo o Bella &
Sofia Creative Studio. Se você quiser saber mais
sobre mim, você pode me visitar on-line em
www.bellasophiacreative.com, e você pode
conferir meu canal no YouTube, The
Creative Studio. Lá você terá uma visão
dos bastidores do trabalho que eu faço como
freelancer criativo e educador, bem
como acesso a uma enorme biblioteca de tutoriais gratuitos
adicionais
relacionados à arte, design e ilustração. Sou um grande defensor compartilhamento de conhecimento de
maneiras acessíveis, e descobri que cursos
on-line e lugares como o YouTube
são ótimos para isso e me
ajudam a me conectar a
um grupo muito diversificado de pessoas que estão procurando
aprender e crescer. Sobre o que é essa aula? Este mês vou voltar com outro curso divertido e criativo. Desta vez, estamos nos concentrando
no GIF sempre popular, robusto e fabuloso. Trabalharemos
juntos para criar um conjunto de GIFs animados divertidos e simples usando nossas próprias ilustrações
inspiradas nos anos 90 e animados usando o software
poderoso
, Clip Studio Paint, que podemos então carregar para o site
GIF sempre popular, Jiffy. Quais são algumas das
habilidades que os alunos aprenderão nesta aula? Quando se trata das habilidades
que você aprenderá, vou orientá-lo
pelos conceitos básicos de animação necessários para criar um GIF
usando suas ilustrações. Em seguida, faremos uma caminhada pela interface
do Clip Studio
Paint, mostrarei como
trabalhar com as ferramentas, as camadas, como configurar sua linha do tempo e como usar coisas como o
efeito de esfolamento de cebola integrado para ajudá-lo enquanto você trabalha animando suas ilustrações, estilo
flip book.
2. Projeto do curso e ferramentas: Quando
se trata do projeto de classe e
das ferramentas necessárias, as ferramentas necessárias para
trabalhar com a classe incluem o
seguinte: um computador com o Clip Studio Paint instalado, um tablet de algum tipo para
ilustrar, e uma caneta. Pessoalmente, estou
trabalhando em um tablet da marca Huion, e acho que essas ferramentas
facilitam um pouco quando você está ilustrando
e animando. Quando se trata de
seu projeto de classe, estaremos trabalhando
na criação de três GIFs
animados
simples inspirados nos anos 90. Estou me inspirando no
retrocesso atual
da tendência Y2K dos anos 90, bem como minha juventude pessoal,
mas você está livre para trabalhar em qualquer coisa que
você se inspire. Não se sinta limitado
pelas minhas sugestões. Pessoalmente, acho a era divertida para trabalhar e isso traz
um pouco de alegria para mim. Em seguida, vou orientá-lo ao
longo do meu processo para enviar meus GIFs
para o Giphy e como você ainda pode usar os
GIFs mesmo que você não tenha uma conta de artista aprovada e
verificada. Certifique-se de compartilhar os
GIFs finais que você cria na
galeria do projeto do curso, se assim preferir, ficaria
feliz em ver
o que você criou. Estou muito animado para
criar com você hoje. Vamos começar.
3. O que é um GIF?: Antes de começarmos, vamos aprender um
pouco mais sobre GIFs. O que é um GIF? Em sua forma mais simples, um GIF algumas pessoas pronunciam GIF, outros o pronunciam GIF. Eu sempre entendi
que era o mesmo que a marca de manteiga de amendoim, então eu só fico com GIF. Mas, essencialmente, é
apenas um arquivo de imagem. Como o formato de arquivo JPEG ou
PNG, o formato GIF pode ser usado
para criar imagens estáticas, mas o GIF tem um recurso especial muito
divertido. Ele também pode ser usado para
criar imagens animadas. A ideia é que ele funcione muito semelhante a como um
flip book clássico funcionaria. Várias páginas com imagens
mudaram um pouco para que ela se mova quando estiver em
loop e decodificada de uma determinada maneira. Um GIF é um tipo de arquivo de
computador para enviar imagens,
especialmente imagens em movimento. Um GIF é geralmente uma animação
curta de uma série de imagens estáticas
que o faz parecer nervoso, é por isso
que eu acho que é
uma maneira
divertida e peculiar criar ilustrações
animadas. Com a plataforma GIF, você pode criar
dois estilos de GIFs, seu GIF tradicional e um GIF de adesivo. Ambos significam que arquivos
de imagens em movimento e GIFs basicamente entrarão em loop infinitamente reproduzindo
repetidamente. Quando se trata de um adesivo, basicamente um adesivo é um GIF ou animação com um fundo
transparente. GIFs são muito populares entre profissionais de marketing e marcas
porque são muito bons
em fazer
com que as pessoas se envolvam. Eles são essencialmente um gancho que supera nossa resistência e
faz algo se destacar. Acho que eles são
uma ótima oportunidade para os criativos
mostrarem seu estilo e marca uma maneira muito divertida
e envolvente.
4. Práticas recomendadas do GIPHY: [MÚSICA] Antes de começarmos a criar nossos GIFs, vamos falar um pouco
sobre as melhores práticas do GIPHY. Quando se trata dos GIFs
que costumo fazer,
faço o meu em um
formato quadrado com um plano de fundo. Se você quisesse, você pode criar um
GIF de adesivo com muita facilidade, dependendo do software
que você está usando apenas desligando a camada de
fundo da tela do
seu GIF e
exportando da mesma maneira você normalmente usaria
seu software de edição, apenas garantindo que seja um
GIF com transparência. Para nossas especificações, vamos querer ter o
seguinte em mente. carregamentos no GIPHY são limitados a 100 megabytes e 15 segundos, embora
não recomendem mais de seis segundos. Também tenha em mente que o
Jiffy
redimensiona GIFs automaticamente após o upload para que eles possam ser usados em vários contextos em
sua API GIPHY. Quando você estiver exportando, defina
seu GIF para loop para sempre e, em
seguida, use
qualquer resolução que
faça seu GIF para loop para sempre e seguida, use
qualquer resolução que com que seu adesivo ou
seu GIF pareça melhor, e eles recomendam o uso de
múltiplos quatro para
largura e altura. Pessoalmente, tende a trabalhar em uma resolução mais alta porque
sei que vai ser
desativada, então quero ter certeza de que
ainda é o mais nítido
que pode ser. Então eu poderia criar algo
em 2.000 por 2.000 pixels com meu DPI variando
de 75 DPI a 200 DPI, apenas dependendo do
que eu experimento e do que
parece quando eu faço todo o upload processo. Eu meio que brinco
com isso um pouco. Sugiro experimentar para ver o que funciona melhor quando
você está trabalhando com seus arquivos e quando
você está carregando para o GIPHY e depois trabalha a partir daí. GIPHY também oferece
algumas recomendações sobre como melhorar sua visibilidade de
adesivos e GIF. Uma grande coisa que eles
mencionam é garantir que seus GIFs sejam
fáceis de usar na conversa. Como mencionei com
o exemplo do telefone, ser capaz de ter
algo que funcione perfeitamente para uma conversa ou um ponto que você está
tentando fazer, essa é uma ótima
maneira de utilizar GIFs. Você também vai querer
ter certeza de que eles atraem um público amplo e que
eles sejam oportunos e relevantes. Outro
ponto realmente importante que eles fazem é garantir que seus
GIFs sejam coloridos, únicos, criativos e divertidos. Isso ajuda a garantir que seus GIFs se destaquem
entre a multidão. Então, finalmente, tenha em mente que seu GIF é frequentemente
redimensionado e reformatado, então eles geralmente sugerem não incluir
detalhes realmente finos que possam se perder. Também minimizar o número
total de quadros que você usa em
sua animação ajudará GIPHY a preservar o conteúdo que estamos criando quando
eles estão diminuindo e reformatando, e isso
garantirá que você ainda tem a imagem final da mais alta qualidade quando estiver carregando
para a plataforma. Agora que temos uma melhor
compreensão do que é
um GIF e algumas melhores práticas do
GIPHY, vamos começar a
criar nosso próprio GIF.
5. Princípios da animação: Antes de começarmos a
criar os GIFs, quero rever alguns princípios
básicos de animação que acho que serão úteis à medida que você trabalha para
criar suas camadas, para criar o movimento
dentro do seu GIF animado. Existem 12
princípios básicos de animação. Estes são um grupo de ensinamentos
importantes para o animador
profissional, e a lista serve animadores da
Disney
desde a década de 1930 e foi delineada por
Ollie Johnston e Frank Thomas no 1981 livro, A ilusão da vida:
Disney Animation. Bem, existem 12 princípios
fundamentais. Para nossos GIFs, vamos
nos concentrar em três: squash e alongamento,
abrandar e diminuir a velocidade
e exagero. Squash and stretch é um termo usado no
campo da animação. Está entre os principais e
principais princípios da animação. É basicamente um
método de desenho usado por animadores para mostrar os
movimentos hiperbólicos em personagens. Squash and stretch é um princípio
crítico de animação que lida com a forma como um
personagem ou um item se move. O que significam
movimentos hiperbólicos? Bem, isso só significa exagerado. A razão é que,
se um animador quiser mostrar um
personagem pulando, ele vai
desenhá-los como se estivessem esmagados e depois esticados. abóbora e
o alongamento evitam a
rigidez ou rigidez do movimento que você está vendo
dentro da animação. Também permite uma sensação de flexibilidade e elasticidade
para sua animação. Outro princípio que
quero destacar é a lentidão e a desaceleração. Lento e desaceleração refere-se a como um objeto precisa de tempo para acelerar e diminuir a velocidade à medida que se move de um
lugar para outro. Normalmente, uma
animação parece mais realista se
houver mais quadros
no início e no
final de uma ação para descrever esse aumento e
diminuição na velocidade. Vejamos um exemplo. Se aplicarmos lentamente e
diminuir a essa animação, você notará que há
um aumento lento na velocidade à medida o item começa a
deslizar e também quando chega a uma parada com menos
quadros sendo vistos
no meio para dar a
aparência de aceleração. Podemos utilizar
isso simplesmente, pois estamos criando nossos GIFs
se estivermos movendo algo de uma
área para outra, adicionando
quadros adicionais no início, adicionando menos quadros
no meio, e, em seguida, mais quadros no
final. O princípio final
que eu gostaria discutir hoje que acho que será útil na criação de
GIFs é o exagero. O que é exagero
na animação? Ele basicamente fala
sobre como uma ideia é exibida na tela para
retratar uma emoção em particular. Acentuar a essência
de uma ideia através do design e da ação é o que se trata o exagero. Você também pode usar isso
em conjunto com alguns dos outros princípios,
como a abóbora e o alongamento. Por exemplo, talvez um personagem pareça surpreso. Você pode usar o exagero para tornar seus olhos muito
maiores do que normalmente
seriam para entender que
eles estão surpresos. Agora que entendemos
alguns princípios de animação e como podemos
utilizá-los dentro de nossas próprias criações, vamos trabalhar na criação de
nossos GIFs para que possamos aplicar alguns desses
princípios em ação.
6. Configurando seu arquivo + configurações de animação: Então, a primeira coisa que
vamos querer fazer para
começar com este projeto é
lançada o Clip Studio Paint. Quando você inicia o
Clip Studio Paint, você provavelmente exibirá um arquivo
anterior no qual possa estar
trabalhando ou será uma tela em branco. Você pode ter algumas das
ferramentas que você vê na minha tela atualmente
ou talvez não dependendo do que você configurou. Então, o que vou fazer é
guiá-lo pela minha configuração. Então, a primeira coisa que quero fazer
é configurar um novo arquivo. Então entraremos em
Arquivo, selecionaremos Novo e vamos criar uma
tela quadrada e 2 mil pixels por 2
mil pixels a 300 DPI. O que você verá é
que a parte superior do seu novo arquivo aparece aqui é que
você tem diferentes tipos
de trabalho, como o uso do trabalho. Você pode selecionar ilustração, uma história em quadrinhos, diferentes
tipos de quadrinhos. E então você
verá um que
se parece com uma tira de filme e
que é uma animação. Então, o que vamos fazer é atualizar o tamanho do
nosso quadro de saída. Atualmente é 720
por 720 e
vou mudá-lo para 2
mil por 2 mil. E vou
mantê-lo em 300 DPI. Sei que é muito alto. Não gosto de trabalhar em uma resolução mais alta
porque sei que quando o
carrego em algo como o
Giphy ou coloco online, ele vai ser aumentado, então a
resolução será comprimida. No lado direito, há itens muito mais
detalhados que você pode
brincar com uma atualização, como sua taxa de quadros. Vou mantê-lo
em um quadro por segundo. Só porque basicamente é com
isso que vamos trabalhar. Uma
animação de célula única em que
ajustaremos cada quadro individualmente, como um flip book. Então, tudo o que tenho
aqui neste lado direito, em termos de minha taxa de quadros , taxa de
reprodução, vou
manter isso da mesma forma. Só vou
mantê-lo em um. E então você pode acessar e
atualizar o nome do arquivo. Vou
mudá-lo para os anos noventa. Os anos noventa de Jeff, Geoff um, porque este será o
primeiro da série. E então eu vou bater, ok. E isso criará uma nova janela
para trabalharmos, destacando nosso quadro que vamos criar dentro. Agora, o que precisamos
fazer é trabalhar configurar tudo
para que possamos
animar nisso. Então teremos que entrar em nosso menu Janela
no topo aqui, e vamos
até nossas opções de animação. Você deseja selecionar Células de
animação. Você também vai querer voltar
e selecionar sua linha do tempo. aí que
atualizamos, editamos e ajustamos nossos visuais e passaremos por todo
esse processo. Mas, basicamente, é isso que
vai permitir que você
veja o progresso da animação. Primeiro, quero
dar-lhe a postura da terra. No lado esquerdo,
você verá todas essas ferramentas diferentes. Você tem ferramenta conta-gotas, ferramenta de caneta, ferramenta de lápis. Tudo isso é o que
estaremos utilizando para
delinear nossos desenhos,
refiná-los. Você apaga qualquer coisa
que possa precisar ser apagada e, claro, colorida. Então você verá ao lado disso. Tudo bem, agora estou atualmente
na ferramenta de pincel. E então você verá
todas as opções para os pincéis neste pequeno
painel à direita disso. E, ao lado disso,
você verá nosso navegador e, em seguida, nossas células de
animação para que
possamos ver o que estamos animando. E isso
nos permitirá trabalhar com alguns dos
esfolos de cebola para que
possamos ver transparência
em cada camada. Então, podemos ver o
que está sendo mudado. Dentro de cada camada, você também terá seu painel
Camadas gerais na parte inferior. E então aqui,
no lado inferior direito, está a nossa linha do tempo. Basicamente, cada um desses
pequenos números é como um segundo e basicamente será um quadro dentro de sua animação.
7. Configurações de animação — como especificar os níveis de gel: [MÚSICA] Agora que temos nossa configuração de arquivo, podemos entrar e
começar a colocar todas as configurações de animação em
prática antes de
começarmos a criar. A primeira coisa que vamos querer fazer é ativar a pele de cebola, o que nos permitirá
ver visivelmente cada camada acima da outra. Ele adiciona uma camada de transparência e
permite que você crie seu trabalho de linha em cores
diferentes, pois você está basicamente
animando cada camada. Para fazer isso, vamos
entrar em animação,
mostrar células de animação
e, em seguida, habilitar a pele de cebola. Isso garantirá que
possamos ver
essas camadas à medida que construímos umas
sobre as outras. A próxima coisa que vamos
querer fazer é entrar em nossas camadas aqui na parte inferior
e vamos duplicar essa camada. Basicamente, o que
vamos fazer é que cada camada será um quadro. Vou selecionar essa camada,
certificar-me de que ela está destacada
e aquela cor cinza azulada. Selecione “Comando
C” como um atalho, ou você pode ir para “Editar cópia”. Em seguida, vou
selecionar “Comando V” para colar ou você pode
entrar em “Editar colar”. Então eu vou colar quatro desses porque
vou criar quatro quadros dentro
dessa animação GIF. Não precisa
ser complicado. Estou fazendo um quadro por segundo. Se você quiser que ele
crie mais, obviamente, quanto mais quadros você
tiver por segundo, mais parece que
sua imagem fluirá. Mas apenas por uma questão de facilidade
e te acostumar com isso, vamos
ficar com um quadro por segundo e então eu vou criar
quatro quadros no total. O que faremos, agora que temos nossos quadros em nossa pasta de
animação, precisamos atribuí-lo a um segundo dentro da
nossa linha do tempo aqui. Se você clicar no
primeiro quadro, um, verá que ele já está associado ao primeiro
segundo em nossa linha do tempo. A próxima coisa que precisamos
fazer é basicamente associar cada um desses
quadros ou células de animação, ou se estivermos olhando para ele em outros termos,
basicamente camadas. Vou selecionar
o segundo e em
seguida, em nossos ícones de linha de tempo aqui, queremos especificar
esses dois segundos. O que faremos é
entrar em nossa linha do tempo. Você deve ver esses dois
pequenos cursores azuis aqui. Isso é basicamente uma chave
para nós, como um quadro-chave. Vamos pegar
esse quadro-chave azul
no lado direito e
arrastá-lo para que ele passe por cima de dois. Em seguida, vamos clicar
em “2" e agora ele aparece em branco
porque
não há nada associado a ele. Em seguida, selecionaremos
“Especificar célula” e você clica nisso. O que você vai querer fazer é
selecionar dois para que ele especifique a segunda camada para
a segunda dentro da nossa linha do tempo
e, em seguida, clicar em “Ok”. Agora, vou
voltar para minhas camadas, e não sei
se você notou,
mas eu tenho 1A e 1 cópia. Preciso atualizar os nomes
deles para ser 3 e 4. Vou clicar duas vezes
onde diz 1A e digite 3 e clique em
“Enter ” e clique duas vezes
onde diz uma cópia, digite 4 e clique em “Enter”. Vou voltar
à minha linha do tempo. Vou retirar meu quadro-chave aqui para que
ele passe por mais de três. Vou voltar
para minhas camadas agora que
puxei esse quadro-chave sobre 3. Vou tocar em “3"
primeiro para que 3 seja
destacado em vermelho, toque na minha terceira camada
dentro do meu arquivo de camada aqui
e, em seguida, vou especificar
a célula para que ela vá
para o terceiro segundo. Vou selecionar no
meu ícone “Especificar célula,
selecionar 3, clicar em “Ok” e ele preencherá esse espaço. A razão pela qual fazemos isso é porque quando as células
não são especificadas, você não poderá ver nada aparecer quando estiver trabalhando
nessa camada específica. Eu gosto de especificar minhas células antemão e depois
trabalhar nelas à medida que vou. Vou voltar para esse
quadro-chave na minha linha do tempo, puxar a tecla azul para 4, tocar em “4", entrar nas
minhas camadas aqui, selecione “Animation Cell 4". Em seguida, vá para o ícone da minha linha do tempo, selecione “Especificar célula”, selecione
“Camada 4", clique em “Ok” e ele especificará essa célula. Outra coisa que
você pode notar é que há papel. Sim, então você pode
adicionar um plano de fundo. O que é bom é com
isso, isso não vai necessariamente mudar toda
vez que você animar. O que você quer fazer é
apenas garantir que ele seja consistente em
cada um dos seus quadros. O que vou fazer é selecionar esse papel e depois
vou arrastá-lo para fora. Você terá essa
pequena flecha dupla. Vou arrastá-lo para o meu marcador de 4 segundos para que haja papel
atrás de cada camada.
8. Como criar GIF 1 — linhas: [MÚSICA] Agora que
tenho todas as minhas camadas configuradas,
tenho minha célula especificada, o que eu quero fazer é arrastar
meus esboços para que eu
possa começar a delinear
e depois animar. Vou
entrar no Arquivo e
vou selecionar “Importar”
e vou selecionar “Importar imagem” e vou para
meus Downloads, onde
baixei minha arte com esses anos 90 esboços inspirados e vou selecionar “Abrir”. Na verdade, vou arrastar isso
para fora da minha pasta de animação para que possamos
ver e redimensionar conforme necessário. Eu tenho um monte de ícones pequenos
diferentes que eu esboçei. O que eu acho que vou me
concentrar é isso como Tamagotchi,
o pequeno
controlador de videogame e este laptop retrô
muito volumoso [RISO]. Vou começar com
o mais simples primeiro, só para que possamos tirar
isso do caminho. Vou redimensionar arrastando meus cantos da minha imagem para fora e então posso basicamente arrastar
a imagem para onde eu gostaria. Vou
redimensioná-lo para que seja o tamanho exato que
eu quero que seja. Na verdade, desenhei
isso no Procreate. Você poderia esboçar no Clip
Studio Paint se quisesse. Eu só estava trabalhando em
movimento, não tinha acesso. Eu não tenho o Clip
Studio Paint no meu iPad realmente
deveria investir nisso em breve [RISOS], mas ainda não
fiz isso. Esboçando no meu iPad e
eu estava usando o Procreate. É obviamente um arquivo
raster, então
vou aumentar o tamanho
para que, quando eu
descrevê-lo, não seja muito pequeno. Vou centralizar isso e o que vou fazer
é basicamente usar isso como base do meu arquivo e vou
descrever sobre ele. Para fazer isso apenas para tornar
as coisas um pouco mais fáceis, vou reorganizar
minhas camadas aqui, e vou
puxar isso para que ele
fique por baixo de todas as minhas pastas de célula de
animação aqui e então eu posso
basta desenhar em cima disso. Eu nem vou apagar
nenhuma dessas outras coisas
aqui porque vou
reutilizar esse arquivo qualquer maneira, mas o que vou
fazer é apenas me certificar de puxar essa camada até
o fundo, acima do meu papel, abaixo da minha pasta de animação
e, em seguida, vou clicar duas vezes onde ela
diz “Untitled-Artwork 2" e vou
renomeá-la e vou
alterá-la para esboço original. Vou selecionar minha primeira camada dentro da
minha pasta de animação e vou começar a
esboçar sobre isso. Vou selecionar
minha ferramenta Pincel. Depois de selecionar meus pincéis, vou entrar em
minhas configurações de pincel. Se você perceber que não
consegue ver nada. Você só precisa redimensionar suas opções de ferramenta
Pincel aqui e o que vou fazer
é apenas passar e encontrar um pincel que eu
acho que funcionará bem. Vou selecionar o pincel de tinta
da Índia. Vou
selecionar a
opção Smooth e vou trazer
meu cone para baixo para um para que ele permaneça relativamente o
mesmo porque eu quero que este seja mais um pincel estilo de
linha mono. Só estou me ajustando à medida que vou. Então vou
aumentar minha estabilização porque eles têm. Então, o que vou
fazer é aumentar o zoom para que você possa ver o que estou trabalhando e, em
seguida, começar a delinear. Vou manter o desenho
original como meu contorno base e
depois vou me ajustar. Estou pensando que o que
vou fazer é aumentar o tamanho do coração, brincando com
o conceito do princípio
da animação de exagero. Eu o exagero, então fica
muito grande e depois pequeno dentro dessas quatro células. Vamos manter o esboço
base muito simples. Mantenha-o relativamente
igual ao que é e então vamos apenas
ajustar o coração. Certificando-se de que estou na camada um, vou começar a delinear. Também podemos girar nossa tela
para facilitar o trabalho neste esboço. Dependendo do que
você está trabalhando, se você tiver um trackpad, você pode simplesmente pegar os dois dedos
e girar a tela. Eu vou fazer isso para que
eu possa trabalhar nesta seção inferior um
pouco mais fácil [MÚSICA]. Se você precisar apagar qualquer coisa, basta selecionar sua
ferramenta Borracha e, em seguida, você pode redimensioná-la ajustando
o tamanho do pincel
e, em seguida, você pode ampliar para qualquer lugar para
limpar qualquer um dos seus trabalhos de
linha [NOISE]. Voltarei à minha
ferramenta Pincel e depois continuarei terminando isso [MUSIC]. Quando terminar de delinear
tudo ao meu gosto, posso apenas diminuir o zoom,
ver o que parece. Vou pegar este
esboço original e vou desligá-lo selecionando o pequeno ícone do globo ocular
e, em seguida, apenas
desmarcá-lo para que ele
desligue e você não
veja mais o fundo. Agora que terminamos
com essa ilustração, agora o que vamos
fazer é basicamente criar esse mesmo
processo e basicamente mudar pedaços e pedaços
desse pequeno Tamagotchi
em cada camada. Vou fazer com que ele se
mexa um pouco. Eu vou fazer quando criar
meu esboço do original, vou incliná-lo para
a esquerda e depois
vou redimensionar o coração para criar esse exagero de
crescer e ficar menor. Vou
para minha segunda camada,
selecionar minha ferramenta Pincel e depois
refazer todo esse processo, mas ajustando a maneira como
estou desenhando para dar aquele
pouco de manobra enquanto ele está jogando
dentro do loop. [MÚSICA] Uma vez que eu acabei de delinear
isso pela segunda vez, tive em mente
o tamanho do coração e o redimensionei. Você também pode ver onde as linhas
originais estavam em roxo, enquanto minhas novas linhas estão em vermelho no topo aqui e
então o que vou
fazer é ajustá-las para que o Tamagotchi esteja
mais inclinado para a esquerda. O que vou
fazer agora é entrar nas minhas ferramentas Transform agora que acabei de descrever tudo, tive em mente o tamanho
do coração, mas agora
o que queremos fazer é inclinar isso e incliná-lo
um pouco para a esquerda. Vou entrar em Editar, selecionar “Transformar” e vou selecionar “Transformação livre”, e isso me dará minhas
ferramentas de Transformação e, em seguida, vou pegar minhas setas de movimento aqui e basta girar isso ligeiramente para a esquerda e
movê-lo um pouco também. Então, vamos apertar “Ok” e ele o transformará e o moverá. Agora, o que queremos fazer é
entrar em nossa terceira camada e vamos basicamente
fazer o mesmo processo, tendo em mente o
tamanho do coração. Vamos
torná-lo menor e depois ajustar o posicionamento
do Tamagotchi em geral para movê-lo de volta para a direita apenas um pouco para que ele crie essa função de jiggle. Vou selecionar
minha ferramenta Pincel e vou voltar a delinear tudo e finalizar essa terceira camada. [MÚSICA] Agora que temos isso descrito, podemos entrar em nossa
ferramenta Transform mais uma vez e
podemos reajustar o
posicionamento disso. Entraremos em Editar, Transformar, Transformar
Livre e então vamos
girar isso de volta
na outra direção e, em na outra direção e seguida, apertar “Ok” e
então o que você
verá até agora é a
mudança em cada camada. Agora que terminamos a Camada 3, vamos para a Camada 4
e repetir o processo, redelinear, ajustar
onde está o posicionamento e redimensionando o coração para baixo. Isso não precisa ser perfeito. Na verdade, quero que ele se sinta
um pouco imperfeito com minhas falas para
obter esse efeito
agitado que estamos buscando. [MÚSICA] Agora que terminamos
com este esboço, o que podemos fazer é entrar em Editar, Transformar, Transformar Livre, e vamos girá-lo ligeiramente para a esquerda desta
vez e depois clicar em “Ok “. Então o que poderíamos fazer é testar isso antes de saltarmos para colorir e, em seguida, entramos em
nossas outras duas animações. Para testar isso
na linha do tempo, o que você pode fazer é entrar na sua linha do tempo e
clicar neste pequeno ícone “Jogar”. Obviamente, vamos
querer começar da Camada 1 e ver o
loop de 4 segundos todo o caminho. O que faremos é apenas clicar em “Play” e ele mostrará
a pequena animação. O Tamagotchi está balançando
para frente e para trás e o coração dentro
do Tamagotchi está indo de grande a realmente pequeno. Essa é apenas a forma
mais simples de animação usando o
Clip Studio Paint. Agora que temos as camadas
base feitas, temos a animação criada, agora podemos pular para
colorir tudo.
9. Como criar GIF 1 — colorir: [MÚSICA] Agora que
terminamos o trabalho de linha, vou pular para
colorir o trabalho da linha. Para fazer isso,
vamos
criar outra pasta de animação. Você pode ir até aqui para nossas opções de menu de linha do tempo e selecionar uma nova pasta de
animação, ou você pode ir para a
animação e selecionar
nova camada de animação e, em seguida,
selecionar a pasta de animação. Então, o que
vamos fazer antes fazer qualquer coisa com
essas pastas, vou renomeá-las. Nesta nova pasta de animação, vou renomeá-la de cor e, em seguida, vou
entrar na minha original, clicar duas vezes nela e vou
renomeá-la para trabalho de linha. Dessa forma, posso manter
tudo organizado. O que também queremos fazer é basicamente associar
nosso trabalho de linha com nossa cor para que possamos usar a ferramenta de queda de cores e poder fazer referência a
esse trabalho de linha. Vou clicar com o botão direito minha pasta de trabalho de linha
e, em seguida vou para
as configurações da camada e selecionarei definir
como camada de referência. Basicamente, o que
isso faz é permitir que eu faça referência às linhas dentro dessa camada quando estou preenchendo a cor dentro da
minha pasta de cores. Agora, o que queremos fazer é adicionar algumas novas células de animação ou novas camadas
na pasta de cores. Vou me certificar de que
a pasta de cores está selecionada e, em seguida,
vou
entrar na minha linha do tempo aqui e
vou selecionar uma nova célula de
animação. Então eu vou
adicionar quatro desses. Basicamente, cada um deles se associará a cada um dos trabalhos de linha dentro da
nossa pasta de trabalho de linha. Agora eu quero pegar essa
pasta e vou
arrastá-la para baixo da nossa
pasta de trabalho de linha porque, basicamente, queremos que nosso trabalho de linha
esteja no topo da nossa cor. Dessa forma, parece mais limpo. Em seguida, vou selecionar essa
primeira camada e vou selecionar minha ferramenta de conta-gotas de cores e, em seguida, selecionarei
uma cor. Vou selecionar
minhas opções de cores na parte
inferior
das minhas ferramentas aqui, certifique-se de que meu preenchimento esteja selecionado
e, em seguida, vou atualizar
a cor e, em seguida,
vou tocar
no área que eu quero preencher e atualizará
minha cor para mim. Então eu vou fazer
isso para cada camada. Vamos começar com
essa primeira camada. Eu preencho o lado de fora. Vou preencher a
parte da tela e depois quero
atualizar a cor
do coração para um azul. Eu só preciso atualizar
meu preenchimento de cores e , em seguida, apenas tocar onde quer que
eu esteja tentando preencher a cor. Agora que temos esse
primeiro conjunto colorido, agora vamos para a
segunda camada e
começaremos todo o
processo mais uma vez. Vamos fazer referência a
essa segunda camada aqui, e vamos
colorir dentro dessa camada. Vamos selecionar a Camada
2 e depois
vamos selecionar
as mesmas cores com
as quais trabalhamos antes. Podemos escolher cores se precisarmos, ou podemos apenas
garantir que elas sejam
adicionadas à nossa paleta de cores. O que vou fazer
é apenas garantir que todas as minhas cores
com as quais estou trabalhando estejam bem no início
do
meu histórico de paletas de cores. Vou selecionar
minha ferramenta conta-gotas e, em seguida,
vou tocar no meu rosa e ela surgirá na minha área de cores aqui
no canto inferior esquerdo, selecione o amarelo e, em
seguida, toque no azul, o cinza e o branco, e tudo deve
surgir na minha história de cores. Agora vamos para minha segunda camada aqui e o que eu quero
fazer é desligar minha cor. Vou desligar
minha primeira camada dentro minha pasta de cores apenas para
que ela não distraia. Vá para o meu menu de trabalho de linha e
ative minha Camada 2 para que eu possa ver o que estou fazendo e
, em seguida, certifique-se de que minha camada de cores esteja selecionada
na minha pasta de cores. Então vou selecionar
minha ferramenta conta-gotas e vou
voltar e usar as mesmas cores que usei
antes para fazer meu trabalho de campo. Basta tocar nas áreas
que estou preenchendo com cor e repita o
processo com a próxima camada. Vou
desligar minha Camada 2,
entrar na minha camada de trabalho de linha,
ativar a Camada 3 para que eu possa
ver com o que estou trabalhando, certificando-se de que minha Camada 3 na minha
pasta de cores esteja selecionada, vá para a minha ferramenta conta-gotas de cores e, em seguida, basta preenchê-la com as mesmas cores com as quais
tenho trabalhado. Como a ferramenta de preenchimento de balde, a ferramenta de queda de cores
torna muito fácil e rápido
poder preencher cores e é por isso que eu gosto de trabalhar nisso só
porque é muito rápido. Não preciso me
preocupar em delinear e depois arrastar e
soltar uma cor completa. Eu poderia apenas tocar
e preencher porque
posso usar meu trabalho de linha
como referência. Agora vou
entrar na camada quatro, desligar minha
visualização de cores para a Camada 3
e, em seguida, ativar minha Camada 4 dentro do meu trabalho de linha para que
eu possa ver
com o que estou trabalhando e repita
esse processo até todas as minhas camadas
foram coloridas. Tudo bem, então
tudo está colorido. Obviamente, estas são
apenas cores muito planas. O que eu gostaria de fazer é
adicionar alguns efeitos de sombra. Mas primeiro, vamos ver
o que isso parece. Vamos ao nosso menu da linha do tempo. Selecione Reproduzir e veja se
isso é reproduzido corretamente com tudo colorido e ele
faz, então tudo está colorido. Mas o que eu gosto de fazer é adicionar alguns efeitos de camada apenas para
dar à peça alguma profundidade. Parece um pouco mais 3D. Não parece super realista, obviamente, porque
meu estilo não é realista, mas ainda parece o que você acha que o tempo que eu tenho você
pode olhar no mundo 3D. Gosto de adicionar um pouco
de sombra e destaques.
10. Como criar GIF 1 — sombras: [MÚSICA] Agora que temos
nosso trabalho de linha feito, temos nossa coloração feita, podemos pular para
adicionar algumas sombras, muito básicas, apenas para que possamos dar a isso um pouco
mais de um efeito 3D. Assim como o que fizemos
com a coloração, para adicionar sombras, precisaremos
criar uma nova pasta, então vamos para nosso menu de linha de tempo e selecionar
nova pasta de animação, ou você pode basta entrar na opção de animação
no seu menu
e,
em seguida, nova camada de animação
e, em seguida, selecionar a pasta de
animação. Vou clicar duas vezes
onde diz a pasta um e renomear sombras. Então, dentro daqui,
o que temos que fazer é adicionar mais
cels de animação, então essas camadas. O que eu gosto de fazer, para tornar as coisas um
pouco mais fáceis, basta criar uma
camada para isso primeiro e depois copiar e colar
mais três vezes. Depois de adicionar as
sombras para que eu possa revisá-las ligeiramente para cada uma
das camadas a seguir. Vou adicionar um novo cel de animação
na minha pasta sombras
e, em seguida, o que eu quero
fazer é mudar minhas opções de camada para isso
de normal para multiplicar. Isso me permitirá basicamente
pintar sobre a cor com uma cor semelhante ou qualquer cor de
sombra base como um cinza, e eu poderei
aplicar isso a todas as cores diferentes,
e tudo
o que ele faz é
multiplicar e apenas escurecer
um pouco e
mudar a cor em geral. Vou selecionar
minha ferramenta de pincel agora, e vou encontrar apenas
um tom cinza básico e certificar-me de ter minha cor de
preenchimento selecionada. Vou
clicar duas vezes nessa cor
e, em seguida, vou
ajustar minhas opções de cores
aqui e clicar em “Ok”, e certificar-me de que o
multiplicador seja aplicado
a toda a pasta. Vou selecionar a pasta, vou entrar nas
minhas opções de camada e vou
selecionar multiplicar. Então vou voltar para minha camada dentro dessa pasta
sombras, e então posso começar
a aplicar essa cor no topo. Além disso, sendo multiplicado, vou diminuir
a opacidade apenas um pouco, e então isso
nos dá uma cor agradável com a
qual podemos trabalhar
para criar nossa sombra. Vou me certificar de
que minha opacidade do meu pincel real esteja
em 100%. Vou usar isso para
colorir e criar o trabalho de sombra
dentro dessa pasta, e vou me certificar de que
estou no trabalho de linha correto, então será o primeiro. A mesma coisa,
vou me certificar de que estou mostrando a versão
colorida correta também, e depois vou
fechar essas pastas. Também queremos ter certeza de que esse cel que
criamos está associado
ao segundo correto
em nossa animação. Então, o que podemos fazer é selecionar animação cel one
dentro de nossas sombras, e então podemos
selecionar a camada um e, em seguida apenas garantir que isso esteja
dentro do primeiro segundo, ou podemos voltar e
mova-o manualmente para que fique na camada correta e associado às camadas
corretas, então isso deve ser
no primeiro segundo. Agora vamos nos certificar de que estamos
na camada correta
e, em seguida, podemos começar a
adicionar nossos efeitos de sombra. O que é bom é que podemos ajustar o tamanho do pincel conforme necessário, aumentar o zoom e obter ainda
mais detalhes finos para
garantir que, onde quer
que quisermos essa cor, ela seja adicionada. Então eu vou
voltar e adicionar sombras onde quer que eu ache que
eu possa precisar de algumas. Por exemplo, nas
pequenas contas de prata aqui, esses lugares muito básicos. Então eu posso selecionar a ferramenta de
borracha e apenas
retocar qualquer áreas-chave que
eu preciso para remover qualquer cor que possa ter
saído das linhas, e apenas detalhar
essas peças finais. Uma vez terminado com isso,
vou copiar essa camada, e depois vou
colá-la mais três vezes, depois vou
entrar e renomeá-las. Então, tenha a camada um, dois. Onde ele diz um,
vou clicar duas vezes, alterá-lo para três. Clique duas vezes em vez de uma cópia, altere-a para quatro, pressione Enter. Agora, o que eu quero fazer a seguir é
ir para a minha próxima
versão colorida disso, que é onde ela está
inclinada para o lado, e eu quero ter certeza que a célula está
associada a essa segunda também. Vou selecionar essa camada, vou especificar cel nas minhas opções de linha do tempo aqui, e quero especificar essa camada
para a segunda
e depois clicar em “Ok”. Quero selecionar a camada dois
e, em seguida, vou especificar esse cel para o segundo. Eu só quero ter
certeza de que dois estejam selecionados na minha linha do tempo. Selecione especifica cel nas minhas opções de linha do tempo
selecione dois clique em “Ok”. Quero selecionar três
e quero tocar no meu terceiro, segundo dentro da minha linha do tempo
e, em seguida, quero ter
certeza de que três selecionados nas minhas camadas de sombras. Vou selecionar especificar cel, e então vou
tocar em três, e isso o
especificará para o terceiro segundo. Então, se você notar
que as camadas ou
as cels se expandem em
termos de comprimento, basta selecionar esse
cel e redimensioná-lo novamente. Você vai pegar a
pequena flecha dupla e apenas trazê-la sobre uma. Agora você quer ter certeza de que
quatro estão selecionados e, em seguida ,
vá para nossa pasta sombras, selecione a quarta camada. Vamos pressionar
Especificar Cel e , em seguida, queremos selecionar
quatro, então sabemos que a célula está associada
ao quarto segundo
e, em seguida, clique em “Ok”. Você notará que, obviamente,
as sombras
se ajustaram onde estavam e
temos que passar e consertar isso, o que é bom. Podemos apagar
ou usar completamente e construir
o que já temos, e é isso que
vamos fazer por isso. Vamos fazer uma
combinação de ambos apagar certas áreas e depois
construir o que temos,
então, como essa grande área, vamos construir
disso, mas as pequenas contas, podemos apenas ajustar
isso como necessário, e eu só vou
apagar esses. Vou selecionar
minha ferramenta de borracha, entrar nas minhas opções de pincel, redimensionar o pincel um pouco para
que fique maior e depois apague essas peças porque não
precisamos delas. Então também o que
vou fazer é
desligar essas outras camadas,
então não é confuso, sabemos que estamos
trabalhando apenas nesta segunda camada. Vou selecionar os pequenos
ícones do globo ocular e
alterná-los em qualquer outra camada que não esteja
trabalhando, exceto duas. Eu tenho duas viradas
para baixo nas minhas sombras, e depois tenho duas ligadas na minha cor e duas ligadas
na minha linha. Isso só facilita
para que você não precise se preocupar em ficar confuso. Vou fechar
essas outras pastas, entrar na minha pasta de sombra, selecionar a camada dois e
limpar aqui. Vou selecionar
minha ferramenta de pincel, vou selecionar aquele
cinza com o qual estava trabalhando. Vou aumentar o tamanho
do meu pincel e vou ajustar onde tenho
essa sombra colocada. Vou colorir em todas
as áreas que precisam ser coloridas, e depois vou apagar
algumas áreas-chave também. Agora que eu
preenchi minha cor, vou continuar com
minha ferramenta de borracha e apenas
ajustar e apagar todas
as áreas que eu não preciso. Depois de apagar e ajustar, vou
voltar e afinar. Selecione essa
laranja mais escura para que eu possa adicionar as sombras de volta
aos botões e, em seguida, preencha qualquer lugar onde
falta cor que precisamos de cor. Agora vou entrar e adicionar algumas sombras ao trabalho do
talão aqui,
ajustar o tamanho do meu pincel, garantir que eu tenha
a cor correta, que é esse cinza, e então eu posso entrar
e adicionar sombras aqui. Agora, essencialmente, vou fazer exatamente
esse mesmo processo
para minhas duas últimas camadas, e então podemos voltar e jogar isso e ver
como é. [MÚSICA] Tudo bem, agora que terminamos com todas as
camadas adicionais, vamos tocar isso e ver
como elas se parecem como uma só, e certifique-se de que antes
de tocá-las todas as suas as camadas
foram ativadas novamente, e então podemos acertar o
jogo e ver como é a peça
final. As sombras e todas
as peças
adicionais se movem juntas. Não há nada
se destacando estranhamente, e você basicamente
criou um Jeff inspirado em Tamagotchi muito simples e
divertido usando três pastas,
uma para trabalho de linha, uma para cores e
outra para sombras, e isso é apenas um
resumo básico de como fazer um GIF. Então, vamos entrar em
nossos próximos dois projetos.
11. GIF 1: opcional: removendo linhas: [MÚSICA] Então, dependendo do
que você gostaria de
fazer ou do que você quer que sua peça
final seja, você pode optar por ter
uma aparência um pouco mais plana
e manter seus contornos. Pessoalmente,
vou remover alguns dos contornos para que ele
não pareça tão plano. Então, vou entrar na
minha pasta de linha aqui, selecionar minha ferramenta de borracha e,
em seguida, remova as
partes que eu não quero. Então, poderei
voltar para a
minha pasta de cores e
atualizá-la para limpar qualquer área
que pareça um pouco confusa e que só precisa de um
pouco de suavização. Primeiro, removerei
a linha com a borracha e depois
voltarei para a cor e limparei
isso também. Eu só acho que
isso dá um visual
um pouco mais suave e é isso
que eu estou procurando com
esses pedaços e peças finais. Então, este é apenas mais um
trabalho final e
pequeno detalhamento que você pode fazer para finalizar sua obra de arte. Quando terminar de remover as linhas que
não quero ter, vou
voltar e corrigir as seções de cor e
sombra. Então vou entrar na
minha primeira cor aqui, ligar minhas sombras
para isso também. Vou entrar e
limpar as sombras primeiro. Vou desligar
todas as minhas outras camadas. Basta ligar a Camada 1 e depois
vou entrar e limpar isso para garantir que tudo esteja
dentro de onde precisa estar. Em seguida, volte para minha área de
cores também, selecione minha ferramenta Pincel, selecione o rosa
correto com o qual estou trabalhando aqui
e, em seguida, basta ampliar e limpar qualquer trabalho de linha para garantir que
ele não pareça confuso, e que está tudo
completo em termos da área de cor
que eu queria. [MÚSICA] Depois de terminar
a primeira camada, você só quer
passar e basicamente fazer exatamente o mesmo processo para
todo o resto das camadas. Então eu vou fazer isso, e depois vou verificar
novamente e
começaremos a nossa ilustração
final. [MÚSICA]
12. Como criar GIF 2 — linhas: [MÚSICA] Agora que terminamos, podemos começar a
trabalhar em nosso laptop. Assim como o que
fizemos antes, vamos iniciar o File New. Manteremos todas as nossas entradas iguais em termos de
tamanho, altura, largura e faremos algo
como dois quadros por segundo e, em seguida, vamos
atualizar nosso nome de arquivo da animação para o GIF dos anos 90 três e depois vamos clicar em
“Criar” e clicar em “Ok”. Assim como tínhamos antes, precisaremos criar pastas
para abrigar nosso trabalho de linha,
nossas partes coloridas
e, em para abrigar nosso trabalho de linha,
nossas seguida, nosso trabalho de sombra. Vamos começar com esta
primeira pasta de animação. Vamos renomeá-lo para o trabalho de linha
e, como o que fizemos antes, vou apenas fazer o
trabalho de linha para esta primeira camada e depois copiarei
essa camada mais três vezes. Poderíamos entrar em um de nossos GIFs anteriores,
se quiséssemos, e depois simplesmente copiar o esboço
original de lá. Vou entrar no meu GIF 1, selecionar a camada de
esboço original. Eu os comandos aqui vão para Editar cópia e depois vou para meu novo arquivo, selecione “Editar”, “Colar” ou Comando C e arraste isso
para a parte inferior fora da nossa pasta de trabalho de linha e vamos ativá-lo clicando
em o pequeno globo ocular e , em seguida, o que precisamos fazer
é obviamente encontrar onde está
o desenho e o
esboço reais do laptop. Vou selecionar
minha ferramenta de movimentação. Vou diminuir o zoom apenas um pouco [MÚSICA] e depois
vou
tocar na imagem e
arrastá-la para tocar na imagem e
arrastá-la que eu possa encontrar
onde esta imagem está. Vou ter que
redimensionar isso. Vou entrar em Editar, transformar e depois escalar, e então vou
escalar isso um pouco. Vou segurar o turno, então tudo permanece
em proporção, e então eu vou
escalá-lo apenas para que se encaixe bem no meio da nossa prancheta e depois clique “Ok” e eu vou amplie para ver com o que
estou trabalhando. Vou diminuir minha
opacidade um pouco e seguida, o que vou
fazer é tocar na minha camada de trabalho de linha dentro
da minha pasta de trabalho de linha
e, em seguida, começaremos
o processo de
criação do trabalho de linha para isso. Como muito disso são apenas linhas
retas e ângulos, vou utilizar
a ferramenta de linha, então, é todo o caminho
em direção ao fundo. Pode ser algo
diferente para você, porque se você segurá-lo, depois de tocar nele, você
terá opções diferentes. Você pode criar curvas, linhas de
poli,
curvas contínuas, curvas bezier. Então você também pode criar
retângulos, elipses e polígonos, para que possa
ter uma forma diferente. Vou selecionar
a linha reta. Vou ajustar o tamanho do meu
pincel para cerca de 10, e então vou
usar essa ferramenta para criar as linhas para
este laptop aqui, e isso me dá uma
boa linha reta, então eu não preciso me preocupar com
minha mão tremendo demais, e então eu posso seguir
a forma do meu design aqui. Esta é apenas uma ferramenta muito rápida
e conveniente de usar, especialmente se você estiver
criando algo que seja apenas linhas retas e ângulos. [MÚSICA] Depois de terminar isso, posso
voltar para minha Ferramenta Pincel, redimensioná-la para que tenha
a mesma largura da minha ferramenta de linha
e, em seguida, terminar o resto dos elementos adicionais que Tenho
nisso que não são linhas. Assim que terminar isso, posso desativar meu esboço
original e
tenho meu esboço aqui. Agora que temos
um trabalho de linha feito, o que podemos fazer é copiar essa
camada mais três vezes, para que você possa clicar em “Comando C”, “Comando V” ou
“Editar”, “Copiar” ou
“Editar”, “Colar” e então
vamos entrar e renomeie
as camadas adicionais 1, 2, 3 e 4. Vou tocar onde
diz 1a, digite três, clique em “
Enter”, onde
diz 1Copiar tipo em quatro
e, em seguida, clique em “Enter” e então
podemos começar a descobrir o que vamos fazer em
termos de animação. Para este, o que estou
pensando é que vamos ter uma pequena seta
entrando e toque
no pequeno botão X que
geralmente está dentro de [NOISE] esses pequenos círculos para fechar
as telas aqui. Essa primeira camada
será a mesma. Vamos tocar na segunda
camada e a única alteração que faremos realmente é
adicionar uma seta. Mas antes de fazermos tudo isso, o que eu quero fazer é ter
certeza de que temos todas as nossas células associadas a um segundo
na linha do tempo. Vou entrar em
nossa linha do tempo aqui, pegar a tecla azul, arrastá-la para
tocar no
segundo, depois entrar em
nosso ícone de linha do tempo, selecionar especificar célula
e clique em “2" e seguida, pressione “Ok” e
também muito rapidamente, quero ter certeza de que
o papel vai todo o caminho através de
quatro segundos, então, vou descer
aqui onde está nosso jornal, e então vou esperar
pelas setas duplas e basta arrastá-lo
para quatro segundos. Agora vou
pegar minha tecla azul,
arrastá-la para três, tocar no terceiro segundo
e, em seguida,
vou para o ícone da minha linha do tempo,
selecione Especificar célula, selecione 3 e, em seguida, clique em “Ok”, e, em seguida, repita esse
processo para o quarto. Agora todas as nossas células
são especificadas. Agora podemos simplesmente entrar
e revisar conforme necessário. Vou desenhar
uma simples seta aqui, e então vou usar
minha ferramenta Laço para selecioná-la, e então vou
movê-la para onde gostaria que ela estivesse entrando, e depois vou editar, Vou
selecionar desmarcar
e, em seguida, vou
entrar na minha ferramenta, selecionar minha Ferramenta Borracha e editá-la
para que eu não tenha a linha adicional
funcionando abaixo da seta. Parece que está bem
em cima do desenho. Depois de fazer isso, posso entrar na
minha segunda camada
e, basicamente,
farei o mesmo tipo de processo. Vou desenhar outra seta que esteja um
pouco mais próxima e então final a atingirá e provavelmente
acabo adicionando outra camada onde
a tela está em branco. Além disso, para perceber
que você não consegue
ver suas camadas
abaixo de cada uma, podemos simplesmente entrar em nossas opções de
animação em
nosso menu e, em seguida, selecionar mostrar células de animação e, em
seguida, ativar o skinning de cebola. Eu basicamente vou
redesenhar essa seta novamente, ajustando-a um pouco, limpando-a onde eu preciso, e então vou usar
minha ferramenta Laço para selecioná-la, e então vou
selecionar minha mover a ferramenta, e vou movê-la para que
fique um pouco mais próxima, depois vou
selecionar desmarcar
e depois vou ampliar
, limpar e remover qualquer trabalho de linha embaixo que
não precise estar lá. Agora vou
entrar nessa quarta camada, e vou repetir
o mesmo processo. Mas antes de fazer
isso, vou
copiá-lo e colá-lo
porque vou
precisar de mais uma camada onde não
há nada na tela. Vou copiar essa camada,
editar cópia ou Comando C, Comando V para colá-la e o que vou fazer
é redesenhar essa seta, que ela
fique bem em cima
desse pequeno círculo e
depois para este último, vou apagar
a janela na tela. Agora que desenhei essa seta, posso selecionar minha ferramenta de laço. Vou selecionar ao
redor da seta, usar minha ferramenta de
movimentação para movê-la onde eu
gostaria enquanto ela estiver selecionada, vou transformá-la
para que eu possa virá-la. Vou
editar, transformar, e vou selecionar
virar horizontal, e então vou inclinar
isso para que fique bem no topo desse pequeno ícone de círculo, então eu
vou clique em “Ok”. Então vou
para selecionar desmarcar, e então vou
entrar nessa última camada aqui e o que eu quero fazer é apagar tudo
da tela desta
grande área da janela. Vou selecionar
minha ferramenta de apagar e se você perceber que não
pode editar esse arquivo, isso é porque não o temos
associado a um segundo. Vamos até a nossa linha do tempo, selecione essa tecla azul, mova-a para cinco, selecione a marca de cinco segundos, vá para nossos ícones de linha de tempo, selecione especificar célula,
selecione cinco, clique em “Ok “, role para baixo na sua linha do tempo. Selecione seu papel. Toque na sua borda para obter essa seta dupla e
arraste-a para cinco. Agora estamos em cinco e o que
faremos é apagar a janela
maior aqui. Vou aumentar
o tamanho do meu pincel
e, em seguida, vou
basicamente excluir [NOISE]. Apague tudo isso aqui porque não vamos
precisar disso porque essencialmente estamos
fechando essa janela. Agora que eu tenho a base
da animação feita, antes de entrarmos em colorir
e sombras e todas essas coisas, eu só quero ver como isso se
parece quando tocarmos. Vou selecionar o primeiro segundo
dentro
da nossa linha do tempo
e, em seguida, vou
clicar no ícone de reprodução. Estou percebendo que preciso apagar
algumas das linhas abaixo da última seta e ainda tenho alguma
tinta residual de apagar, então vou simplesmente entrar
e limpar isso. O que estou pensando que também
poderíamos fazer para este último é adicionar algum
tipo de linhas de movimento. Na área de onde essa pasta inicial
ou Window estaria, podemos simplesmente criar
algumas linhas de movimento. As pessoas sabem que essencialmente essa pequena janela desapareceu. Vejamos isso agora
que fizemos isso. Vamos ver como isso parece. Agora que eu fiz isso, vamos jogar isso mais uma vez
e ver o que parece. Isso é fofo. Agora, eu preciso voltar
para quatro,
e eles precisam apagar
as linhas que estão embaixo da flecha e
limpar isso muito rápido. Assim que terminarmos isso, vou voltar a ligar
e jogar isso mais uma vez para
garantir que tudo pareça bem, e então podemos
começar a colorir.
13. Como criar GIF 2: colorir: [MÚSICA] Isso é super fofo, eu gosto disso. Agora, o que faremos é adicionar
nossa pasta para nossa cor. Assim como o que fizemos antes, teremos que criar
uma nova pasta de animação. Vamos para
nossas opções de menu, [NOISE] selecione a animação, depois nova camada de animação e selecione a pasta de animação. Vamos clicar duas vezes
onde ela diz pasta e renomeá-la para cor e
, em seguida, pressionar “Enter”. Em seguida, vamos arrastar essa pasta para baixo da
nossa linha. Então, o que queremos
fazer é selecionar nossa linha e
queremos clicar com o botão direito do mouse para você
possa pressionar controle e, em seguida,
tocar em sua camada. Clique com o botão direito do mouse em
nossa pasta de trabalho de linha ou você pode selecionar controle e tocar se estiver trabalhando com
uma caneta e um tablet
e, em seguida, o que queremos fazer é selecionar Configurações de Camada e, em seguida, definir como camada de referência porque é
isso que vamos
referenciar quando estivermos colorindo. Agora queremos entrar em
nossa pasta de cores e
queremos adicionar cinco novas camadas,
novas células de animação, para que
possamos associá-la cada uma das camadas ou células de
animação dentro da
nossa pasta de linha. Vou selecionar
o novo
ícone de célula de animação na minha linha do tempo. Então, vou copiar
o primeiro e
colá-lo mais quatro vezes para
que tenhamos cinco no total. Então vou
voltar e apenas renomeá-los para que
eles sejam nomeados corretamente. Temos um e dois,
1a deve ser três e depois clicar em “Enter”. Uma cópia deve ser quatro, clicar em “Enter” e a final deve ser cinco, clicar em “Enter”. Agora que temos
nossas camadas de cores, podemos usar nossa ferramenta
Preenchimento de cores apenas para colorir rapidamente cada uma
de nossas novas camadas. Então, queremos ter
certeza de que estamos
na camada correta na qual
estaremos trabalhando. Queremos estar na camada 1. Vamos selecionar a camada 1
e, em seguida, o que faremos é
desligar todas as outras camadas que não fiquemos confusos
e, para desligar essas
camadas, entraremos em nossa camada de linha e depois
toque naqueles pequenos globos oculares. Dessa forma, você sabe que a camada em que você está
trabalhando é a camada correta. Vou deixar
o globo ocular ligado para nossa primeira camada porque essa é a camada em que
estamos trabalhando. Vou selecionar
essa camada aqui. Se você está percebendo algum
problema com sua linha do tempo também
pode ser porque
precisamos associar essas células aos segundos
adequados também. Esta primeira camada deve ser associada até
a primeira segunda. Vamos selecionar
um e depois
tocaremos na primeira
camada e na nossa pasta de cores. Em seguida, vamos
selecionar especificar célula em nossa linha do tempo e clicar em
“Um” e, em seguida, clicar em “Ok”. Em seguida, vá para dois e, em seguida, selecione o segundo dentro da nossa linha do tempo, selecione especificar célula
em nossa linha do tempo, opções de
ícone e, em seguida,
selecione a ferramenta e, em seguida, clique “Ok” e, em seguida,
vamos selecionar três. Toque na terceira camada em
nossa pasta de cores, selecione, especifique a célula, selecione
três, clique em “Ok”. Em seguida, vamos
selecionar a quarta camada em nossa pasta de cores
e, em seguida, selecionaremos o quarto segundo
em nossa linha do tempo,
selecione especificar
célula, selecionar quatro
e, em seguida, clicar em “Ok”. Em seguida,
vamos para nossa quinta camada em nossa pasta de cores. Selecione o quinto segundo, selecione especificar
célula, selecione cinco
e, em seguida, clique em “Ok” e
agora todas as nossas camadas devem ser alocadas corretamente
para o segundo correto. Agora vamos trabalhar
nesta primeira camada, e devemos ver
a primeira camada de linha funcionar como nossa opção
quando tocarmos nela. Com a ferramenta
completa do balde de tinta selecionada, podemos começar a
preencher nossas cores. [MÚSICA] Vou
selecionar minha cor e , em seguida, tocar nas linhas onde
quero preencher as coisas. Neste caso, estou apenas
preenchendo um pequeno teclado, esse cinza escuro, e estou apenas tendo em mente as
mesmas cores que
usei com o outro apenas para criar uma paleta de cores
coesa. Você poderia muito bem
voltar e mudar
as coisas se quisesse. Só vou
manter as coisas como estão. [MÚSICA] Depois de adicionar
todas as minhas cores, voltarei para
minha pasta de trabalho de linha e selecionarei a primeira
camada do meu trabalho de linha. Eu só vou apagar algumas
das linhas semelhantes ao que
fiz com isso primeiro, mas não fazer tudo
parecer tão plano com linhas. Acho que isso funcionará
lindamente para isso. Só estou mantendo linhas
onde preciso delinear entre seções e cores. [MÚSICA] Agora que terminamos com isso, vou iniciar o
processo novamente e depois
recolorir o resto
dessas próximas seções. Agora vou para
minha segunda camada aqui. Vou ativar minha segunda camada de cores
tocando no
pequeno ícone do globo ocular. Vou desligar minha
primeira camada tocando no ícone do globo ocular e, em seguida,
ligue minha segunda camada. Então vou começar o processo de
coloração novamente. Vou selecionar
minha segunda camada, entrar nessa ferramenta de balde, depois passar e recolorir esses
elementos adicionais aqui. [MÚSICA]
14. Como criar GIF 3 — linhas: O que vou fazer agora
é apenas criar um novo arquivo, para que tenhamos um novo
arquivo para trabalhar. Vou selecionar Novo
nas minhas opções de arquivo. Vou manter todas as minhas configurações iguais
à última,
2.000 por 2.000, 300 DPI. Minha linha do tempo é toda a mesma. Minha taxa de quadros é a mesma, apenas uma porque
estamos trabalhando com um gif realmente básico
que precisamos
carregar para gif aqui e depois
vou atualizar o
nome do arquivo. Então vou me certificar que o uso do
trabalho seja animação. Todas as mesmas configurações
e, em seguida, clique em “Ok”. Como fazia antes, ele criou nossa pasta de animação para nós. Vou clicar duas vezes
nisso onde diz pasta de
animação e
alterá-la para um trabalho de linha. Então vou repetir o
processo que fiz antes. Na verdade, vou
atualizar minha cor do meu papel primeiro,
desta vez. Então vou puxar minha ilustração, meu esboço
original. Na verdade, posso voltar para minha primeira cópia gif dessa camada, entrar no meu segundo
gif e, em seguida, clicar em
“Command V” para colá-lo. Mais uma vez, vou
puxá-lo para baixo minha pasta de trabalho de linha. Vou
ativá-lo para que possamos ver o que estamos fazendo
e depois vou selecionar minha ferramenta de movimentação e
vou movê-la para o ícone que
quero ilustrar. Eu tenho este. O que eu quero fazer é
redimensioná-lo para que
seja um pouco maior. Vou entrar em
Editar, Transformar, Escalar, e então
vou segurar Shift e depois puxar meus cantos para que
ele permaneça em proporção. Acho que isso é bom e
depois vou bater Ok. Então vou
transformá-lo novamente porque quero que isso fique um pouco inclinado. Vou entrar em Editar, Transformar e depois
selecionarei Girar. Então eu vou girar isso um pouco porque eu quero que ele esteja em um ângulo e depois
vou bater, “Ok”. Então vou
entrar na linha Trabalho 1. Vou selecionar
essa primeira camada e quero esboçar
nessa camada. Desta vez,
vou mostrar
como você pode fazer isso apenas copiando e colando
seu esboço original e revisando esse esboço em vez de redesenhá-lo todas as vezes
em sua nova camada. Vou selecionar
meu primeiro esboço. Vou entrar na
minha ferramenta de pincel. Vou selecionar
minha tinta da Índia. Eu tenho essa opção suave. Então vou apenas ajustar
o tamanho do pincel. Eu acho que este é um
bom tamanho e o que eu quero fazer é basicamente usar esse esboço original como minha camada base e então eu
posso ajustá-lo conforme necessário. Vou diminuir
a opacidade apenas um pouco. Então vou voltar para minha
pasta de trabalho de linha, selecionar a primeira camada e vou
rastrear isso usando tinta da
Índia e acho que
desta vez, vou usar uma tinta preta para descreva e
vou descrevê-lo rapidamente. [MÚSICA] Depois de descrever
a ilustração, posso entrar no esboço
original, desligá-lo e depois fazer qualquer ajuste fino adicional que eu possa precisar fazer
com o trabalho de linha. Então o que podemos fazer é pegar primeira ilustração dentro do trabalho de linha e, em seguida,
podemos copiá-la e colá-lo mais três vezes
para que tenhamos quatro no total. Então podemos ir
e revisá-los conforme necessário. Vamos selecionar o
primeiro esboço, copiá-lo, colá-lo três vezes e depois vamos
entrar e renomeá-los 1, 2, 3 e 4 é entrar em 1A. Toque duas vezes onde diz: 1A e basta digitar três
e pressione “Enter”. Selecione uma cópia, digite quatro e pressione “Enter”. Agora, o que temos que fazer
é associar cada uma
dessas células a um segundo
dentro da nossa linha do tempo. Vou
entrar na minha linha do tempo, tenho o primeiro
segundo em destaque. Vou arrastar esse ícone azul para que
ele passe do segundo,
segundo e depois vou
selecionar a segunda camada
que tenho na minha linha de trabalho aqui. Vou selecionar
a segunda camada. Vou tocar onde
diz dois na minha linha do tempo. Em seguida, nos meus ícones de linha de tempo,
vou selecionar especificar célula e
, em seguida,
selecionarei dois e, em seguida, clique “Ok”, e ele
especificará essa camada. Se você perceber que perdeu seu plano de fundo, tudo o que você precisa fazer é rolar um pouco para baixo em sua linha do tempo, ir para o ícone de papel
e, em seguida,
certifique-se de que ele se arrasta por todos os quatro
segundos que você
vai precisar que seja. Selecione o primeiro aqui e, em seguida, arraste-o para
que ele passe por quatro segundos e isso
deve permitir que ele fique em todas as suas
ilustrações conforme você as especifica para cada segundo. Agora, vamos para
nossa linha do tempo novamente. Selecione sua marca de
tecla azul e você a
arrastará para que
ela passe por três. Selecione três em sua linha do tempo
e, em seguida, vamos
garantir que a terceira camada esteja selecionada em nossa pasta de trabalho de
linha. Queremos selecionar
especificar célula dentro do
nosso ícone de linha do tempo e , em seguida, selecionar Camada 3
e, em seguida, clique em “Ok”. Em seguida, arraste a tecla para quatro, selecione o quarto segundo. Certifique-se de que sua quarta
camada esteja selecionada. Vá para especificar a célula, selecione Camada 4 e,
em seguida, clique em “Ok”. Certo, todos os segundos são iguais porque literalmente apenas
copiamos e colamos nosso trabalho de linha
original. Mas agora o que podemos
fazer é basicamente revisar cada um desses elementos para tornar o trabalho
um pouco mais fácil. Além disso, o que queremos
fazer é garantir que a
pele de cebola esteja ativada,
então vá para Animação, mostre células de Animação e
selecione Ativar pele de cebola. O que notaremos
é que se entrarmos em dois e dissemos
que queríamos apagar algo, vamos selecionar nossa ferramenta Borracha. Você verá que o esboço
original embaixo será
exibido em verde. Agora, com essa ilustração, o que estou pensando é que provavelmente
faremos algo semelhante ao
lento, lento. Podemos acabar
precisando de mais camadas, mas vamos começar. Basicamente, ele
vai parecer com
esses pequenos controladores de
videogames balançando para frente e para trás, então provavelmente vai querer
iniciá-lo para que ele
comece mais para a esquerda. Na verdade, vou mover esse esboço original um pouco. Vou para Editar. Vou para Transform. Vou para a Transformação
Livre. Dessa forma, posso girar e
mover as coisas conforme preciso delas. Isso
começará mais para a esquerda e depois vai
balançar para a direita. Não precisamos
fazer muito em termos de redesenho, pois precisamos
ajustar o posicionamento. Depois de ajustar
o posicionamento, vou clicar em “Ok” e depois
vou ao meu segundo esboço. Agora você pode ver o
azul por baixo. Vou mover este
um pouco também. Vou entrar no
meu Editar, Transformar, Transformar
Livre e
depois vou
ajustar um
pouco isso para que ele
venha um pouco
à direita de onde o primeiro
está colocado à esquerda. Vou girá-lo para
que ele suba um pouco. Então eu vou
aplicá-lo, clique em Ok. Vou para o
meu terceiro e
farei o
mesmo processo exato. Só vou
mover isso um pouco. Vá para Editar, Transformar, Transformação
Livre. Não preciso
mover isso demais, mas quero
girá-lo um pouco. Vou movê-lo
um pouco para a direita, depois vou apertar
Ok, e depois
vou selecionar minha quarta camada. Estou percebendo que posso querer mais
uma ou duas camadas aqui para que ela saia da tela. Vou pegar
essa quarta camada, vou copiá-la Comando
C. Ou você pode editar,
copiar, editar, colar e então
eu vou pressionar o Comando V para colá-lo mais duas vezes para
que tenhamos seis no total. Vou tocar duas vezes
onde diz 4A e mudar isso para seis. Vou para o
meu quinto e na verdade,
vou me
certificar de que eles estão
associados aos segundos corretos. Vou até
a minha linha do tempo. Vou pegar minha chave, vou movê-la para cinco. Vou tocar na
marca de cinco,
cinco segundos na minha linha do tempo
e, em seguida, vou me
certificar de que a quinta
camada está selecionada. Vou para Especificar
auto-seleção cinco, clicar em OK, depois vou mover
meu T para seis, selecionar o
marcador de seis segundos na minha linha do tempo. Certifique-se de que eu tenha a
sexta camada selecionada nas minhas camadas de linha aqui. Vou selecionar especificar
célula dentro do meu ícone da linha do tempo,
selecionar seis e, em seguida, clique em Ok. Então eu vou
até o meu jornal e apenas me certificar de que
ele vai todo o caminho em seis segundos. Agora que eu os adicionei, vamos voltar para quatro. O que faremos é mover isso um
pouco para que ele siga a trajetória
do balanço que já
criamos. Vou para Editar,
Transformar, Transformar Livre. Novamente, quero girá-lo para
que ele suba e depois vou movê-lo um pouco para a direita
e depois apertar Ok, e depois
vou para o meu quinto, e depois vou
para Editar, Transformação, Transformação Livre. Vou girar
este um pouco e depois movê-lo para
a direita também, e depois apertar Ok,
e depois
vou para o meu sexto. Vou para Editar,
Transformar, Transformar Livre. Vou girá-lo para
que ele suba. Vou
arrastá-lo para que ele vá para a direita e para fora da tela. Agora, obviamente, terei que editar os acordes do controlador. Mas vamos ver como
isso funciona até agora. Agora que tenho todo
o trabalho de linha feito, vou entrar na minha
linha do tempo e vou jogar
para ver
como isso funciona. Vou modificar minhas
colocações apenas um pouco. Gosto de como isso
parece um pouco melhor. Agora, o que precisamos
fazer é consertar o cabo. O acorde deve estar essencialmente no mesmo lugar
como se estivesse pendurado. Vamos ajustar o
posicionamento do acorde para que ele faça mais sentido em
termos de posicionamento. Vou para a camada 2, vou selecionar
minha ferramenta de borracha, vou redimensionar minha borracha e depois vou ajustar
onde o cabo está aqui. Queria seguir o acorde
original o mais próximo
possível com apenas
algumas pequenas alterações. Ei, então
vamos para a segunda,
ligar essa camada, ligar essa camada desligar a primeira camada, tocar na terceira camada,
apagar este acorde. Veja como está tão longe. Queremos que ele fique mais próximo
do posicionamento original. Quero ter certeza de que ele
saia da tela no mesmo lugar. Agora que apaguei
isso e selecionei minha ferramenta de pincel e, em seguida, basta seguir a linha com apenas
algumas pequenas modificações. Agora vou
para a terceira camada,
desligo minha segunda, desligo minha segunda, certifique-se de que meu globo ocular ainda esteja ligado para minha terceira
camada e, em seguida, ligue minha quarta camada e depois volte e
faça a mesma coisa. Vamos consertar essa linha. Você apaga as peças
que não queremos. Apenas certifique-se de que ele
acompanhe de perto essa linha original. Desligue a camada 3, toque na camada 5, verifique se a camada 5
está ativada e modifique aqui também. Agora, desligue a camada 4 e, em
seguida, ative a camada 6 e edite sua
linha conforme necessário, certificando-se de que ela ainda
saia do papel no mesmo local sobre
a revisão em qualquer
outro lugar que você achar melhor. Então vamos reproduzir isso para
ver o que parece.
15. Como criar GIF 3 — colorir: [MÚSICA] Agora que terminamos o trabalho
de linha, vamos pular para colorir. Assim como o que
fizemos antes, teremos que
criar uma nova pasta de
animação para colorir, e teremos que
ter o mesmo número de células dentro dessa pasta que
temos em nossa linha pasta de trabalho. Porque essencialmente cada
camada de cor se associará cada imagem ilustrada em cada camada dentro da pasta
de trabalho de linha. Vamos entrar em
nossas opções de animação
no topo do nosso menu
e, em seguida, selecionar “Nova Camada de
Animação” e, em seguida, selecione “Nova Pasta de
Animação”. Vamos renomear
essa pasta “Cor”
e, em seguida, arrastaremos esta pasta
para
que ela fique abaixo do
nosso trabalho de linha
e, em seguida, vamos
clicar com o botão direito do mouse em nossa pasta de trabalho de linha. O que queremos fazer é ir para “Configurações de camada”
e depois “Definir como camada de
referência” para que
possamos utilizar nossa ferramenta de
preenchimento de balde para colorir as
camadas muito rapidamente. Depois de criar essa nova
pasta e movê-la
, preciso adicionar novas
células a essa pasta. Vou entrar nas minhas
opções de linha do tempo aqui e selecionar o ícone de célula “Adicionar nova
animação. Vou fazer isso
seis vezes porque
temos seis camadas que precisamos, e isso se
associará a cada um dos segundos dentro
do
nosso pequeno loop aqui. Agora vamos
para a primeira camada, e como fizemos antes, apenas para facilitar as coisas, gosto de desligar
todas as outras camadas para não vê-las e saber
exatamente o que estou trabalhando ligado. trabalho da camada 1 dentro da linha é
o que estamos trabalhando
e, em seguida, selecionarei
a primeira camada dentro da minha cor
e, em seguida, selecionarei
minhas opções de cores aqui, selecione a ferramenta de preenchimento, e depois vou tocar onde preciso preencher a cor. Se eu quiser atualizar uma cor, posso tocar duas vezes
no ícone “Cor” aqui nas minhas ferramentas e depois
ajustar conforme necessário. [MÚSICA] Depois de
colorir a primeira, vou
entrar e repetir o processo para o
segundo e terceiro. O que vou fazer é
entrar na minha linha de trabalho, desmarcar o globo ocular
dentro dessa primeira camada, ligar o ícone do olho para a segunda camada para que eu saiba com
o que estou trabalhando. Então vou
entrar na minha segunda camada
na minha pasta de cores, vou ativá-la e, em
seguida, vou voltar e seguida, vou voltar e repetir o processo usando
minha ferramenta de preenchimento de balde
e, em seguida, rapidamente
basta passar e colorir o resto dessas camadas. [MÚSICA] Agora que
colorimos tudo, adicionamos nosso trabalho de linha, vamos apenas verificar novamente, garantir que tudo pareça
do jeito que queremos que
fique, então vou
tocar em “Play” uma vez mais. Vou me certificar
de que todas as minhas camadas estão ativadas, e depois vou
fechar essas pastas e depois vou
selecionar o primeiro segundo, então ele começa desde o início, e depois vou hit
play dentro da minha linha do tempo. Funciona do
jeito que deveria. Agora vamos pular para
adicionar sombras e efeitos adicionais
à ilustração.
16. Como criar GIF 3 — sombras: [MÚSICA] Agora que adicionamos nossa cor, vamos pular para adicionar
algum trabalho de sombra. Para fazer isso, assim como fizemos antes, temos que criar uma nova pasta de
animação. Vou selecionar
a pasta Animação, Nova camada de animação,
Animação. Então, onde diz a Pasta 1,
vamos clicar duas vezes e alterá-la para dizer Sombras. Depois de fizermos
isso, podemos adicionar nossas células de animação para que você
possa entrar em seus ícones de linha do tempo aqui e
selecionar Nova célula de inovação. Vamos adicionar seis no total. O que faremos é atualizar o nome para que
eles correspondam a cada camada, 1, 2, 3, 4, 5, 6. Se você tiver algum problema ou
algo não parecer certo, basta tocar duas vezes
onde o texto está e atualizá-lo para o
número correto e, em seguida, clicar em Enter. Vou adicionar
sombras dentro de onde pode
haver
diferentes elevações dentro do controle do jogo, onde estão os botões
e coisas assim. O que eu quero fazer é ir para minha primeira camada e depois
quero ter certeza de que o que
estou vendo se alinha
com a camada em que eu
deveria estar trabalhando. Vou desligar todas
as outras camadas e depois trabalhar
nessa primeira camada. Vou selecionar a
primeira camada na minha cor, para que eu possa ver
o que estou fazendo. Então vou
entrar em minhas camadas de sombra, desligar todas essas
outras camadas e seguida, basta selecionar minha Camada 1. Então, antes de fazer
isso realmente rapidamente, quero selecionar a pasta sombras e
vou alterá-la do normal nas minhas
opções de camadas para multiplicar. Agora, se você perceber que
qualquer uma das suas camadas dentro das opções de sombra
aqui não está aparecendo. Isso pode ser porque não
temos eles especificados
automaticamente
para o segundo correto. O que faremos é
entrar em nossa linha do tempo, selecionar o primeiro segundo
e, em seguida, certificar-se de que a
Camada 1 esteja selecionada. Podemos começar a especificar. Selecione o segundo, vá
para nossos ícones de linha do tempo, selecione especificar camada, selecione
uma e, em seguida, clique em Ok. Em seguida, selecione dois e,
em seguida, toque na segunda camada. Selecione Especificar célula, selecione a segunda camada
e, em seguida, pressione Ok
e, em seguida, faça a mesma
coisa para três apenas para garantir que tudo
seja a camada correta. Selecione o terceiro,
segundo na linha do tempo. Selecione Especificar célula,
selecione três. Acerte Ok. [MÚSICA] Agora todas as camadas
corretas
agora estão especificadas para
o segundo correto, podemos começar a adicionar
nossas sombras. Vou selecionar
meu ícone de pincel. Na verdade, vou
selecionar algo que tenha um pouco mais de textura, para
que a opção de tinta áspera e nova funcione bem. Então vou
ampliar as áreas-chave que acho que precisamos
ter algumas sombras. Vou selecionar uma cor que funcione bem com isso. Então também certifique-se de
que minhas camadas sejam alteradas de
normal para multiplicar. Uma vez que eu mudei isso, então eu quero
ajustar a opacidade do meu pincel apenas um
pouco, derrubá-lo. Em seguida, ajuste também o tamanho.
Vou diminuir. Você pode usar os suportes para diminuir ou aumentar
rapidamente
o tamanho do pincel. suporte aberto aumenta a diminuição
do tamanho do colchete ou você pode
simplesmente entrar nas opções de tamanho do pincel aqui e ajustar lá
também à mão. [MÚSICA] Depois de terminar de adicionar
minhas sombras, também
posso entrar e
filtrá-las e dar-lhes
um pouco de desfoque. Posso entrar em Desfoque de Filtro, Desfoque
Gaussiano e, em
seguida, posso suavizar as sombras
um pouco para que elas
não se sintam tão duras. Então eu posso acertar Ok. Então, quando terminar isso, vou
repetir esse processo para todos os elementos adicionais. Em seguida, voltaremos e adicionaremos alguns toques finais adicionais. [MÚSICA] Agora, se você quisesse adicionar alguns elementos
adicionais como pequenos, seja como efeitos de
brilho ou linhas ou qualquer coisa assim. Este seria um
ótimo momento para fazê-lo. Você pode simplesmente adicioná-lo depois de adicionar todas as suas
cores e sombras, eu adicionaria à
seção de cores da sua pasta. Vou adicionar
algumas linhas de
movimento parecidas a cada uma das minhas camadas aqui dentro
da seção de cores. Agora vamos jogar isso e
ver o que parece. Agora que acabei de adicionar os
pequenos elementos adicionais, podemos simplesmente pressionar Arquivo, Salvar como. Vou
salvá-lo como meu GIF 90S e salvá-lo na minha pasta. Vou voltar ao meu
primeiro e salvar isso também. Arquivo, Salvar como, 90S-GIF-1, salve-o na pasta necessária para
a qual eu o configurei. Agora, podemos pular para
exportar nossos arquivos.
17. Exportando os arquivos GIF + Extra: configurações de adesivos: [MÚSICA] Agora que terminamos
com os três GIFs, podemos trabalhar na exportação de
nossos arquivos finais. Vou para o meu primeiro GIF e, em seguida, para exportá-lo, o que vamos fazer é selecionar “Arquivo” e, em seguida,
vamos rolar para
baixo até onde diz
Exportar Animação e, em seguida, vamos
selecione “GIF animado”. Vamos manter o
mesmo nome e, em seguida,
vamos selecionar onde
gostaríamos de salvá-los. Já tenho um arquivo configurado, o tipo de arquivo a
ser GIF animado
e, em seguida, podemos selecionar “Salvar”. Então você vai
obter essas configurações. Com o Giphy, eles geralmente sugerem exportar em
medições de quatro. Vou atualizar a
largura e a altura. Atualmente, temos isso em
2.000 por 2.000 pixels. Só vou manter
esse intervalo de exportação. Estamos exportando todos os quatro segundos ou todos os quatro quadros de um a quatro. Podemos atualizar nossa taxa de quadros
se quisermos torná-la um pouco mais rápida para que eu possa
alterá-la de um para dois. Então, o que queremos
ter certeza de que fazemos é selecionar “Contagem de Loop Ilimitado” porque temos que
garantir que ela seja reproduzida até o infinito quando estamos
enviando para o Giphy. Eu marca de seleção diferente
apenas para que ela me dê um pouco mais de uma imagem de qualidade
superior e depois clique em “Ok”. Então, quando a exportação estiver concluída, você receberá esse pop-up que diz que exportação de GIF
animada está concluída, informa qual é o tamanho do arquivo
e, em seguida, clique em “Ok”. Agora podemos fazer é
entrar em nosso sistema de arquivos. Posso clicar em nossos GIFs finais, e posso reproduzir esse loop apenas selecionando o arquivo
que acabei de exportar, apertando minha barra de espaço e
ele o reproduzirá para mim. Acho que isso foi bom.
Vamos fazer os outros dois e então podemos fazer o
upload para o Giphy. Agora vamos
voltar para o Clip Studio. Agora vou
selecionar meu segundo GIF. Vou entrar nas
minhas opções de menu de arquivos, selecionarei “Exportar
animação”, “GIF animado”
e, em seguida, vou me
certificar de selecionar o arquivo no
qual quero
e, em seguida, clique em “Salvar”. Então vou
atualizar a largura e o tamanho para quais eram minhas
medidas originais. Vou atualizar
minha taxa de quadros para dois apenas para que seja um
pouco mais rápido. Minha contagem de loop deve ser
ilimitada e depois clicar em “Ok”. Depois que eu receber esse pop-up, posso clicar em “Ok” novamente
e, em seguida, selecionarei
meu terceiro GIF. Agora vamos
entrar em nosso terceiro GIF e vamos exportar isso. Vamos selecionar
“Arquivo” e, em seguida, vamos rolar para
baixo até Exportar animação, selecionar “GIF animado” e, seguida, vamos
manter o mesmo nome
e, em seguida, selecionaremos a pasta final em que
vamos ter isso salvo. Em seguida, vamos
selecionar “Salvar”. Em seguida, vamos atualizar nossas configurações para 2.000 por 2.000, vamos atualizar a taxa de quadros para dois,
manter
o intervalo de exportação o mesmo, manter
o intervalo de exportação o mesmo, garantir que sua
contagem de loop esteja definida como ilimitada e, em seguida,
podemos selecionar “Ok”. Então, quando esse pop-up aparecer, você pode selecionar “Ok”, e agora podemos verificar novamente em nosso sistema de arquivos que tudo funcionou
da maneira que precisávamos. Agora que tudo é exportado, vamos entrar em nosso sistema de
arquivos e apenas verificar novamente para
garantir que tudo funcione bem. Vou selecionar meu
primeiro, funciona lindamente. Selecione meu segundo, funciona exatamente como eu queria
e, em seguida, vamos selecionar
o terceiro. Ele joga exatamente do jeito que
eu queria, tão perfeito. Agora todos os nossos
GIFs são exportados. Havia uma dica
que eu queria compartilhar antes de passarmos
para o upload para o Giphy. Recentemente, tive uma atualização meu Clip Studio Paint
e o que descobri é que agora você pode exportar
seus GIFs como adesivos. Basicamente, este é um arquivo PNG. É um arquivo PNG animado com
um fundo transparente. Se você já
olhou para algo como Insta Stories e vê esses GIFs que não
têm fundo, mas eles são como
pequenos ícones de adesivos que você pode colocar em suas
histórias e coisas assim, é aí que eles
entram em jogo. Para poder
exportar como GIF, temos que desligar
nosso plano de fundo e
criar transparência. A maneira mais fácil de fazer isso é entrar em suas
camadas, selecionar sua camada de papel e depois
desligar o globo ocular. Você tem uma transparência. Então o que faremos é selecionar “Arquivo”, “Exportar
animação” e, em seguida,
selecionaremos “
Adesivo animado”, que é um APNG e permitirá que você exporte seu
arquivo como um PNG transparente. Vou atualizar meu nome e depois vou
salvá-lo no meu conjunto de arquivos, no meu arquivo GIF final
e, em seguida, clique em “Salvar”. Então, o mesmo que estávamos
fazendo com o GIF, podemos atualizar nossas configurações de
exportação. Só vou
atualizá-lo para 2.000 por 2.000. Ele irá redimensioná-lo
com base na altura e na largura da área
colorida do arquivo. Mas eu apenas atualizo para ter o mesmo tamanho, só para estar seguro. Você pode ajustar sua estrutura. Vou mudá-lo para dois. Então o que você quer
fazer é apenas garantir que sua contagem de loop seja ilimitada. Selecione “Excluir espaços em branco”. Desmarque a
redução de cor da marca porque não
quero reduzir as
cores que estou usando. Então eu vou clicar em “Ok”. Depois de terminar,
você receberá esse pop-up. Você pode simplesmente clicar em “Ok” novamente. Então podemos entrar em nosso sistema de arquivos e
ver se isso funcionou. Vou entrar no
meu sistema de arquivos, aqui está o
arquivo de adesivo que criei. Vou selecioná-lo e, em
seguida, apertar a barra de espaço no meu teclado apenas para
testá-lo. Funcionou. Criamos um adesivo
transparente
inspirado em Tamagotchi. Agora que terminamos e
exportamos todos os arquivos finais, vamos pular em como
fazer upload de tudo isso para o Giphy.
18. Como carregar no GIPHY + usando seus GIFs: [MÚSICA] Agora que terminamos de
criar nossos GIFs, o que queremos fazer é
carregá-los no GIPHY para uso. Dependendo do tipo
de conta que você tem, seus GIFs podem ser
pesquisados em GIPHys como mecanismo de
pesquisa que eles usam em sites como
Instagram ou Facebook. Mas mesmo que você não seja
como um artista aprovado ou não tenha sido aprovado para uma conta que
possa ser pesquisada, você ainda poderá utilizar seus GIFs. Vou te mostrar como fazer isso. Vou mostrar como
carregar tudo
do computador e depois poderemos entrar no telefone mais tarde quando se
trata de
poder usar nossos GIFs. Vou fazer login
na minha conta. Depois de
entrar na minha conta,
tenho um monte
de
pastas diferentes, como as maiores
organizadas que tenho,
configurei uma lista de reprodução, temas
sazonais. Tudo como sejam os
meus GIFs,
eles estão organizados
nessas pequenas áreas aqui. Provavelmente vou criar uma nova coleção com
GIFs temáticos dos anos 90. Vou adicionar os que
criei nesta classe, mas provavelmente
vou adicionar um pouco mais. Vou primeiro fazer o upload e depois mostrarei como
editar essas coleções. Vou selecionar “Upload”
Vou selecionar GIF, vou escolher meu arquivo. Vou entrar nos meus arquivos GIF finais e
vou selecioná-los. Vou selecionar todos
eles clicando no último
turno segurando e clicando
no primeiro. Selecionarei tudo na minha série e depois
vou clicar em upload. Então eu posso entrar e adicionar tags para tudo
porque isso torna mais fácil quando
se trata de
pesquisar apenas elas se relacionam com
o conteúdo que
as pessoas podem estar usando. Vou adicionar tags com base
no que criei e vou separar
as tags com vírgulas. Quando eu carregar esses, o que vou fazer depois
de adicionar todas as minhas tags, vou selecionar mais, ele adicionará todas as
minhas tags em massa. Vou adicioná-los
a uma coleção. Vou adicionar uma nova
coleção e vou nomear
essa coleção That's So 90s. Então vou
criar a coleção. Então vou entrar agora
e atualizar o resto deles. Depois de adicionar o primeiro, selecionarei
minha segunda e adicionarei
minhas tags para esta. O que é bom é que ele também
oferece tags para adicionar, então eu posso clicar
nessas tags e
adicioná-las ao meu GIF para mim com base na imagem em si,
bem como nas imagens anteriores
que eu criei. Vou adicionar
tags para este novo. Vou utilizar as tags que eles criaram para mim. Mas também vou
adicionar minhas próprias tags também. Você só pode adicionar 20
tags por vez, então você só quer
ter certeza de que não exagere. Em seguida, vou
clicar no meu próximo e repetir
o mesmo processo. Em seguida, vou clicar
no último e depois repetir esse processo. Tudo bem, depois de
adicionar todas as minhas tags, fico feliz com as configurações que
criei e
quero ter certeza de que a visibilidade está definida como pública. Então vou
adicioná-los à minha coleção That's
So 90s. Em seguida, vou
selecionar Carregar para o GIPHY. Quando meu upload estiver concluído, se eu tiver algum erro, posso verificá-los novamente. Vamos ver este. Só vou retentar. Esse foi carregado
e agora posso abrir meu canal e meu
GIF deve carregar. Estará sob minha coleção That's
So 90s. Agora posso utilizar esses GIFs e compartilhá-los novamente e também usá-los em algo como o
mecanismo de pesquisa quando estou
procurando GIFs para utilizar no meu telefone, em mensagens de texto e
coisas assim, ou online em lugares diferentes, você pode utilizar
um código de incorporação e copiá-lo ou você pode simplesmente compartilhar. Você pode copiar o link. Mas eu realmente gosto da capacidade de
organizar tudo e
manter tudo em um só lugar. Gosto de adicionar coleções à minha conta apenas para
facilitar a localização de coisas. Mas basicamente é assim que você
carrega tudo para o GIPHY. Você também pode fazer isso
diretamente do iPad se estiver trabalhando em um iPad ou telefone
e coisas assim. Mas eu gosto de trabalhar
no computador obviamente, porque estou usando
coisas como o Clip Studio Paint. Isso só faz mais sentido. Mas então eu posso acessá-los
no meu telefone, conforme necessário. Mesmo que você não seja como
um artista verificado, não
sou um artista verificado, mas fui aprovado para encontrar
meus GIFs e pesquisar. Mas mesmo que você não seja isso, você não é um
artista verificado ou não tem seus GIFs aprovados
para serem encontrados e pesquisados, você ainda pode utilizar os
GIFs que você carrega no GIPHY. Vou te mostrar como
fazer isso em seguida. Agora que carregamos
tudo para o GIPHY, o que eu quero mostrar rapidamente é como você pode usar seus GIFs em aplicativos como o Instagram e
mesmo que você não seja um artista
aprovado. Vou entrar no GIPHY
e estou na minha conta. Posso ver meus favoritos, posso ver meus envios e também posso ver
tudo por coleção. Vou apenas ir para uploads, os
uploads mais recentes dos GIFs que criamos nesta
classe hoje estão aqui. O que você verá é que,
se você clicar em seu GIF, você pode selecioná-lo e em
seguida, tocá-lo para copiar e
, em seguida, ele dirá GIF copiado. Então, se você entrar no Instagram, se você tiver uma história pronta, você pode adicionar esse
GIF ali. Você não precisa
procurar nada. Vou apagar isso muito rapidamente, apenas segurando-o. Vou tocar nele e
arrastá-lo para o
ícone do lixo para me livrar dele. Outra maneira de
procurar seus GIFs é se você for um
artista aprovado ou um artista verificado, você pode selecionar o ícone de
adesivos. Você pode, se você acabou enviando algo
como um adesivo, como eu mostrei como
exportar com uma transparência, você pode procurar seu identificador. Se voltarmos ao GIPHY e
olharmos minha página principal, você verá que meu identificador
é Jen do bloco. Se eu pesquisar Jen no bloco, todos os meus
GIFs aprovados que foram aprovados para serem pesquisáveis
aparecerão para que eu possa selecionar um
e usá-lo em minhas histórias. Mas mesmo
que você não tenha essa opção para ser pesquisável, você ainda pode
ir diretamente para sua conta GIPHY, encontrar o GIF que
deseja compartilhar, tocar nele e depois tocar nele para copiar e voltar para Instagram. Certifique-se de ter seu carretel
ou sua história prontos para começar. Ele aparecerá no canto inferior
esquerdo, selecione-o
e, em seguida, você poderá
adicioná-lo à tela. Então você pode compartilhar
sua história como está. Gosto de usar isso como
uma ferramenta auto-promocional, coisas assim, e como estou criando isso
para essa classe específica, posso simplesmente criar
um post sobre isso. Então eu posso compartilhá-lo. Mesmo que você não tenha a opção de ter
seu trabalho pesquisável usando a API que o GIPHY e o Instagram e todas essas outras plataformas de
mídia social usam, você ainda pode entrar diretamente seu aplicativo GIPHY e use seus GIFs diretamente
da sua conta. Estamos apenas clicando
neles, copiando-os
e, em seguida, você pode
adicioná-los ao seu armazenamento assim. Muito simples.
19. Curso de Outra: [MÚSICA] Muito obrigado por
aprender comigo hoje. Espero que você tenha achado este curso interessante e que esteja mais confortável criando GIFs
no software Clip Studio Paint. Agora você pode começar a
criar seus próprios GIFs inspirados em qualquer coisa que
você esteja interessado. Lembre-se de compartilhar o projeto do
curso. Você pode até compartilhá-lo no
Instagram e me marcar @ Bella Sophia Creative
para que eu possa compartilhar novamente seus GIFs e
até oferecer feedback. Lembre-se, se você quiser
saber mais sobre mim e meu trabalho, você pode me visitar on-line em
www.bellasophiacreative.com. Finalmente, se você quiser obter um vídeo nos
bastidores
do trabalho que faço como freelancer criativo
e até mesmo para essas aulas, certifique-se de acompanhar o
YouTube @thecreativestudio. Muito obrigado por
aprender comigo hoje de novo, e te verei
no próximo. Adeus.