26 abril 2010

Gif no Photoshop

Bom amigos, depois um bom período de tempo sem postar, aqui estou eu de volta, com um post muito útil e interessante. Muitas pessoas tem dúvidas e dificuldades para criar um gif no photoshop porém, verão agora, que é um procedimento bem simples que exige apenas criatividade como qualquer tarefa de design.
Começaremos por algo simples e de fácil entendimento
Mãos a obra!


Crie um documento com um tamanho a sua escolha:
Tamanho adotado por mim: 500x300

Agora escreva um texto qualquer, de preferência seu nome!


Agora criaremos uma linha expessa com aproximadamente 8px de cor escura para contrastar com a cor da nossa fonte


Agora ativaremos a paleta "Animation"


Vamos clicar na camada onde está a faixa que criamos anteriormente com o botão direito e criar um"Clipping Mask" (Observe a ordem correta das layers abaixo e sem seguida a criação do "Clipping Mask"



Agora partiremos para a animação, onde a faixa passara pelo texto como uma "mancha"
Na paleta "Animation" criaremos um novo quadro clicando em "Duplicates Selected Frames"


Clique no novo frame criado e mova a faixa até o lado oposto do texto, como se ela realmente passasse pelo texto
Observe no primeiro frame como a faixa está em uma posição e no segundo está em outra


Agora selecionaremos os 2 frames e vamos ajustar o tempo de exibição dos quadros para "0.1seconds"

Em seguinda vamos animar essa passagem
Clique no botão "Tweens animations frames"

Na janela que aparecer colocaremos 12 no campo "Frames to add' e deixaremos o restante como padrão

Pronto, agora clique no "Play" na paleta "Animation" e veja o se resultado, claro que não ficou o mais bonito e nem o profissional pois a intenção aqui é ensinar
Para salvar seu gif, vá no menu "Arquivo" -> Save for Web -> Save


Em breve posto meu resultado, tentei postra uma vez e o gif não rodou aqui no blog, e como já está um pouco tarde estou indo dormir!


Espero que todos tenham gostado e entendido. Qualquer dúvida, pergunta, sugestão ou crítica é só entrar em contato
Abraços, fiquem com Deus e uma ótima semana

OBS: Aguardem o GURUDODESIGN de cara nova em breve

Renan Lopes Web'er

Nenhum comentário:

Postar um comentário