Tutorial: Fazendo imagens 3D (anáglifo)

Publicado: 11/10/2010 em Tutoriais
Tags:, , , , , , , , ,

Este é o primeiro post no meu novo antigo primeiro blog, que agora está reformulado e parece que terá destino certo. :)

Hoje quero ensinar à vocês como fazer imagens 3D por meio de estereoscopia.
Uma imagem estereoscópica, também conhecida como anáglifo, é composta pela sobreposição de duas imagens, capturadas de pontos ligeiramente diferentes (paralaxe). Assim cada imagem será filtrada por meio de óculos especiais criando a impressão de ser 3D.

O tutorial foi feito no Ubuntu, usando o Gimp 2.7.2 e duas imagens (esquerda e direita).

Vamos lá.

1º  Abrir o Gimp e selecionar as imagens:

  • Abra o Gimp clicando em “Aplicativos” > “Gráficos” > “Gimp”;
Abrindo o GIMP

Abrindo o GIMP

  • No menu “File” clique em “Open as layers”;
Abrindo imagens sobre camadas

Vá ao menu "File > Open as layers"

  • Vá ao local onde estão as duas imagens (esquerda e direita) e segurando o botão CTRL selecione as duas imagens e clique em “OK”.
Selecionando imagem esquerda e direita

Selecione as duas imagens segurando a tecla CTRL e clicando nas mesmas


2º Alterando a cor das imagens:

  • Selecione a imagem direita na camada e vá ao menu “Colors” e clique em “Níveis”;
Selecionando o a opção Níveis, no meno Colors

Vá ao menu Colors e clique em Níveis

  • Na janela de níveis em “Canal” onde está escrito “value” selecione o canal “red”;
Em canal selecionando a opção de cor que será alterada

Selecionando o canal de cores em Canal

  • Na barra de “Níveis de saída” altere o valor 255 para 0 ou apenas empurre o marcador para a esquerda que também irá zerar o valor.
Alterando os níveis de saída

Nível de saída alterado para zero

  • Feito isso, selecione a imagem esquerda na camada e faça o mesmo alterando dessa vez os canais “green” e “blue” para zero, assim ela ficará na cor vermelha.


3º Sobrepondo as imagens:

  • Selecione imagem da camada superior (imagem na posição acima das demais) no painel “Camadas”, que fica normalmente do lado direito, em “Modo” altere de “Normal” para “Screen” (em português a opção chama-se “Esconder”).
Imagem na cor vermelha

Em "Modo" no menu "Camada" selecione "Screen"


4º Salvando o arquivo:

  • Para salvar a imagem no formato que você desejar, basta em ir em “File” e clicar em “Export…” selecionar o formato e o local da imagem e salvar.
Exportando a imagem pronta

Vá ao menu "File" e selecione "Export..."

Agora a imagem já pode ser visualizada com óculos bicolor (3D). Confira o resultado:

Flor 3D

Clique para ampliar

Caso queira baixar o arquivo .xcf (projeto do Gimp) deste tutorial eis o link: www.mediafire.com/file/99tnhh1fuzdrt1h/flor.xcf.zip

Caso ainda tenha alguma dúvida foi feito também um vídeo passo a passo deste tutorial:

Vimeo:

Youtube:

Comentários
  1. Kleber disse:

    Cara,muito interessante mesmo esse seu post,aliás primeira vez que coloco realmente meu email em algum comentário em blog hehe.

  2. Luiz Felipe disse:

    Nossa, isso é incrível! Vou logo testar com os meus óculos ^^ thanks

  3. [...] O tutorial foi feito no Ubuntu, usando o Gimp 2.7.2 e duas imagens (esquerda e direita).”” [referência: brenno.wordpress.com] [...]

  4. willedu disse:

    Muito bom, parabéns. Vou testar depois :)

  5. Paulo Eduardo disse:

    Brenno, o som dos vídeos ficaram baixos.

    • Eduardo,

      O gravador de som do meu laptop não é muito bom. Mas creio que se você ouvir com fones de ouvido certamente o som melhorará, pois o stereo em laptops (que provavelmente você está utilizando) também não é nada bom.

      Abraços meu amigo.

  6. MrFr0g disse:

    Agora precisa de um tutorial pra fazer os óculos, com papel celofane e cartolina, pra poder visualizar imagens estereoscópicas! lol

    PS: o Inkscape poderia ser uma boa escolha, pra fazer o modelo.

  7. Tobias disse:

    Tutorial com gimp em ingles? o.O

  8. vinicius disse:

    parabens cara

  9. Paulo disse:

    Obrigado… Estou procurando esse efeito faz um tempo… Muito bom

  10. Pablo Albino disse:

    Brenno,

    grande tutorial! Vou adaptá-lo ao PS, que é o software que uso. Só fiquei em dúvida sobre a captação das imagens. Como devo proceder para obter as 2 imagens? E outra coisa, é possível simular com apenas uma foto, talvez, deslocando a cópia em relação à original?
    grande abraço!

    Pablo Albino

  11. lucas disse:

    como e que baixar esse programa?

  12. MrLuyKi disse:

    Vlw!
    Bom tutorial.
    Vejam meu resultado:
    http://i56.tinypic.com/20a7zhw.jpg

  13. Gustavo disse:

    Você esqueceu de mencionar que as duas imagens precisam ter ângulos ligeiramente diferentes.
    Ainda errou em outro ponto: o efeito não pode ser aplicado em toda a foto de maneira igual, do jeito que você explicou, o máximo que acontecerá é uma imagem brilhante que da dor de cabeça.

    Precisa de profundidade! Não é tão simples quanto parece. Esta foto que você usou tem ângulos diferentes e mesmo assim o produto final não ficou tão bom!

    Mas valeu a intenção.
    Um abraço.

    • Gustavo disse:

      Ops… corrigindo… você mencionou os ângulos sim… só faltou a questão da profundidade!
      Não estou tentando ser chato… é pq estou tentando conseguir este efeito já há um bom tempo… Tem um programa, o ANAMAKER que inclusive aplica esse efeito instantaneamente… mas não é tão simples quanto parece… quando acharem uma foto em 3D anáglifo bem feita… reparem quem apenas alguns pontos aparetam sair da tela enquanto outros ficam mais para o fundo…

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Sair / Alterar )

Imagem do Twitter

You are commenting using your Twitter account. Sair / Alterar )

Foto do Facebook

You are commenting using your Facebook account. Sair / Alterar )

Connecting to %s