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

Desenhos no Flash

Tecnica de desenho utilizando efeitos de degradê



Avião que desenhei...






Carro!
















Notem como estou melhorando nos desenhos! =D

Leia mais

Verificação Parcial 1 - Resultado final

Eis aqui o meu resultado final!

Sinopse
UFC: RockBand
Jogo feito produzido pela empresa XD em parceria com a UFC Games. Seja um astro do rock na guitarra, na bateria ou como vocalista. Comece seus shows no Campus do Pici e conquiste o maior números de fãs que o mundo já viu!

O game possui diversas músicas feitas por estudantes das universidades federais. Conta também com várias fases secretas como R.U. e grandes personagens como Glaud.



































Leia mais

Verificação Parcial 1 - Making-of

Para começar a fazer a capa do jogo, primeiro criei um arquivo novo do tamanho de 1276x1790 pixels com 250dpi com fundo transparente.
- Peguei a imagem da Reitoria da UFC e coloquei-a como fundo. Apliquei o filtro Artístico -> Toques de tinta. Para dar um aspecto de holofotes de luz, usei 3 vezes na parte infeior da imagem o filtro Acabamento -> Reflexo de Flash.
 - Escrevi UFC com a fonte Gargoyles Normal cor preta e dupliquei, diminui o tamanho da camada duplicada e mudei a cor do texto para a cor branca para deixar um efeito mais semelhante ao da fonte do jogo. (O 'traçado' nas opções de mesclagem ficava bem diferente do efeito que eu gostaria de obter)
- Na minha foto segurando o baixo, coloquei apenas um desfoque suave e recortei o fundo da imagem. Na outra foto fui um pouco mais detalhista.. mudei a cor do meu cabelo, calça, baixo e partes da camisa para vermelho(mudei a cor do baixo para tentar dar a ideia de que era outro instrumento musical como guitarra)
 - Na foto em que estou segurando o violão, apenas retirei o fundo, dupliquei a camada e mudei a camada para Luz Indireta
- Coloquei a imagem superior do "Wii" para transformar a imagem na capa de um jogo do console Wii da Nintendo.
- Utilizei a fonte Edo para escrever o texto central da capa do jogo.
- Na parte inferior da capa, utilizando a ferramente de seleção, fiz um retângulo e pintei de preto apagando com a borracha a parte superior pra dar um efeito de mesclagem.
 - Na imagem da MTV Games eu apaguei o MTV, mudei a cor das formas para branco e escrevi UFC com a fonte Edo. Coloquei a logo da UFC Games  na parte inferior direita da capa do meu jogo.
- utilizando a Ferramenta Forma Personalizada criei uma forma e pintei de preto, posicionei do lado direito da capa abaixo da camada onde estou segurando o violão.
- Peguei a foto da palheta e apaguei o EA Games que tem escrito dentro e escrevi xD que é o nome da empresa(fictícia) produtora do jogo.
- Peguei os ícones dos intrumentos do Rock Band de uma das imagens que coloquei no post anterior, recortei e posicionei em cima da camada da barra preta onde ficará a logo da UFC Games e a palheta com o xD.
- Escrevi o aviso: "Os instrumentos não acompanham este produto" e posicionei o texto em cima da camada dos ícones dos instrumentos.

Minha maior dificuldade foi posicionar as imagens na tela, fiquei em dúvidas várias vezes! Também achei um pouco difícil retirar o fundo de uma das minhas fotos, pois a foto estava um pouco tremida.

Acho que é só isso, acho que não faltou relatar algo.
E no próximo post... a tão esperada imagem final!!


Leia mais

Verificação Parcial 1 - Imagens

Continuando a sequência de post sobre a avaliação... como prometi vou colocar as minhas fotos que utilizei para fazer a capa. O processo do figurino foi bem básico.. usei várias camisas, 1 boné, calça e etc. Fui no estúdio na sede da Obra Lumen(Rua Coronél Jucá, 2040 - Dionísio Torres) e pedi para um amigo meu me ajudar na captura das cômicas fotos... tirei foto com a bateria, segurando o baixo e a foto do violão foi feita na minha casa mesmo.. 
só vou postar e utilizar 3 dessas fotos, as outras fica na curiosidade!


Também usarei a logo da MTV Games.













E aqui estão as imagenss que utilizarei.


Leia mais

Verificação Parcial 1 - O começo

Para começar o post, vou citar o seguinte trecho do arquivo explicativo da avaliação
Tema
Com base em uma fotografia sua, crie um personagem e gere a capa de um jogo eletrônico. 
Vou falar um pouco do tema e da documentação para a realização desta avaliação.
 Para fazer a capa do meu jogo, no começo tive várias dúvidas.. pensei em algo como simulador de animais de estimação, de bebês, jogos da marvel, Mario, The Sims, Sonic, Megaman, jogos de corrida,  enfim... Lembrei do jogo Guitar Hero e do RockBand e da capa do jogo Green Day: Rock Band.
Aqui estão algumas das capas que foram a minha fonte de inspiração.


No próximo post colocarei as minhas fotos antes da edição e o processo que passei para montar o meu personagem.
Leia mais

Cartazes de Divulgação

3 Cartazes de Divulgação para eventos.

 



Leia mais

Desenhando com o Flash

Kyle do South Park desenhado com o Flash






















Imagem vetorizada do Gir do Invasor Zim.
 

















Carro vetorizado
Leia mais

Efeitos no texto

Imagens abstrata com efeitos; aqui estão os meus resultados.


Leia mais

Pintura

Pintura usando as técnicas básicas de artefinalização. 
Meu resultado























Imagem utilizada
Leia mais