Segunda-feira, 18 de agosto de 2008 às 11h30

Como deixar a tela de seu monitor transparente

Como seria interessante se as telas de nossos pcs fossem transparentes. Enquanto este tipo de tecnologia não vem, temos o Photoshop que nos faz tudo ser possível! Este tutorial ensina como deixar a tela do seu pc totalmente transparente. Vamos começar!

01. Usando um tripé, posicione sua câmera digital em frente ao seu computador, retire o monitor e bata uma foto da parede com na foto abaixo. Feito isto, posicione o monitor no lugar de origem e bata outra foto sem tirar a câmera do lugar.

02. Agora no Photoshop pressione Ctrl+O e abra as duas imagens, clique no documento que contém a imagem da parede e pressione Ctrl+A para selecionar seu conteúdo. Vá no documento que contém a imagem do monitor e pressione Ctrl+V para colar. Sua paleta de layers deve ficar como a da foto abaixo.

03. Clique na Layer 1 (que contém a foto da parede) e vá em Layer> Hide Layers para desabilitar a visibilidade da layer. Clique na layer que contém o monitor, pressione a letra P do teclado para selecionar a Pen Tool e crie um Path ao redor da tela do mesmo.

04. Com o Path criado, pressione Ctrl+Enter para ativar a seleção; com a seleção ativa, clique na layer que contém a foto da parede e vá em Layer> Show Layers para habilitar a visibilidade novamente e pressione Ctrl+J para duplicar a seleção para uma nova layer.

05. Agora vá em Layer> Layer Style> Inner Shadow, Layer> Layer Style> Drop Shadow, Layer> Layer Style> Gradient Overlay e Layer> Layer Style> Color Overlay com as definições mostradas abaixo.

06. Sua imagem ficará como a da foto abaixo.

07. Agora clique na layer que contém a foto da parede e vá em Layer> Delete> Layer para deletar a layer; sua imagem deverá ficar como a da foto abaixo.

08. Abaixo alguns outros exemplos da mesma técnica. Para ver mais fotos com outros exemplos, clique aqui.

Site de origem.

Blog de André Sugai

11 comentários

 Itamar Nascimento
19/08/2008 14h06

muito bom

Legal muitíssimo criativo, ótimo efeito.

 André Sugai
19/08/2008 21h01

Fico feliz que tenha gostado Itamar, obrigado pela visita!

 Gabriel Santos
19/08/2008 15h30

Perfeito...

André...
A cada dia me impressiono mais com seu trabalho...
Muito bom esse efeito...
A última imagem com a mão entrando no pc...
realmente muito bom...
Vc realmente esta mantendo o nível do iMasters...
Parabéns...
Abraço

 André Sugai
19/08/2008 21h03

Oi Gabriel, estou procurando postar tutoriais que os leitores do meu blog acharam interessantes e que acima de tudo mostre alguma técnica diferente para não ficar na mesmice, obrigado pela visita!! :)

 Gabriel Santos
19/08/2008 15h30

Perfeito...

André...
A cada dia me impressiono mais com seu trabalho...
Muito bom esse efeito...
A última imagem com a mão entrando no pc...
realmente muito bom...
Vc realmente esta mantendo o nível do iMasters...
Parabéns...
Abraço

 Andre Santos Pereira
19/08/2008 18h51

criatividade

Caraca, a matéria é muito boa realmente.
Mas acho que vou mandar email para o imasters e ser colunista também.
Pois todas suas matérias você apenas traduz.
Não tem coragem de reproduzir o efeito. Utiliza até as mesmas imagens do tutorial original.
Não sei como o imasters deixa postar isso !
Tem que fazer como o Fabio Lody, criar seus próprios tutoriais.


 André Sugai
19/08/2008 21h15

Oi André, eu bem poderia escrever um tutorial com esta técnica, não é complicada, porém desde que comecei meu blog o propósito era outro, traduzir tutoriais interessantes que fossem lançados fora do país (por isso deixo nos créditos e faço questão que acompanhem os tutoriais lançados aqui no iMasters), dando crédito total aos sites de origem e artistas que o fizeram, eu tenho um bom domínio do Photoshop a ponto de ter uma visão crítica e técnica do que estou postando, diferente de apenas "traduzir algo", no meu blog coloco muito mais material, sendo que alguns tutoriais refaço totalmente, colocando fotos próprias, outros acrescentod mais detalhes escritos e alguns chego a refazer para chegar ao efeito final, porém o objetivo do ::Tutoriais Photoshop:: nunca foi "criar tutoriais", e sim divulgar e disponibilizar em lingua Portuguesa material interessante para quem gosta de Photoshop assim como eu, respeito muito o trabalho de pessoas como o Fabio Lody que criam seus tutoriais, porém acho que já existem muitos profissionais criando coisas legais na internet, e o que eu faço é trazer o que esses profissionais lá de fora fazem para o Brasil, traduzindo de forma técnica tutoriais que ao meu ver só somam mais conhecimento a todos que trabalham com o programa, talvez seja por isso que fui convidado a ser articulista do imasters, porém entendo sua crítica como a de muitos que não entenderam (e até hoje alguns estranham) sobre o ::Tutoriais Photoshop:: mas enfim, obrigado pela visita! :)

 Renato Troccoli
20/08/2008 10h17

Ótima sacada

Me impressiono com técnicas como esta. Ferramentas simples e uma grande idéia. Acredito que o Photoshop é o aplicativo fascinante que é justamente por trabalhos como estes. Sem técnicas mirabolantes, um designer com criatividade e qualquer versão do Photoshop, é capaz de criar maravilhas. Parabéns

 Jorge Marchi
03/09/2008 09h08

Gostei!!!

Quando ví esse post no meu e-mail, achei que era a eliminação da luz no meu monitor; porém foi mais interessante. Vou fazer no Gimp, acho que fica legal intercalar a imagen de "ficção de transparencia" com outras capturas de telas num protetor de tela; e para imagens publicitárias é mais uma grande forma para promover produtos. Valeu muíto a iniciativa, principalmente para aquela falta de iniciativa de criatividade que nos deparamos de vez em quando. Ótima sacada em noz proporcionar algo interessante. Att

 Ronaldo Luis
06/09/2008 13h09

Interessante efeito

Muito bom esse efeito. Já imaginei você ganhando um prêmio de design para computadores do futuro.

 Eduardo Souza
01/09/2009 12h54

Ótimo

Parabens não tinha visto ainda este tutorial, parabens por trazer este trabalho aqui pro iMasters.

Cancelar resposta

Qual a sua opinião?

Faça login abaixo ou cadastre-se rapidamente.


Sobre o Autor
André Sugai é formado em Publicidade, Propaganda e Criação. Trabalha com Photoshop desde 2000 e é colaborador da revista Photoshop Creative. Editor do http://www.tutoriaisphotoshop.net

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.