Como crio uma imagem móvel com fundo transparente

ricardo_br · 3 de abril de 2018

Como faço para criar uma imagem com fundo transparente que se move. Tipo um gif mais gif não tem fundo transparente como faço ?

Prudha · 4 de abril de 2018

Não entendi o mover em relação a o que. Imagem PNG permite transparência, mas você gostaria de que ela se movesse em relação a uma página? Acho que tem códigos pra isso. Se é se mover dentro de uma imagem isso seria um filme, ou uma GIF. Possível usar o Photoshop, o Premiere ou o After Effects, este para algo mais profissa. Em todos eles você pode ter a imagem transparente em movimento.

Erso · 5 de abril de 2018

Existem GIFs com fundo transparente, como este:

Mas, para isso, cada frame que compõe o GIF deve ter fundo transparente.

Prudha · 5 de abril de 2018

Perfeito. Claro agora. Quando você cria uma camada no Photoshop ela é transparente. Em um único arquivo você pode ter infinitas camadas e cada uma pode corresponder a um frame. Para efeito de lógica, entenda que GIF não permite arquivo transparente, no seu exemplo o fundo é branco (uma cor), mas no photoshop cada imagem em uma camada pode ter fundo transparente. Há vários tutoriais sobre como fazer GIF animada a partir do Photoshop. Considere também usar o Illustrator, ele também usa o conceito de camadas, a diferença é que é um programa vetorial. No seu exemplo certamente a ilustração foi criada com vetores. Não vou indicar um link, não testei, mas pesquise por photoshop+gif animada ou illustrator+ gif animada. Tem vários tutoriais.

Erso · 5 de abril de 2018

1 hora atrás, Prudha disse:

Para efeito de lógica, entenda que GIF não permite arquivo transparente

O formato GIF aceita arquivos com transparência (paletas Adaptativo, WebSnap, Web 216), basta definir o tipo de fundo que deseja na hora da exportação (com transparência ou preenchido).

1 hora atrás, Prudha disse:

no seu exemplo o fundo é branco (uma cor)

Ao editar o arquivo você irá verificar que o fundo é realmente transparente. Alterei a configuração de fundo no momento da exportação do arquivo para exemplificar:

E o GIF não necessita ser criado integralmente no Photoshop ou outro editor, basta ter uma sequência de imagens e organizá-las em frames sequenciais.

ricardo_br · 5 de abril de 2018

Realmente o fundo é transparente.Então da para fazer no Photoshop ou ilustrator basta que todas as fotos da sequência tenham o fundo transparente. Qual desses 2 programas é menos pesado? Tem algum que seja grátis?

Erso · 5 de abril de 2018

Nenhum dos dois é gratuito. Já ouvi falar muito bem do GIMP, que é gratuito, mas nunca utilizei.

https://www.showmetech.com.br/melhores-alternativas-gratis-de-photoshop-em-2017/

Mas se você procura algo muito próximo ao Photoshop e que seja leve, tente o Fireworks (mais voltado para web), que é da mesma empresa, porém sem as ferramentas avançadas e também é pago.