Difusión de luz en Inkscape

Para un pequeño proyecto mío, estoy trabajando en la creación de un paquete de recursos similar al paquete que se encuentra aquí . Esencialmente es un paquete de letras que tienen bombillas para iluminar el texto. Puedes ver un ejemplo a continuación.

Gran capital A

Como puede ver en este ejemplo, la luz se difunde alrededor de cada bombilla para hacer el efecto de la luz que ilumina el resto de la A. Mi pregunta es ¿cuál es la mejor manera de crear un efecto de difusión de luz similar en Inkscape?

Respuestas (1)

En primer lugar : tenga en cuenta que Inkscape es para ilustraciones vectoriales, por lo que el tipo de efectos de imagen que está solicitando no son los mejores de Inkscape... El resultado que obtendrá con programas como Inkscape seguramente se verá "más plano" y menos realista que una simulación de luz en toda regla, también conocida como representación 3D / trazado de rayos. Si prefiere ir en esa dirección, consulte Blender y YafaRay .


Habiendo dicho eso, así es como haría para imitar el efecto en Inkscape:

Cada bombilla tiene dos componentes: el cuerpo de la bombilla y el brillo que la rodea .

1. El cuerpo

  • Use un número arbitrario de círculos, algunos con un relleno sólido, algunos con solo un trazo y un contorno parcial y algunos con un relleno degradado. Elija los colores y degradados de la imagen original. Este es un proceso artístico, por lo que no hay bien o mal. Continúe/itere hasta que tenga suficientes detalles y una copia "caricaturesca" del cuerpo de la bombilla original.

  • Una vez que esté satisfecho, convierta todos los objetos de trazo en rutas. Luego seleccione cada objeto y haga que el relleno sea borroso (utilice el control deslizante justo debajo del color de relleno). Le di a cada objeto un desenfoque algo diferente entre 3% y 10%. Esto eliminará los bordes duros y reducirá el aspecto "caricaturesco".

  • Una sola bombilla podría terminar luciendo así:

2. El Resplandor

Hay varios filtros que suenan como si pudieran hacer el truco. Específicamente, "Filtros" > "Sombras y brillos" > "Resplandor recortado", "Oscuro y brillo" y "Sombra paralela" (con una sombra coloreada) pueden parecer buenos candidatos.

Sin embargo, cuando realmente aplica estos efectos, ninguno de ellos le da el resultado deseado. Para ver lo que quiero decir, haga un círculo relleno que sea más grande que el cuerpo de la bombilla, elija un color naranja brillante de la imagen original y aplique cada efecto.

Entonces, en lugar de usar filtros preconfigurados, terminé con el siguiente flujo de trabajo:

  • Superponga uno o varios círculos hasta que se alineen bien con el brillo de la imagen original. Fusiona los círculos con "Ruta" > "Unión". Tenga en cuenta que esta forma puede (pero no tiene por qué) coincidir con la luz emitida por la bombilla.

  • Ahora elija un color adecuado para la forma recién creada (algún tono de naranja del original). Si quieres, aplica un degradado circular que vaya de un naranja más amarillento por dentro a uno más oscuro por fuera. Luego desenfoque el relleno (por ejemplo, 8%) y haga que la forma sea transparente (por ejemplo, 50%).

3. Juntándolo

  • Produce más cuerpos de bulbos. Si desea que el resultado final se vea bien, debe tomarse el tiempo para modelar al menos 3 o 4 cuerpos de bombilla distintos , pero para este ejemplo solo duplicaremos y rotaremos los cuerpos.

  • Coloque un objeto brillante debajo de cada bombilla. Escale cada objeto iluminado y ajuste su transparencia para que todos sean algo diferentes. Si lo desea, agregue un fondo oscuro (como el del original) para ayudarlo a evaluar si está cerca del efecto original.

En el original hay un patrón distintivo visible en medio del brillo y en toda la letra. En mi humilde opinión, se supone que esto indica a) una textura de madera gruesa del cuerpo de la letra o b) algún tipo de patrón de humo / Moiré / destello de lente. De cualquier manera, se ve genial, así que aquí hay una sugerencia sobre cómo lograr este efecto:

  • Usa el pincel caligráfico para dibujar algunos trazos blancos ondulados a lo largo de la letra. Deben seguir un patrón similar al de las líneas del original. Luego elija un relleno blanco, baja opacidad (digamos 10%) y desenfoque el relleno (por ejemplo, 3%). Dibuje/ajuste manualmente estas líneas hasta que esté satisfecho.

Ahora, obviamente, todavía faltan una serie de elementos, sobre todo el marco de aluminio / vidrio extruido de la carta. Ya que preguntaste sobre el efecto de difusión de la luz, no vamos a tratar eso aquí. Sin embargo, espero que haya quedado claro cómo se puede lograr el efecto básico con formas simples, rellenos, opacidad y, lo más importante, desenfoque.


Una observación final : la imagen original ciertamente se ve muy pulida, así que no se sorprenda si tiene que esforzarse un poco para obtener un resultado similar. Creo que requiere mucha ilustración manual y refinamiento o algunas habilidades avanzadas de modelado/renderización 3D para lograr un resultado tan pulido.