Como posso fazer com que uma forma pareça ser feita de vidro?


12

Quais são os princípios gerais que posso aplicar para fazer com que uma forma pareça ser feita de vidro? Mais especificamente, quero criar alguns gráficos simples que tenham a impressão de olhar para o lado da lente (veja abaixo). Eu esperava encontrar um esquema que funcionasse para uma variedade de formatos diferentes de lentes (convexas, côncavas etc.) .

Imagem da lente biconvexa em <code> http://en.wikipedia.org/wiki/Lens_(optics) </code>

Até agora, tentei adicionar contorno ao formato da lente, que poderia ser reflexo de uma fonte de luz muito distante. A cor de fundo escuro reduz a complexidade de qualquer refração através da lente, conforme sugerido pelo @Dom.

Tentativa de lente em um fundo escuro.


A conversa nos comentários desta postagem foi movida para o bate-papo .
precisa saber é

Então, onde está o chat / comentários?
vozes

Nenhuma idéia ou ...
boyfarrell

Respostas:


19

Algumas notas iniciais

Vamos fazer uma pesquisa no google (imagens): https://www.google.com/search?q=crystal+logo

1) Você pode ver como é difícil fazer uma abstração de um cristal. Poucos logotipos são bem-sucedidos lá.

2) "Como fazer uma ilustração" depende do tipo de ilustração que você deseja. A palavra-chave aqui é "estilo".

Dependendo de qual é essa abordagem, o visual pode ser chamado de diagrama, desenho animado, ilustração, fofo, incrível etc.

Vamos fazer outra pesquisa (imagens) https://www.google.com/search?q=crystal+vector

Isso é melhor, mas o problema é que você não precisa de cristais facetados, que são mais fáceis em alguns casos.

3) É óbvio que você não deseja esses diagramas maçantes de lentes: https://www.google.com/search?q=lens+diagram

Aqui está a minha abordagem

Na verdade, estou começando a usar esse estilo para alguns diagramas que estou fazendo.

Se precisarmos de uma imagem realista, eu usaria uma imagem 3D como base.

Mas se não precisamos do realismo, apenas um diagrama mais bonito, estou usando uma (s) sombra (s) simples e um reflexo (r) (A)

Mas não consigo ver o reflexo, então preciso de uma cor de base (B)

E eu estou adicionando um "jato de areia" (C)

Mas o truque é que todos esses elementos estão realmente usando transparência. Afinal, é uma lente. Portanto, se eu usar um fundo mais escuro, sei que posso mostrar luz nas próximas etapas. (Você pode ver que o feixe de luz está atrás da lente)

Eu posso brincar com a luz em vez daquelas flechas amarelas chatas.

insira a descrição da imagem aqui

Todas as transparências são simples de gradiente (estou usando o Corel Draw aqui, mas você as possui no Illustrator e no Inkscape)

No último, estou usando um objeto inicial e um objeto final para dar forma à viga, mas existem outras abordagens para isso.

Editado algum tempo depois.

Estou adicionando uma imagem sobre como criar um botão brilhante típico simples.

Você pode ver aqui como os diferentes elementos simples se combinam.

insira a descrição da imagem aqui

Uma variação adicional em relação ao estilo está adicionando alguns borrões nos mesmos objetos que tínhamos antes.

insira a descrição da imagem aqui


Que ótima resposta! Eu realmente gosto da maneira como, com apenas alguns elementos (gradiente e cor), você pode obter algo que parece animado e divertido.
boyfarrell

1
Esses exemplos em 3D também são seu próprio trabalho? Esse raio foi rastreado?
boyfarrell

Raytraced é uma palavra genérica na renderização em 3D. Sim. Mas mais específico estava com Kerkythea e mapa de fótons, mas em geral, qualquer "PHOTOREALISTIC tornar motor vai fazer, como ciclos no liquidificador.
Rafael

Como você faz o jateamento de areia ? Você pode elaborar sobre isso? Parece brilhante; mais como um reflexo disperso do que a superfície gravada que você veria em uma lente real, mas é o elemento-chave que realmente define C, D, E, F & G. Especialmente com o fundo escuro e o feixe de luz transversal.
vozes

Você está certo. Eu usaria exatamente a mesma técnica de um reflexo brilhante. Não quero representar um jateamento de areia real, porque seria intrusivo. Lembre-se de que isso é para um diagrama ou para fins ilustrativos, não para representar a vida real.
Rafael
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.