sexta-feira, 10 de dezembro de 2010

Texto reflexivo

A experiência de se trabalhar sozinho no projeto final foi boa. Só errei em não ter entrado em uma equipe. Durante o desenvolvimento do trabalho tive várias dificuldades. A primeira era conseguir os programas da adobe que não rodavam mais no meu computador. Depois ter a paciência em trabalhar em uma máquina que travava o tempo todo. E por último cada etapa do processo de criação foi difícil: desenhar, vetorizar, pesquisar, programar e outros. Sem contar que o certo é você fazer o roteiro e depois começar a desenvolver o projeto. Mas quando você escreve e não sabe colocar em prática, não adianta de nada. E foi isso que aconteceu. Mudava o trabalho o tempo todo, pois não sabia como começar na programação e ficava muito tempo querendo solucionar um problema. Na hora de postar o arquivo SWF no “site”, que por sinal está incompleto, o wordpress não tinha a opção de inserir o arquivo SWF. 

Durante o processo de criação do projeto final, quis inserir alguns elementos que foram ensinados em sala. No projeto tentei colocar equilíbrio na composição das imagens e também simetria para que ficassem alinhados de forma iguais. Utilizei também contraste entre as cores do layout para que ficassem ajustados. E por último, usei como técnica de comunicação visual à exatidão na centralização de cada parte do layout como, por exemplo: na construção do topo, dos menus, botões e a animação.

Apesar de não ter concluído o trabalho com sucesso, fico feliz porque tive a chance de aprender a utilizar os softwares que alunos de mídias digitais deverão trabalhar durante todo curso. Outra vantagem é poder aprender um pouco sobre as atividades de profissionais que trabalham com objetos de aprendizagens.

quarta-feira, 8 de dezembro de 2010

storyboard do trabalho final (rascunho)


Cores e Harmonia cromáticas

 
Na minha pesquisa sobre o tema cores e harmonia um dos itens fundamentais em qualquer design web é a cor. Uma cor mal escolhida pode desviar o olhar, atrapalhar o conteúdo ou até mesmo fazer com que o leitor se sinta irritado, caindo fora do site. Por isso uma boa combinação de cores é de extrema importância na criação de um bom design.
Abaixo um comparativo de um bom e um mal uso da cor.

 
Cuidado com o contraste entre o fundo do  e o conteúdo. Note que o rosa vivo do background puxa os olhos para fora do conteúdo, o que não é bom para a leitura. Lembre sempre de priorizar o conteúdo, fazendo com que sua leitura seja facilitada.
Banda Calcinha preta: para quê usar um bege clarinho no fundo junto com outro bege um pouquinho mais clarinho na chamada se não dá para perceber a diferença entre os dois tons? Fique ligado também no contraste de cores entre fontes e fundo. Note que a chamada “Adquira já” está em amarelo claro com fundo também claro. E sabemos que claro com claro não dá leitura. Além disso não se esqueça que fotos possuem milhões de cores em sua composição. Misturar dezenas delas como é o caso do exemplo só gera um resultado: poluição visual.

FAÇA ASSIM

http://www.braziltour.com/heritage/html/pt/pc_pch.php

 

Patrimônios do Brasil: um bom exemplo de uso de cores e gradientes em favor do conteúdo. O fundo do site utiliza um bg muito apropriado, patterns semelhantes a azulejos antigos, num tom leve de bege. O fundo do conteúdo também é bege, com um leve gradiente, dando um bonito efeito de sombra e de objeto envelhecido. Nesse caso as cores estão sóbrias e os tons de vermelho, apesar de serem vivos, são em pequenos toques, não irritando o olhar nem atrapalhando o conjunto.



FONTES

Times New Roman

A Times New Roman é uma família tipográfica serifada criada em 1931 para uso do jornal inglês The Times of London. Hoje é considerada um dos tipos mais conhecidos e utilizados ao redor do mundo (em parte devido ao fato de ser a fonte padrão em diversosprocessadores de texto). Seu nome faz referência ao jornal (Times) e ao fato de ser uma releitura das antigas tipografias clássicas (new roman).

a




Arial


Arial é uma Família tipográfica sem-serifa, ou seja, um conjunto de fontes (como Arial Bold, Arial Italic, Arial Bold Italic) derivadas da fonte "padrão" Arial (ou Arial Regular). Também pode designar uma fonte específica, a Arial Regular (normalmente não se utiliza o termo "regular" para uma fonte sem negrito, itálico, condensada ou expandida).
A Arial é conhecida entre os designers gráficos pela sua semelhança com um tipo bastante famoso na história do design moderno, aHelvetica da Linotype. No entanto, são comuns as críticas à Arial que atribuem-lhe um papel de "cópia inferior da Helvetica".


sexta-feira, 22 de outubro de 2010

MATERIAL DISPONÍVEL -- STORYBOARD, ROTEIRO E ARQUIVO EXECUTÁVEL(PROJETO FINAL)

Segue em anexo o link onde você poderá ver todas as imagens que foram usadas para criar o digital storytelling.

Storyboard. link: http://www.4shared.com/file/9JfZDPvr/Storyboard.html

Segue em anexo o link onde você poderá ver o roteiro usado para criar o digital storytelling.

Roteiro. link:http://www.4shared.com/file/g1df5iAi/narrao.html

Segue em anexo o link onde você poderá ver o arquivo executável feito software windows movie maker.

Arquivo executável. link:
http://www.4shared.com/file/SJAmfNCR/projeto_final.html

Digital storytelling - Texto reflexivo

Digital storytelling

O primeiro desafio foi tentar reduzir o grande número de textos da narrativa na quantidade que se encaixasse no vídeo de forma que o conteúdo não ultrapassasse 15 minutos. Pesquisei juntamente com meus colegas de sala Jefferson e Alan várias imagens de consoles, sons para jogos e o conteúdo da narração. 

Depois que o conteúdo foi achado e selecionado, foi à hora de narrá-lo. A narração foi muito difícil, pois errei muito na execução da fala e sei que a qualidade do som não ficou boa. Outra dificuldade foi o design de som. Achar músicas de jogos de várias épocas não é tarefa fácil. Porém, o mais complexo foi montar o storyboard, pois é como montar um quebra-cabeça, ou seja, você tem que encaixar a transição das imagens de forma harmoniosa com a voz e o som dos jogos. 

Eu e meus colegas tivemos a preocupação em escolher imagens que proporcionassem alguns princípios de composição visual como: regra dos três terços, repetição, contraste, proximidade da minha voz com o som e por último a simetria e assimetria nas imagens do storyboard.

quarta-feira, 20 de outubro de 2010

Este é o Digital Storytelling da disciplina de comunicação visual.
Equipe: Jefferson Torres Freitas;
Alan Silva;
Daniel Barbosa.

segunda-feira, 4 de outubro de 2010

Artigo sobre comunicação visual


Analisando do ponto de vista de um Publicitário, que trabalha em uma agência com suas normas e regras. É claro que se for trabalhar com um produto ou serviço irá pensar só da forma dele. Quais as ferramentas vai ter que utilizar, o que seu cliente pretende para com aquele anúncio, etc. O Publicitário até chega planejar algo para que aquele anúncio saia como ele queira (e que muitas vezes pode ser mudado por completo), mas sua execução de trabalho é rápida. Não como o caso do profissional de Relações Públicas, que têm uma tarefa muito diferente da que o publicitário têm.
Podemos ver muito breve, o que sempre faz os publicitários numa criação qualquer de produto/serviço. Para ele, as primeiras coisas a se fazer numa estrutura visual é: dar um nome a esse produto/serviço que é o principal para poder identificá-lo ( o que chamamos de, Marca), depois é necessário que se faça um símbolo, um signo para a fixação dessa marca (o símbolo significa o Logotipo) e logo após um lema, expressando uma qualidade ou uma vantagem do que está trabalhando (que é o chamado Slogan).

COMUNICAÇÃOVISUAL harmonia e desarmonia

Equilíbrio
Entendo que equilíbrio visual na imagem está organizado de modo que nenhum deles se destaca mais que os outros. Podemos observar quando observamos a forma neutra em que as  cores estão inseridas  e a harmonia das formas.Também podemos observar que os pontos visuais fortes da fotografia se concentram ao centro,ou seja, maior destaque.
Desequilíbrio
Na imagem notamos a poluição visual, não existe simetria entre os eixos e muita desordem, ou seja, há um desequilíbrio visual. A acomodação dos objetos inseridos na imagem nos provoca a sensação de desequilíbrio. Um dos elementos que colaboram para certa poluição visual seria a presença de tonalidades que não provocaram uma harmonia de cores.

segunda-feira, 20 de setembro de 2010

logomarca - TV GOURMET


Esta logomarca foi feita no photoshop cs4. Nela eu apliquei os seguintes comandos:
1. Em editar, usei transformação vertical para inverter o texto e mudei a perspectiva do texto invertido.
2. Usei o botão adicionar estilo de camada – item sobreposição do degradê para que eu pudesse mudar a opacidade e o degradê.
3. Usei o filtro opção desfoque gaussiano e mudei o raio.
4. E por último usei um efeito e iluminação.

sexta-feira, 3 de setembro de 2010

Descrição de uma imagem. O que reprsenta para mim.



Este lindo lugar fica em Guaramiranga- CE. O que ela representa para mim? Simplesmente paz por está em contato com a natureza o qual o homem a destrói cada vez mais. Também representa está perto de Deus. Como diz a bíblia:

(Colossenses  1. 16) na última frase diz : Tudo foi criado por ele e para ele.

ilusão de ótica - comunicação visual


Estas imagens dão a sensação que estam em movimento. Como se fosse uma engrenagem.