KingHost
Canais iMasters

Photoshop

Estereoscopia - criando imagens 3D

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.


Comente também

66 Comentários

Fagner
Fagner

muito boa matéria, só me da o tempo de recortar o óculos aqui pra dizer se da certo rsrs

Fabio Lody
Fabio Lody

recorte e monte o oculos e nos diga oque achou ;)
abs brother...

Jean_CdZ
Jean_CdZ

Nunca tinha visto algo do tipo, foda!

Fabio Lody
Fabio Lody

obrigado irmao...abs

Evedove
Evedove

Parabéns Fabio, muito bom!

Abraço.

www.evedove.com.br

Fabio Lody
Fabio Lody

obrigado irmaozinho e gostei mto do seu portifa, parabens!

Thiago
Thiago

Pra mim não fica nada em 3D... tem diversos tutoriais na net e nenhum consegue msm fazer o 3D perfeito. Isso ae só deixa a sombra vermelha e azul e nada +. O com recorte faça um teste. defina como papel de parede a imagem q vc criou e observe os icones da área de trabalho. Estarão voando porém a foto mesmo não fica em 3D... Deve ter alguma macete para fzer a parada de acordo mesmo. Valeu mas não funciona.

Fabio Lody
Fabio Lody

Thiago, boa tarde. Primeiramente, voce leu a materia? Não parece. Mas nao tem problema, vamos lá eu vou explicar novamente. "Estereoscopia" é a simulação de duas imagens da cena que são projetadas nos olhos em pontos de observação ligeiramente diferentes...gerando uma sensação de visão de 3D. Obviamente voce precisa de oculos especificos para imagens "anaglyph". Para não confundir, são os oculos caseiros mesmo, não os polarizados. Até porque, infelizmente ainda nao conseguimos simular efeitos 3d para oculos polarizados na internet (ainda). Essa tecnologia é bem antiga e diferente da usada em cinemas 3D. Entendeu? So me faça um favor, antes de comentar sobre a "parada", leia antes, por favor. Obrigado ;)

Fabio Lody
Fabio Lody

ah só um detalhe. Cuidado ao comprar a playboy da Larissa Riquelme com imagens "anaglyph" ..aquela que vem com oculos caseiro, sabe?. Ela não ira aparecer em 3D do seu lado e voce ficara extremamente chateado por ter gastado dinheiro ;)

David Guimarães
David Guimarães

Fábio... Muito Bom.. Hahahahaha...

Fabio Lody
Fabio Lody

obrigado irmaozinho! se precisar de ajuda ai, é só chamar

nanndonanndo
nanndonanndo

FodA ..... rsr vlw pelo aviso, já tava pensando em ter aquela mina aqui em casa rs
Sempre interessantes as materias, volta a postar mais ai mano, tá fazendo falta.
abs

Fabio Lody
Fabio Lody

rss hoje saiu uma materia com imagens assim: http://ego.globo.com/Gente/Noticias/0,,MUL1618737-9798,00-VEJA+MAIS+FOTOS+DO+ENSAIO+DE+ANNA+KOURNIKOVA.html é da anna kournikova. E obrigado pelos elogios fernando, vou voltar a escrever com mais frequencia. Acredito que na outra segunda ja saia uma materia nova. abss

Vanessa
Vanessa

Fabio, não tem jeito vc sempre arrasa nas matérias!!!!!! Some de vez em quando rs, mas quando aparece é pra arrebentar...

Parabens!!!8

Sua fã numero 1

Daniel Brandao (@gothian)
Daniel Brandao (@gothian)

Cara d+... Parabéns meu querido... Curti d+
Valeu pelas dicas e tutoriais ;)

Aluisio Martins Junior
Aluisio Martins Junior

CARACA! Ufâ! Pensei que minha revista tinha vindo com defeito!!! kkkkk

Thiago Augusto
Thiago Augusto

Fabio Lody,

Creio que suas cartas na manga ou se esgotaram, ou já se esgotou. Você já desenvolveu e já escreveu colunas belíssimas, contudo, vejo a cada dia o nível cair de produção. Mais incrível ainda, é vê que qualquer coisa que você escreva, os ignorantes de plantão aplaudem, sem ao menos lêr ou vêr o que foi escrito.

Porque não explora o universo da suite CS5 da Adobe ou em vez de escrever abobrinhas?

Fabio Lody
Fabio Lody

rs, ta certo. Vamos lá.
Adoro conversar, principalmente com um eximio conhecedor da area, como você.

A ultima matéria que escrevi foi a quase um ano, como o nível cai a cada dia, ta maluco?
E interessante você julgar as pessoas como ignorantes por buscar conhecimento. Alias, o que você faz aqui? Sinceramente, gostaria muito que você tivesse ao menos consideração e respeito por pessoas buscarem aprender. Mais ainda, por mim que escrevo nesse site desde 2002, ja dei aula, palestrei, me disponho a ensinar/aprender com amigos/leitores, perco meu tempo e nunca cobrei nada por isso.
Outra coisa. Como "sem ao menos "lêr" o que foi escrito?
Se você tem uma duvida especifica do artigo, pergunte. Faça como qualquer outro leitor. Não menospreze as pessoas por você não ter entendido o assunto proposto. Ou se entende tanto, não faz sentido acessar sites de tutoriais e conteudo, certo?
Em tempo, posto materiais de acordo com os pedidos de leitores. Estive afastado justamente para preparar um material para o iMasters em paralelo a coluna.

Agora mais uma vez (peço de coração). Leia antes, estude e procure aprender antes de comentar. Entenda o assunto proposto.

Se apos entender, e dizer que o angulo que apliquei na rotação do canal pra gerar a estereoscopia não for ideal pra voce, ai aceito sua critica.

Abraço.

Diogo
Diogo

Incrível falar isso do cara que escrever uma coisa super interessante. Você ao menos conseguiria fazer melhor pra falar dele antes? oO

Wandir Wanderley Silva Barbosa
Wandir Wanderley Silva Barbosa

Caro Lody,

De fato suas matérias são geniais. Poucos são os que conheço que dominam tão bem essa magnifica ferramenta chamada Photoshop. Esse tutorial é mais uma amostra de sua capacidade e profissionalismo. Parabéns e muito sucesso para você.

Confesso que muito do que sei foi porque li algum material seu aqui no IMasters. Foi, sem dúvida, um dos responsáveis pela minha escolha profissional. E ainda continua sendo um "tutor" sem ao menos termos contato direto.

Mais uma vez te desejo tudo de bom e aconselho: não se deixe levar pelos trolls da Internet. Infelizmente há muita gente (como os dois Thiagos em questão) que não entendem que buscar conhecimento não é ignorância e que sua função aqui no IMasters é compartilhar e aprender com todos.

Tutorial show de bola e dicas simples, objetivas e importantes. 3D tá na moda =D

Abraços e até a próima =D

Fabio Lody
Fabio Lody

Oláa Wandir!

Cara, muito obrigado pelo seu comentario.
São elogios assim que me motivam cada vez mais a escrever.

Entendo que as vezes eu tenha desagradado alguns, só peço que entendam que só quero

ajudar e mostrar as maravilhas que esse programa proporciona.

Fico muito feliz de ja ter te ajudado e ser seu tutor. Saiba que oque precisar, pode contar comigo, sem problema, estou a disposição.

Abraço irmão, fique com Deus

Sorte e sucesso pra ti.

Alexandre
Alexandre

Boa tarde Fábio.

Cara, estou fazendo um curso técnico de web design, e imaster é minha página principal, e sempre que posso dou uma lida em algumas coisas interessantes, como esse seu artigo, show de bola.

Mas, o motivo deste meu post, é que eu fico muito irado com essas pessoas que ficam vasculhando a net para encontrar algum assunto que pensa que domina para.... sei lá... pode ser que o cara não tem o que fazer ué, pega leve com ele Fabio...rsr

Olha, falando sério, sou novo na área, e o que mais tenho encontrado por aí, são pessoas arrogantes que adoram subestimar e julgar os outros como se fossem donos da verdade, se existe algo que me irrita muito, mesmo sendo cristão, são pessoas "deshumildes"...rsrsr...

Grande abraço e parabéns pela sua trajetória e seu portfólio!
Deus te abençoe!

Fabio Lody
Fabio Lody

Concordo com voce Alexandre e muito obrigado por comentar minha coluna.

Em que modulo do curso você esta?

Se precisar de um help por ai, é só chamar.

Qualquer duvida, me mande um email, ok?

Abraço e boa sorte por ai, fique com Deus

Adriano
Adriano

Caro Fabio,

Sou apaixonado por photoshop e acompanho sua coluna a muito tempo, quero te dar o parabéns pelas excelentes materias, me ajudaram demais na minha profissão. So teria uma pergunta a te fazer:
Porque teu site/blog e em ingles? Pq nao em portugues?
E isso meu caro sucesso para você e continue assim, nos trazendo cada vez mais informações sobre esse programa maravilhoso que e o Photoshop.

Fabio Lody
Fabio Lody

Olá Adriano, tudo certinho?

Primeiramente, muito obrigado por acompanhar meu trabalho a bastante tempo.

Pelo jeito você é leitor assíduo do iMasters né?

Bom, vamos lá.

Meu site esta em ingles porque ultimamente tenho feito mtos contatos e trabalhos fora do pais.

Por isso achei melhor ja deixa-lo em ingles. É meu portfolio, mas se voce quiser alguma dica sobre algum trabalho especifico eu te mando sem problema nenhum.

Na semana que vem, muito provavelmente ja saia materia nova, espero que goste.

Abraço irmao

Glauber Silva Braga
Glauber Silva Braga

Poxa...matéria nota 10!!!

Um abraço do La Pergunta?

Fabio Lody
Fabio Lody

HUHUAHAUAHUAHUHU e ai irmaozinho? qto tempo!

curto a materia?

Logo logo eu volto pro CS pra tomar uns HS de vc rss

abraço brother.

Paula
Paula

como faço para fechar um arquivo para impressão que fique desse jeito?

Fabio Lody
Fabio Lody

Olá Paula, tudo bem por ai?
Basta ao final do efeito, dar um "flatten" e em seguida transformar para CMYK, ok?

qualquer coisa, grite.

MARCIONE JR
MARCIONE JR

Muito bem elaborado esse teu artigo Fábio... esse recursos realmente impressionam qualquer profissional da área. Abraços irmão

Ricardo
Ricardo

Ola Fabio, eu gostaria de saber se isso da pra passar para o impresso, se posso fazer serviços grafico dessa forma, pq esta em RGB se passar para CMKY dará certo, obrigado.

Fabio Lody
Fabio Lody

Olá Ricardo, boa tarde!

Desculpe a demora. Se você passar simplesmente para o CMYK não funciona ok?
Pq os canais são diferentes. Oque você precisa fazer é dar um "flatten" antes de transformar para CMYK ai sim funciona.

espero ter ajudado, qualquer coisa grite.

Abs

SanDru Luís
SanDru Luís

Sera que rola com aqueles oculos 3D que sao pretos? ou teria que fazer alguam coisa para lenticular?

Fabio Lody
Fabio Lody

Infelizmente não Sandra.

Os oculos pretos são os polarizados. Os filmes que usam aqueles oculos no cinema 3D são projetados com 2 projetores e filmados com cameras especiais (o mesmo para as TVS 3D)
as filmadores são similares a esse lançamento da Panasonic: HDC-SDT750 (camcorder 3D) http://tinyurl.com/28mlu83

Mas acredito que muito em breve, irão desenvolver alguma tecnica para ser aproveitado os oculos polarizados pela web, vamos aguardar.

abs

J. D. Santiago
J. D. Santiago

Olá Fabio.

Muito boa sua matéria.
Eu estava ensinando meus alunos a desenvolverem imagens desse tipo e eles sentiram um pouco de dificuldade de entender o princípio do uso das duas imagens, mas com o simples exemplo de colocar o dedo em frente ao rosto e olhar apenas com um dos olhos e fazer o mesmo com o outro, conseguiram entender melhor.
Mas se eu tivesse visto sua matéria antes, teria utilizado como referência na aula, principalmente pela linguagem simples.
Aproveito o espaço para indicar para o pessoal o portifólio do Paul Neave. O cara escreveu um tutorial sobre imagens anaglíficas para a revista W e tem uma parte no site dele que dá pra rabiscar algumas coisas e já saírem com esse efeito.

http://www.neave.com/anaglyph/

É isso.

Abraço a todos.

Fabio Lody
Fabio Lody

Olá amigo Santiago, tudo bem?

Tai, gostei do seu exemplo. Bem pratico e ajuda mto na hora da explicação.
A sua indicação tambem é otima para quem quer aprender mais sobre o assunto, ja esta favoritado!

Abraço amigo e nao deixe de nos visitar no interCon 2010:
http://intercon.imasters.com.br/2010/

Ricardo
Ricardo

Ola Fabio obrigado por me responder, vou fazer aqui e qualquer coisa tiro minhas duvidas ok, vlw

Fabio Lody
Fabio Lody

Se precisar, é só chamar.

abss

e nao deixe de nos visitar no interCon 2010:
http://intercon.imasters.com.br/2010/

Fabio Lody
Fabio Lody

Se precisar, é só chamar.

abss

e nao deixe de nos visitar no interCon 2010:
http://intercon.imasters.com.br/2010/

Adriano Moura
Adriano Moura

Mto Bom

Fabio Lody
Fabio Lody

Obrigado amigo, se precisar é só chamar.

e nao deixe de nos visitar no interCon 2010:
http://intercon.imasters.com.br/2010/

Adriano Moura
Adriano Moura

Inclusive eu consegui fazer o efeito da primeira imagem usando o tutorial da segunda

mto legal

www.i-haze.com

Fabio Lody
Fabio Lody

Showw irmaozinho!

depois poste um resultado qualquer usando uma imagem sua para a gente ver.

Abs

e nao deixe de nos visitar no interCon 2010:
http://intercon.imasters.com.br/2010/

Rodrigo Almeida
Rodrigo Almeida

Fala Irmãozinho,

Vou ver se o óculos da playboy aqui vai me ajudar... heheheheheh como não entendo muita coisa, acho que ficou show de bola!!! =D

E incrível como ainda existem pessoas que gostam de criticar, pelo que sei, todos os navegadores tem o "X" (sair) ou melhor, GOOGLE/BING/YAHOO o que quiser! Além de informação de graça, com qualidade, site organizado e didático, ainda exista críticas não construtivas. Mas tudo bem, não dá para agradar gregos e troianos.

E irmãozinho, parabéns pelo sucesso e pelas colunas, estou ainda lendo algumas para tentar montar o layout do meu site, o site LENDÁRIO!!! kkkkkkkkkk

Abraços,
Rodrigo Almeida

Rodrigo Almeida
Rodrigo Almeida

*** ADENDO ***

Treine muito PES2010, FIFA11 ou qualquer outro de futebol no PS3, não vou ter dó quando jogar contigo!!!

Abraços e saudades de tu!!

Fabio Lody
Fabio Lody

Falaa ae irmaozinho! Tudo em riba?

Esse ano vai aparecer no interCon? Vai pagar a cerveja?

Saudade de tu, vamos combinar alguma coisa qualquer dia!

e manda um abraço pra minha sobrinha linda.

abss irmao, fica com Deus

Rafael
Rafael

Ficou meia boca. Acesse www.rc3d.com.br para exemplos melhores.

J. D. Santiago
J. D. Santiago

Esse site é uma excelente referência. Obrigado por compartilhar.
Abraço

Fabio Lody
Fabio Lody

Não sei se voce percebeu Rafael, mas aqui não é uma galeria. Estou ensinando a desenvolver o efeito. A tecnica é a mesma. Imagens boas usando esse efeito existem em milhoes de sites, dai é que vem a duvida de como criar das pessoas. Mas obrigado pelo link ;)

e nao deixe de nos visitar no interCon 2010:
http://intercon.imasters.com.br/2010/

Rafael
Rafael

Vale lembrar o seguinte: a compactação do "Save for web" detona o efeito. Abraço.

Fabio Lody
Fabio Lody

Vale lembrar que "Save for web" detona qualquer imagem desde que você não saiba usar.
Abraço.

Rafael
Rafael

E tem outra, o efeito fica melhor quando vc tem 2 fotos que são tiradas de angulos ligeiramente diferentes. Assim como os dois olhos captam 2 imagens e a tranformam em 1 única.

J. D. Santiago
J. D. Santiago

Muito bem observado. Ângulos diferentes fazem toda a diferença.

Fabio Lody
Fabio Lody

Sim certamente. Caso não tenha duas fotos bem tiradas, usando o Photoshop e essa tecnica, podemos chegar a um efeito satisfatorio tambem.

e nao deixe de nos visitar no interCon 2010:
http://intercon.imasters.com.br/2010/

Danielle
Danielle

Meu, que tuto útil! Vlw mto!! Era isso que tava buscando há um tempo. Mande mais novis sobre 3D!!

Jonathan
Jonathan

Otima materia.
Como todas que ja vi.

Jonathan
Jonathan

ALiais,

sempre faz boas materias..aprendi muito com vc ... e continuo aprendendo com dicas
e maneiras diferentes de fazer as coisas no photoshop.

Esses cara ai acha que a imagem vai fikar completamente em 3D sem nem termos ainda monitores que exibam imagem em 3d sem oculos.
Compram uma playboy e acham que o efeito é o mesmo. Cada uma viu.
Parabens pela materia, e eu queria saber de vc Fabio,
lugares bons em que posso me especializar mais em photoshop, after effects e os softwares da adobe, vc trabalha na area pode conhecer bons lugares ou ter boa recomendação.

Obrigado desde já.

Rodrigo Meirelles
Rodrigo Meirelles

Olá Fábio,
muito boa a matéria e interessantissima, acesso o imasters desde 2004, minha base no PS aprendi aqui com seus tutoriais e de outros articlistas, e admiro sempre a iniciativa do pessoal que "saca mesmo da parada" e compartilha com a gente que quer aprender sem cobrar nada.

Meus parabéns!

Rodrigo Meirelles.

carlos
carlos

achei muito legal

Raphael Bruno
Raphael Bruno

Fábio:

A um bom tempo não venho ao site pois sabe como está a nossa vida bem corrida.
Sinto muita falta dos seus tutoriais, digo mais hoje faço publicidade, já dei aula de photoshop em cursinho, estou me preparando para tirar o certificado ACE do CS5, fiz bons cursos um deles você me indicou pessoalmente " msn " rs que foi a WOC-RJ.
Tudo isso foi motivado por você, se tem alguém que hoje eu admiro e me lembro todos os dias "tirando meu pai rs " esse alguém é você!
em meados de 2002 eu descobri os seus tutoriais e me apaixonei pelo photoshop.
Se hoje sei um pouco de photoshop " aprendo todos os dias " é graças a você!

Mais uma vez muito obrigado e é uma honra poder falar isso aqui!

Um grande abraço sucesso!

E volte com mais tutoriais!!

Fabio Lody
Fabio Lody

Opaa muito obrigado Raphael! Andei um pouco sumido sim.

Só consegui ler seu comentario agora, me desculpe.

Estava envolvido num projeto bem legal do iMasters que em breve saira no site.

Terminando isso, volto a escrever por aqui.

E boa sorte na certifiação, estude bastante! rs

sorte e sucesso pra ti. Fique com Deus.

Coldplay
Coldplay

Sensacional!
Meus parabéns.

Aurélio CS
Aurélio CS

Este sim É um Tutorial... não poderiamos esperar nada menos do Fábio "salvador".

Parabéns!!!

Lucas Louis
Lucas Louis

O site abaixo explica como fazer um óculos caseiro.

http://www.comofazer.wiki.br/como-fazer-oculos-3d/

Muito legal e interessante este tópico. Parabéns Fabio... conferi o seu site e gostei muito. Site bem Clean e elegante, seus trabalhos são ótimos... dignos.

Raúl Pedro Lopes
Raúl Pedro Lopes

Obrigado pelo que tens feito, apoiando-nos de uma forma muito simples e assim continua.....

Felipe
Felipe

Meus parabens lody...
Um dos melhores post que achei na internet!!!
Algumas coisas tive umas dificuldades em fazer, mas seus tutarios sao mto bons!!

Um abraço

Qual a sua opinião?

Comentários considerados ofensivos serão moderados.

Parceiros

IBM
PagSeguro
Internet Innovation
Dialhost
HostNet
Tecla
KingHost
DotStore
Dinamize