Visitante do Google

O Google te trouxe aqui?
Se este artigo não tem nada a ver com o que estava procurando, clique aqui para uma nova busca usando nossas dicas de otimização Google

  • Design 03.11.2009

    Este tutorial mostra como criar sombras que pareçam reais, seja em objetos recortados de fotos ou objetos criados interiamente no Photoshop.

    Não existe nada mais saturado a respeito de design do que a sombra plana criada pelo Photoshop! Aquela através de Drop Shadow! Este recurso é muito útil e permite muitas configurações, mas não deve ser usado o tempo todo. Já que estamos lidando com um programa de edição tão bom, por que não usar recursos mais artísticos para se criar sombreamento, não é mesmo?

    O exemplo à direita mostra uma sombra feita no Photoshop, sem ser através de Drop Shadow:

    001jg Sombras realistas 002eq Sombras realistas

    Veja só

    Se existe uma fonte de luz – suficiente para criar uma sombra – todas as sombras devem estar no lado oposto desta fonte! Se você tem algum conhecimento em desenho, então este e outros conceitos serão fáceis de se entender. Observe sombras projetas de objetos, na vida real e em fotos, faça rascunhos se preciso.

    Os passos a seguir são o básico da criação de sombras para objetos, não importando se é um objeto criado no Photoshop, ou recortado. Anted de tudo, configure a ferramenta moves Sombras realistas Move Tool (V) que vamos usar ao longo do tutorial. Tecle V e configure como mostrado abaixo:

    op2 Sombras realistas

    Como exemplo, crie uma “folha de papel”, que é apenas uma seleção feita com rectmarquee Sombras realistas Rectangular Marquee Tool (R) preenchida com uma textura, ou apenas uma cor, se preferir. Este layer está acima do layer Color Fill 1:

    000ini Sombras realistas palete1 Sombras realistas

    Na paleta de layers, CTRL+Clique o objeto, no caso, o Papel e crie um novo Layer.

    Preencha a seleção com a cor Preto, usando a ferramenta paintbucket Sombras realistas Paint Bucket Tool (G). Tecle CTRL+D para deselecionar. Na paleta de Layers, mova o layer da sombra para onde deve estar: abaixo do objeto! É só clicar e arrastar.

    003bgx Sombras realistas 004jh Sombras realistas

    Use Filter > Blur > Gaussian Blur para criar o efeito suavizado. Tecle V e mova a sombra para a direção apropriada (use as teclas de direção se achar melhor).

    005sg Sombras realistas 006xs Sombras realistas

    Mude o modo de cobertura deste layer para Multiply e na paleta de Layers, você pode reduzir Opacity do Layer da sombra. Outros ajustes incluem adicionar Noise através de Filter > Noise > Add Noise…

    Estes são os passos mais simples usados para se criar sombra, sem ser através de Drop Shadow!

    Agora você deve estar se perguntando, por que fazer tudo isso se posso apenas adicionar Drop Shadow em um segundo e o resultado é o mesmo?! Realmente, o resultado é idêntico, mas a vantagem deste tipo de sombra é que podemos alterá-lo usando outras ferramentas e distorções o que faz uma grande diferença visual.

    007pk Sombras realistas 008ca Sombras realistas

    Após plicar Blur, você pode usar estes métodos para modelar a sombra:

    Clique no Layer da sombra e tecle V . Repare na barra de opções de tarefas:

    bar1 Sombras realistas

    bar2b Sombras realistas bar3 Sombras realistas

    Clique no botão transf Sombras realistas para ativar o modo de transformaçãoWarp. Este modo permite distorcer a imagem modo simétrico, você pode até informar valores para controlar a transformação:

    warp Sombras realistas

    Clique com o botão direito sobre a seleção e acesse opções de transformação.

    Por exemplo, escolha Arch então mova o transformador (o quadradinho que aparece na grade). Você também pode informar um valor em Bend, na barra de opções da ferramenta:

    bar4 Sombras realistas

    009gr Sombras realistas

    Clique com o botão direito sobre uma seleção e tenha acesso a opções de transformação como Scale, Skew, Distort etc.

    020o Sombras realistas

    Além dessas opções que geram resultados bem simétricos e uniformes, você pode editar a sombra com a ferramenta smudge Sombras realistas Smudge Tool (R) esta ferramenta “arrasta” os pixels de uma área, isso é útil para criar efeitos em sombras de modo assímétrico:

    010l Sombras realistas 011rej Sombras realistas

    Dica

    Reduza Strenghten ao usar a ferramenta smudge Sombras realistas Smudge Tool (R) , assim você pode retocar quantas vezes for preciso sem mudanças muito drásticas.

    23539710 Sombras realistas

    Sombras em Objetos recortados

    Esta é uma tarefa muito comum para quem edita imagens para impressos, um objeto recortado que deve ter uma sombra para não parecer flutuar no vazio. Esta tarefa é ainda mais simples se o objeto a ser recortado já contém uma sombra, tudo o que temos a fazer então é recortar o objeto e criar a sombra em um layer separado (em Multiply). É só reproduzir a sombra que aparece originalmente na imagem.

    Mas e se o objeto não possui enhuma sombra?! Nestes casos, o mais certo e simples de se fazer é observar a forma do objeto bem como as fontes de iluminação e reproduzir como seria sombra de tal objeto.

    Por exemplo:

    orange1 Sombras realistas orange2 Sombras realistas

    Para criar esta sombra simples, use um pincel comum em um layer separado assim você tem liberdade de ajustar a intensidade da sombra (através de Opacity) e seu tamanho e forma (através dos transformadores ao teclar V ). O formato da sombra deve lembrar o formato do objeto.

    012nq Sombras realistas

    Algumas dicas:

    Observe fotos com objetos onde há sombra projetada, veja como a posição, o formato e o tipo de sombra varia. A sombra de um objeto que está sob uma luz forte apresenta uma sombra bem escura e definida, enquanto que um objeto com iluminação distribuída apresenta sombra suave. O formato também deve ser levado em consideração, é través do formato da sombra que podemos dar ilusão de volume.

    Adicione um pouco de sombra ao objeto também! Repare nas imagens acima, como um pouco de sombra foi adicionado à parte que se aproxima da sombra projetada na superfície.

    Nem sempre a sombra é apenas em tons de cinza. Se achar que uma sombra está muito recortada, adicione um pouco da cor do objeto na sombra, como pode ser visto na imagem ao lado. Uma dica importante: a cor do extremo do objeto na parte sombreada deve mesclar com a cor da sombra na superfície onde o objeto está, as cores refletem!

    Não existe como um objeto ficar com uma borda mais clara onde uma sombra está projetada. Este defeito é chamado de Halo e pode ser evitado mesclando a cor do objeto com a sombra, como foi dito acima.

    Cuidado ao recortar objetos que serão sombreados depois, evite os serrilhados informando pleo menos valor 1 em Feather! Se não tiver tempo de fazer outro recorte, o jeito é apelar para a ferramenta smudge Sombras realistas Smudge Tool (S) levemente na áreas serrilhadas.

    Não se esqueça de adicionar Noise à sombra, isso faz com que pareça mais natural.

    sombra4 Sombras realistas sombra3 Sombras realistas

    Termos

    Termos usados
    Se estiver com problemas de se situar no ambiente Adobe Photoshop, veja aqui o significados dos termos usados nos tutoriais deste site.


    Recomende!

    Divulgue este artigo através dos serviços abaixo: (é preciso ter uma conta para votar ou submeter o artigo)

    Twitter Delicious Reddit Digg Dihitt BlogBlogs Simpy

    Publicado por Diana K.C. às 13:20

    ,

    Esse artigo foi publicado em 3 de novembro de 2009 as 13:20 e está arquivado em Design. Você pode acompanhar os comentários desse post através do feed RSS 2.0. Você pode deixar uma mensagem, ou enviar um trackback do seu site para cá.
  • Comente este artigo:

    Este artigo foi útil? Comente! Seu comentário é muito importante para nós! Envie dúvidas, sugestões e críticas sobre o artigo Sombras realistas

    Nota: A moderação está habilitada e deve avaliar sua postagem antes de publicar. Não re-envie seu comentário.

    Twitter Coloque seu endereço do Twitter no campo Website para seu comentário aparecer com o Tweet!



    1 Comentário

    WP_Modern_Notepad
    1. [...] Crie layers de Ajuste para fazer efeito de Luz e Sombra. Veja o tutorial sobre sombras. [...]

       

    Sem Avatar Sem avatar? Faça uma conta no Gravatar.com e sempre que informar o e-mail cadastrado o avatar escolhido por você será exibido.

Atualizações

email_iconSeja notificado por e-mail cada vez que um novo artigo for publicado:

Por FeedBurner

Google Translation

world

Give Google Translation a try! Click the flag for a translated version.

Dica Rápida

Para ampliar com Zoom, tecle CTRL+ . Para Diminui Zoom, tecle CTRL - .

Arquivo