Tutorial: Sombra criativa

COMPARTILHE:

Como criar uma sombra diferenciada para sua foto.

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/

COMENTÁRIOS

BLOGGER: 29
  1. Ae André, blz?
    Muito loko esse tuto, não tinha visto um assim antes...
    Ou, tá parecendo que vai ser mole ganhar o Ibest, né??
    Em dois dias já são 8% e a 3 colocação!!!
    Sucesso
    Té mais

    ResponderExcluir
  2. Ohh cara, foi mal, postei o coment com usuário errado :(

    ResponderExcluir
  3. 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!!

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

    Muito legal esse tutorial :D
    parabens pelo blog ;)

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

    ResponderExcluir
  5. 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. ;)

    ResponderExcluir
  6. 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!!

    ResponderExcluir
  7. Bem legal.

    Agora sim o botão dos tutoriais antigos está bem visível.

    Abraços

    ResponderExcluir
  8. Ola...

    Antes de mais, deixa-me presentear-te pelo magnifico blog... Tens excelentes tutoriais... Por vezes, ficam bem diferentes os resultados :D 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

    ResponderExcluir
  9. E já agora, consegue meter extensões no cabelo? :$

    ResponderExcluir
  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!! :D

    ResponderExcluir
  11. 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.

    ResponderExcluir
  12. Oi Daniel, já estou correndo atrás da solução, qual IE você usa? o 6 ou 7, obrigado pela visita!!

    ResponderExcluir
  13. As unhas tipo estas:

    http://www.aescada.com/img/351_hero.jpg


    As extensoes tipo assim mas com cabelo encaracolado:

    http://images03.olx.com/user_images/366/3666364_1.jpg

    ResponderExcluir
  14. 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.

    ResponderExcluir
  15. Como consigo fazer um efeito semelhante? A partir de uma foto normal, sem qualquer roupa do genero desta imagem?

    http://wolverfest.files.wordpress.com/2006/06/belly.jpg

    ResponderExcluir
  16. 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!!

    ResponderExcluir
  17. 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

    ResponderExcluir
  18. 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

    :D

    ah, boa sorte com ibest
    :D

    ResponderExcluir
  19. Olá Andre! Meu nome é Kennedy Soares moro em Altamira-PA e queria desde lhe dá os parabéns pelo seu Blog...Muito bom mesmo!!!
    Vou votar no seu blog no Prêmio Ibest!!!
    Tudo de bom p/ vc!!!

    ResponderExcluir
  20. huauhahuauha
    po andre esse é o sonho de toda criança uhauhauha
    eu fiz uma parecida ficou mtu nada a ver huahuahu

    e ae como tão as coisas por ai?

    ResponderExcluir
  21. Seu Blog é atualamente umas das minhas maiores descobertas na net , aki encontro muitos tutos e dicas sobre photoshop. Torço para que continue assim.
    Vc está de parabéns

    ResponderExcluir
  22. 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!

    ResponderExcluir
  23. 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!! :)

    ResponderExcluir
  24. Amigo, queria saber como fazer uma foto de trigo no Photoshop, como a do link a baixo.
    http://www.cgadb.com.br/downloads/logo75.JPG
    Caso tenha como, pode me ajudar? meu e-mail é: dirceu.fc@bol.com.br
    Obrigado!

    ResponderExcluir
  25. alto tuturial...

    e o blog está 5 estrelas!!!

    E obrigada pela ajuda...valeu

    Conta com o meu voto!

    ResponderExcluir
  26. roseliagomesluis@hotmail.com20 de janeiro de 2008 22:02:00 BRST

    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

    ResponderExcluir
  27. 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!!

    ResponderExcluir
  28. oi eu sou inisiante e nõa consigo recorta a imagem bem certinho ainda como que eu posso fazer isso

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,415,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,520,outubro,748,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,214,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,485,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Sombra criativa
Tutorial: Sombra criativa
Como criar uma sombra diferenciada para sua foto.
https://www.andresugai.org/Tutoriais/01.2008/T13/imagem21.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/01/sombra-criativa.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/01/sombra-criativa.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar