em , , , ,

Criando a projeção de luz do sol em uma foto normal.

Preview Descrição: Como adicionar a sua foto a ilusão de que a luz do sol está sendo projetada através de uma janela.

Tutorial Avançado

01. Pressione Ctrl+O e abra uma foto qualquer, para este tutorial iremos usar a imagem abaixo.

02. Pressione Ctrl+O novamente e abra a imagem que servirá como projeção da luz do sol, no caso a imagem de uma janela, neste tutorial iremos usar a imagem abaixo.

03. Agora pressione a letra V do teclado para selecionar a Move Tool.

tutoriais photoshop

04. Agora clique na imagem da Janela e arraste para cima da imagem escolhida para ser trabalhada, neste tutorial a imagem com a garota perto da parede.

tutoriais photoshop

05. Ao arrastar a imagem da janela para cima do documento com a foto da garota sua imagem ficará assim.

tutoriais photoshop

06. Sua paleta de layers deverá ficar assim.

tutoriais photoshop

07. Crie uma seleção em toda a parte do vidro de sua janela, neste tutorial a seleção foi criada usando a Pen Tool (caso não saiba como usar a Pen Tool clique aqui).

tutoriais photoshop

08. Com os vidros selecionados delete a layer da janela arrastando a layer até o ícone do lixo que está no rodapé da paleta de layers.

tutoriais photoshop

09. Isto irá deletar a layer da janela porém a seleção continuará ativa.

tutoriais photoshop

10. Pressione Ctrl+Shift+I para inverter a seleção.

tutoriais photoshop

11. Clique no ícone de Add New Adjustment Layer no rodapé da paleta de layers.

tutoriais photoshop

12. Escolha a opção Levels.

tutoriais photoshop

13. Arraste o slider indicado na foto abaixo para a esquerda afim de tornar a imagem mais escura.

tutoriais photoshop

14. Quanto mais se arrasta o slider para a esquerda mais escura a imagem se torna, após pressionar Ok sua imagem deverá estar como a imagem abaixo.

tutoriais photoshop

15. Com a tecla Ctrl pressionada clique sobre a miniatura da máscara que existe na layer do Adjustment Layer para ativar a seleção da janela.

tutoriais photoshop

16. Pressione Ctrl+Shift+I para inverter a seleção.

tutoriais photoshop

17. Pressione Ctrl+T para abrir a caixa de Free Transform, agora posicione a seleção e redimensione de acordo com seu gosto, assim que estiver ajustado presione Enter e depois pressione Ctrl+D para retirar a seleção.

tutoriais photoshop

18. Agora vá em Filter> Blur> Gaussian Blur e defina um valor aproximado de 5 pixels para o Radius.

tutoriais photoshop

19. Clique em Ok para aplicar o filtro, sua imagem irá ficar como a imagem abaixo.

tutoriais photoshop

20. Os próximos passo são opcionais, caso esteja satisfeito com o resultado você pode para por aqui ou continuar modificando mais alguns detalhes, pressione a letra G do teclado para selecionar a Gradient Tool.

tutoriais photoshop

21. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X para inverter a ordem das cores e deixar a cor branca como cor de Foreground.

tutoriais photoshop

22. Clique com o botão direito do mouse sobre o documento e escolha o primeiro gradiente da esquerda para a direita chamado Foreground to Background.

tutoriais photoshop

23. Clique e arraste pequenos gradientes nas pontas da área clara da imagem (área do vidro) como na foto abaixo.

tutoriais photoshop

24. Após aplicar o gradient sua imagem irá ficar assim.

tutoriais photoshop

25. Faça o mesmo para o lado direito da foto.

tutoriais photoshop

26. Sua imagem irá ficar assim.

tutoriais photoshop

27. Novamente com a tecla Ctrl pressionada clique sobre o ícone da máscara na layer da Ajustment Layer para ativar a seleção.

tutoriais photoshop

28. Sua imagem deverá ficar como a imagem abaixo.

tutoriais photoshop

29. Pressione Ctrl+Shift+I para inverter a seleção.

tutoriais photoshop

30. Clique no ícone de New Adjustment Layer no rodapé da paleta de layers e na lista que irá abrir escolha a opção Levels.

tutoriais photoshop

31. Assim que a caixa de Levels abrir clique em Ok, sua paleta de layers irá ficar como a da foto abaixo.

tutoriais photoshop

32. Mude o modo de blend da layer para Screen.

tutoriais photoshop

33. Com isto a intensidade da iluminação do efeito irá aumentar como na imagem abaixo.

tutoriais photoshop

34. Ajuste a opacidade para controlar a intensidade do brilho, neste tutorial a opacidade foi definida em 70%.

tutoriais photoshop

35. Ao final sua foto estará assim.

tutoriais photoshop

site de origem: http://www.photoshopessentials.com/photo-effects/light-window/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

25 Comments

  1. Olá, André!!!
    Em primeiro lugar, meus Parabéns pelo Blog.Realmente muito ótimo!!!Minha página inicial…Bom,gostaria de saber se é possível postar um tutorial para criar o efeito da capa do CD do Nightwish.Segue o link pra vc dar uma olhada.
    i236.photobucket.com/albums/ff83/kazesamui/Cover-5.jpg

    Abraço

  2. Olá, André!
    Eu estou sempre passando no seu Blog pra ver e aprender cada vez mais sobre photoshop.Eu tenho que lhe agradecer, seus tutoriais são ótimos…muito obrigada por disponibiliza-los.

    eu vi que uma descrição de ferramenta estava sem tradução e resolvi postar a tradução dela:
    Add New Adjustment Layer significa Criar Nova Camada de Preeenchimento ou Ajustes

    Espero ter sido util!

    Abraços

  3. Oi Tayson, é mais fácil você me encontrar mandando uma mensagem aqui no blog mesmo, obrigado pela visita!!

    Oi , fico feliz que esteja gostando dos tutoriais postados aqui, vale muito a pena investir em um bom curso também, afinal de contas aprender nunca é demais né!! obrigado pelas visitas e pelo elogio ao blog!! 🙂

    Oi brunatete, em relação as montagens existem algumas que já foram postadas aqui no blog e você consegue achar na barra lateral em Tutoriais Anteriores, quanto ao efeito, qual o efeito que você deseja aplicar? obrigado pela visita!! 🙂

    Oi Elenir, conheço pouco sobre scrapbooking mas sei do que está falando, quanto ao brush, aqui no blog existe um tutorial explicando como criar um, não é muito complicado mas caso tenha dúvidas é só deixar um recado ok? obrigado pelas visitas!!

    Como criar seu próprio Brush.
    tutoriaisphotoshop.blogspot.com/2007/01/como-criar-seu-prprio-brush.html

    Oi Tony, muito estranho isso, você redimensionou e depois de pressionar Enter a seleção ficou menor? caso queira me mandar a screenshot do que houve mande no e-mail guitarfreaks[at]gmail.com, obrigado pela visita!!

    Oi Thiago, fico feliz que tenha gostado do blog, quanto aos tutoriais pode deixar que aos poucos vou postando um pouco de cada tipo de técnica, obrigado pela visita, volte sempre!! 🙂

    Oi DJPrimo, obrigado pela visita!! 🙂

    Oi Marcos, pela sua descrição não consegui descobrir de qual tutorial se trata, como era a foto usada no tutorial? obrigado pela visita!!

    Oi David, depende, o coração é uma foto? se for, primeiro você deve selecionar a o coração com alguma ferramenta como a Lasso Tool ou a Pen Tool, com a seleção ativa pressione Ctrl+C para copiar o conteúdo da seleção, vá na foto onde você quer aplicar o coração e pressione Ctrl+V para colar, aí basta ajustar do modo que desejar, obrigado pelas visitas e pelo elogio ao blog! 🙂

    Oi Miss_d_Neve, obrigado pelo elogio ao blog, mas um curso é bom também, apesar de ser apenas o básico um curso dá uma boa base para irmos mais adiante, no caso usando tutoriais para aprendermos técnicas variadas entre outras coisas, fico feliz que esteja gostando do blog, qualquer dúvida é só deixar um recado ok? obrigado pela visita!!

    Oi Ramon, pode deixar que em breve postarei algo a respeito ok? obrigado pela visita!! 🙂

    Oi Cristina, eu que agradeço a visita, volte sempre!! 🙂

    Oi Metalium, obrigado pela visita!! 🙂

    Oi Danillo, os tutoriais antigos estão organizados na barra lateral do blog, porém esta barra aparece no lugar errado no internet explorer, assim como o script de tradução de termos também não funciona, o blog aparece perfeitamente no Firefox, inclusive com o script de tradução funcionando, estou trabalhando em um novo layout onde os linnks para os tutoriais antigos ficarão melhor organizados, obrigado pela visita e pelo toque ok? volte sempre!! 🙂

    Oi Kaiserlino, como funciona seu indexador? obrigado pela visita!!

    Oi Minha, o problema do link “Tutoriais Anterior” na verdade é o sistema de postagens do Blogger, pois o Blogger arquiva cada post como uma página diferente e quando o post é o do dia ele tem um clone em uma página própria, por isso quando o link “Tutorial Anterior” mostra o mesmo tutorial do dia atual, mas se você clicar nele, verá que ele irá para outra página caindo no mesmo tutorial, porém aí sim ele começará a mostrar os tutoriais anteriores, complicado né? coisas que ando tentando resolver, obrigado pelas visitas!! 🙂

  4. Olá,meu amigo!

    Não pense que não tenho estado aqui, pois passo por este blog todos os dias. Ele é um sucesso!
    Porque, lá em cima, onde está escrito “Tutoriais Anteriores” está sempre errado? Por acaso este está certo.
    Em “Tutoriais Anteriores” mostra sempre o atual.

    Um abração e obrigada por essa força energética que você nos transmite.

    Minha.

  5. Uma pergunta, poderia indexar os seus tutoriais no meu indexador?
    dktutor.com
    Caso sim agradeço, porém caso você prefira ter icones personalizados por lá seria melhor que o fizesse…

    Tenho tido diversos tutoriais enviados pelo Imagevision Design, o qual provavalmente conhece.

    Estamos em fase de restruturação com correção de bugs e algumas novidades…

    Abraços…

  6. Andre, so vc pra me fazer entrar td santo dia na net, nem pra fala com a muié eu entro, hehe, a cada dia que passa vc posta um tutorial melhor que o outro, parabens pelo blog, pelo tuto, pela maneira facil de explicar que encoraja a todos a se aventurarem no PS. Ate mais e muito mais muito secesso mesmo!!

  7. ai, André tdo bom??
    cara,faiz um mês q eu peguei o photoshop e até agora eu só fiz tuning virtual. Até tem uns tutoriais bons na internet mais a maioria é muito pobre em certos detalhes eu vi um tutorial de tuning vurtual aqui no seu blog, ele é bom mais agora eu quero fazer coisas que no seu tutorial não tem, como criar e aumentar grades do parachoque, alargar a carroceria, fazer alterações no interior do carro, cromar rodas
    essas coisas…

    gostaria muito que vc postasse um tutorial com alguns dos tópicos acima….

    parabéns pelo blog!!!
    abraço!

  8. oi André. Eu vou me formar agora em design gráfico e seu blog é realmente muito bom. existem outros sites de tutoriais sim, uns até mais conhecidos que o seu mas esse aqui é o que tem o melhor conteudo. e se continuar assim logo sera o mais conhecido. pq até agora esse pra mim é um dos melhores. ^^ E sabe como é….existem cursos e cursos…e o que eu to fazendo não é dos melhores. só que eu sô uma chereta e sai fuxicando tudo de corel e photoshop antes mesmo de entrar no curso e aprendi muuuita coisa mesmo. Parabens então pelo seu site. E eu sempre vo entrar aqui pra aprender mais.

  9. André parabéns pelo Blog, já fiz várias montagens espetaculares, mas também não conseguí fazer algumas. E eu quero saber, não tem a ver com esse tutorial, mas como se põe um coração na foto? Tipo, aqueles carimbos, sem ser brushes/
    Obrigado e mais uma vez, Parabéns!

  10. André!Parabéns pelo blog!Estou iniciando no Photoshop e graças a vc estou ficando cada vez mais viciado!Gostaria de saber sobre um efeito de outro tutorial que vi aqui no blog.Como se faz aquele efeito preto e branco com brilho onde os traços da foto ficam suaves,vi esse efeito na foto que vc usa nos tutoriais para os olhos.Procurei aqui no blog mas não achei!Um Abraço!

  11. Ae kra , descobri teu blog e porra achei muito fera… Bom eu brinco co ps ja faz alguns meses e me considero intermediário ahuahua. Mas cada dia que entro aqui sempre aprendo alguma coisa nova ^^, parabéns!
    Ae kra queria te pedir se vc pudesse postar mais tutoriais focados em montagens e manipulações, ensinando como por uma pessoa em outra foto , ensinando como equilibrar iluminação, cores e otros requisitos que uma montagem tem que ter… bom acredito que é um assunto que todos sonham em conseguir fazer neh…

    Abraços!

  12. Ei ! muito bom sua forma de escrever o tutorial. mas tou com uma duvida! quando apliquei o free transform para aumentar a janela ficou uma janela menor.. se quiser ver me manda um email que mando como ficou! eu uso o photoshop cs2.. obrigado!

  13. Oi Andre!
    Parabéns pelo Blog maravilhoso !
    Sou uma novata em Photoshop e seus tutoriais têm me ajudado muitíssimo !
    Atualmente faço muitas paginas em scrapbooking , conhece ? e vi em um site um artigo que sugeria que voce escreva um texto em uma foto usando sua propria caligrafia, e para tal tem que scanear seu texto, e fazer um Brush no Photoshop pra poder carimbar este seu texto com sua caligrafia na propria foto… Não sei nada sobre como fazer o tal brush … poderia me ajudar ? Muito grata ,Elenir

  14. Ola Andre,
    estive procurando nas montagens que vc ja fez e queria saber se tem como vc me dar um top de como fazer uma montagem com varias fotos e colocar um efeito nelas.
    Ah… adorei a montagem da “Criando a projeção de luz do sol” ja fiz e deu certinho (:

    PARABENS pelo site

    Bjuuu Bruna

  15. Olá André, há algum tempo acompanho seu blog e tenho conseguido reproduzir alguns efeitos e até tirar dúvidas sobre algumas ferramentas. Sou iniciante em Photoshop mas a cada dia tenho mais vontade de aprender. Seus tutoriais têm influenciado bastante nisso. Obrigada. Zá

  16. Oi Tayson, você viu que os termos em inglês estão sublinhados? caso você use o Firefox para acessar o blog você conseguirá ver estes termos em Português, ou caso não queira usar o Firefox você pode consultar estes termos no PS Help!, obrigado pela visita!! 🙂

  17. André adorei esse post, mas o que complica mesmo são os tutoriais em inglês, poir o meu photoshop é em portugues ai fica muito dificil de fazer! Se vc puder passa ae seu MSN valeu! Obrigado!

  18. Oi Bruninha, layouts e botões eu posso colocar sim, mas animações infelizmente não pois o Photoshop não trabalha com isto, pode deixar que assim que possível postarei algo a respeito ok? obrigado pelas visitas!! 🙂

  19. Nossa….seu blog é muito bom!!!!
    Passo qki todo dia pra ver, aprender e colocar em pratica suas técnicas…

    Será que vc pode fazer um tutorial de assim layouts, botões, animações para página de internet!!

    Obrigada…e Sucesso!!

Tutorial: Criando uma Bola de Cristal

Efeito de desfoque para fundo de foto.