Design & UX

13 set, 2010

Estereoscopia – criando imagens 3D

Publicidade

Olá, meus amigos! Como a mais nova tendência de filmes e de outras mídias é investir em
tecnologias 3D, achei que seria interessante mostrar como criar tais
imagens usando o Photoshop. Caso não tenham o óculos, aqui você aprende como fazer o seu.

Estereoscopia é um fenômeno natural que ocorre quando uma pessoa observa uma cena qualquer. A estereoscopia é a simulação de duas imagens da cena que são projetadas nos olhos em pontos de observação ligeiramente diferentes, o cérebro funde as duas imagens e, nesse processo, obtém informações quanto à profundidade, distância, posição e tamanho dos objetos, gerando uma sensação de visão de 3D.

Antes, vamos dar uma lida nesse material para entender um pouco mais sobre o assunto: Imagens Anaglyph

Imagens anaglyph são usadas para dar um efeito estereoscópico 3D quando vistas com óculos de duas cores (cada lente tem uma cor diferente, geralmente vermelho e ciano). As imagens são feitas em duas camadas de cor sobrepostas, são basicamente uma imagem para cada olho, e que com o óculos se misturam e criam esse efeito de profundidade. Normalmente o conteúdo principal está no centro.

via: wikipedia

*

  • Artista: Fabio Lody (www.fabiolody.com.br)
  • Descrição: Criando imagens 3D (anaglyph)
  • Software ultilizado: Photoshop CS5 em Inglês.
  • Grau de Dificuldade: 7,5
  • Ao som de: Matanza – Bom é quando faz mal.

01. Esse é um efeito bem simples e rápido e, obviamente, existem diversas maneiras de criá-lo. Irei mostrar uma delas.

Para criar imagens “anaglyph”, nós precisamos de duas cópias da mesma imagem. Podemos criar o efeito com apenas uma, mas preferi usar duas para ilustrarmos bem o efeito aplicado.

Abra a imagem que deseja usar para criar o efeito.

*Fiz esta imagem no curso de iluminação e texturas avançadas da Cadritech.

02. Vá em “image” > “duplicate”  e escreva um nome para a imagem duplicada.

03. Feita a cópia da imagem, vá em: “Window” > “Arrange” > “Tile”. Serve para visualizarmos as duas cópias na mesma tela.

04. Clique sobre a imagem esquerda.

05. Vá até “Window” > “Channel” e em seguida selecione os canais “Green” e “Blue”.

06. Selecione tudo pressionando “Ctrl + A” e em seguida copie (“Ctrl + C”.).

07. Ainda na imagem da esquerda, clique sobre o canal “Red” e pressione “Ctrl + V”.

08. Selecione tudo novamente e, mais uma vez, pressione “Ctrl + C”.

09. Va até a imagem da direita. Em seguida, “Window” > “Chanels”. Daí vá até o canal vermelho e cole a imagem (“Ctrl + V”).

10. Agora clique sobre o Canal “RGB” .

11. Finalmente, clique sobre o canal “Red”. Agora segure a tecla “Shift” e, com a seta do teclado, mova o canal uma vez para a direita.

Podemos, também, focar um determinado ponto da imagem.

Vamos a mais um teste.

01. Abra a imagem que deseja criar o efeito 3D com um ponto focado.

02. Crie um shape na região onde deseja focar.

*o tom de cinza aplicado é: #7f7f7f

03. Vá em “File” > “Save As…” e salve o psd como “displace.psd”.

04. Oculte a camada do shape.

05. Clique sobre a camada de baixo e em seguida em “Window” > “Channel” e clique sobre o canal “Red”.

06. Vá em “Filter” > “Distort” > “Displace…”

Em seguida, altere os valores como abaixo:

07. Procure o psd salvo como “displace.psd” e clique em Abrir. Sua imagem deve estar assim.

08. Agora em “Channels” clique sobre RGB.

Para dar um aspecto melhor, dei um “Gaussian Blur” ao redor:

Bom, é isso turma. Espero que tenham gostado, até a próxima!

Se quiser me seguir no twitter: @fabiolody

Um abraço a todos e fiquem com Deus.