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