Transcrições
1. Apresentação: Olá a todos, meu nome é Colleen. Bem-vindo à minha aula. Criar uma animação para
alguém que não tem habilidades de
desenho pode ser
desafiador e desanimador. É por isso que criei
uma maneira fácil de criar animações que não
requer habilidades de desenho. E nesta lição, mostrarei como criar
essas animações legais. Seja você do
sexo feminino ou masculino, siga estas etapas
que vou
mostrar e aplicar essas técnicas
às suas animações. Eu criei
essas animações
filmando a mim e a
outras pessoas com um smartphone usando uma
imagem estática que eu animei. As ferramentas que precisamos para essa
aula são o Adobe Photoshop. Se você quiser fazer uma animação que você seja o assunto, o primeiro passo é filmar a
si mesmo ou tirar uma selfie, dependendo do tipo de animação que você
gostaria de fazer. Em seguida, as próximas etapas
consistem em selecionar as imagens da animação estilizada ajustá-las e salvá-las. Continuaremos com
o processo de animação no Adobe Photoshop e o
exportaremos no formato GIF ou MP4. Mostrarei que o processo
é para a maioria
das animações que você
viu nesta introdução. E mal posso esperar para revelar
minhas dicas e truques. Então, vamos começar.
2. Como desenhar a imagem: Vamos começar com uma
animação simples baseada em uma imagem. Existe uma ferramenta incrível
na internet que
é chamada para mim. Você pode ter ouvido falar sobre isso, mas se não o fez, agora
terá a
oportunidade de explorar esse aplicativo gratuito de
edição de fotos que transforma sua imagem em desenhos animados. Carregue aqui sua foto
clicando no sinal de mais. Para a versão gratuita, você terá uma marca d'água
na parte inferior, no
lado direito da imagem. Clique nas opções de desenho animado
no lado direito e escolha
seu estilo de desenho animado favorito. Você também pode clicar no botão
Labs e depois em. Vamos tentar nos divertir com
mais versões de desenhos animados. Se você não gostar do estilo
, pode voltar
à página original e
clicar em Mais estilos. Se você clicar no quarto
estilo na parte superior, terá a
opção de escolher algumas histórias fofas
na parte inferior. Essas duas histórias também estão disponíveis para a
versão feminina e masculina. Vamos explorar
primeiro a versão feminina e depois a masculina. Eu coloquei uma foto de um dos meus amigos
para esta animação. Depois de decidir qual estilo de desenho animado você
gosta, baixe a imagem.
3. Paris Girl — como criar a animação: Neste exemplo,
vamos criar essas animações fofas com uma garota e seu
pequeno login Paris. Depois que a
imagem estilizada for baixada, abra-a no Adobe Photoshop, vou apagar as
marcas d'água de todas as imagens apenas para esses exercícios e
usarei a ferramenta de patch. O primeiro passo deste
tutorial é selecionar isolar a parte da
imagem que será animada. Nesse caso, a saia
estará soprando ao vento e o cachorrinho
inclinará a cabeça. A Ferramenta de Seleção Rápida
e selecione a cabeça do cachorro. Corrija essas seleções com
a ferramenta de laço, se necessário. No menu superior,
clique em selecionar, modificar e expandir a
seleção com um pixel. Clique com o botão direito na
área selecionada e selecione Camada via Cópia para criar uma nova camada
somente com a cabeça do cachorro. Arraste a camada uma para baixo em direção ao sinal de mais para criar
uma cópia, renomeie Layer, deseja rastrear um alelo, uma cópia para D2 com a camada D2 selecionada,
pressione Control mais T no Windows ou
Command D no Mac. Para selecionar a ferramenta Free
Transform, vamos girar a cabeça do
cão para a esquerda, o centro ou
a ferramenta de
transformação livre para baixo para definir o ponto de rotação na base do pescoço do
cão e pressionar Enter, selecione coloque um cachorro em uma camada e arraste-o para baixo em direção ao
sinal de mais para criar uma cópia. Mova essa camada acima da camada D2 e
renomeie-a para encaixe livre. Selecione novamente a ferramenta de transformação
livre, pois vamos girar
a cabeça do cachorro para a direita. Puxe o centro da ferramenta Free
Transform para baixo para definir o ponto de rotação na base do pescoço do
cão e pressione Enter. Agora vamos apagar a cabeça
do cachorro da camada de fundo,
selecionar
a cabeça do cachorro e arrastar a seleção com a Ferramenta
Patch para a direita. Agora vamos isolar a saia
para selecionar a saia com a Ferramenta de Seleção Rápida e a ferramenta laço na camada de
fundo. Clique com o botão direito na
área selecionada e escolha Camada via Cópia para criar uma nova
camada somente com a saia. Renomeie essa camada como uma. Arraste a camada sqrt
uma para baixo em direção ao sinal de mais para criar uma cópia e renomeie essa
camada para contornar Para criar uma animação
no Adobe Photoshop, você deve abrir
o painel da linha do tempo no menu na parte superior, clique em Janela e selecione linha
do tempo da
janela suspensa. Na parte inferior da janela, você verá a linha do tempo aberta onde poderá criar
sua animação. No centro do painel
da linha do tempo, clique na seta à direita e selecione Criar animação de
quadro. Um
detalhe muito importante é ativar a linha
do tempo, que
pode estar acinzentada. Então, para habilitá-lo, pressione o botão
Criar animação de quadro. E você verá o primeiro quadro aparecendo na linha do tempo. Oculte a saia
da camada clicando no ícone
à esquerda no menu
na parte superior,
clique em Editar e depois no envoltório de marionete. Essa ferramenta ajudará a
manipular a saia. Clique na saia para
criar feijões e arraste os pinos para a direita
, conforme mostrado na tela. Repita essas etapas
na segunda camada, mas desta vez, arraste
a peça para a esquerda. No painel da linha do tempo, clique no ícone de adição
para criar um novo quadro. Clique no quadro um e torne
visíveis apenas as camadas, o fundo e a camada do cachorro. Com o segundo quadro selecionado, certifique-se de que somente as
seguintes camadas estejam visíveis. No fundo, Scott
venceu e um cachorro. Crie o primeiro
quadro clicando
no ícone de adição e torne
visível o fundo da camada, sqrt two e Dongguan. Agora crie um quarto quadro e as camadas visíveis
devem ser fundo, sqrt two e D2. Continue adicionando
o quinto quadro que corresponde ao fundo
da camada. E a busca de quadros D2 combina com a camada de fundo, sqrt one e D2. O sétimo quadro
vem com fundo, Scott 1 e Dongguan. auxiliar de moldura combina com a camada de
fundo e uma escavada. Agora selecione os quadros 78,9, pressione a tecla Alt no Windows, tecla
Option no Mac e arraste todos os quadros livres para a direita para copiá-los
e criar uma repetição. Clique no ícone de adição para
criar a terceira moldura fina. A camada visível deve estar em
segundo plano e sem escuridão. Crie o 14º quadro e torne visível o fundo da
camada, Scott one e dock free. Crie o Quadro 15 e torne visível o fundo da camada
sqrt two e Dockery. Se você reproduzir a animação sem definir o atraso do quadro, ela parecerá um estereótipo. Domine a animação de forma
mais natural, temos que definir um
tempo de atraso para os quadros. Para fazer isso, selecione quadros
até oito e, em seguida, 1.113,15. Em seguida, clique na pequena seta no quadro onde está escrito. Segundo. Clique em Outro e
defina o atraso para 0,43. Clique em OK. Atraso central
no quadro um até 0,3. Selecione os quadros 34,12 e
defina o atraso para 0,17. No quinto quadro, defina o atraso para 0,57. No quadro 14, defina-o para 0,43. quadro seis deve ser 0,07. Os quadros sete devem ser 0,27 e o quadro nove devem ser ajustados para 0,57. Agora vamos reproduzir a animação. Há uma correção a
ser feita no quadro 9.12. Esconda a segunda camada. Agora vamos exportar essa
animação no formato GIF. No menu superior, clique em Arquivo, exporte
e salve para o Web Legacy. No canto superior direito, selecione GIF, seletivo e difusão. Em seguida, clique em Salvar.
4. Bíceps Flex — como desenhar e preparar a imagem: Vamos continuar criando
uma animação para homens. Carregue sua imagem para me ajustar. Clique no
desenho animado Fourth Style na parte superior. Escolha entre as histórias de músicas, a imagem com os
bíceps e baixe-a. Abra a imagem no
Adobe Photoshop. Teremos que
isolar o braço esquerdo para criar o movimento de
flexão do bíceps. Pegue a Ferramenta de Seleção Rápida e clique na opção selecionada. No menu na parte superior, clique em Selecionar,
Modificar e Expandir. Insira o valor um para expandir
a seleção e clique em OK, clique o
botão direito na área de
seleção, escolha Camada via cópia e
renomeie o braço da camada. Arraste essa camada
para baixo em direção
ao sinal de mais para duplicá-la e
renomear a camada para. Agora teremos que apagar o braço da camada de
fundo. Então, para fazer isso, pressione Control no teclado no Windows ou Command no Mac e clique no ícone do braço
da camada um
para selecionar o braço, clique na camada de fundo com a
espessura do ferramenta conta-gotas e selecione uma amostra
do fundo azul
no menu superior, selecione Editar e preencha
com a cor do primeiro plano. Eles são restos do contorno
do braço deixado
no círculo azul
que você pode apagar usando a ferramenta de patch e
a ferramenta de carimbo de clone. Para se livrar
da parte azul que
excede o círculo azul. Pegue o mercado de curvas elípticas para colocá-lo no
centro do círculo. Pressione a tecla Alt mais Shift
no teclado no Windows ou
Option e Shift no Mac. E arraste para criar um círculo de seleção que
corresponda ao círculo azul. Reposicione a
seleção, se necessário. Clique com o botão direito na área de
seleção e clique em Selecionar inverso. Pegue a ferramenta de carimbo de clone
e apague a parte azul. Selecione o braço a ser colocado em uma camada e,
em seguida, vá para o menu superior e
escolha Editar e contornar marionete. Defina alguns pinos conforme
mostrado na tela. Pegue o pino na parte superior
e arraste-o para a esquerda. Adicione mais pinos para
corrigir a forma do braço e ajustar a forma
do bíceps para parecer
relaxado, pressione Enter.
5. Biceps Flex — como criar a animação: Agora vamos criar a
animação no menu superior. Clique na janela e
selecione a linha do tempo. No centro do painel
da linha do tempo, clique na seta
à direita e selecione Criar animação de quadro. Pressione o botão
Criar animação e você verá o primeiro quadro aparecendo na linha do tempo. Oculte o braço dois da camada
para esse primeiro quadro, pressione o sinal de mais
na parte inferior
da linha do tempo para
criar outro quadro
e, dessa vez, torne
a camada visível e oculte a camada um. Agora teremos que definir um tempo de
atraso para os quadros. No primeiro quadro, clique na pequena seta
onde está escrito. Em segundo lugar, clique em Outro
e defina isso como 0,5. Defina o atraso no
segundo quadro para dois. Se você quiser adicionar algum
texto à sua animação, continue seguindo
as próximas etapas. Agradeça à ferramenta de tipo horizontal. Clique na imagem e
escreva seu próprio slogan
e, em seguida, escolha
exibir ou ocultar a camada de texto no
quadro de sua escolha. Exporte a animação
clicando em Exportar
arquivo e Salvar
para o Web Legacy. No canto superior direito, selecione GIF, seletivo e difusão
e clique em Salvar.
6. Moon Girl — como estilizar e preparar a imagem: Carregue sua foto conforme explicado
nas
lições anteriores no site e baixe a imagem com as
meninas sentadas na lua. Abra a imagem no Adobe
Photoshop e arraste a camada de fundo em direção
ao sinal de adição para
duplicar a camada. Renomeie essa camada, camada um. Vá na camada de fundo e tente recriar o plano de fundo a
partir dos joelhos do
personagem pois criaremos uma
animação da perna. Use a ferramenta de carimbo de clonagem para
copiar partes do plano de fundo. Use a ferramenta de patch para
homogeneizar as cores. Vá para a primeira camada e selecione o personagem
e a lua usando a ferramenta Seleção Rápida para separá-los
do fundo. No menu superior,
clique em selecionar, modificar e expanda a seleção com
um pixel no menu superior, vá para Camada, Camada via Cópia para separar o personagem
do plano de fundo. Eu fiz essa eleição em duas vezes pois a Ferramenta de Seleção Rápida também
usava o
plano de fundo quando eu tentava selecionar o lado
esquerdo da lua. Agora temos que copiar o lado
esquerdo da lua da mesma forma
explicada anteriormente. Combine as duas camadas superiores com o personagem e a lua
para ter apenas uma camada. Exclua a camada intermediária, que tinha apenas o plano de fundo. Duplique a camada um e
renomeie-a para a camada dois. Com a camada selecionada, vá para Editar e
selecione contorno de marionete. Coloque alguns pinos conforme
mostrado na tela. Mova a perna direita levemente
para a direita e pressione Enter. Duplique a camada e
renomeie-a para viver livre. Com a função de envoltório de marionetes, mova a perna direita
novamente para a direita.
7. Moon Girl — Como criar a animação: Exiba a linha do tempo no Adobe Photoshop conforme explicado
nas lições anteriores e escolha Criar animação de
quadro. Para o primeiro quadro, torne visível o
fundo da camada e a camada um. Adicione um novo quadro e torne visíveis o plano de
fundo e
a camada para adicionar um novo quadro e tornar visível o
fundo da camada e a camada três. Duplique o segundo
quadro clicando nele. Em seguida, pressione a tecla Control
e ask no Windows ou
Command and Option no Mac e arraste
o quadro após o primeiro quadro para
criar o quarto quadro. Defina o atraso no
quarto quadro para 0,2. Agora duplique a
camada 1 e arraste-a cima da camada livre e
renomeie-a para viver por. Use a representação de marionetes para mover o pé direito para
a esquerda e pressione Enter. Crie um novo quadro e torne visível somente a camada de
fundo da camada para definir o atraso no
quinto quadro como 0,1. Altere o primeiro
quadro atrasado para 0,2 e o segundo quadro, o primeiro quadro para 0,3. Agora vamos fazer essas estrelas
brilharem no céu. Vá para o plano de
fundo da camada e selecione os estilos conforme mostrado na
tela com a ferramenta caneta. Crie uma seleção
clicando com o botão direito do mouse em
qualquer lugar da imagem e
escolha Fazer seleção. Copie o início
criando uma nova camada. Essa será a
camada número cinco e deverá estar visível
na ferramenta de moldura. Vamos tornar essa estrela mais brilhante. Então, com a camada selecionada, vá para o menu superior, clique em Ajuste de imagem e coloque o
valor do brilho em 116. Certifique-se de que a camada cinco
esteja oculta no quadro um. Repita as etapas copiando as outras estrelas e
tornando-as mais brilhantes. A nova camada seis deve estar
visível somente no quadro um. Você pode ocultar ou tornar visíveis
as estrelas de acordo com seu gosto ou seguir
meus passos no vídeo. Exportar a animação
clicando em Exportar
arquivo e
Salvar para o Web Legacy pode reduzir o
tamanho do arquivo ao reduzir a imagem para a metade
do tamanho atual. No canto superior direito, selecione GIF, seletivo e difusão
e clique em Salvar.
8. Animação baseada em um vídeo — como escolher as imagens: Vamos dar um
exemplo de como criar uma animação com base no vídeo. Você pode usar um
vídeo ou pode
se sentir como eu fiz
neste vídeo, cuja duração é de 2 s, foram necessárias 15 capturas de tela que
usei no Adobe Photoshop, um formulário iframes, no meu iPhone. Eu fiz a primeira captura de tela
no início do meu vídeo. Eu o redimensionei e
salvei no meu telefone. Você também pode fazer a captura de tela no seu computador
usando a ferramenta de recorte. Em seguida, fiz minhas próximas
capturas de tela, onde houve uma mudança significativa
no movimento do meu vídeo. Depois que as capturas de tela estiverem concluídas, transfira-as para o seu computador.
9. Animação baseada em um vídeo — como desenhar imagens: Agora vamos nos
divertir e desenhar as capturas de tela
dessa animação, eu escolhi a quinta
versão do topo. Carregue suas imagens em mim, um desenho animado por um, e
salve-as no seu computador. Eu baixei a imagem e surpreendentemente, não recebi
a marca d'água de estranho. Às vezes você obtém a
marca d'água e às vezes não.
10. Animação baseada em um vídeo — como redefinir as imagens: Eu realmente aumentei
o máximo de água de todas as imagens apenas
para esses exercícios. E eu uso a ferramenta de carimbo clone. Para usar o
carimbo de clone, pressione a tecla Alt no Windows e a tecla Option no Mac
para selecionar a área de origem. E realmente é a chave
para começar a clonar. Observe que se você tiver uma foto com a mão na área do rosto, para mim não
poderei processá-la corretamente. Eu vou te mostrar como
corrigir essa imagem. Felizmente, na próxima imagem, a mão parece mais
definida e vou usar essa foto para
corrigir a anterior. Com as duas imagens abertas, selecione o dedo na segunda
imagem com a ferramenta caneta. Clique com o botão direito
do mouse em qualquer lugar da imagem e escolha, faça uma seleção no menu. Vá para o menu principal superior, clique em Layer, New
Layer via Copy. Copie essa nova camada, cole-a na imagem anterior e posicione o dedo com a ferramenta de movimentação para cobrir
a camada padrão. Você pode ajustar o
dedo e
girá-lo com a ferramenta Free
Transform
pressionando Control T no
Windows ou Command T no Mac. No meu caso, tenho
uma franja escura
na ponta do dedo que
gostaria de excluir. Então eu cliquei na camada
e pressionei Control no Windows ou o comando
no Mac para Selecionado, mova a seleção para baixo. Eu cliquei com
o botão direito na seleção e selecionei
Seleção inversa no menu. Então eu apaguei a franja mais
escura. Agora é hora de
mesclar essa camada na minha imagem e ocultar
as bordas ásperas. Para isso, terei que
adicionar a máscara à minha camada. Também ajustei os níveis
dessa camada para torná-la ainda mais
perfeita. Há uma correção a ser
feita ao redor da área da boca. Então, selecionei
essa zona com a Ferramenta Patch e a arrastei
para uma área de cor semelhante. Como você observou, não
há unhas
nos dedos. Então, procurei uma imagem
da Internet no Pixabay onde você pode encontrar fotos
gratuitas e
adicioná-las à minha imagem. Encontre seu estilo bonito favorito. Copie a imagem e cole-a
no documento no Adobe Photoshop. Faça uma seleção
com a ferramenta de caneta ao redor das unhas,
aceitando o polegar, selecione as unhas, clique com o botão direito
do mouse em qualquer lugar da imagem e selecione Fazer seleção no menu. Copie e cole as unhas na imagem
do desenho animado,
ajuste o tamanho, orientação, os níveis, o
brilho e a
opacidade para que pareçam o mais naturais
possível. Obviamente, você pode tirar uma
foto com sua própria mão,
cortar as unhas dos pés e usá-la
para suas imagens de animação. Se você encontrar
o mesmo problema com mãos
deformadas
nas próximas fotos, basta copiar a camada com as unhas e o dedo
padrão
, fixá-las na nova imagem
e ajustar as posições. Porque a mão está em movimento
na próxima imagem e
a mão está desfocada. Eu também estava desfocado nas
unhas.
11. Animação banida em um vídeo — como adicionar elementos: Eu queria adicionar alguns
corações à minha animação em cada imagem que
tocassem um beijo simultâneo. Eu abri todas
essas imagens no Adobe Photoshop na
ordem da animação. Vou trabalhar em paralelo
em cada imagem. Adicione uma nova camada à
sua imagem e desenhe uma forma de coração com a ferramenta
caneta nos lábios. Obviamente, você pode desenhar
quantos tamanhos e cores duros quiser e
posicioná-los. Eu uso a ferramenta de gradiente
para preencher o coração. Em seguida, adicionei o contorno, mas essa etapa não é necessária. Tudo depende de como sua
imagem final gostaria que você olhasse. Para criar o contorno, selecione a camada com
o coração pressionando Control no Windows
ou Command no Mac. E clique no ícone Layer. Clique com o botão direito na
área de seleção e escolha Traçado, coloque um pixel, escolha
a cor preta e clique em OK. Reduza a opacidade
da camada para 64. Solte a sombra neste coração. Clique duas vezes na camada, solte a sombra e coloque os valores
como você vê na tela. Copie a camada com o coração e cole-a na próxima imagem. Posicione o coração mais
longe dos lábios com a ferramenta de movimento para
simular a ação de sopro. Duplique essa camada para
criar outro coração, reposicione-a, depois gire e
redimensione-a com a ferramenta de transformação. O atalho é
Control plus T para Windows ou Command D no Mac. Duplique essa camada
e reposicione, gire e redimensione o coração. Copie as camadas livres com o coração e
cole-as na próxima imagem. Duplique outra camada com coração e crie
o quarto coração. E duplique novamente uma camada
para criar o quinto coração. Salve todas as suas imagens
no formato JPEG ou PNG.
12. Animação baseada em um vídeo — como criar a animação: Abra todas as suas imagens
criadas no Adobe Photoshop. Copie todas as imagens, começando
da segunda imagem para a primeira imagem,
a fim de criar as camadas
para a animação. Feche as imagens que
foram copiadas sem salvá-las. Abra a linha do tempo no menu
na parte superior, clique em Janela e depois na linha do tempo. Na linha do tempo, escolha
Criar animação de quadro. Em seguida, clique no botão
Criar animação de quadro. Para criar
o primeiro quadro, deixe visível somente
a primeira camada. Clique no barramento abaixo para criar outro quadro e tornar
visível a segunda camada, repita a operação
de criar novos quadros e associar uma nova
camada à nova moldura. Cada camada deve
corresponder a uma moldura. Agora teremos que adicionar um pouco de
dinamismo à animação. Então, vamos girar e
redimensionar algumas camadas. Comece a girar para a direita e redimensione a camada
com o primeiro coração. Vá para a próxima camada
, rotacione-a um pouco mais do que a
anterior e redimensione-a. Repita essas etapas
com a próxima camada. Agora você terá que fazer o processo inverso
da rotação para trazer as próximas imagens
progressivamente de volta
à posição inicial
e redimensioná-las. Se você reproduzir a animação sem definir o atraso do quadro, o ritmo da animação
é bastante estereotipado. Para tornar a animação
mais natural, precisamos definir o tempo de atraso dos
quadros. Disse o seguinte
atraso de quadros para o quadro 14,5, defina-o para 0,2. Quadros 3,15 a 0,5, quadro seis a 0,1 e deixe todos os
outros quadros em 0 s. Quando o tempo de atraso
terminar, exporte o GIF. No menu superior, clique em Arquivo,
exportar, Salvar para o Web Legacy. Selecione GIF no canto superior direito. Do que seletivo e difusão. Você pode tentar reduzir o tamanho do arquivo
limitando as cores. Eu mantive 256 cores
para obter um bom resultado. Agora, abra o presente no seu
navegador para verificar se ele funciona.
13. Borboleta — como desenhar e preparar a imagem: Este lindo presente é tão fácil de
criar , pois só precisamos
animar as asas. Envie sua foto para mim. Clique no quarto
ícone na parte superior esquerda e baixe
a imagem
do desenho animado da borboleta. Abra seu arquivo no
Adobe Photoshop, pressione W para selecionar a ferramenta Seleção
rápida. Arraste a ferramenta ao redor
do personagem para selecioná-la. Clique no menu Camada
e selecione Nova camada via Copiar para criar uma camada
somente com o personagem. Use a ferramenta conta-gotas, selecione a camada de fundo e selecione a cor
do fundo. Vá para Editar e escolha Preencher e clique em OK para
preencher o plano de fundo. Pegue a Ferramenta de Seleção Rápida
e selecione apenas a garota, mas não as asas na primeira camada. Clique no menu Camada e
selecione Nova camada via cópia. Piscina, a camada dois
abaixo da camada um. Pegue a Ferramenta de
Seleção Rápida e selecione somente as
asas na camada um. Clique no menu Camada e
selecione Nova camada via cópia. Exclua a camada um. Duplique a camada gratuitamente
e renomeie-a para viver por. Vamos modificar a camada quatro para
criar asas oscilantes. Vá para Editar e selecione o envoltório de
marionete em pontos ao redor das asas próximas ao objeto
para evitar que ele se mova. Queremos mover apenas
o topo das asas. Os pinos, as asas
e aperte Enter. Repita as etapas novamente. Olá.
14. Borboleta — como criar a animação: Vá para Janela e
clique na linha do tempo para criar
a animação das asas. No primeiro quadro, oculte as camadas 4.5 e uma nova moldura
e oculte a camada três. E, novamente, uma nova moldura, e desta vez oculte a
camada quatro e torne visível a camada cinco. Clique em play. Sua animação está pronta. Exporte o GIF
selecionando Exportação de arquivo, Salvar para o Web Legacy e reduza o tamanho da imagem
para 500 em vez de 1080.
15. Moto – animação com som: Nesta lição,
mostrarei como fazer uma
animação com som. Carregue sua foto para o tune me. Clique no quarto
ícone na
parte superior esquerda e baixe
a imagem do desenho animado da moto. Para esta animação,
forneci um arquivo de som na guia
Projeto e Recursos. Agora, abra a linha do tempo para
criar a animação. Arraste a
camada de fundo em direção ao sinal de mais para
duplicar a camada. Renomeie essa camada, camada um. Adicione um novo quadro e oculte
uma camada do primeiro quadro. Torne visível a primeira camada
no segundo quadro, selecione a camada um e
pressione Control plus T no Windows ou
Command plus T no Mac. Para selecionar a ferramenta Free
Transform, gire a imagem na
camada um ligeiramente para
a direita e pressione Enter
Duplicate Layer one, renomeie-a para a camada dois
e crie uma nova moldura. Para este primeiro quadro, torne visível a
camada e a camada de fundo para girar levemente a imagem e
aumentá-la na segunda camada. Duplique a camada dois e
renomeie-a para liberar. Em seguida, crie uma nova moldura e torne visível apenas a camada livre
e o fundo. Gire a imagem novamente ligeiramente para a direita
e aumente-a. Repita novamente,
encontre as etapas de criação de uma nova
camada por duplicação, depois gire e
redimensione a imagem. Envie os atrasos no
quadro de um a seis a 0,1 s
e, no quadro sete, defina-o para 0,5 s. Clique no botão converter para linha do tempo de vídeo
no canto inferior
esquerdo da tela. E aqui você pode
adicionar uma faixa de áudio. Clique na pequena
seta no lado direito e selecione seu arquivo para
adicionar som ao seu vídeo. Porque esse arquivo de áudio é
muito mais longo que o vídeo. Tive que puxar o arquivo
para a esquerda até encontrar uma parte do som
que correspondesse ao vídeo. Você pode cortar o som
puxando a extremidade para
a esquerda e
soltando-o no ponto em que o vídeo termina. Se você clicar novamente na animação de
conversão em quadro, Adobe Photoshop
excluirá a trilha sonora. Você pode exportar sua
animação no formato GIF, mas o Adobe Photoshop
não manterá a trilha sonora. Ou você pode renderizar seu vídeo no formato
mp4 para ter
uma animação com som. Para renderizar sua animação
no formato mp4, vá para Arquivo, Exportar
vídeo aleatório e clique em Renderizar.
16. Alice no País das Maravilhas — como desenhar e preparar a imagem: Faça o upload de sua foto para o tune me, clique no quarto
ícone na parte superior esquerda e baixe
a imagem do
desenho animado de
Alice no País das Maravilhas. A maneira mais fácil de apagar a marca d'água desta
imagem é copiar uma parte
do canto esquerdo e
integrá-la ao canto direito com a ferramenta de letreiro
retangular. Faça uma seleção no canto inferior
esquerdo. Vá para o menu superior e selecione
Camada, Camada via cópia, vá para editar, transformar e virar horizontalmente para criar
uma imagem espelhada. Mova esta imagem
para cobrir a marca d'água. Vá para Camada, Máscara de Camada, revele tudo para adicionar a
máscara à camada. Certifique-se de que as cores do primeiro plano e
do fundo no painel
do tubo sejam
pretas e brancas use a ferramenta de pincel e pinte
na máscara alternando as cores branca e preta até ficar satisfeito
com os resultados. Selecione a camada
no menu superior e
nivele a imagem para
ter apenas uma camada. Duplique essa camada e
renomeie-a para a camada um. Vamos torcer a orelha
do coelho. Pressione W para abrir
a ferramenta de seleção e
selecionar a orelha do coelho. Em seguida, expanda a seleção
com um pixel. Vá para Camada, Camada via Cópia para criar uma nova camada somente
com a orelha do coelho. Selecione, edite, envolva uma marionete e coloque alguns pinos na base do ano para evitar
que ele se mova. Em seguida, coloque um alfinete no meio e no
topo do ano, puxe o pino na ponta
da orelha e pressione Enter. Agora teremos que
mascarar a área
da orelha no
fundo, na primeira camada. Para fazer isso, selecione uma área
do fundo do espelho e
crie uma nova camada via cópia. Esta parte para cobrir
a parte da orelha
que precisa ser escondida. Adicione uma máscara de camada para tentar
ocultá-la o máximo possível. Mescle a camada superior com a camada que tem
uma mesquita e use a ferramenta de carimbo de clonagem para copiar partes do
plano de fundo, se necessário. Exclua a camada de fundo e renomeie a camada superior, camada dois. Agora vamos criar
um texto ao redor do espelho. Desenhe um caminho ao redor do
espelho com a ferramenta caneta. Acho que na ferramenta Horizontal
Type Text, clique no caminho e
escreva seu próprio slogan. Crie outra camada de texto e escreva algo
como seu nome,
por exemplo, na faixa de opções.
17. Alice no País das Maravilhas — como criar a animação: Vamos começar criando
a animação de texto. Selecione a camada com o texto
que está ao redor do espelho, pegue a ferramenta de
seleção de retângulo e faça uma seleção
para cobrir o texto. Com a camada de texto
selecionada, segure a tecla Alt no Windows
ou Option no Mac e pressione a
máscara da camada de botão para ocultar o texto. Abra a linha do tempo e
clique no botão, converta para linha do tempo do vídeo. Se você estiver no modo de
animação de quadro, verifique se o depurador está no início
da animação. Clique na
posição da máscara de camada para adicionar um quadro-chave. Arraste o depurador até o
meio da animação. Pegue a ferramenta Mover e
selecione a máscara de camada, pressione a tecla Shift e arraste a máscara de camada para a direita até revelar todo
o texto. Se você reproduzir a animação, verá que o texto é
revisado progressivamente. Com o depurador
no segundo quadro-chave, selecione a camada
com as etiquetas de nome. partir daqui, criaremos a segunda parte
da animação, pegaremos a ferramenta de
seleção de retângulos e faremos uma seleção
para cobrir o texto com a camada de texto selecionada, mantenha a tecla Alt ativada. Windows
ou Option no Mac e pressione a
máscara da camada de botão para ocultar o texto. Clique na
posição da máscara de camada para adicionar um quadro-chave. Certifique-se de que os textos e a máscara da
camada não estejam vinculados. Arraste o depurador até o
final da animação. Use a ferramenta Mover e
selecione a máscara de camada, pressione a tecla Shift e arraste a
massa da camada para a direita até revelar todo
o texto. Você pode ampliar sua linha
do tempo a partir das setas na parte inferior. Se você achar que sua animação
é muito longa ou muito curta, você pode ajustá-la
arrastando o final de cada camada do vídeo para
a esquerda ou para a direita. Também preste atenção
durante esse processo para reposicionar seus
quadros-chave de
acordo com as alterações feitas. Você se sente mais confortável
com a animação do quadro. Clique para converter em
animação de quadro na parte inferior
esquerda da linha do tempo
e, em seguida, clique em continuar. Este vídeo tem 46
quadros no total. Vou trocar a
orelha do coelho na moldura 40.41. Então, eu escondi a camada dois
nesses dois quadros. Selecione todos os quadros e
defina o atraso para 0,1. Exporte a animação como GIF.
18. Efeito de nevoeiro — como desenhar e preparar a imagem: Faremos outra animação
fácil. Depois, você pode
escolher seus entes queridos
para as férias de inverno. Carregue sua foto para me ajustar. Clique no
ícone da pasta na
parte superior esquerda e baixe
a imagem do desenho animado. Abra essa imagem no
Adobe Photoshop e vamos adicionar alguns
textos com cor vermelha. Selecione as duas camadas de texto e arraste-as até o
sinal de adição para duplicá-las. Mude a cor nas
duas camadas de texto superiores para preto.
19. Efeito de nevoeiro — como criar a animação: Abra a linha do tempo e escolha uma animação de quadro
para o primeiro quadro, torne visível a camada de
fundo e as duas camadas de texto em vermelho adicionem um novo quadro acima das duas camadas de texto em vermelho e torne visíveis as camadas de texto em
preto. Defina os atrasos desses
dois quadros para 0,3. Você pode exportar
seu arquivo como ele está ou continuar para adicionar
elementos à sua animação. Agora vamos
criar a queda de neve, adicionar uma nova camada na parte superior da última camada
de texto e clicar em criar nova camada de
preenchimento ou ajuste. Em seguida, selecione Cor sólida, escolha uma cor cinza
e clique em OK. No menu superior, vá para o filtro, selecione Ruído, Adicionar ruído e clique em Converter
em objeto inteligente. O valor deve
ser de 100 por cento. A distribuição é gaussiana
e verifica monocromática. Em seguida, clique em Ok, vá
novamente para Filter Blur, Gaussian Blur e
defina o raio para dois. Vá para
Níveis de ajuste de imagem e as setas Josie acordo com a quantidade
e densidade de neve que você gostaria de
exibir em seu vídeo. Agora escolha Filtro novamente, outro e deslocamento e selecione os valores que você
vê na tela. Acabamos de criar um padrão e
vamos salvá-lo. Então vá para Editar, Definir padrão, dê um nome a
ele e clique. Ok. Exclua essa camada, pois não
precisamos mais dela. Crie uma nova camada acima
da última camada de texto. Clique em, crie uma nova camada de
preenchimento ou ajuste. Selecione Cor sólida e
escolha a cor preta. Clique em Estilo de camada,
escolha Padrão, Sobreposição
e, em Padrão, selecione
o padrão de neve que
você acabou de criar. No modo de mesclagem,
selecione a tela e você pode jogar com o modo de opacidade
e dimensionar o tamanho da neve. Na camada, arraste
a opção de campo para baixo até zero. Na linha do tempo,
clique em Converter em linha do tempo de
vídeo e
expanda a cor de preenchimento em uma camada. Vamos adicionar um pouco
de movimento à neve. Certifique-se de que o depurador esteja posicionado no
início do vídeo. Clique no pequeno círculo
próximo ao estilo para adicionar um quadro-chave. Puxe o depurador até o
final da animação
e, no painel de camadas, clique duas vezes na sobreposição do padrão
para abrir o Estilo de camada. Arraste a imagem para baixo
e clique em OK, isso criará um novo quadro-chave. Dependendo de quanto você
arrastará esta imagem para baixo, determinará a velocidade
da neve caindo. Você pode reajustar o tamanho dos flocos de neve clicando duas vezes
nos efeitos da camada Lembre-se de que
você precisará fazer os ajustes nos
dois quadros-chave. No modo de vídeo, você pode adicionar um arquivo de som e exportar a animação
no formato mp4. Acabei de exportar
minha animação como GIF.
20. Considerações finais: Muito obrigado por
se juntar à minha turma. Espero que você goste
e ache útil independentemente do nível de suas habilidades ou,
no mínimo, retirei algumas dicas e truques. Mal posso esperar para ver sua
animação e, por favor, envie-a para a seção de projetos
e recursos. Sinta-se à vontade para fazer
qualquer pergunta
na seção de discussão
abaixo e transmitir seus conhecimentos sobre
como estilizar o processamento de
imagens no Adobe Photoshop. Crie uma animação com
base em uma imagem ou vídeo. Você está convidado a me
fornecer feedback e escrever o comentário. Obrigado novamente, tchau.
Carleen, Sewing, drawing, making patterns
