Sombra curvada do Photoshop


10

Como criar o efeito de sombra conforme a URL / imagem abaixo? Especificamente, a sombra arredondada / curvada na parte inferior:

http://www.broadcom.com/images/template/bg_header.png


Eu não acho que a sombra seja realmente curvada. No entanto, curvar uma sombra como essa para fazer com que algo pareça bater no centro é um efeito comum. Isso é conseguido separando o efeito de sombra em sua própria camada, duplicando a camada e reduzindo o preenchimento para 0 e deixando apenas o efeito de sombra ativo antes de rasterizar a camada, mesclando-a com uma camada em branco. Agora, de repente, você tem uma sombra projetada rasterizada, em sua própria camada separada, pronta para usar a ferramenta borracha, o letreiro ou o que você escolher.
22413 Eric

Respostas:


12

Suspeito que a curva dessa sombra possa ser uma espécie de ilusão de ótica. Como o @lawndartcatcher explica em sua resposta, a aparência curvada pode ser alcançada fazendo com que a intensidade (ou opacidade) da sombra caia em cada extremidade.

Aqui está um passo a passo desse processo.

Aqui está a minha camada superior: Camada superior

Abaixo disso, adiciono uma sombra suave básica (usei uma seleção de penas para fazer isso): Sombra básica

Agora, aqui está a parte que dá a aparência curva. Eu rastreio esse gradiente sobre a camada de sombra: Gradiente Refletido

E eu recebo este resultado: Sombra curvada

Juntar tudo dá algo que eu acho que combina intimamente com sua referência: Resultado final

Aqui está uma olhada nas minhas camadas finais no Photoshop CS3:

Camadas

[Baixe o arquivo PSD]


NOTA: Usei um gradiente com o modo de mesclagem definido para a tela para criar a queda de intensidade da sombra. Embora isso constitua uma boa demonstração visual, ele realmente só funciona quando você está lidando com um fundo branco. Para aplicar o mesmo tenique a casos com cores de fundo diferentes, convém aplicar o gradiente como uma máscara de camada à camada de sombra.


@Sean ... você se importaria de colocar o arquivo PSD para download?
precisa

@Hristo - link para download do arquivo adicionado
Sean

Essa é exatamente a sombra exibida na imagem em questão. Não é a melhor sombra, mas parece bem.
Robert Koritnik

8

Parece um círculo extremamente esticado com uma pena de 2 ou 3px para mim ... não é um gradiente ou sombra projetada.

camada 1 camada 1

layer2 (letreiro circular com pena de 2px e anti-alias no preenchido com preto. Opacidade da camada definida como 25%) insira a descrição da imagem aqui

Ambas as camadas combinadas. insira a descrição da imagem aqui

Meu exemplo levou apenas 3 minutos para ser construído. Você pode definir elaboradamente usando um apagador grande de 10% de opacidade com uma borda suave para ajudar a desbotar mais as bordas externas (por exemplo) na camada 2. Ou usando um cinza quente para preencher o círculo em oposição ao preto - isso é tudo você.


Para tornar a sombra ainda mais realista, você deve criar um canal alfa com um gradiente de preto nos lados e branco no centro e, em seguida, use o Desfoque de lente . Isso fará com que a sombra ba mais realista visualmente borrar mais no meio (porque, uma vez que parece que o objeto é rased mais no centro do que os lados) e quase sem borrar nas bordas (objeto estabelece)
Robert Koritnik

3

1) Crie um gradiente que tenha as áreas "mais rasas" (com menos sombras) com valores de opacidade mais baixos.
2) Aplique isso a uma máscara retangular ou a uma área selecionada em uma camada flutuante (use uma marca de seleção retangular para selecionar uma porção). Verifique se há algum espaço "vazio" abaixo dele para a sombra projetada.
3) Clique duas vezes na camada flutuante que contém seu gradiente para abrir o menu Estilos. Aplique uma sombra projetada na camada (você terá que mexer um pouco com ela para chegar onde quiser).
4) Você pode criar outra camada acima da camada original, exibir o gradiente original e tornar todos os pontos de cor 100% opacos. Aplique novamente a nova camada para sobrepor o gradiente original. Dessa forma, você terá um gradiente 100% opaco (na parte superior) com uma camada de opacidade variável / sombra abaixo dela.

Brinque um pouco com as configurações; eventualmente, você terá algo que você gosta.


0

Se examinarmos as sombras dos objetos levantados no meio, podemos ver que o desfoque da sombra progride quanto mais ela é levantada e mais nítida, mais o objeto toca seu chão.

Portanto, a sombra mais realista de um objeto que parece ser levantada no meio deve ser feita desta maneira:

  1. copie sua camada com o quadrado que precisa de uma sombra
  2. preencha com preto (ou qualquer outra cor de sombra apropriada)
  3. crie um filtro Alpha com um gradiente (preto nos lados, branco no meio)
  4. volte para a camada de sombra e selecione Filter> Blur> Lens Blur
  5. uma caixa de diálogo será aberta onde você poderá selecionar seu canal alfa
  6. selecione o nível de desfoque apropriado e confirme

Nota: ajustes adicionais podem ser feitos para torná-lo ainda melhor distorcendo o quadrado (parada 2), para que a parte do meio se estenda abaixo da camada original.

Isso criará o efeito de sombra mais realista que pode ser visto abaixo nesta imagem (clique para uma visualização 100%). Sombra com forças diferentes é aplicada três vezes

  • banda superior e
  • objeto médio tipo fita, que também parece ter curvado / virado a borda inferior.

Sombra mais realista


oi, isso pode parecer idiota, mas você pode postar screenshots nessas etapas que você está dizendo? obrigado!
CheeseCake

0

Que tal um simples: Filtros → Luz e Sombra → Efeito Xach?

Ou uma fantasia Filtros → Decoração → Adicionar chanfro?


Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.