iMasters | Por uma internet mais criativa e dinâmica

• Photoshop

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 10 comentários

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

Todos os artigos de André Sugai

10 comentários publicados

• 1. muito bom

  Terça-feira, 19/08/2008, por Itamar Nascimento
  

  Legal muitíssimo criativo, ótimo efeito.

  • André Sugai - Terça-feira, 19/08/2008

    

    Fico feliz que tenha gostado Itamar, obrigado pela visita!

  Responder comentário

• 2. Perfeito...

  Terça-feira, 19/08/2008, por Gabriel Santos
  

  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 - Terça-feira, 19/08/2008

    

    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!! :)

  Responder comentário

• 3. Perfeito...

  Terça-feira, 19/08/2008, por Gabriel Santos
  

  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

  Responder comentário

• 4. criatividade

  Terça-feira, 19/08/2008, por Andre Santos Pereira
  

  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 - Terça-feira, 19/08/2008

    

    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! :)

  Responder comentário

• 5. Ótima sacada

  Quarta-feira, 20/08/2008, por Renato Troccoli
  

  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

  Responder comentário

• 6. Gostei!!!

  Quarta-feira, 03/09/2008, por Jorge Marchi
  

  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

  Responder comentário

• 7. Interessante efeito

  Sábado, 06/09/2008, por Ronaldo Luis
  

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

  Responder comentário

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

Indique para um amigo

Tags relacionadas

brasil tecnologia linux lançamento mercado google twitter youtube android web 3g seguranca microsoft windows internet mobile ti yahoo crescimento iphone apple publicidade desenvolvimento php celular criação

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!