Quais são as regras tradicionais para direção da sombra projetada / fonte de luz?


7

Ao criar uma sombra projetada para objetos, qual é a "regra" tradicional / clássica para a direção do deslocamento? Eu vejo tantas que estão para baixo e para a direita, o que resulta na fonte de luz vinda do canto superior esquerdo.

No entanto, li em algum lugar (não me lembro onde, talvez um post antigo de David Siegel de anos atrás) que, ao adicionar sombras projetadas ao texto, o deslocamento da sombra deve estar abaixo e à esquerda, o que fornece uma ligeira borda escura à borda principal do texto, melhorando a legibilidade.

Ou a regra é apenas "seja consistente"?

Só para esclarecer, estou perguntando se existe um "princípio" de design que foi estabelecido por tradição ou precedência.

Respostas:


8

Nos seus próprios projetos, seja consistente. Se um objeto tiver uma fonte de luz superior esquerda, todos os seus objetos deverão ter uma fonte de luz superior esquerda.

Nos projetos de criação de outras pessoas, você precisa ser consistente com o formato deles. No caso do Mac OS X da Apple (de acordo com o HIG), as sombras projetadas vêm do centro superior e, na verdade, um pouco na frente em torno de um ângulo de 45˚, e não de lado.

Quanto à direção, isso depende em grande parte do efeito que você está tentando obter, mas como uma regra informal baseada em observações não tão casuais, a fonte de luz normalmente fica no canto superior esquerdo, projetando uma sombra no canto inferior direito. David Siegel pode tecnicamente estar correto, mas é quase inteiramente subjetivo no final.


8

Do jardim de infância à escola primária, a maioria dos meus desenhos (e de outras crianças) tinha uma coisa chamada "sol da esquina", que era um quarto do sol preenchendo o canto superior esquerdo. No início, esse analógico pode parecer exagerado ou irônico, mas acho que o conceito de canto Sun aponta para a fonte de onde vem a idéia de sombra projetada ideal.

Agora, eu estava prestes a postar uma pesquisa de imagens do Google sobre o tópico para melhorar meu argumento, mas notei uma quantidade notável de desenhos com o canto Sun no canto superior direito ! Portanto, as direções generalizadas devem ser tomadas com uma pitada de sal *. Tenho um pressentimento de que possa haver conexões culturais ou mesmo esquerdinas / destras - mas não tenho estudos sobre as origens do canto do sol. Definitivamente iria ler aqueles.


O que é mais comum, no entanto, é que a luz vem do canto superior esquerdo.

Eu acho que a principal razão para isso não é derivada do conceito de uma sombra projetada ideal, mas do fato frio de que o Photoshop tem a direção da sombra projetada padrão definida para 120 ° por padrão ou para ser mais específico: o global lightvalor é definido como 120 °. Isso parece adequado para a maioria dos casos, então por que se preocupar em questionar o valor toda vez? O raciocínio da Adobe para esse valor angular seria interessante de ouvir.

*) Bem, como sempre


3
Gostaria apenas de acrescentar como uma observação lateral, a diferença entre a iluminação superior, ou seja, o Sol, que tem uma conotação agradável e amigável em nossas mentes, e a iluminação inferior, ou seja, fogo ou lanternas, que têm uma correlação sinistra ou maligna.
Sam

@ Sam Bom ponto. É como a auréola dos santos versus o uso da lanterna ao contar histórias de horror na fogueira.
Jari Keinänen

Isso é realmente interessante, Sam, e uma boa metáfora para lembrar. @koiyu, sim, eu me pergunto como isso se manifesta em outras culturas.
ybakos

Embora eu tenha verificado a resposta da Philips quanto à sucessão, também gosto muito da resposta de koiyu.
ybakos

Sim! 120 graus parece certo
Code Whisperer

4

Eu venho mais do domínio do CG 3D e, ao fazer o trabalho em 3D, você está tentando criar algo que se assemelha muito à realidade. Raramente, as sombras caem consistentemente na mesma direção, não apenas porque a forma dos objetos pode alterar um pouco as sombras, mas também porque nenhuma fonte de luz se comporta dessa maneira, pois sua luz é emitida radialmente a partir de um único ponto no espaço - ou pelo menos , no caso de uma lâmpada, um objeto relativamente pequeno e os objetos em vista representam uma variação significativa em sua respectiva direção em relação à fonte de luz. A única razão pela qual você não vê esse tipo de comportamento do Sol é que a diferença angular entre dois objetos separados por 10 pés aqui na Terra representa uma diferença indistinguível em sua direção em relação ao Sol. O Sol e a Lua são os únicos exemplos comuns desse fenômeno em que o ângulo do vetor de luz que entra é consistente em nosso campo de visão, mas a luz é tão difusa e escassa à noite que é melhor você nem falar em "consistente ângulos de sombra "à noite. Todos os dias, somos apresentados a centenas, senão milhares, de exemplos em que as sombras não são consistentemente projetadas na mesma direção devido à variação significativa nos vetores de luz incidentes ou na iluminação irregular. (Exemplos: de exemplos em que as sombras não são consistentemente projetadas na mesma direção devido a uma variação significativa nos vetores de luz incidentes ou na iluminação irregular. (Exemplos: de exemplos em que as sombras não são consistentemente projetadas na mesma direção devido a uma variação significativa nos vetores de luz incidentes ou na iluminação irregular. (Exemplos:http://hebbylaya.deviantart.com/art/Stone-3d-Design-102879441 [d sombreie para a esquerda, n sombreie para a direita], http://fc00.deviantart.net/fs47/i/2009/216 /4/b/3D_by_luiggi26.jpg (L sombreia da esquerda para a esquerda, k, TM e 3D sombreiam da direita)

No Photoshop, no entanto, a realidade é irrelevante. Cite uma coisa realista no Photoshop e aposto que posso encontrar algo errado com o algoritmo. De fato, o principal motivo para usar as sombras "consistentes" é justamente porque o Photoshop é quase incapaz de fazer qualquer outra coisa. E não me interpretem mal, não acho que as sombras que você vê na Web pareçam terríveis, mas também não são realistas.

Mesmo que o Photoshop realmente possa criar sombras realistas, a partir de amanhã, acho que a maioria das pessoas não as usaria porque elas não "pareceriam corretas", pois já tínhamos algumas idéias sobre o que "parece correto" para um site ou site. logotipo gravado dentro de nós.

A linha inferior é fazer o que "parece certo", porque praticamente nada disso é realista.

BTW, aqui está um exemplo de um site que não é consistente nem realista, mas ainda parece perfeitamente bem: http://us.battle.net/wow/en/services/ The "HOME / GAME / COMMUNITY / MEDIA /. .. "O menu tem um longo destaque no topo, mas toda a div centralizada tem uma sombra difusa ao redor, em todas as direções (se a fonte de luz estiver realmente no topo, não haverá sombra no topo). Além disso, há uma pequena subdivisão no menu que você pode chamar de "div de conteúdo". Ele é gravado um pouco, mas em vez de um longo destaque no topo, ele tem dois destaques em cada canto e desaparece magicamente após cerca de 30 pixels. Completamente inconsistente após uma inspeção cuidadosa, mas parecia perfeitamente bem à primeira vista!


1

Normalmente, a fonte de luz na maioria das situações fica no canto superior esquerdo, projetando sombras projetadas para o canto inferior direito.

A única outra 'regra' é que você deve criar qualquer tipo de sombra que esteja usando em relação uma à outra (o que significa que deve haver uma fonte de luz para o documento, não cada elemento individual).

Não consigo imaginar nenhum tipo de sombra que "melhore" a legibilidade do texto.


3
Tente texto em branco sobre fundo branco, com e sem sombra. :-D
Jari Keinänen

1

Nossos cérebros naturalmente processam imagens como côncavas ou convexas, dependendo da direção da iluminação. A maioria dos observadores processa mapas de relevo sombreados de recursos topográficos corretamente se a fonte de iluminação vier da direção NW (canto superior esquerdo). Se a iluminação for do sudeste, o terreno geralmente aparecerá em sentido inverso (vales para montanhas e montanhas para vales). Enquanto a maioria dos observadores pode reconciliar mentalmente a topografia, independentemente da direção da iluminação, quando recebe um ponto de referência, essa habilidade deve ser ensinada e praticada. Para o observador casual, isso se torna impraticável e, portanto, os cartógrafos consideram a iluminação dos mapas de relevo sombreados do noroeste como um padrão. Estou supondo que nossa idéia de "sombreamento" correto venha do padrão de visualização de mapas. Dito isto, Eu, pessoalmente, escolheria sombrear um objeto ou imagem do canto superior esquerdo e o texto do canto superior direito. A razão é que, a maneira como lemos imagens e texto. Para uma imagem, a sombra atuaria como uma parada e manteria você dentro da imagem. Para texto, uma sombra no lado direito pode atrapalhar o fluxo de texto.


Eu diria que não apenas o noroeste, mas a luz vinda do topo em geral faz os objetos parecerem elevados. Os botões deste site têm uma sombra diretamente abaixo, o que significa que a fonte de luz está exatamente na posição N e parece bem.
Luciano
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.