segunda-feira, 29 de outubro de 2012

Dando movimento a um banner web e estático! - com Gimp e Inkscape



Criamos um personagem azul com dois dentinhos, um coração, e aproveitamos o plano de fundo da madeira que pintamos essa semana. Juntamos tudo, e criamos este banner para os nossos amigos! Depois, percebendo o espaço a esquerda, esperando uma interação, surgiu a ideia de criar uma telinha em movimento:

Para esse processo de trabalho, separamos primeiro numa pasta, todas as imagens referentes a produção desde o momento de criação.


importamos a imagem base no inkscape e demos um efeito de sombra


desenhamos um quadrado e aplicamos transparência



e também, colocamos os cantos arredondados, para ficar mais "meiguinho' =)



copiamos e colamos este retangulo com um pouco de transparência e cantos arredondados. Com o botão direito do mouse, travamos um deles e trabalhamos no outro, idêntico.

Importamos imagens e posicionamos como queríamos que aparecesse na tela, e



selecionamos as duas imagens, fomos em OBJETO -> POWER CLIP -> APLICAR


depois de aplicado, é só colocar a imagem para trás e ela ficará posicionada ao fundo do retângulo travado

repetimos este processo com várias imagens, as vezes com a mesma, só mudando a posição, redimensionando etc.


a cada modificação e inserção das imagens, exportamos, criando assim os quadros da nossa animação.



Finalizamos no gimp, abrindo todos os arquivos como camadas e salvando depois como gif.

essa ideia nos possibilita criar um monte de coisa:
- uma televisão pequenina, ou outras viagens, como textos, poesias e também a interação do retângulo com o personagem que fica estático todo o tempo... hummmmm gostei dessa! vamos fazer? =)

obs: fizemos umas experiências bem parecidas no post:

 

Nenhum comentário:

Postar um comentário