Limpieza de arte lineal con bordes picados


14

Entonces, hace un tiempo creé este ícono a partir de un juego, pero mirando hacia atrás detrás de un fondo blanco en lugar de un canal alfa, sus bordes son súper entrecortados en algunos lugares y suaves en otros, lo que posiblemente se deba al método I se usa para seleccionar ciertas regiones antes de llenarlo con cubeta. Estaba usando GIMP y me preguntaba si hay alguna forma posible de solucionar esto fácilmente (es decir, hacer todos los bordes incluso en lugar de entrecortado). ¿Quizás algunos filtros de representación o métodos de selección que no conozco? He buscado en Google y youtubed pero sin resultado.

Mi imagen:

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

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


3
Has etiquetado como raster y estado en el que usaste 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

@Scott Bueno, yo fui el que lo etiquetó como ráster (aunque es claramente una imagen ráster)
Ben Brocka

Usé 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.
Jacedc

@BenBrocka: la pregunta dice Gimp ... por lo que la trama 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 ráster no ofrecerá muchas más soluciones. No hay un botón "mágico".
Scott

Para evitar los bordes "entrecortados" para futuras imágenes, cree de esta manera: asegúrese de que todas sus selecciones estén borrosas.
Michael Schumacher

Respuestas:


11

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

Ejemplo de logotipo

No voy a hacerlo todo por ti, pero todo lo que necesitas son dos semicírculos más y tienes un logotipo basado en la forma, que debería escalar maravillosamente a cualquier tamaño. Entonces son 6 círculos, dos semicírculos y un trazo aplicado a algunos de ellos. En su caso, es muy sencillo recrearlo, pero un logotipo detallado llevaría mucho más tiempo.

Hay varias maneras de hacer esto, aunque en su caso simplemente me esforzaría y pasaría un tiempo haciendo esto, si es competente con 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én Save 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.
Jacedc

1
Photoshop tiene herramientas vectoriales pero "no hace vectores" tampoco en realidad.
Scott

1
@Dominic Sí, dentro de Photoshop y SOLO dentro de Photoshop. Los verdaderos archivos vectoriales se pueden escalar en cualquier lugar.
Scott

¿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.
Jacedc

3
Tenga en cuenta que Inkscape es adecuado para este tipo de cosas y es GPL
horatio

9

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 conservará la geometría circular exacta de la fuente (tenga en cuenta las formas ligeramente onduladas anteriores), ya que el trazado se realizó con curvas de Bezier en lugar de círculos o cuadros. Debido a eso, dichos rastros siempre tendrán un tamaño de archivo mucho mayor que los vectores recreados correctamente.


Suavizado

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

A continuación utilicé el filtro mágico de GREYC del complemento GIMP : Mejora - Suavizado (curvatura media) con 8 iteraciones para suavizar los contornos mientras se mantiene el canal alfa:

ingrese la descripción de la imagen aquí


Hmm ¡Muy agradable! Echaré un vistazo a Inkscape. ¡Gracias!
Jacedc

Este enlace puede ser mejor para obtener el complemento G'MIC actual.
EdwinW

1

Hay una manera realmente simple de hacer esto usando la herramienta de selección difusa para crear una ruta. Hay un breve ejemplo de cómo hacerlo en Fixing Jagged Image Edges with Gimp .


El enlace está muerto.
EdwinW

He reemplazado el enlace por uno diferente que no es tan detallado pero proporciona los pasos necesarios.
David Clarke

Muchas gracias, no pude averiguar cuál sería una buena combinación para lo que originalmente estaba allí.
EdwinW

Avísame cómo te va: puedo intentar encontrar una mejor opción si esa no te funciona.
David Clarke

0

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 buscan pueden encontrar esta solución conveniente.

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.