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/
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 ^^
ResponderExcluirQue bom! Fiquei com medo de ninguém entender kkk Pode sim, obrigado pela dica x3
ExcluirTem como fazer no photo scape?
ResponderExcluirNo meu próximo post vou ensinar no photoscape ^^ É na sexta
ExcluirOlá, 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.
ResponderExcluirBeijos,
♔ Docete Compulsiva
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
ExcluirNo PhotoShop cs5 da pra fazer? Só tenho esse :/
ResponderExcluirAcho que dá, não muda muita coisa.
Excluirvoce poderiA fazer um pra mim?
ResponderExcluirNão to conseguindo colocar a camada em todas imagens,oque eu faço?
ResponderExcluirOlha 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 ^^
ExcluirVc tem o link de onde baixar esse photoshop?
ResponderExcluirOlá ;u;
ResponderExcluirBom 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?
Vá em Janela > Animação e veja se os quadros do gif foram modificados...
ExcluirHey!
ResponderExcluirO 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
Salvar como > Escreva o nome e escolha a opção GIF
ExcluirEu ja havia tentado e não da.
ExcluirEssa opção não foi removida do PhotoShop CC.
ExcluirSalvar 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)
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
ResponderExcluirEu 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
ResponderExcluirProcura tradução no Google afora, moça. :v
ExcluirObrigada mesmo pelo post! eu estava procurando um tutorial desdes faz tempos!
ResponderExcluireu 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? :(
Deve ter sim, até eu mesma as vezes quando sai procuro e falo "pronto, sumiu", mas se eu olhar direitinho ta lá ^^
ExcluirFica em Janelas > Animação. Fica abaixo de Amostras e acima de Camadas(F7)
A borda não está indo em todas as camadas, oq eu faço?
ResponderExcluirDeve 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.
ExcluirOi!
ResponderExcluirA 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 .
Ok, sinto muito! ^^
ExcluirMoça, se a borda não foi em todas as camadas tem uma forma de resolver isso! Eu sempre o faço.
ExcluirÉ 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. ^^
* O style que fica sem nada que foi falado acima, é realmente o primeiro. É branco e tem uma linha atravessada vermelha.
ExcluirOiii! 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!
ResponderExcluirBeijo e mais uma vez obrigada <3
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 :/
ResponderExcluirTenta fazer dnv, as vezes acontece isso :/
Excluirjá tentei fazer várias vezes, mas infelizmente não funciona :/ e o meu photoshop nn tem o botão "animação" ;u;
ExcluirO botão de Animação é só ir Janela > Animação lá em cima, sabe?
ExcluirNo 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.
ExcluirAí tu unifica a camada e coloca o style que tu tinha colocado. :3
Obrigada pelo tutorial, mas não consegui fazer nada...
ResponderExcluirComo 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.
ExcluirOi 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.
ResponderExcluirO tamanho que uso (vi em um post da Sara no World Eldarya) é 780x190 mas o seu é uma boa sugestão! <3
ExcluirVá 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. ^^
Eu não acho essa ferramenta ai do começo,me ajudem ;-;
ResponderExcluirQual a versão do seu PhotoShop (CS5, CS6...)?
ExcluirVocê está falando da parte de cortar?
Veja esse print.
Aí lá em cima você coloca a largura e altura, respectivamente.
Veja o print.
Me respondam por favor, eu não consigo salvar em forma de GIF, nem nada, me ajudem.
ResponderExcluirArquivo > Salvar Como > Espere a janela carregar e clique em "Salvar..."
ExcluirMe falem qual é a fonte que vocês usaram no começo, na imagem antes do "olá", por favor
ResponderExcluirA fonte que vocês usaram na imagem do começo pra escrever "bugigangas do amor doce" tem no Photoshopo? Se sim,qual é?
ResponderExcluirSe não me falha a memória, é a fonte Apple [] que você pode baixar no Dafont: http://www.dafont.com/pt/apple.font
Excluir