Convertir fotos de diagramas en bonitas imágenes en Mac

Me gusta dibujar diagramas a mano, ya sea en papel o en una pizarra. Me gustaría poder tomar fotos de estos (usando un teléfono celular o una DSLR) y procesarlos fácilmente en archivos png de aspecto razonablemente profesional que pueda publicar en mi blog.

Es decir, quiero convertir esto:

ingrese la descripción de la imagen aquí

dentro de esto:

ingrese la descripción de la imagen aquí

con el mínimo de alboroto.

Hice este usando Photoshop y Lightroom, pero fue sorprendentemente difícil y requirió mucho tiempo lograr que los fondos salieran en blanco puro sin que ninguna de las líneas fuera ilegible. Dado que planeo hacer esto a diario, me gustaría que fuera lo más posible con un solo clic.

Parece que "Microsoft Office Lens" podría ser el tipo de cosa que necesito, pero no está disponible en una Mac.

Estas son las características que estoy buscando:

  • se ejecuta en Mac (requerido)
  • recortar y rotar (requerido)
  • haz que el fondo sea blanco puro, incluso si hay sombras, sin perder detalle en las líneas (obligatorio)
  • haga que las líneas negras se acerquen lo más posible al negro puro sin perder detalles (obligatorio)
  • preservar las líneas de color (requerido)
  • corregir la distorsión de la perspectiva (deseable)
  • buena interfaz de usuario que hace que todo el proceso sea lo más eficiente posible (obligatorio)
  • herramientas para administrar y organizar imágenes convertidas (deseable)

Una solución gratuita sería ideal, pero no me importa pagar por una buena.


Editar: descubrí, después de un poco de experimentación, que puedo obtener resultados decentes con bastante rapidez en Adobe Lightroom, siempre que tenga un poco más de cuidado con la iluminación del tablero. (En mi oficina, eso significa asegurarse de que la lámpara de escritorio no proyecte una sombra y rotar el tablero para que mire un poco más hacia la ventana). Esto significa que mi necesidad de un software especial es menos urgente, pero aún sería Sería útil si alguien conoce algo diseñado para este propósito, que se ejecute en una Mac.

En caso de que futuros visitantes quieran saber, mi flujo de trabajo de Lightroom es algo como esto. Esto supone una foto tomada con una DSLR con buena iluminación y sin distorsión de perspectiva.

  1. aplique "habilitar correcciones de perfil" en "correcciones de lente" (para eliminar el viñeteado)

  2. establezca el balance de blancos con la herramienta cuentagotas, en la parte del fondo blanco que esté más sombreada

  3. en "básico", haga clic en "automático"

  4. mueva los blancos hasta +100 y los negros hasta -100

  5. ajuste la exposición para que el fondo sea 100% blanco. (Puede verificarlo pasando el mouse sobre él: los valores RGB se muestran debajo del histograma). Debe estar lo suficientemente expuesto para que todo el fondo sea blanco puro.

  6. si las líneas negras se ven desvaídas, aumente el contraste hasta que se vea bien, reajustando la exposición si es necesario

  7. si no puede lograr que se vea bien en todo el tablero porque parte de él está sombreado, configure un filtro lineal para aumentar la exposición en la parte sombreada del tablero

  8. si los colores no lucen bien, aumente la 'vibración' y/o la saturación hasta que lo hagan.

Esto parece funcionar bastante bien siempre que la foto original esté iluminada de manera razonablemente uniforme. Mi único problema hasta ahora es que distorsiona algunos de los colores, tendiendo a hacer que el naranja se vea amarillo, por ejemplo. (Esto probablemente se puede corregir con bastante facilidad usando el panel 'Color', pero ese es un paso adicional). Pude pasar 20 imágenes más o menos bastante rápido, usando la función de sincronización de cambios para todos menos los últimos pasos.

Respuestas (2)

Aquí hay una respuesta propia, aunque espero que no sea la que elegiré al final.

El usuario de Github, lelandbatey, ha creado un sencillo script de línea de comandos que limpia las fotografías de las pizarras. Requiere que se instale ImageMagick (lo que se hace fácilmente a través de Macports o Homebrew). El resultado en mi imagen de ejemplo es aceptable pero no perfecto:

ingrese la descripción de la imagen aquí

Necesitará algunos recortes y ajustes en una aplicación externa, por supuesto, pero está bien. Los principales problemas son que no manejó muy bien las líneas rojas (quedaron bien en el diagrama inferior, pero no en el que estaba tratando de convertir), o las áreas negras rellenas, que se han convertido en contornos huecos.

Aún así, hizo un buen trabajo al hacer que el fondo fuera blanco sin crear artefactos. Si bien preferiría una aplicación gráfica con una interfaz de usuario bien diseñada, podría solucionar estos problemas, especialmente si puedo encontrar una buena manera de integrar el script en mi flujo de trabajo de Lightroom.

Las imágenes proporcionadas parecen ser adecuadas para ser creadas por un programa de gráficos vectoriales. Las imágenes vectoriales no son puntos de varios colores, sino que se representan con mayor precisión como instrucciones para crear formas basadas en puntos, ángulos y distancias, en términos generales.

La Mac parece tener muchos seguidores para un programa llamado Sketch 3 con un precio de US $ 50,00 según mi investigación reciente. También he notado una serie de preguntas publicadas en el foro de intercambio de pila de diseño de gráficos directamente relacionadas con el programa Sketch.

Mi búsqueda también encontró un conjunto de tutoriales basados ​​en el sitio web https://www.learnsketch.com/ que pueden ser útiles para determinar si el programa es adecuado para usted. Es probable que el programa también permita rastrear una imagen de mapa de bits para crear un archivo vectorial, que es más útil cuando se cambia el tamaño de dichas imágenes.

No se pierde ningún detalle cuando se utilizan imágenes vectoriales, ni se crea distorsión, a menos que el operador lo haya previsto.

Muchas de las funciones deseadas son cuestión de que el programador las incorpore al software y no están relacionadas con el tipo de gestión de imágenes (vector vs. ráster) y requerirían alguna evaluación con el programa una vez instalado.

Soy fanático de Inkscape, que es gratuito y tiene muchos seguidores en la red, tanto en términos de tutoriales de YouTube como de publicaciones/respuestas de StackExchange. Inkscape también está disponible para Mac .

No sé si puedo incluir imágenes en los comentarios, de ahí esta edición.

Inkscape hará el rastreo de mapa de bits. Una verificación rápida de Sketch muestra que nunca tuvo esa función o que la tuvo y desde entonces se eliminó. Eso es un poco miope por parte de los desarrolladores, pero eso es una opinión, por supuesto.

Esta imagen es una combinación de una captura de pantalla de este sitio, obviamente un gráfico de baja resolución (abajo) y el trazado de mapa de bits resultante realizado por Inkscape (para Windows, mi Mac está apagada).

prueba de rastreo mac 1

Puede ver que se perdieron algunos detalles en el color rojo, ya que no intenté cambiar la configuración predeterminada para mejorar la conversión para esta prueba.

prueba de rastreo mac 2

Con la herramienta de nodo seleccionada, puede ver los vectores saturando la imagen en este nivel de zoom.

prueba de rastreo mac 3

Con la baja resolución de la captura de pantalla, algunas líneas rectas y ángulos agudos podrían haberse convertido en curvas y curvas, pero parece que solo unos pocos clics pueden brindarle los resultados deseados.

No puedo dar fe de que este programa funcione exactamente igual en la Mac que en Windows, pero probablemente no sea muy exagerado esperar que lo haga.

¿Puedo aclarar: está diciendo que Sketch e Inkscape tienen herramientas para rastrear automáticamente una foto en un formato vectorial y que funcionarían de manera efectiva en mi imagen de entrada? ¿O estás sugiriendo que renuncie a crear la imagen a partir de una foto y simplemente la dibuje en Sketch/Inkscape? Si es lo último, entonces eso no es lo que estoy buscando. (Ya soy relativamente hábil en Illustrator, etc., pero me toma mucho más tiempo dibujar un diagrama de esa manera, y mi objetivo es producir rápida y fácilmente una buena imagen a partir de una foto existente de la pizarra).
Se agregaron imágenes y actualizaciones a la respuesta original. Por favor vea arriba. Sé a lo que te refieres con tratar de crear una imagen vectorial a partir de una página en blanco. No soy relativamente hábil en IA, ni en Inkscape y uso lápiz y papel para la mayoría de mis bocetos. ¡Gracias a su pregunta, es posible que tenga un método más efectivo para impartir mi trabajo en forma de gráficos!
Gracias, eso es útil. ¿Funciona desde la primera imagen de mi publicación? (La primera imagen es mi foto original de la pizarra. Hice la segunda procesándola en Photoshop y Lightroom, pero eso tomó bastante tiempo y esfuerzo, que es lo que estoy tratando de evitar).
Sospecho que la foto original de mayor resolución funcionaría mejor que cualquier intento que pudiera hacer con una captura de pantalla de este foro. La configuración dentro de Inkscape permite hacer ajustes específicos a los umbrales que permitirían mejores resultados de una foto. Puede ser más práctico tomar fotos de cada segmento, de cerca para obtener un procesamiento más rápido e incluso mejores resultados.
La pregunta es sobre "Convertir fotos de diagramas en [...]", así que elimine los primeros párrafos que hablan sobre la creación de diagramas, o al menos colóquelos al final. Además, la secuencia de acciones dentro de Inkscape ayudaría. ¡Gracias! :-)
@Nicolas Raoul, la referencia a la creación es válida en este contexto, ya que Inkscape usa una imagen importada para crear contenido nuevo. La secuencia de acciones puede agregarse más tarde a la respuesta original. Una pregunta para ti a cambio. ¿Considera que una instrucción "Importar imagen" es suficiente, o se requiere tener "Archivo, Importar" ya que representa la secuencia específica?
Siempre escribo el "Archivo, Importar" completo en las respuestas, para que todos puedan usarlas fácilmente, no solo las personas que ya conocen el software. ¡Salud!