quinta-feira, 26 de abril de 2012

Como fazer um by em GIF

Olá futuros designers!
Mais uma vez Lupi por aqui!
No último post vimos como fazer um by. Agora vamos aprender a fazer um só que em GIF. O formato GIF é o formato de animação. Usaremos várias fotos do mesmo by para compor o mesmo em GIF.
Vamos nessa!
Primeiro faça um by comum (aprenda a fazer um by comum na postagem anterior). Depois tente imaginar em uma imaginação bacana para seu by. Vamos ver como fazer:
Abra o Photoscape. Vamos começar a fazer vários bys parecidos.
Abra seu by clicando em fotografia e nova foto, mas antes coloque o tamanho 640 x 480. Então começe a mudar umas coisas e trocar cores em seu by. Vamos ver o que fiz no meu:
Ficou legal em? Se você não sabe criar um retângulo colorido clique em objetos e selecione uma das formas:

Para mudar a cor clique 2 vezes no objeto como o fundo e a letra e troque a cor.  Confira algumas dicas para fazer seu by em gif:
1.Faça bys parecidos porém mude as cores dos itens como retangulo e letras e faça isso mas que 2 vezes.
2.Movimente o pinguim no by. Demora um pouco pra iniciantes mas fica bacana. Cada by você vai mexendo um pouco o pinguim!
3.Troque de lugar as letras ou as figuras de um by. Troque o lugar do pinguim por exemplo, para o outro lado do by. Por exemplo o pinguim está na direita e você troca pra esquerda em outro by.

Depois quando você terminar todas os bys do GIF e tiver salvado todos eles, clique em Animação em GIF se ainda estiver com o Photoscape aberto no editor:


Use esse atalho se ainda tiver dentro do editor no photoscape. Mas se você fechou o photoscape procure o ícone Animação GIF no círculo de itens e clique.
Depois selecione as imagens dos bys e arraste para o centro.
Se quiser variar o tempo em que as imagens mudaram no by clique em no ícone Alterar tempo na barra do animação GIF:
Então mude com as flechinas o tempo em segundos. Arraste os bys que você fez e selecione um tempo pra eles trocarem. Quando acabar clique em salvar, mas salve a imagem em GIF.Para fazer isso quando acabar de colocar o nome da imagem coloque .GIF com ponto e GIF maiúsculo. Irá mostrar quantos quadros (bys) você colocou no GIF. Então hospede o seu by GIF no tinypic (veja como hospedar no 4 post do blog).
Para colocar seu by em ação no seu post clique em HTML e depois da última linha de um enter e coloque este código: <IMG SRC="ENDEREÇO DA IMAGEM"> e em ENDEREÇO DA IMAGEM coloque o link do seu GIF (o último link hospedada no tinypic).
Caso tenha alguma dúvida ou dificuldade comente neste post.

Pronto! Agora é só curtir seu by! Vou ficando por aqui pinguinzada!
Amanhã tem mais, pinguinando futuros designers!
Vamos ver como meu novo by gif ficou?




Um comentário:

Online: