22/02/2015

COMO FAZER UMA ASSINATURA EM GIF NO PHOTOSHOP CS6

||||

Ooi, vou ensinar pra vocês como fazer assinatura em gif no Photoshop CS6, e pra quem não tem o Photoshop, no meu próximo post vou ensinar como fazer no PhotoScape, já que é um programa bem facil de usar, e que muitas pessoas tem. 
Então vamos lá /o/ primeiro você vai precisar de um gif -avá, você pode pegar um já cortado, como os que eu coloquei aqui(clique para ir) ou cortar ele. 

Vou usar este gif:

Tutorial para cortar
  • Primeiro abra o gif clicando em Arquivo > Abrir, ou se preferir tecle "Ctrl" e "O" /Imagem\
  • Depois de abrir a imagem clique na Ferramenta de Corte Demarcado, e coloque 500x150 na barra dessa ferramenta /Imagem\
  • Após isso arraste o gif para o lugar que você quer cortar e dê "Enter" /Imagem\

Agora, editando o gif /o/ 
  • Se você quiser deixe aberto a janela "Animação" que facilita na hora de editar o gif, para abrir ela, é só clicar em Janela > Animação /Imagem\


Borda pressionada
  • Clique na primeira imagem da Animação e das Camadas /imagem\
  • Crie uma nova camada clicando em 
  • Ainda na nova camada criada, vá na Ferramenta Letreiro Regular, trace onde sua borda vai ficar e depois solte. /imagem\
  • Depois clique na imagem com o botão direito do mouse, clique em "Traçar..." /imagem\ e deixe desse jeito e depois dê "OK": 

  • Depois clique duas vezes na camada da borda pressionada, vá em Sombra Interna e deixe assim:

  • Vá em Sobreposição de Cor de deixe assim:

  • Vá em Sombra Projetada, deixe como na imagem abaixo, e depois dê "OK":
  • Depois de ter feito tudo isso mostrado, pegue a camada da borda pressionada e arraste para cima de todas /imagem\ e clique em Unificar o estilo de camada  Depois veja se a borda está em todas as imagens do gif. 

Escrevendo e enfeitando o gif
  • Crie uma nova camada em cima de todas
  • Agora, tudo depende de você! Use sua criatividade para enfeitar o gif, importe a imagem clicando em Arquivo > Inserir...
  • Escolha a imagem, depois arraste e coloque em algum lugar, depois clique em Unificar o estilo de camada  na camada da imagem. Veja se ficou em todas as imagens do gif. /Meu Resultado\
  • Depois de decorar, para escrever na imagem clique na Ferramenta de Texto , escreva o nome da sua docete, ou alguma outra coisa, arraste com a Ferramenta de Mover /Meu Resultado\
  • Após isso, se quiser, clique na camada do texto duas vezes, coloque efeitos, mude a cor da letra e etc. 
  • Lembre-se a cada nova camada, coloque ela em cima de todas as outras, e quando terminar de editar clique em Unificar o estilo de camada.
  • Veja se está tudo certo, depois Salve clicando em Arquivo > Salvar para Web e Dispositivos e clique em "OK" /imagem\ 
E ta pronto o seu sorvetinho sua assinatura em gif /o/

46 comentários:

  1. Eu amei o seu tutorial! Me ajudou bastante! Mas, posso te dar uma dica? Se você desmarcar a opção de luz global na aba "sombra projetada", seu gif vai ficar melhor. Experimenta fazer isso ^^

    ResponderExcluir
    Respostas
    1. Que bom! Fiquei com medo de ninguém entender kkk Pode sim, obrigado pela dica x3

      Excluir
  2. Respostas
    1. No meu próximo post vou ensinar no photoscape ^^ É na sexta

      Excluir
  3. Olá, Sara. Gostei muito do seu tutorial, super bem explicadinho e organizado, também gostaria de falar que achei o layout e seu jeito de escrever muito maravilhosos. Amei o blog.

    Beijos,
    ♔ Docete Compulsiva

    ResponderExcluir
    Respostas
    1. Oi! Muito obrigada *o* Que bom que gostou, fico muito feliz <3 Eu também gostei do seu layout, estou seguindo seu blog! Espero mais postagens ahsuha Obrigada por visitar :3

      Excluir
  4. No PhotoShop cs5 da pra fazer? Só tenho esse :/

    ResponderExcluir
  5. Não to conseguindo colocar a camada em todas imagens,oque eu faço?

    ResponderExcluir
    Respostas
    1. Olha pra ver se você ta editando a primeira imagem do gif, se não, desfaz e faz dnv na primeira imagem, se não for isso tenta selecionar as camadas do gif, agrupe elas(Ctrl+G) e depois tente fazer de novo ^^

      Excluir
  6. Vc tem o link de onde baixar esse photoshop?

    ResponderExcluir
  7. Olá ;u;
    Bom eu fiz tudo direitinho, mais na hora do gif sair, ficou uma simples imagem!
    E não aparecia a opção de ''Animação'' na Janela! :c
    Você sabe o que eu tenho que fazer?

    ResponderExcluir
    Respostas
    1. Vá em Janela > Animação e veja se os quadros do gif foram modificados...

      Excluir
  8. Hey!
    O meu é o CC 2015, e quando fui para salvar não aparece a opção salvar para Web, e sim salvar e salvar como.
    O que faço? :c

    ResponderExcluir
    Respostas
    1. Salvar como > Escreva o nome e escolha a opção GIF

      Excluir
    2. Essa opção não foi removida do PhotoShop CC.
      Salvar para a Web ainda está disponível no menu Arquivo > Exportar.

      print: http://imgur.com/a/OdOvi (fonte do print: https://helpx.adobe.com/br/photoshop/kb/save_for_web_Photoshop_CC_2015.html)

      Excluir
  9. Ameei! Mesmo eu aprendendo de outra forma uahauahauh eu fui tentar fazer borda pressionada, ai eu nn conseguia, vi seu blog e venho aq toda vez q vou fazer uma assinatura com borda pressionada uahauahau daq a pouco decoro uahauahau

    ResponderExcluir
  10. Eu tive uma dificuldade enormeeeee pq meu PhotoShop tava em inglês, ai quando eu consegui, deu rolo na hora de salvar, e eu deixei em imagem msm, ficou assim: http://imgur.com/miuSigM . Eu até q achei legal, mas da próxima vez, vou tentar ler o tutorial completo antes de tentar fazer sozinha ;D

    ResponderExcluir
    Respostas
    1. Procura tradução no Google afora, moça. :v

      Excluir
  11. Obrigada mesmo pelo post! eu estava procurando um tutorial desdes faz tempos!

    eu só tenho uma duvida: no meu photoshop não tem a opção de animação, só a de 3D, o que eu faço? :(

    ResponderExcluir
    Respostas
    1. Deve ter sim, até eu mesma as vezes quando sai procuro e falo "pronto, sumiu", mas se eu olhar direitinho ta lá ^^
      Fica em Janelas > Animação. Fica abaixo de Amostras e acima de Camadas(F7)

      Excluir
  12. A borda não está indo em todas as camadas, oq eu faço?

    ResponderExcluir
    Respostas
    1. Deve ser porque você não está editando na primeira camada, ou você não clicou no botão "Unificar o estilo da camada" que tem a imagem de um fx.

      Excluir
  13. Oi!
    A minha borda não foi em todas as camadas , eu tentei resolver mas não deu certo .
    Já que eu já me irritei 1.000 vezes por causa desse blog , eu não entro mais aqui não .

    ResponderExcluir
    Respostas
    1. Moça, se a borda não foi em todas as camadas tem uma forma de resolver isso! Eu sempre o faço.
      É só você excluir a camada da borda. Depois junte os quadros da Linha do Tempo, segurando a tecla Shift ou clique em "Selecionar Todos os Quadros" (#print). Faça a borda novamente, coloque o que tinha e etc.

      Se a camada da borda tiver styles, é só na parte que tem os seus estilos e clicar no primeiro que aparece, que ficará sem nada, certo?
      Faça que nem o que disse acima, junte os quadros e etc. Vá nos seus estilos novamente e selecione o style que estava anteriormente.

      Para você ver é só você clicar na seta > chamada "Reproduzir animação", que vai rodar a assinatura. Fica na parte debaixo dos quadros. ^^

      Excluir
    2. * O style que fica sem nada que foi falado acima, é realmente o primeiro. É branco e tem uma linha atravessada vermelha.

      Excluir
  14. Oiii! Estou imensamente grata pelo seu tutorial, finalmente aprendi a fazer uma assinatura com gif e tudo graças a você, que ao contrário de alguns tutoriais que já li, explicou tudo de forma simples, fácil e descomplicada. Muuiito obrigada pela paciência também de explicar isso pra nós. Estou feliz pakas!
    Beijo e mais uma vez obrigada <3

    ResponderExcluir
  15. oi, na hr de Unificar o estilo de camada, eu sempre aperto no botão que vc explicou, mas não coloca o efeito em tds as camadas :/

    ResponderExcluir
    Respostas
    1. Tenta fazer dnv, as vezes acontece isso :/

      Excluir
    2. já tentei fazer várias vezes, mas infelizmente não funciona :/ e o meu photoshop nn tem o botão "animação" ;u;

      Excluir
    3. O botão de Animação é só ir Janela > Animação lá em cima, sabe?

      Excluir
    4. No caso do style, é só você clicar naquele style padrão do PS que deixa tudo normal, sabe? O primeiro que aparece na lista, branco e com uma linha vermelha.
      Aí tu unifica a camada e coloca o style que tu tinha colocado. :3

      Excluir
  16. Obrigada pelo tutorial, mas não consegui fazer nada...

    ResponderExcluir
    Respostas
    1. Como não? Ta os prints e tudo, é bem simples :s Se tiver alguma parte em espefica que você não entendeu me fala e eu explico melhor.

      Excluir
  17. Oi to tentando fazer uma assinatura pra Eldarya, então tamanho seria 785x181. Sem contar que quando eu vou na janela não tem animação lá, e não abre junto. Só abre o gif com uma camada aberta e as outras invisiveis.

    ResponderExcluir
    Respostas
    1. O tamanho que uso (vi em um post da Sara no World Eldarya) é 780x190 mas o seu é uma boa sugestão! <3

      Vá em Janela > Linha do Tempo que é a mesma coisa que Animação. xD

      Não se preocupe! O gif é assim mesmo.
      Por exemplo:
      Abra qualquer gif que você quiser só pra ser um exemplo e vá em Janela > Linha do Tempo (no seu e o meu caso).

      Perceba-se que está realmente como você falou, a primeira camada aberta e as outras invisíveis.
      Mas sabe na Linha do Tempo? Tem os quadros do gif, são bem importantes.
      Os quadros e as camadas são amiguinhos, um ajuda o outro, entende?

      Então clique no primeiro quadro da Linha do Tempo. Pronto? A primeira camada estará visível.
      Clique no segundo quadro da Linha do Tempo. A segunda camada estará visível.

      ps: isso acima é só um exemplo que dei pra você entender

      E assim vai indo.
      O número de quadros é o mesmo que o de camadas para justamente ficar assim.

      Se ainda não entendeu posso mandar prints marotos por aqui mesmo, só falar. ^^

      Excluir
  18. Eu não acho essa ferramenta ai do começo,me ajudem ;-;

    ResponderExcluir
    Respostas
    1. Qual a versão do seu PhotoShop (CS5, CS6...)?

      Você está falando da parte de cortar?
      Veja esse print.

      Aí lá em cima você coloca a largura e altura, respectivamente.
      Veja o print.

      Excluir
  19. Me respondam por favor, eu não consigo salvar em forma de GIF, nem nada, me ajudem.

    ResponderExcluir
    Respostas
    1. Arquivo > Salvar Como > Espere a janela carregar e clique em "Salvar..."

      Excluir
  20. Me falem qual é a fonte que vocês usaram no começo, na imagem antes do "olá", por favor

    ResponderExcluir
  21. A fonte que vocês usaram na imagem do começo pra escrever "bugigangas do amor doce" tem no Photoshopo? Se sim,qual é?

    ResponderExcluir
    Respostas
    1. Se não me falha a memória, é a fonte Apple [] que você pode baixar no Dafont: http://www.dafont.com/pt/apple.font

      Excluir

Antes de comentar...

1. Não é permitido fazer ofensas de qualquer nível, e isso é válido tanto para os leitores quanto para as postadoras em si.
2. Não é necessário enviar duas vezes a sua mensagem. Nós vemos, lemos e tentamos responder todas que são mandadas!
3. Não é permitido flood, spam, links maldosos ou qualquer coisa parecida.
4. Aceitamos sugestões para as postagens ou atualizações que esquecemos de colocar em postagens antigas ou recentes.
5. Seus créditos não estão no post ou em alguma parte do blog? Nos avise imediatamente, mas com educação; pois não fazemos isso de propósito.
6. Leia toda a postagem com atenção antes de comentar algo sobre.
7. Recomendados que não dê suas informações pessoais, principalmente e-mail e endereço, a qualquer pessoa mesmo que essa diga ser da administração.
POR FAVOR, NOS AJUDE NÃO ENVIANDO A MESMA MENSAGEM MAIS DE UMA VEZ.