Limpieza de arte lineal con bordes entrecortados

Entonces, hace un tiempo creé este ícono a partir de un juego, pero al mirar hacia atrás detrás de un fondo blanco en lugar de un canal alfa, sus bordes están muy entrecortados en algunos lugares mientras que en otros es suave, lo que posiblemente se deba al método. se usa para seleccionar ciertas regiones antes de llenarlo. Estaba usando GIMP y me preguntaba si hay alguna forma posible de solucionar esto fácilmente (es decir, hacer que todos los bordes sean uniformes en lugar de entrecortados). ¿Quizás algunos filtros de renderizado o métodos de selección que no conozco? He buscado en Google y YouTube, pero sin éxito.

Mi imagen:

http://fc05.deviantart.net/fs71/f/2013/177/7/c/seal_of_mar_by_jacedc-d695fa3.png

(Como puede ver, las cosas internas en forma de media luna están entrecortadas, así como el exterior del círculo a la izquierda y a la derecha está entrecortado)

Ha etiquetado es como ráster e indica que usó Gimp. Las aplicaciones ráster siempre darán como resultado algunos píxeles en los bordes de los arcos. Si usa una aplicación vectorial, puede obtener líneas más limpias.
@Scott Bueno, yo fui el que lo etiquetó como ráster (aunque claramente es una imagen ráster)
Utilicé GIMP y en algún lugar a lo largo de las líneas (sin juego de palabras) terminó pareciendo una imagen rasterizada realmente entrecortada. Me preguntaba si hay una solución rápida para redondear todos los bordes.
@BenBrocka: la pregunta dice Gimp ... entonces raster es una buena etiqueta. No estoy seguro de por qué fue eliminado. Jacedc: ¿estás preguntando cómo en Gimp? Como he comentado, una aplicación raster no va a ofrecer muchas más soluciones. No hay un botón "mágico".
Para evitar los bordes "entrecortados" de las imágenes futuras, cree de esta manera: asegúrese de que todas sus selecciones estén difuminadas.

Respuestas (4)

Diría que no hay una solución rápida y sucia para las líneas entrecortadas, solo tienes que recrearlas usando vectores. Lo siguiente me tomó 3 minutos en Photoshop con círculos y efecto de trazo:

Ejemplo de logotipo

No lo haré todo por usted, pero todo lo que necesita son dos semicírculos más y tiene un logotipo basado en la forma, que debe escalar maravillosamente a cualquier tamaño. Así que son 6 círculos, dos semicírculos y un trazo aplicado a algunos de ellos. En su caso, es muy sencillo de recrear, pero un logotipo detallado llevaría mucho más tiempo.

Hay varias formas de hacer esto, aunque en su caso simplemente me pondría manos a la obra y dedicaría un poco de tiempo a hacer esto, si domina cualquier software GD que cree formas, esto no debería tomar ni media hora y si no lo eres, ahora es un buen momento para aprender algunas habilidades reutilizables.

TambiénSave for Web & Devices..

Bueno. Sí, no soy realmente "competente" en ningún software GD, excepto GIMP, que supongo que no hace vectores. De todas formas, gracias por la ayuda.
Photoshop tiene herramientas vectoriales pero "tampoco hace vectores" en realidad.
@Dominic Sí, dentro de Photoshop y SOLO dentro de Photoshop. Los archivos vectoriales verdaderos se pueden escalar en cualquier lugar.
¿Qué quieres decir con "crea formas"? Tiene selección de rectángulo y elipse (así como selección libre y la "herramienta de rutas"), pero aparte de eso, no.
Tenga en cuenta que Inkscape es adecuado para este tipo de cosas y es GPL
Photoshop tiene herramientas básicas y algo avanzadas para vectores, especialmente la última versión, pero Illustrator es mejor. Sin embargo, para esto, Photoshop es más que suficiente.
No estoy convencido de que la mejor respuesta para solucionar un problema con una herramienta de código abierto sea recomendar volver a hacerlo con una herramienta con licencia (y muy costosa).
@Liam, si no recuerdo mal, podría alquilar Photoshop por aproximadamente £ 10 al mes hasta que ya no lo necesite. De hecho, respondí sin ver la etiqueta de gimp y no tiene sentido eliminarla después del hecho. El consejo sobre las formas es útil para todos los programas de todos modos.

Rastreo

En caso de que no podamos recrear fácilmente el original en una aplicación orientada a vectores, también podemos rastrear el mapa de bits a un gráfico vectorial.

El siguiente ejemplo se realizó con Inkscape , donde importé el mapa de bits para rastrearlo con 2 pasos de color:

ingrese la descripción de la imagen aquí

Esto no preservará la geometría circular exacta de la fuente (tenga en cuenta las formas ligeramente onduladas de arriba), ya que el trazado se realizó con curvas Bezier en lugar de círculos o cuadros. Debido a eso, dichos trazos siempre tendrán un tamaño de archivo mucho mayor que los vectores recreados correctamente.

Suavizado

Otra posibilidad para reducir el aliasing en un mapa de bits si no podemos usar un reemplazo gráfico vectorial es aplicar un desenfoque suave a la imagen.

A continuación, utilicé el filtro mágico GREYC del complemento GIMP : Mejora - Suave (curvatura media) con 8 iteraciones para suavizar los contornos manteniendo el canal alfa:

ingrese la descripción de la imagen aquí

Mmm. ¡Muy agradable! Echaré un vistazo a Inkscape. ¡Gracias!
Este enlace puede ser mejor para obtener el complemento G'MIC actual.

Hay una forma muy sencilla de hacer esto mediante el uso de la herramienta de selección aproximada para crear una ruta. Hay un breve ejemplo de cómo hacerlo en Reparar bordes irregulares de imágenes con Gimp .

El enlace está muerto.
Reemplacé el enlace con uno diferente que no es tan detallado pero proporciona los pasos necesarios.
Muchas gracias, no pude averiguar cuál sería una buena combinación para lo que originalmente estaba allí.
Déjame saber cómo te va; puedo intentar encontrar una mejor opción si esa no funciona para ti.
El nuevo enlace está muerto.

Para proyectos más pequeños, simplemente usar la herramienta de desenfoque puede hacer maravillas. Si bien esto no se aplica a este proyecto en particular, otras personas que busquen pueden encontrar esta solución conveniente.

Limpieza de arte lineal con bordes entrecortados
RespuestasAquíPolítica de privacidad1y, 0v