Git aplicado al diseño gráfico

Estoy investigando para poder aplicar GIT como herramienta en los proyectos de diseño más allá del desarrollo web, y que permita llevar una revisión visual de los archivos gráficos.

Hace un tiempo, cuando empezamos a usar GIT con un amigo ya nos surgía la necesidad de visualizar las diferencias a nivel gráfico y encontramos este post:

Improving open source hardware: Visual diffs

http://www.evilmadscientist.com/2011/improving-open-source-hardware-visual-diffs/

En el cual se comenta de las posibilidades de utilizar ImageMagick para resaltar las diferencias en archivos de CAD o imágenes PNG con rasterización de dibujos técnicos. Muy interesante.

NOTA: (2014-05-27) el artículo es de hace casi 3 años y pareciera que no han habido muchos avances, pero puedo estar equivocado ya que no he buscado mucho por el lado del CAD.

Recientemente volví a buscar usando las palabras VISUAL DIFF GIT, y parecidos, obteniendo resultados muy prometedores:

Image diffs with git

http://www.akikoskinen.info/image-diffs-with-git/

Explica un hack sencillo para hacer que GIT trate a los archivos de imágenes de manera especial al momento de mostrar las diferencias.

Lo intenté pero no me ha resultado.

Son realmente muy interesantes las referencias que cita

[1]

Git – How to Get Better Diffs for Images

http://lars-tesmer.com/blog/2010/09/20/git—how-to-get-better-diffs-for-images/

En donde se explica como hacer un diff con datos EXIF

[2] (el link en el artículo original no funciona, pero pude encontrarlo aquí)

diff git imagemagick

http://ospublish.constantvzw.org/blog/tools/diff-git-imagemagick

Una experimentación sobre la utilización de imagemagick, mostrado en un video.

Otra cosa interesante de esta referencia es que pertenece al blog de un estudio de diseño avocado a la utilización de herramientas Open Source

OSP, Graphic design caravan

http://osp.constantvzw.org/

Con un enfoque particular en el flujo de trabajo han desarrollado una serie de herramientas libres para el uso colaborativo orientado a los medios gráficos.

 

Son de destacar:

  • html2print: maquetar en HTML y obtener EPS para imprenta

  • literaldraw: para dibujar con cuatro visualizaciones simultaneas: 1)texto; 2) lienzo; 3)comandos; 4)código XML/SVG

  • ospi: imposición de páginas para imprenta usando PDFs.

  • ethertoff: etherpad + wiki

  • gitcal: iCal basado en GIT

 

En medio de toda esta búsqueda había encontrado un sitio en donde se presentaba un propuesta para concursar por apoyo, pero no recuerdo el nombre ni pude guardar el link. En dicha propuesta se planteaba los mismos requerimientos que en otros lados, pero resumiendo muy bien a aportando ciertas ideas para desarrollar.

Dentro de las referencias estaba una que enlazaba a este sitio

Electric Puppet Theatre

Un webcomic que hace uso del GIT para registrar el proceso y luego armar un video:

http://eptcomic.com/ept1movie.htm

Realmente muy interesante el uso de GIT y la forma de extraer los datos del repositorio para armar el video.

Otra de las cosas que fui encontrando son sitios web que ofrecen servicios de versionado de proyectos para diseñadores gráficos.

Preguntas sobre proyectos gráficos y control de versiones

 Otras herramientas para tener en cuenta

# visual diff of two pdfs
#
# inspired by:

Temas apartes: Relacionado con lo de LayerVault y la apropiación del estilo Flat:

Continuando con la investigación (2014-06-05)
Realizando de nuevo una búsqueda en DuckDuckGo con “using git width diff images” me encuentro con

Comparing images and creating image diffs

En el cual se explica como hacer un diff con Chunk_png y comenta acerca de image view modes implementado en GITHUB hace 3 años!.

La única pega es que está hecho con RUBY (que puede ser muy buena excusa para empezar a ver).

Siguiendo el tema del image view modes en GitHub, y viendo que sólo se trata de un repositorio demo, busco dentro de GitHub algún otro proyecto que esté relacionado y encuentro:

https://github.com/search?q=Image-Diff-View&nwo=cameronmcefee%2FImage-Diff-View-Modes&search_target=global&ref=cmdform

katoy/diff-images

Que está en un idioma que no reconozco, pero es bastante reciente (2 meses), aunque también usa Ruby.

También encuentro este otro que es parecido a Git – How to Get Better Diffs for Images

gitbuch/tux-diff-demo

 

No me acuerdo cómo fue que llegué a este otro artículo

GitHub as Version Control for Designers

Pero comenta un poco acerca del interés sobre el versionado de las imágenes y los formatos usados habitualmente por los diseñadores gráficos.

Hay una repositorio de prueba para los formatos

public repository

y luego comenta acerca de sitios que ofrecen servicios (algunos ya los comenté más arriba)

Alternatives

If you don’t feel GitHub is the right choice for your design project you might want to check out other solutions which are particularly built for designers, their specific files and processes:

  • Layervault – Version control for designers.
  • Pixelapse – Visual version control for designers.
  • Pixelnovel – Subversion client for designers

PIXELNOVEL es uno de los que no había comentado antes, está basado en SVN y se vende como plugin para Illustrator/Photoshop/InDesign desde CS3 a CS6, se integra como una paleta.

Algunos puntos sobre SVN: como se había comentado en otros lugares (stackoverflow, etc) con hilos de discusión, la ventaja de SVN es que al guardar diferencias incrementales de los archivos, el repositorio no se vuelve tan pesado con cada commit para archivos gráficos “grandes”.

BONUS: encontré por ahí este interesante artículo sobre como obtener un archivador de los cambios en GIT

Archiving Changed Files in Git

——————————————————————————

CONTINUARÁ …

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s