Como fazer uma animação divertida no Photoshop usando Puppet Warp

Você já quis manipular os movimentos de um assunto inteiro de maneira natural, como uma marionete no Photoshop? Aqui, mostraremos não apenas como você pode conseguir isso, mas também como transformá-lo em uma animação divertida.

Uma das mais novas ferramentas de distorção no Photoshop é a ferramenta Puppet Warp. Embora a maioria das ferramentas de dobra funcionem de maneira muito semelhante, a ferramenta Puppet Warp tem um aspecto divertido que realmente ajuda a criar movimentos corporais naturais.

O que é o Puppet Warp do Photoshop?

O nome nos dá uma pista sobre o que a Puppet Warp Tool pode fazer, mas para um pouco mais de detalhes, vamos discutir o que é a Puppet Warp.

Imagine um boneco em uma corda, onde as cordas se conectam aos membros do boneco. Essas conexões permitem que o corpo do boneco se mova naturalmente como o de um humano; a Puppet Warp Tool trabalha para manipular uma imagem de maneira semelhante.

Como muitas ferramentas de distorção, a ferramenta Puppet Warp no Photoshop aplica uma malha ao assunto que permite empurrar e puxar o assunto para os movimentos desejados. Junto com a malha triangular, Puppet Warp permite colocar pinos em qualquer parte da malha para criar juntas. Essas articulações ajudam o Photoshop a criar deformações naturais semelhantes aos movimentos da vida real de um corpo.

Para começar, encontre uma imagem adequada para usar. O efeito funciona melhor em um corpo humano ou animal claramente isolado do fundo. Depois de escolher sua imagem, abra-a no Photoshop. Duplique a camada no Painel de Camadas clicando com o botão direito do mouse na imagem e clicando em Duplicar Camada.

Primeiro, você precisa selecionar o assunto. Embora você possa selecioná-lo manualmente usando vários métodos, se a imagem escolhida tiver um assunto óbvio contrastado com um fundo neutro, você pode usar o Preenchimento sensível ao conteúdo para selecionar automaticamente o assunto.

Com sua camada duplicada selecionada, certifique-se de que a Ferramenta Letreiro Retangular, ou outra ferramenta de seleção, é selecionada. No menu, clique em Selecionar > Sujeito. Seu assunto agora terá formigas correndo ao redor de sua borda, separando-o do fundo.

Relacionado: Tudo o que você precisa saber sobre a ferramenta de seleção de assunto no Photoshop

Com o assunto selecionado, clique com o botão direito do mouse na imagem e clique em Preenchimento sensível ao conteúdo. Isso abrirá uma nova janela mostrando duas janelas de comparação.

No pop-up, você notará que sua imagem original à esquerda agora terá uma amostra de tela verde em torno do fundo neutro do seu assunto. A janela de visualização à direita mostrará os resultados do preenchimento sensível ao conteúdo.

Se sua tela de visualização ainda mostrar um esboço fraco de onde seu assunto estava anteriormente, você pode adicionar 10 px na caixa Feather na parte superior, por 7 - 10 px, e clicar Expandir. Isso removerá o contorno e tornará a imagem mais natural onde o assunto foi removido. Clique Aplicar ou OK quando estiver satisfeito com o resultado.

As formigas correndo da sua seleção ainda serão vistas, embora seu assunto tenha desaparecido. Não desmarque, pois você continuará usando a forma de seleção para o próximo estágio.

No painel Camadas, arraste a camada duplicada acima de sua camada de assunto isolada recente. Em seguida, com a camada duplicada selecionada, clique no Adicione uma camada de máscara botão na parte inferior do painel de camadas.

Isso produz o oposto do Preenchimento sensível ao conteúdo e cria uma máscara para remover o fundo do assunto. Isso agora lhe dará uma camada com um assunto isolado e uma camada com apenas um plano de fundo visível, além de sua imagem original como sua própria camada, que será útil mais tarde.

Relacionado: Como mascarar um assunto no Photoshop usando a ferramenta de seleção de assunto

Na camada mascarada, clique com o botão direito do mouse na camada e clique em Converter em objeto inteligente. Em seguida, vá para o menu principal e clique em Editar > Puppet Warp. Você notará que isso aplica uma malha triangular sobre seu assunto isolado, permitindo que você o deforme.

Você pode optar por manter a malha visível, mas é mais fácil adicionar os pinos e ver como a imagem é manipulada se você desativar a visibilidade da malha. Na barra de ferramentas de malha na parte superior, há um botão de alternância para Mostrar malha. Não faz diferença como a imagem se deforma se a malha está visível ou não, mas pode ajudá-lo a ver os detalhes do seu assunto se você desativá-lo.

Agora, com a ferramenta Puppet Warp, você notará que o cursor é exibido como um alfinete. Usando o alfinete, clique em cada articulação do membro em seu assunto, mantendo os movimentos naturais do corpo em mente – cada membro precisa apenas de um alfinete.

Depois de colocar os pinos, você pode arrastar as partes do corpo como um fantoche. Esteja ciente de mais deformação; esta é uma razão pela qual é melhor desligar a malha, para que você possa ver qualquer distorção indesejada antes que seja tarde demais.

Sugerimos mover cada membro, para que nada fique no mesmo lugar ou posição da imagem original. Esteja ciente dos movimentos naturais do corpo – embora Puppet Warp seja muito intuitivo, às vezes pode deformar de forma não natural.

Se você arrastar um membro por uma parte existente da seleção, ele poderá trazê-lo para frente, mesmo que seja fisicamente impossível para o corpo se mover dessa maneira. Se isso acontecer, basta clicar com o botão direito do mouse na área afetada e clicar em Apresentar ou Enviar para trás para fixar isso.

Depois de deformar seu assunto na posição desejada, basta clicar em qualquer outro botão no painel de ferramentas e um pop-up perguntará se você deseja aplicar a deformação. Clique Aplicar. Agora você pode ver sua marionete deformada final.

Como animar seu fantoche no Photoshop

Depois de criar sua dobra de marionete, você pode usá-la para fazer uma animação que pode ser transformada em um GIF. Isso pode ser simplesmente por diversão em vez de uma animação séria, mas suas habilidades de distorção podem permitir que você crie um movimento fluido para uma animação mais longa.

Relacionado: Como usar o Photoshop e o After Effects para criar gráficos animados

No seu Painel de Camadas, realce a camada de fundo mascarada e a camada com seu assunto isolado e mescle essas camadas clicando com o botão direito do mouse em uma das duas camadas destacadas e clicando Mesclar Camadas. Você deve ficar com sua imagem original na camada inferior e sua nova imagem distorcida na camada superior.

Clique Janela > Linha do tempo para abrir a linha do tempo de animação do Photoshop. Isso trará uma de suas camadas para a linha do tempo como um quadro. Clique no Converter para animação de quadro botão no canto inferior esquerdo do painel da linha do tempo, clique no botão do menu da linha do tempo no lado direito e clique em Faça quadros a partir de camadas. Isso trará suas outras camadas para o painel da linha do tempo.

Com todas as camadas na linha do tempo da animação, clique na seta abaixo de cada quadro para definir o tempo. Para uma animação rápida, sugerimos 0,2 para cada quadro. Clique Toque na linha do tempo para ver a aparência de suas animações.

Quando estiver satisfeito com os resultados, você poderá salvá-lo. Vamos para Arquivo > Exportar > Salvar para a Web (Legado). A maioria das configurações deve ser conforme você precisa. Certifique-se de salvar seu arquivo como um GIF, pois os outros formatos não permitem imagens em movimento.

Faça animações divertidas no Photoshop

Agora que você aprendeu a usar o Photoshop Puppet Warp, você pode manipular muitas imagens para usos engraçados ou realistas. Transformar seus bonecos em uma animação pode ser divertido ou simplesmente uma habilidade extra de edição no seu bolso.

Vá em frente e teste-os em outras poses, animais ou assuntos não vivos para ver até onde você pode empurrar a ferramenta Puppet Warp.

Como criar uma imagem de multiplicidade no Photoshop

Uma imagem de multiplicidade contém clones de uma pessoa ou objeto para contar uma história em um único quadro. Veja como fazer um no Photoshop.

Leia a seguir

Sobre o autor