Como criar o efeito de sombra conforme a URL / imagem abaixo? Especificamente, a sombra arredondada / curvada na parte inferior:
Como criar o efeito de sombra conforme a URL / imagem abaixo? Especificamente, a sombra arredondada / curvada na parte inferior:
Respostas:
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:
Abaixo disso, adiciono uma sombra suave básica (usei uma seleção de penas para fazer isso):
Agora, aqui está a parte que dá a aparência curva. Eu rastreio esse gradiente sobre a camada de sombra:
E eu recebo este resultado:
Juntar tudo dá algo que eu acho que combina intimamente com sua referência:
Aqui está uma olhada nas minhas camadas finais no Photoshop CS3:
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.
Parece um círculo extremamente esticado com uma pena de 2 ou 3px para mim ... não é um gradiente ou sombra projetada.
camada 1
layer2 (letreiro circular com pena de 2px e anti-alias no preenchido com preto. Opacidade da camada definida como 25%)
Ambas as camadas combinadas.
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ê.
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.
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:
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
verifique este tutorial e siga o mesmo e você terá seu efeito com certeza ..
http://designreviver.com/articles/better-drop-shadows-in-photoshop/