13/02/2014

Camadas de texto/formas/etc se movendo ao longo do gif? Eis a solução!

Sim, mais uma postagem minha nessa semana! Aproveitarei o meu tempo livre, para postar! :)



Bom dia, boa noite, boa tarde stalkers do TAD!
(por enquanto esse vai ser meu cumprimento, -q)
Sabe aquele momento, que você passa horas fazendo sua assinatura em gif, tudo bonitinho e ao testá-la, as camadas – em geral - mudam de lugar em um passe de mágica? Isso acontece com você?
Oh meu doce, chegue mais e sente-se no colo da Naru (-n) que eu te mostrarei a solução!

ÍNDICE DE SIGNIFICADOS (LEIA ANTES DE COMEÇAR O TUTO!):
Sombra projetada: É a sombra da camada de texto, é aquela corzinha a mais atrás da fonte.
IMAGEM
Quadro de animação: São aqueles quadrinhos que ficam na linha do tempo do gif.
IMAGEM

~ x ~

1º passo: Quando sua edição estiver pronta, abra a janela “Linha do Tempo”, em inglês deve ser “Timeline”, eu acredito. x_x
(Caso sua janela já esteja aberta, ignore esse passo HU3)
Ex: x
 2º Passo: Veja este exemplo de mudança de camada:
Ex: x
Se é isso que acontece com você, prossiga com o tuto, se não, rala. c: /brincadeira
3º passo: Clique com o botão direito nas camadas que mudam de LUGAR (não a posição da sombra projetada) e clique em “Rasterizar camada”.
 Geralmente são as formas, já as camadas de texto resolverei no próximo passo.
LEMBRE-SE: Rasterize as camadas sempre no PRIMEIRO quadro de animação do gif.
Ex: x
4º passo: Vamos resolver agora as camadas de texto.
Como visto no exemplo do gif no 2º passo, a sombra das camadas de texto mudam de ângulo, então, o que devemos fazer? APENAS MUDAR O  ÂNGULO! ~ BADUM TSS ~

ANTES DE TUDO, SELECIONE AGORA O SEGUNDO QUADRO DE ANIMAÇÃO.
(Pois é o primeiro que está bugado)

Agora, clique duas vezes na camada de texto. Feito isso, abrirá uma janelinha de propriedades (denominada “Estilo da Camada”), lá terá vários tópicos, clique no “Sombra projetada”.
Ex¹: x
Podemos ver que, nesse quadro de animação, a sombra está em 30°.

Agora repita o processo, só que no PRIMEIRO quadro de animação.
Ex²: x
Podemos ver agora que, nesse quadro, a sombra está em 135°.

Conseguiram entender o problema agora?

5º passo (FINAL): Ainda no quadro 1 de animação e com a janelinha de propriedades aberta, modifique os graus da sombra  para os graus do 2 quadro.
(Em outras palavras, mude o “30°” para “135°”)

Lembrete: Não se esqueça que no MEU gif, está em 135 graus, o seu pode estar em 120, 110, etc, então modifique para a medida que está o SEU.
Ex: x
Para finalizar, faça isso com todas as outras camadas de texto que não estão dando certo.
Bom, estes são os resultados:
ANTES:
X
DEPOIS:
X
·         Observação¹: Se o problema com a camada de texto não for a sombra, e sim a modificação do local, faça o mesmo processo das formas, apenas rasterizar.
Observação²: Não importa a quantidade de quadros de animação que tiver o seu gif, você sempre usará o 1º e 2º quadro para fazer a modificação, pois o ÚNICO quadro que está bugado é o 1º, ou seja, os outras (3,4,5,...) são todas iguais ao 2º. :3

Bom, eu espero que tenham entendido...
^-^
Qualquer dúvida, não deixe de comentar!

3 comentários :

  1. Adorei o tutorial, agora as formas não irão mais ficar saindo do lugar, e eu não terei de perder a cabeça com isso. E nem com as escritas.

    Agradeço o tutorial. Estou amando. <3

    ResponderExcluir
  2. Adorei o tuto.E se não for incomodo gostaria que você(se puder)colocar o link de onde posso achar bons styles

    ResponderExcluir
  3. Uuuh, goxtei desse pedido último aí u3u XDDDD

    Uuh Naru *O* Adorei! E eu nem te dei boas vindas, né? Entonse, boas vindas atrasada! *O*

    E enquanto às camadas, HAHAHAHHAHA Eu geralmente fazia tudo de novo (O( Pois é u.u Mas é ótimo saber mais alguns truques u3u
    Quanto aos das fontes, eu faço diferente, entooonse XD

    ResponderExcluir

Leia a nossa página de Regras antes de comentar, por favor :3