GOE) Como colocar GIF effect pelo Photoshop ft. Photopea

#EditsWithGOE

➛𝙱𝚎𝚖-𝚅𝚒𝚗𝚍𝚘⸝⸝ ⊹₊ aest: ᴛʜᴇʏ ᴋᴇᴇᴘ

𝚊𝚘 selo

⌗͢capa.div ]￣￣￣ ❝ ⁱ ᵏᵉᵉᵖ ʷᵃˡᵏⁱⁿᵍ

╺╺╺╺╺╺╺ •╺╺╺╺╺╺╺╺

ㅤㅤㅤ•♡` ➜ Sumário.

ㅤㅤㅤ⸂⸂ Introdução;

ㅤㅤㅤ⸂⸂ Equipe GOE;

ㅤㅤㅤ⸂⸂ O que é GIF Effect?;

ㅤㅤㅤ⸂⸂ O que é Photoshop?;

ㅤㅤㅤ⸂⸂ O terror dos designers;

ㅤㅤㅤ⸂⸂ Tutorial;

ㅤㅤㅤ⸂⸂ Finalização.

▭̼⃜⋆ܵ↯䨻 Introdução ꜜ⸝⸝

┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄

Olá, pessoa curiosa que clicou neste blog!

Como foi seu dia? Está tudo ocorrendo bem com você nesta quarentena?

Espero de coração que a resposta seja positiva, caso contrário, meu privado está aberto!

Neste "pequeno" blog eu irei ensinar a vocês como colocar GIF effect utilizando o Photoshop. Peço que leiam o blog até o final, já que ao longo dele existem algumas surpresas! :eyes:

▭̼⃜⋆ܵ↯䨻 Equipe GOE ꜜ⸝⸝

┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄

Guardians of Edits ou GOE é a tradução de "Guardiões da Edição".

Aqui na Guardians of Edits nos dedicamos para fazer os melhores edits, atendendo a todos na comunidade, mais prioritariamente àqueles que não tem BC's suficientes para comprar na loja oficial da comunidade (Army Store).

Estoque de blogs

Wiki da equipe

▭̼⃜⋆ܵ↯䨻 O que é gif effect? ꜜ⸝⸝

┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄

Como o nome já diz, é um gif de efeito, ou seja, são imagens que variando suas cenas exibem movimento.

Ele tem o poder de deixar toda edição mais bonita e profissional, além de irritar qualquer editor.

O gif mais comum de ver qualquer editor usando é aquele de neve caindo. Mas em certo ponto você acaba o usando muito e fica extremamente chato, já que todas as suas edições ficam literalmente iguais. :3

Boa parte dos gif effect são em png, sendo assim possuem o fundo transparente, entretanto, nem sempre é possível encontrar o que desejamos em png e é aí que tudo se complica.

▭̼⃜⋆ܵ↯䨻 O que é Photoshop? ꜜ⸝⸝

┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄

De acordo com a Wikipédia, Adobe Photoshop é um software caracterizado como editor de imagens bidimensionais do tipo raster desenvolvido pela Adobe Systems.

É considerado o líder no mercado dos editores de imagem profissionais, assim como o programa de fato para edição profissional de imagens digitais e trabalhos de pré-impressão.

Agora irei dizer com as minhas palavras: Melhor editor de imagem para pc.

▭̼⃜⋆ܵ↯䨻 O Terror dos Designers ꜜ⸝⸝

┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄

Gif effect é com certeza o maior medo da maioria dos editores, já que, como eu falei anteriormente, nem sempre é possível encontrar gifs em png e isso complica demais na hora de utilizá-los.

Porém, não se preocupem, porque hoje a tia aqui vai mostrar como usar o gif sem que ele esteja com o fundo transparente.

▭̼⃜⋆ܵ↯䨻 Tutorial ꜜ⸝⸝

┄ ┄ ┄ ┄ ┄ ┄ ┄

Obs.: abra as imagens para melhor resolução.

1. Depois de terminar sua edição, abra o gif que você deseja utilizar.

2. Agora vá em “Janela”, caso o seu esteja em português, e “Window”, caso esteja em inglês. Seguindo nessa aba, vá em “Linha do tempo” ou “Timeline”.

3. Se tudo der certo, seu photoshop ficará assim:

4. Clique nos três risquinhos e vá em “Selecionar todos os quadros” ou “Select all frames”.

5. Utilizando o atalho CTRL + SHIFT do teclado e clicando na última camada lá de cima, selecione todas de uma vez.

6. Vá novamente nos três risquinhos e selecione a opção “Copiar quadros” ou “Copy all frames”

7. Volte para a sua edição e clique em “Criar quadro de animação” ou em “Create animation frame” e vá nos três risquinhos.

8. Para finalizar essa etapa, vá em “Colar quadros” ou “Paste frames” e selecione a opção “Ok”.

9. Se você fizer tudo certo, ficará assim:

10. Selecione todas estas três casas e, para facilitar, recomendo que agrupem todos os quadros do gif em uma pasta, isso ajudará na hora de deixar o gif "transparente".

Para fazer isso, selecione todos os quadros utilizando o atalho que já ensinei para vocês, e depois utilizem o atalho CTRL + G.

11. Arrume o gif na edição, deixe-o como quer que ele fique posicionado no fim.

12. Agora mude a forma de mesclagem até que o fundo fique transparente, o meu foi “Divisão”

13. Clique com o botão direito no primeiro quadro e vá em “Descartar” ou “To discart”

14. Agora que sua edição já está com o gif, você precisa ir na opção "Arquivo" ou "Archive" e depois em "Salvar para Web..." ou "Save to Web..."

O resultado final é a capa deste blog. :eyes:

Como alguns de vocês podem não ter o photoshop em seu computador, ou simplesmente não possuem um, irei mostrar uma forma alternativa, que é utilizando o photopea, uma plataforma gratuita online extremamente semelhante ao Photoshop.

1. Abra sua edição no Photopea e junto com ela o gif que deseja.

2. Clique com o botão direito, ou presione a camada da pasta, onde está o gif, e vá na opção “Duplicar em...”

3. Após isso aparecerá uma caixinha e nela você deverá selecionar a sua edição, para isso aconselho nomear a mesma, ou ao menos ter noção de seu nome, após isso dê um “Ok”.

Caso tudo ocorra bem, o gif deverá aparecer sobre sua edição.

4. Arrume o gif e deixe-o como deseja.

5. Mexa na forma de mesclagem e encontre a que melhor se adequa a sua edição, a minha foi “Tela”.

E pronto!

Agora chegou a hora de salvar. Eu, Butter, sofro horrores nessa hora, já que o photopea é extremamente bugado e trava. Às vezes ele até para de funcionar e você tem que fazer tudo novamente.

Meu conselho é fazer uma coisa de cada vez.

6. Caso apareçam caixas falando que a página parou aperte em “Aguardar” e espere. Logo aparecerá uma caixa de visualização, onde você deve apertar em “Salvar”.

▭̼⃜⋆ܵ↯䨻 Finalização ꜜ⸝⸝

┄ ┄ ┄ ┄ ┄ ┄ ┄ ┄

Infelizmente, o blog está chegando ao fim, mas para aqueles que leram até aqui, tenho uma surpresa!

Aqui vocês poderão encontrar alguns dos gifs que eu mais utilizo, nenhum deles pertence a mim, eu os peguei pelo mundo afora e espero que façam bom uso deles.

Obrigada aos que leram, bebam aguá e lavem as mãos. Nos vemos por aí!