Design de interfaces para filmes: Os Vingadores

Os filmes e produções animadas que mostram de alguma forma interfaces em dispositivos como computadores ou painéis, precisam de alguma forma apresentar soluções de design para equipamentos que não fazem parte do nosso uso diário, ou que dificilmente fariam parte do nosso ecossistema tecnológico. Por exemplo, a interface visual do uniforme do Homem de ferro é algo único para o personagem, e precisou ser criada especialmente para aquela situação. Esse tipo de problema não está direcionado apenas para os filmes e produções envolvendo ficção científica, mas até mesmo em animações 3d é preciso pesar nesse tipo de solução, pois o uso de um equipamento com interface e interação com humanos, precisa parecer que funciona.

É nesse ponto que devemos nos preocupar com o design das interfaces, e a produção do filme “Os Vingadores” fez um trabalho excelente em selecionar o designer Jayse para projetar as interfaces da maioria dos dispositivos que aparecem no filme, que permeiam desde o uniforme do Homem de ferro até os painéis e monitores dos sistemas da S.H.I.E.L.D.

Caso você não tenha assistido ao filme, ou assistiu mas não teve tempo de prestar mais atenção nas interfaces, o artista conseguiu compilar uma boa parte das interfaces projetadas por ele, inclusive com alguns rascunhos e protótipos das interfaces.

interface-Vingadores-Design.jpg

O material é uma excelente referência de linguagem gráfica para quem está estudando o assunto, e também funciona como inspiração para artistas que estejam trabalhando em projetos de animação e precisam projetar esse tipo de interface.

No filme é até complicado de perceber na sua totalidade como esse tipo de interface é complexa e bem trabalhada, pois a dinâmica dos acontecimentos é muito rápida. E no material publicado pelo artista existem até mesmo vistas gerais apenas do design da interface em excelente resolução, facilitando a análise e organização dos elementos dos gráficos.

A parte interessante desse tipo de interface é que podemos projetar com liberdade total, pois dificilmente a câmera ou o a narrativa mesmo acabam focando no funcionamento dessas interfaces, que acabam tendo mais função cenográfica no segundo plano.

Qual a minha parte preferida das interfaces? As que envolvem visualização de elementos em 3d, como a nave da S.H.I.E.L.D.

Adobe Photoshop CS4: Plugin para criar layouts em Grade

O Photoshop é usado para vários fins que vão desde a pós-produção de fotografias e material produzido em softwares 3d como a criação de layouts, para web sites e campanhas publicitárias. Para as pessoas que estão aprendendo ou precisam aprender a usar o Photoshop, para criar peças e arte para publicidade ou web sites, uma das maneiras mais usadas e eficientes de criar material consiste na aplicação de estruturas em Grid. Um grid é aquela estrutura organizada em linhas e colunas, que vemos com freqüência como plano de fundo em softwares 3d e até mesmo no Photoshop. Saber usar de maneira satisfatória os grids é fundamental para qualquer pessoa interessada em trabalhar com design gráfico.

Para ajudar nessa tarefa, um artista e desenvolvedor criou um plugin para o Photoshop CS4 que automatiza a criação de estruturas em colunas, usando as linhas guia do Photoshop. O processo de criação desses plugins agora está bem mais fácil, pois é possível usar o Flash para elaborar os plugins.

gridmaker-photoshop-cs4

O download do plugin para o Photoshop CS4 pode ser feito nesse endereço, siga as instruções na página para instalar o plugin. Basta copiar o material na pasta de plugins do Photoshop CS4 e acessar a ferramenta da pasta de extensões.

Mesmo sendo assunto para pessoas que trabalham com design de interfaces ou material voltado ao mercado publicitário, como peças e material 2D, é importante conhecer esse tipo de material. Os artistas 3D devem agregar conhecimentos de várias áreas do conhecimento, para conseguir aprimorar as suas imagens e trabalhos. Ainda lembro de uma coisa que aprendi na faculdade, mesmo as peças gráficas mais técnicas como desenhos gerados no AutoCAD, podem parecer melhores mais agradáveis ou feios visualmente se não forem bem organizados.

A mesma coisa se aplica a criação de objetos 3d, pois no final os trabalhos desenvolvidos em softwares 3d precisam ser apresentados em interfaces 2D. Seja em web sites ou como parte de uma revista, tudo precisa ser organizado visualmente. Caso você queira aprender mais sobre o assunto, e nunca tenha parado para refletir sobre as vantagens da organização de layouts em Grid, recomendo a leitura desse artigo (em inglês), sobre as vantagens de usar Grids para criar layouts 2D.