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.
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.
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.
• 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
- 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)
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.
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 CriadoInicialmente, 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 tabuleiroA 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 FlashDepois 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:
íconeshttp://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.
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.
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.
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:
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.
Tecnica de desenho utilizando efeitos de degradê
Avião que desenhei...
Carro!
Notem como estou melhorando nos desenhos! =D
