Preview Descrição: Como criar uma sombra diferenciada para sua foto.

  • [message]
    • ##check##AVISO: Sombra criativa

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

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

Sombra criativa

02. Com a imagem aberta escolha pressione a letra L do teclado para selecionar a Lasso Tool e crie uma seleção ao redor da pessoa na foto como na imagem abaixo.

Sombra criativa

03. Sua paleta de layers deverá estar assim.

Sombra criativa

04. Pressione Ctrl+J para copiar todo conteúdo da seleção para uma nova layer, sua paleta de layers deverá ficar como a da foto abaixo.

Sombra criativa

05. Para criar a sombra precisaremos de outra foto, pressione Ctrl+O e abra a foto escolhida, neste tutorial iremos usar a imagem abaixo.

Sombra criativa

06. Pressione a letra L do teclado para selecionar a Lasso Tool e crie uma seleção ao redor do personagem como feito na foto anterior.

Sombra criativa

07. Pressione a letra V do teclado para selecionar a Move Tool.

Sombra criativa

08. Clique sobre a figura selecionada e arraste para cima da outra foto que estavamos trabalhando como na foto abaixo.

Sombra criativa

09. Sua imagem deverá ficar assim.

Sombra criativa

10. Como cada imagem está voltada para lados diferentes precisamos girar horizontalmente a imagem so super-herói, para isso vá em Edit> Transform> Flip Horizontal.

Sombra criativa

11. Sua imagem deverá ficar assim.

Sombra criativa

12. Agora pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco.

Sombra criativa

13. Agora pressione Shift+Alt+Backspace (a tecla acima do Enter) para preencher o conteúdo da layer com a cor preta.

Sombra criativa

14. Sua paleta de layers deve estar assim.

Sombra criativa

15. Pressione Ctr+[ para posicionar a layer 2 abaixo da layer 1 ou simplesmente clique na Layer 2 na paleta de layers e arraste para baixo da layer 1 como na foto abaixo.

Sombra criativa

16. Com a layer da sombra atrás da foto do garoto, pressione a letra V do teclado para selecionar a Move Tool caso precise posicionar a sombra, clique e arraste a sombra para ajustar seu posicionamento.

Sombra criativa

17. Agora pressione Ctrl+T para abrir a caixa de Free Transform para acertar o tamanho ou inclinação da sombra.

Sombra criativa

18. Pressione Enter quando estiver satisfeito com o resultado, vá em Filter> Blur> Gaussian Blur e defina os valores abaixo.

Sombra criativa

19. Clique em Ok, sua imagem deverá ficar como a da foto abaixo.

Sombra criativa

20. Diminua a opacidade da layer em aproximadamente 35%.

Sombra criativa

21. Ao final sua imagem estará assim.

Sombra criativa

site de origem: http://www.photoshopessentials.com/photo-effects/story-shadows/

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.

29 Comments

  1. Oi DFernandes, na verdade você só precisa da foto de um ramo de trigo, pressione Ctrl+J para duplicar, pressiona Ctrl+T para abrir a caixa de Free Transform, diminui e rotaciona um pouco para dar aquela sensação de que o segundo ramo está um pouco inclinado, faz o mesmo para o terceiro ramo, no fim pressione Ctr+E duas vezes para mesclar os ramos, pressiona Ctrl+J para duplicar e vai em Edit> Transform> Flip Horizontal, depois pressiona a letra V do teclado para selecionar a Move Tool e posicione a cópia no outro lado da figura, em resumo é isso, espero que ajude, volte sempre!! 🙂

    Oi Silvia, eu que agradeço a visita e o elogio ao blog, volte sempre!!

    Oi roseliagomesluis, vou pesquisar sobre isto e assim que possível postarei aqui no blog ok? obrigado pela visita!!

  2. oi andré,
    eu gostaria de coloca no photoshope uma foto p depois poder desenhar em ponto de cruz.. vc podia me ajudar?
    uma amiga me enviou ocmo fazer , mas como sou leiga n entendi nada.. e n consigo.. gostari de enviar p vc, p vc ver ou entao qdo poder vc postar aqui ok..a sua maneira..
    obg fico esperando resposta

  3. Oi Felipe, passamos o BR Linux e por enquanto estamos mantendo o 3º lugar, agora falta bater o Google Discovery que tem 16% hahaha, vai ser um pouco difícil mas acho que até Maio tem muito chão ainda :), obrigado pela visista!!

    Oi Celo, tem razão, nem tudo sai 100% perfeito, mas valeu pela força e elogio ao blog!! fico feliz que tenha gostado!! volte sempre!!

    Oi Kennedy, obrigado pelo voto!! já estamos em 3º lugar na classificação em apenas 2 dias!! :D, volte sempre!!

    Oi Thiago2, fico feliz que tenha gostado do tutorial, manda o link pra gente ver, por aqui tudo bem, volte sempre!!

    Oi Marcio, pode ter certeza que vou trabalhar para que continue assim um bom tempo!! fico feliz que tenha gostado, volte sempre!!

    Oi Aliothica, obrigado pela visita!! volte sempre!!

    Oi Felipe, ainda não fiz nenhum curso de Photoshop (ainda), pretendo começar este ano, mas já fiz curso de Flash, Dreamweaver, Corel Draw, In Design e Redes, este ano pretendo tirar o certificado da Adobe, tive 6 meses de curso de Photoshop na faculdade com uma professora muito boa e paciente, pois no começo eu não entendia muito bem as funções e a função do Photoshop, e pra dizer a verdade depois que ela me ensinou a mexer com a Pen Tool eu apaixonei pelo programa aí fui caçando vários tutoriais na internet e aprendendo sozinho, depois trabalhei na área o que acabou me dando uma boa experiência, foi quando aprendi praticamente todos os atalhos de teclado, um site que eu acho bacana para fotos é o Flickr, basta fazer uma pesquisa avançada lá e procurar por imagens Free, sem direitos autoriais, você acha coisas bem legais, obrigado pela visita!! 🙂

  4. eaee André!
    blz? cara te acompanho
    já faz algum tempo e adoro
    o seu blog!
    qria te fazer algumas perguntas…

    vc com certeza fez algum curso?
    certo? gostaria de saber aonde e como adquiriu toda a sua habilidade.

    Gostaria de saber tbm onde vc consegue essas imagens q vc usa nos tutos, até mesmo pq elas tem otima resolução…
    agradeço desde já..
    sou seu fã, continue assim!

  5. andre
    nesse tuto

    o efeito eh incrivel
    ele eh muito bem trabalhado

    mas uma dica ao pessoal
    no efeito a posicao do personagem de historias em quadrinhos esta com as pernas abertas, enquanto o moleque esta com elas fexadas
    isso pode ficar meio sem nexo a imagem, ou nao dando um aspecto mais realistico, entao na hora de realizar esse efeito, procurem fotos com posicoes semelhantes, para apresnetar um grau de realidade maior, mas mesmo assim o efeito eh incrivel

    😀

    ah, boa sorte com ibest
    😀

  6. Olha André, quantos votos cada candidato tem, por enquanto, não tem como ver, nem o total.
    A porcentagem é do total de votos de toda a categoria e também é aproximada, pois alguns tem 1%, mas não chega nisso, senão a conta não fecha, dá mais de 100%
    E realmente, a briga está apertada, mas nesse final de semana deve conseguir bater o BRLinux.
    Abraços

  7. Oi Sara, por enquanto não temos nada parecido aqui no blog mas vou pesquisar e postarei em breve ok? obrigado pela visita!! 🙂

    Oi Daniel, acabei de instalar o menu antigo que não apresentava este erro, mas vou trabalhar o outro para reverter o erro, bom, a vantagem (que são muitas) é que você tem novas ferramentas, a área de trabalho foi totalmente remodelada para que você tenho o máximo de área útil para trabalhar, suporte a inúmeros novos formatos de arquivo além do que a Suíte CS3 está muito mais integrada do que a CS2, por exemplo, você pode fazer um trabalho no Photoshop e importar o PSD no Flash, o flash entende todas as layers e importa tudo como está no Photoshop, uma mão na roda, vale a pena o Upgrade, obrigado pela visita!!

    Oi Anônimo, só fazendo uma montagem, é a mesma técnica que postei ontem aqui no blog, espero que ajude, obrigado pela visita!!

  8. André, uso a versão 6 (6.0.2800.1106). Acabei de baixar e instalar o Firefox 2.0. Realmente este erro não acontece nele. Mas muita gente usa (inclusive eu vou continuar usando aqui na empresa) o Internet Explorer.

    Outra coisa, qual a vantagem de se usar o CS3 ao invéz do CS2? Por que estou pensando em baixar o CS3, mas acabei de comprar o livro do CS2. Ajuda aí.

    Valeu.

  9. Ah sim, André.

    Notei esta modificação também. Desculpa por não ter comentado. Ficou 10. Mas só dá uma olhada se não foi isso que atrapalhou um poco o layout quando se abre o site no Internet Explorer (falei sobre isso no outro post).

    Abraços.

  10. Oi Daniel, a barra superior também mudou (mais uma vez hahah) agora ela é fixa no alto da tela, então mesmo quando a página é rolada a barra continua no alto da tela, obrigado pela visita!! 🙂

    Oi Sara, você tem alguma imagem de referência para eu ver como é este efeito? obrigado pela visita e pelo voto!! 😀

  11. Ola…

    Antes de mais, deixa-me presentear-te pelo magnifico blog… Tens excelentes tutoriais… Por vezes, ficam bem diferentes os resultados 😀 mas em grande parte das fotos consigo fazer tudo certinho..

    Conta com o meu voto 😉

    A minha duvida é, como fazer unhas de gel :$, consegues ajudar-me?

    Beijinho

  12. Oi Anônimo, obrigado pelo voto, darei uma olhada no tutorial e assim que possível postarei ok? obrigado pela visita!! 🙂

    Oi Jader, bem observado, é, nem tudo é perfeito hahaha, obrigado pela visita!!

  13. Muito bacana o tutorial.

    Só um detalhe: a sombra não está do lado errado?
    Pela combra no braço do menino percebe-se que a luz vem da esquerda pra direita. Portanto, a sombra deveria estar do lado direito do menino. 😉

  14. Ola,venho acompanhando seu blog a um tempo,está ótimo.
    Aprendi várias tecnicas aqui.
    Eu também votei no seu blog 😛

    Muito legal esse tutorial 😀
    parabens pelo blog 😉

    Se puder,gostaria que postasse um tutorial que achei muito interesante.
    worth1000.com/tutorial.asp?sid=161135&page=1
    Desde ja agradeço
    Muito obrigado
    Parabens pelo blog
    Até mas

  15. Oi Felipe, espero que sim, se tudo continuar como nesses dois dias acho que chegaremos lá, o que andei vendo é que tanto o 1° colocado quanto o 2° estão cadastrados desde o ano passado por isso a quantidade de votos, agora estamos chegando lá bem rápido, fiquei animado de ver que os leitores estão apoiando o blog, você sabe se dá para ver a quantidade de votos? a porcentagem as vezes diminui… não entendi muito bem como funciona…a briga com o Br Linux está brava :D, fico feliz que tenha curtido o tutorial, com essa técnica dá para fazer coisas bem legais, obrigado pela visita!!

Palestra – Muito além do Photoshop – DRC – 19/01/2008

Qual sua idade? Resultados