Tccendo'9

API’s, conectividade, rede…

carinaoliveira — Fri, 18 Dec 2009 18:40:50 +0000

Pouco percebida, mas completamente significante, Meio, Fim, Começo interage com a rede de uma forma diferente. Baseado nos 6 sentimentos adotados para a construção das interfaces, escolhemos duas API’s: clima e bolsa de valores, com apenas um objetivo: representar alterações de humor. São coisas na vida que alteram inconscientemente nossos sentimentos.

O clima é baseado em 4 locais do mundo distantes entre si e com atividades climáticas extremas. Na interface de esperança, passando o mouse por cada onda do mar, nota-se o clima mudando, que é decisivo para o destino do barco na ilha.

Já na interface de felicidade, utilizamos dados de 3 bolsas de valores principais: Bovespa, Nasdaq e Nikkei. Conforme a variação de cada moeda (em alta ou em baixa), o dinheirinho, que faz com que o balão não voe sozinho, fica mais “gordo” ou mais “magro”, outro fator decisivo nos sentimentos do ser humano.

Além dessas interações, e pensando no constante divulgamento do projeto em redes sociais, contamos também com uma opção para publicar um print screen de uma determinada tela em seu próprio twitter. A escolha pode representar algum sentimento do usuário naquele momento, ou seja, é uma forma de representar e exibir o que se passa com cada pessoa.

E por meio, fim ou começo, não deixe seu dispositivo móvel fora dessa, baixe wallpapers do projeto.

Mobile

carinaoliveira — Thu, 17 Dec 2009 19:41:04 +0000

Para baixar os wallpapers exclusivos Meio, Fim, Começo, acesse diretamente de seu celular os links das imagens.

www.meiofimcomeco.com/mobile/esperanca.jpg

www.meiofimcomeco.com/mobile/felicidade.jpg

www.meiofimcomeco.com/mobile/inveja.jpg

www.meiofimcomeco.com/mobile/paixao.jpg

www.meiofimcomeco.com/mobile/sofrimento.jpg

www.meiofimcomeco.com/mobile/tormento.jpg

Peça gráfica

afutil — Thu, 17 Dec 2009 14:59:02 +0000

Da mesma maneira que a peça digital explora a interação como principal forma de interferência para que o começo, meio e fim da experiência dependam única e exclusivamente do interator, a nossa peça gráfica busca, através de uma técnica de ilusão de óptica que causa a sensação de movimento, relacionar as diferentes sensações que compõe as interfaces do nosso site.

Criando a Catavento

afutil — Tue, 15 Dec 2009 06:09:55 +0000

Como parte das exigências do TCC, tivemos que montar uma empresa.

Como é de se esperar, montamos um estúdio de animação.

Missão:
Movimentar conceitos na direção correta.

A Catavento Studio acredita na animação como principal elemento no processo de se passar conceitos e vender idéias de maneira dinâmica e interativa e aposta principalmente no 2D, e em técnicas tradicionais de animação como diferencial.

A identidade visual da Catavento Studio busca transmitir os conceitos implícitos a sua concepção e aos seus ideais. Como um cata-vento que se aproveita da força dos ventos para produzir trabalho, temos a missão de movimentar os conceitos dos nossos clientes na direção correta para a obtenção os melhores resultados possíveis através da animação.

O cata-vento foi escolhido naturalmente como símbolo gráfico por conter um forte apelo visual e pictório além de arraigar um caráter energético à marca.

Pré – apresentação

carinaoliveira — Tue, 01 Dec 2009 19:19:07 +0000

Depois de todo tratamento para as imagens, roteiros digitais escrito e animados e vetores desenhados pela Yumi, para pré apresentação do tcc para todos os professores, temos QUASE todas as telas prontas, faltando só um acabamento mais fino e finalizar as programções da navegação, interações e apis para a apresentação final.

Segue uma prévia de como está o visual do site.

Já já corremos para a pré apresentação. =D

Terminamos de fotografar!

afutil — Wed, 11 Nov 2009 19:56:11 +0000

Finalmente, no fim de semana retrasado, terminamos de fotografar todos os stop motions.

Agora, com quase todas as sequências esquematizadas e tratadas, estamos fazendo os videos e os vetores para as animações digitais que faremos sobre o stop motion.

Notícia boa: Tiramos 8 na primeira nota do semestre.

Fotos do último dia.

Tesourinhas

afutil — Mon, 26 Oct 2009 12:55:42 +0000

Depois de muitos rolos com o estúdio da faculdade, a gente conseguiu pegar os equipamentos de novo e levar lá pro nosso mini estúdio. Mas pra variar, nos deram uma câmera péssima, e tivemos que contar de novo com a ajuda do nosso amigo Brunão, que cedeu sua incrível câmera de fotografar cavalos para o nosso humilde stop motion. O que seria de nós sem ele???

Com esse atraso, só conseguimos começar a fotografar a interface de Paixão, de fato, umas 16h do domingo, então não rendeu muito em fotos, mas já adiantamos quase todos os recortes da próxima interface de humilhação.

Com muitas mãos a mais pra recortar, foi tãããooo mais rápidooo!!!

é isso.

Mais um fim de semana

yumishimada — Thu, 22 Oct 2009 03:45:59 +0000

mais um fim de semana que passou correndo com as animações, desta vez com a animação de sofrimento e de esperança. A luz deu um pouquinho de problema nas fotos, o equipamento que conseguimos foi mais caseirão, mas temos q saber aproveitar o resultado que tivemos nas fotos como a rachel mesmo disse, aproveitar o que o stop motion proporciona de erro tb. Em cima disso também vamos fazer um misto de animação com vetores por cima do stop motion, criando toda uma interação a mais.

segue as fotos dos bastidores então!

Ideias para a peça gráfica

afutil — Thu, 15 Oct 2009 01:47:42 +0000

Na orientação de ontem a Rachel não estava, então mostramos o stop motion da primeira interface apenas para o Nelson. Parece que ele gostou bastante pois elogiou o trabalho duro. Agora as nossas cabeças estão fervilhando de idéias para a peça gráfica, que pretendemos fazer utilizando técnicas gráficas de animação. Mas isso é segredo ainda. rá!

Criamos também mais dois roteiros com storyboard que facilitam bastante para fazermos os recortes prevendo todas as imagens que precisaremos para as transições quando formos fotografar o stop motion.

Essa imagem é o storyboard da interface que fotografamos no feriado.

Estúdio caseiro, ok!

yumishimada — Wed, 14 Oct 2009 15:45:59 +0000

Ainda bem que a faculdade emprestou os equipamentos pra gente montar o estúdio caseiro na casa da pri, passamos o final de semana e feriado recortando… recortando… recortando… Mas ae valeu a pena porque o stop motion do primeiro roteiro/interface sobre a inveja, acabou saindo melhor do que esperávamos!

A parte mais dificil é pensar no roteiro, no storyboard e depois recortar tudo de acordo com o movimento de cada step, na hora de tirar as fotos dá canseira mas o resultado é bem maneiro!

Rolou até making of, comidinha da carina e muito trampo até ás 4 e meia da manhã da segunda, bora conferir as fotos!

recortando!

separando os recortes!

Storyboard!

Separando os tamanhos.

Preparandooo

mexe e fotografa!

Cena da inveja