Skip to content

Instantly share code, notes, and snippets.

@camelo003
Last active August 17, 2017 14:53
Show Gist options
  • Save camelo003/54139cc54df81527aaf37952f8ec996c to your computer and use it in GitHub Desktop.
Save camelo003/54139cc54df81527aaf37952f8ec996c to your computer and use it in GitHub Desktop.
totemnimationReadme.md

##TOTEMNATION Collab

Faz tempo que tenho esse ideia desse collab e achei que seria uma boa sugerir aqui na Birdo.

Será um totem animado (tipo aqueles totens indígenas, sabe?) onde cada 'andar' será uma animação feita por um participante.

Cada um fará uma animação de 1 à 5 segundos, em loop e que possa ser encaixada com outras animações (ver template). Depois elas serão empilhadas e exibidas em um site na forma de um totem infinito, animado e colorido!

####Detalhes técnicos:

  • Resolução: 400x300 (vai bem no tumblr e no dribbble);
  • Frame rate: 12fps (nada mais nada menos);
  • Duração: qualquer coisa entre 1 e 5 segundos;
  • Como enviar: é só me mandar os frames como uma sequência de png no [email protected] (e-mail da adolescência, não julguem). Incluam também um nome/nome artístico + link para portfólio para que eu possa creditar devidamente;
  • Data limite: Incluirei as animações que receber até 01/09/17. Depois disso passarei o final de semana ajustando os arquivos e montando a página e devo ter ela pronta na segunda feira seguinte.

####Boas práticas:

  • Considerem uma estrutura física de 220 pixels de largura atravessando verticalmente o centro de seu canvas.
  • Seu 'andar' do totem deve se conectar com ou outros na parte de cima e de baixo. O que acontece no meio é com vocês.
  • Finalizem suas animações sobre fundo transparente, mas considerem essa cor (R: 94, G: 106, B: 114 - HEX: #5e6a72) pois o background da página terá tons próximos a esse.
  • Tema e técnica livres! A unica restrição deve ser a sua imaginação. Pode ser 2D, 3D, stopmotion, rotoscopia, light painting ou qualquer outra técnica que você inventar!
  • BE CREATIVE.

Por último, segue link para o template, tipo um gabarito para a resolução dos andares.

####- - - { T E M P L A T E } - - -

##TOTEMNIMATION Collab

Faz tempo que tenho esse ideia desse collab e achei que seria uma boa sugerir aqui na Birdo.

Será um totem animado (tipo aqueles totens indígenas, sabe?) onde cada 'andar' será uma animação feita por um participante.

Cada um fará uma animação de 1 à 5 segundos, em loop e que possa ser encaixada com outras animações (ver template). Depois elas serão empilhadas e exibidas em um site na forma de um totem infinito, animado e colorido!

####Detalhes técnicos:

  • Resolução: 400x300 (vai bem no tumblr e no dribbble);
  • Frame rate: 12fps (nada mais nada menos);
  • Duração: qualquer coisa entre 1 e 5 segundos;
  • Como enviar: é só me mandar os frames como uma sequência de png no [email protected] (e-mail da adolescência, não julguem). Incluam também um nome/nome artístico + link para portfólio para que eu possa creditar devidamente;
  • Data limite: Incluirei as animações que receber até 01/09/17. Depois disso passarei o final de semana ajustando os arquivos e montando a página e devo ter ela pronta na segunda feira seguinte.

####Boas práticas:

  • Considerem uma estrutura física de 220 pixels de largura atravessando verticalmente o centro de seu canvas.
  • Seu 'andar' do totem deve se conectar com ou outros na parte de cima e de baixo. O que acontece no meio é com vocês.
  • Finalizem suas animações sobre fundo transparente, mas considerem essa cor (R: 94, G: 106, B: 114 - HEX: #5e6a72) pois o background da página terá tons próximos a esse.
  • Tema e técnica livres! A unica restrição deve ser a sua imaginação. Pode ser 2D, 3D, stopmotion, rotoscopia, light painting ou qualquer outra técnica que você inventar!
  • BE CREATIVE.

Por último, segue link para o template, tipo um gabarito para a resolução dos andares.

####- - - { T E M P L A T E } - - -

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment