¿Cómo puedo hacer que una forma parezca que está hecha de vidrio?


12

¿Cuáles son los principios generales que puedo aplicar para hacer que una forma parezca hecha de vidrio? Más específicamente, quiero hacer algunos gráficos simples que den la impresión de mirar el lado de una lente (ver más abajo). Tenía la esperanza de encontrar un esquema que funcionara para una variedad de formas de lentes diferentes (convexo, cóncavo, etc.) .

Imagen de lente Biconvex de <code> http://en.wikipedia.org/wiki/Lens_(optics) </code>

Hasta ahora he intentado agregar un contorno a la forma de la lente que podría ser reflejos de una fuente de luz muy lejana. El color de fondo oscuro reduce la complejidad de cualquier refracción a través de la lente como lo sugiere @Dom.

Intento de lente sobre un fondo oscuro.


La conversación en los comentarios de esta publicación se ha movido al chat .
JohnB

Entonces, ¿dónde está el chat / comentarios?
voces

Ni idea tampoco ...
boyfarrell

Respuestas:


19

Algunas notas iniciales

Hagamos una búsqueda en Google (imágenes): https://www.google.com/search?q=crystal+logo

1) Puedes ver lo difícil que es hacer una abstracción de un cristal. Verey pocos logotipos tienen éxito allí.

2) "Cómo hacer una ilustración" depende del tipo de ilustración que desee. La palabra clave aquí es "estilo".

Dependiendo de cuál sea este enfoque, el aspecto podría llamarse diagrama, caricatura, ilustración, lindo, sorprendente, etc.

Hagamos otra búsqueda (imágenes) https://www.google.com/search?q=crystal+vector

Eso es mejor, pero el problema es que no necesita cristales facetados que son más fáciles en algunos casos.

3) Es obvio que no desea estos diagramas aburridos de lentes: https://www.google.com/search?q=lens+diagram

Aquí está mi acercamiento

En realidad estoy empezando a usar este estilo para algunos diagramas que estoy haciendo yo mismo.

Si necesitamos una imagen realista, usaría una imagen 3D como base.

Pero si no necesitamos el realismo, solo un diagrama más lindo estoy usando una sombra simple y una reflexión (r) (A)

Pero no puedo ver el reflejo, así que necesito un poco de color base (B)

Y estoy agregando un "chorro de arena" (C)

Pero el truco es que todos esos elementos están usando transparencia. Es una lente después de todo. Entonces, si uso un fondo más oscuro, sé que puedo mostrar la luz en los próximos pasos. (Puedes ver que el haz de luz está detrás de la lente)

Puedo jugar con la luz en lugar de esas aburridas flechas amarillas.

ingrese la descripción de la imagen aquí

Todas las transparencias son de gradiente simple (estoy usando Corel Draw aquí pero las tienes en Illustrator e Inkscape)

Para el último, estoy usando un objeto inicial y un objeto final para dar forma a la viga, pero hay otros enfoques para eso.

Editado algún tiempo después.

Estoy agregando una imagen sobre cómo hacer un botón brillante típico simple.

Puede ver aquí cómo se combinan los diferentes elementos simples.

ingrese la descripción de la imagen aquí

Una variación adicional con respecto al estilo es agregar algunos desenfoques en los mismos objetos que teníamos antes.

ingrese la descripción de la imagen aquí


¡Qué gran respuesta! Realmente me gusta la forma en que con solo unos pocos elementos (degradado y color) puedes obtener algo que se vea animado y divertido.
boyfarrell

1
¿Son esos ejemplos en 3D también su propio trabajo, se rastreó ese rayo?
boyfarrell

Raytraced es una palabra genérica en renderizado 3D. Si. Pero fue más específico con Kerkythea y mapa de fotones, pero en general cualquier "render fotorrealista del motor va a hacer, al igual que los ciclos en la licuadora.
Rafael

¿Cómo se hace el chorro de arena ? ¿Puedes explicarlo? Se ve brillante; se parece más a un reflejo parásito que a la superficie grabada que verías en una lente real, pero es el elemento clave que realmente hace que C, D, E, F y G se apaguen. Especialmente con el fondo oscuro y el haz de luz transversal.
voces

Tienes razón. Usaría exactamente la misma técnica que una reflexión brillante. No quiero representar un chorro de arena real, porque sería intrusivo. Recuerde que esto es para un diagrama o con fines ilustrativos, no para representar la vida real.
Rafael
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.