Trabalho final 2010.2

Museu Relm
Click aqui para ver o Museu Relm

Bem, o nosso trabalho de final de semestre foi o Museu Relm. Elaboramos um museu virtual onde o aluno explorava as diferentes salas e aprendia o seu conteúdo.
Uma das principais dificuldades foi o tempo, pensamos em abordar vários assuntos sobre arte, de início incluímos 5 salas com jogos que utilizariam o conteúdo aprendido em cada sala, porém, isso ficaria bastante inviável pelo tempo que tinhámos para pesquisar, programar e desenvolver todo o projeto.

Muitas das pequenas dificuldades qeu tivemos resolvemos virtualmente através do MSN, google docs e google groups. A interação entre os membros da equipe foi grande. Criamos até um twitter para documentar o andamento do projeto. (@MuseuRelm).

No Museu, utilizamos cores simples. Usamos um degradê de azul bem claro nas paredes para dar um aspecto de limpeza, calma, tranquilidade, harmonia, paz e além disso tudo, o azul também estimula a criatividade.

Leia mais

Digital StoryTelling - Pici

Para a criação deste Digital StorryTelling criamos um pequeno roteiro e utilizando técnicas de manipulação de áudio e video organizamos e montamos o nosso "Digital StoryTelling - PICI" que aborda um pouco sore a criação do Campus do Pici, fala da sua história de fundação, da sua estrutura e dos cursos de Graduação que atualmente são oferecidos.

Leia mais

Ilusões de ótica - Gestalt

Gestalt

A Psicologia da forma, Psicologia da Gestalt, Gestaltismo ou simplesmente Gestalt é uma teoria da psicologia iniciada no final do século XIX na Áustria e Alemanha que possibilitou o estudo da percepção (Britannica, 1992:226).

Segundo a Gestalt o cérebro é um sistema dinâmico no qual se produz uma interação entre os elementos, em determinado momento, através de princípios de organização perceptual como: proximidade, continuidade, semelhança, segregação, preenchimento, unidade, simplicidade e figura/fundo. Sendo assim o cérebro tem princípios operacionais próprios, com tendências auto-organizacionais dos estímulos recebidos pelos sentidos.

(Fonte: Wikipédia - http://pt.wikipedia.org/wiki/Gestalt)

Ilusão de Ebbinghaus

Qual dos círculos alaranjados é maior?

A ilusão de Ebbighaus é uma ilusão ótica de percepção relativa de tamanho. Os círculos externos que rodeiam o círculo central é que forçam a impressão de um ser maior que o outro.

Ilusão da parede do café

As linhas horizontais estão muito tortas?

As linhas estão perfeitamente paralelas.

Esta ilusão de ótica foi primeiramente descrita pelo Dr. Richard Gregory. Ele observou este efeito curioso nas linhas da parede de um café. Esta ilusão de ótica faz com que linhas horizontais paralelas se pareçam levemente tortas. É essencial para a ilusão que os “tijolos” estejam envoltos por uma camada de “cimento” (as linhas de cor cinza da imagem).

Ilusão Espiral de Fraser

Você vê a espiral?

Essa ilusão também é conhecida como falsa espiral ou pelo seu nome original: a ilusão da corda torcida. Os segmentos de arcos pretos sobrepostos é que parecem formar a espiral, no entanto os arcos são uma série de círculos concêntricos.

Leia mais

Elementos Visuais - Cor

• 3 dimensões:
- Chroma (a cor em si)
- saturação (pureza relativa da cor)
- brilho (gradação de tons)
• Cor evoca sensações
• Carrega significados


Escolhi a cor vermelha porque é uma cor que gosto bastante e é cheia de significados para mim!

(Fotos tiradas por mim)

Leia mais

Resultado final VP3 - Edição de Imagens Digitais

Confira o resultado final do trabalho aqui !


Endereço para o blog do trabalho

http://digitallsmd.wordpress.com/

Leia mais

Making Of - Mercado Digital

 http://www.youtube.com/watch?v=SMXyWiUDURQ&feature=player_embedded

Vídeo de 1 minuto mostrando uma visão geral do projeto e de como foi feito.

Leia mais

Realização do projeto

Primeiramente buscou-se uma imagem real do “Banco Imobiliário” no site Google para poder fazer a criação do tabuleiro. Foi usado o Photoshop para o tal e suas dimensões foram de 1000×1000 px.

Tabuleiro

Fundo Criado

Inicialmente, o nome dele seria “Vida Digital” porém, foi decidido que ficaria melhor se chamassemos de “Mercado Digital”, e então foi criado, ainda no Photoshop.

Nome do tabuleiro

A criação do logotipo também foi primeiramente feito no Photoshop e depois importado para o Flash, sendo feitas algumas alterações.

Logo criado no Photoshop

Logo finalizado no Flash

Depois disso foi criada a animação do Logo que aparecerá no início e ao clicar no ícone correspondente a ele, no tabuleiro.

As animações presentes no projeto contém efeitos sonoros e toca uma música durante a execução do site. Esses sons foram obtidos do site:

http://www.freesound.org

Através de um tutorial pudemos colocar um botão que desse ao usuário a liberdade de ligar e desligar a música. Esse tutorial encontra-se no site:

http://www.portugal-a-programar.org/forum/index.php?topic=184.0

Aí surgiu um problema, o tutorial ensinava a fazer o botão, porém a música estava inicialmente desligada. Para o projeto, seria interessante que a música estivesse ligada e que o úsuario pudesse desligar. Para isso foram feitas várias tentativas, trocando a ordem dos botões e dos comandos. Quando parecia ter dado tudo certo, percebeu-se que ao se clicar em outros botões o som voltava a tocar e se já estivesse tocando, começava a tocar o mesmo som sobreposto ao anterior. Decidiu-se então não colocar a música de fundo.

Para elaborar os ícones do produto, utilizamos como fonte, além do Google, os seguintes sites:

http://interfacelift.com/icons/downloads/date/any/

http://www.kerodicas.com/downloads/outros/iconswallpapers/artigo=1931

Depois de uma vasta pesquisa, ainda no site de buscas Google, escolhemos as imagens que irão para o produto. Em cada imagem era preciso retirar o fundo branco, deixando-o transparente. Para isso, era preciso que o arquivo fosse salvo no formato .GIF ou .PNG. Então, através do Photoshop, as imagens foram tratadas e algumas delas que foram salvas em .JPG foram convertidas em .PNG por ter uma maior qualidade e também é um formato suportado pelo Flash. Em seguida, importamos as imagens para o Flash.

Aqui vai uma pequena amostra de alguns dos ícones que estarão presentes:

ícones

O próximo passo foi de criar o tabuleiro propriamente dito, no Flash e de pesquisar todo o conteúdo que estaria presente. O site Wikipédia foi basicamente a fonte de quase todo o conteúdo, assim como os seguintes sites:
http://tecnologia.terra.com.br/interna/0,,OI764253-EI4801,00.html
http://www.nintendoblast.com.br/2009/10/apple-pippin-o-primeiro-console-da.html
http://www.paulofelipe.com/estouentediado/?p=17
Além de um livro que foi utilizado em uma outra disciplina, também serviu de apoio para a criação do conteúdo:
SORJ, Bernardo. Brasil@povo.com: a luta contra a desigualdade na sociedade da informação. Rio de Janeiro: Jorge Zahar ED., 2003.

No Flash o tabuleiro teve várias versões até chegar na sua versão final. Veja a timeline de todo o processo de criação:

E, em breve, nos próximos posts,você poderá conferir o resultado final desse projeto.

Leia mais

Desenvolvimento do projeto

Antes de tudo, foi decidido como ia ser o nosso tabuleiro e como ele iria se comportar. Para isso foi feito um rascunho básico:

Rascunho do tabuleiro

Ao passar o mouse por cima do botão ele aumenta seu tamanho e ao clicar nele, ouve-se um som de ‘clique’ e surge um balão animado que cresce do centro do tabuleiro para as bordas e nele aparecem as informações de acordo com o botão.

Foi criada uma animação para o Logotipo “DIGITALL”, que aparece tanto na animação inicial do projeto, quanto ao clicar no ícone com o mesmo nome dentro do tabuleiro, onde serão mostrados os créditos do projeto. Essa animação se comporta de acordo com o rascunho a seguir:

Rascunho da logo animada

Outro rascunho feito, mostra a animação que será apresentada na homepage do site:

Rascunho da animação inicial

A partir de então, é que o projeto começou a tomar forma e pôde ser iniciado de verdade.

Leia mais

Apresentando o projeto

O mercado das mídias digitais deve ser conhecido tanto por qualquer bom profissional da área como também pelos consumidores em geral que se interessam por esse mundo das mídias e tecnologias. Saber as novidades e tendências das novas tecnologias empregadas nas mídias ou jogos digitais é sempre algo bastante válido, afinal essas tecnologias estão diariamente se atualizando.

banco imobiliário

O projeto consistirá em um site onde o seu ponto principal é um infográfico que traz algumas informações sobre várias empresas do ramo das mídias/jogos digitais e vários produtos que utilizam essas tecnologias. A base conceitual para a criação desse produto foi o jogo “Banco Imobiliário” que possui um tabuleiro dividido em casas. Cada casa há o nome de uma rua, ou avenida, ou bairro, etc. No tabuleiro que será criado, na forma de um infográfico e que será batizado como “Mercado Digital”, tem-se então casas cujo seus conteúdos serão as empresas, os produtos, algumas curiosidades do mundo das mídias/jogos digitais, algumas informações sobre direitos autorais e um panorama de como anda a conectividade na atualidade.

De acordo com o conteúdo que foi dado no decorrer de todo o semestre nas aulas de Edição de Imagens Digitais, o site será feito todo pelo programa Flash, contendo animações com trilha sonora e algumas imagens colhidas da internet, com suas fontes devidamente indicadas. Algumas imagens contidas nele também terão tratamento através do programa Photoshop.

Leia mais

3ªVP Edição de Imagens

Esse blog tem a finalidade de documentar todo o processo da 3ª VP da disciplina de Edição de Imagens Digitais, do Curso de Sistemas e Mídias Digitais, da Universidade Federal do Ceará.
O tema abordado escolhido é o do Mercado Digital em geral, através da apresentação de alguns produtos e empresas relacionadas a esse mundo das mídias/jogos digitais.
Na equipe:

• Demetrius Abreu: responsável pela criação da interface e das animações.
• Carlos Diego: responsável pela edição e pela documentação.
• Elton Daniel: responsável pelo conteúdo apresentado no projeto.

A criação de cada parte do projeto tem participação de todos os componentes da equipe, apesar de cada um ter suas tarefas bem definidas.

Leia mais