lunes, 24 de noviembre de 2014

Programas de creación de gráficos científicos on-line

Hasta ahora hemos hablado de programas que instalamos en el ordenador, pero existe una gran variedad de programas on-line para crear gráficos. Y yo me pregunto:

¿Me estoy perdiendo algo?

Después de hacer una pequeña investigación por la web he llegado a estas conclusiones que comparto con vosotros: 

Estos programas, como su propio nombre indica, necesitan una conexión a internet para trabajar y aquí me encuentro la primera desventaja: no podemos trabajar en cualquier sitio. Como ventaja, muchos ofrecen un espacio en la nube para guardar nuestras creaciones y  los gráficos tienen una url y se embeben directamente en las páginas web. Por lo general, son programas muy fáciles de utilizar, aunque esto se puede volver en contra ya que  son muy simples y limitados en cuanto a herramientas. Muchos son gratuitos y otros son híbridos, tienen una parte gratuita y otra de pago donde se pueden obtener más opciones.

Para ciencias podríamos dividir los programas en dos grupos: programas para crear gráficos estadísticos y  programas para crear infografías. Infografía es un termino que se está poniendo muy de moda, pero en realidad es algo viejo y como su nombre indica significa el gráfico que da información. Pero para que os hagáis una idea sería un documento tipo póster, donde las ilustraciones tienen un papel muy importante.

Nuestros amigos de Hongkiat nos hacen unos fantásticos resúmenes sobre los programas de gráficos de datos e infografías que existen en la web.

Sinceramente, todavía no me ha convencido nada de lo que he visto porque no cumplen todos los requisitos necesarios para mi gusto. En general, en aras de proporcionar un programa sencillo y usable para un espectro amplio de usuarios, sacrifican funcionalidades. Pero lo que si ofrecen es inspiración y fuentes. Algunas plantillas de los programas de infografía pueden servir como base para nuestras creaciones o se puede aprender de como han resuelto gráficos de datos complejos.

De momento no hay milagro.

jueves, 2 de octubre de 2014

El poder del Ctrl+Z: dibujo digital


Retomo de nuevo el blog para seguir hablando de dibujo digital. En el presente post os mostraré un vídeo de como he hecho un dibujo digital, desde el borrador hasta el resultado final. Además, explicaré las ventajas que tiene, en mi opinión, el dibujo digital frente al tradicional y así tratar de darte referencias para ayudarte a seleccionar la metodología para tus propios dibujos.

El vídeo seleccionado es un ejercicio de dibujo digital propuesto por María Viñas, licenciada en bellas artes y especialista en dibujo digital, en el que se realiza el corte anatómico de una mano. En este dibujo está creado en GIMP y consta de 255 capas que corresponden a diferentes estructuras, colores y sombras de la mano. En cada capa tratamos de dibujar un elemento independiente (por ejemplo la sombra de un tendón) y el dibujo final es la superposición ordenada de estas capas. Todas las capas son independientes y están separadas, por lo tanto si queremos eliminar una sombra, modificar un tejido o cambiar un color, no tenemos que borrar todo el dibujo y redibujarlo sino que solo tendremos que modificar las capas que corresponden a ese elemento, lo que nos permite modificar de una forma más sencilla y rápida. El uso de un mayor o menor grupo de capas depende del criterio del autor.
Antes del dibujo que os presento siempre había hecho dibujo tradicional como plumilla, acuarela, acrílico o lápiz, y si era menester utilizaba el dibujo digital sólo para retoques y correcciones finales. Pero como ilustradora científica tenía la necesidad de conocer mejor el dibujo digital, ya que tenia la intuición de que iba a ser más competitiva en mi trabajo si dominaba esta técnica de dibujo. Si lo pensáis, pocas ilustraciones científicas tienen como único destino el marco y la pared, normalmente pasan todas por una digitalización (se escanean y se convierten en digital) y acaban en libros, revistas, artículos, presentaciones, webs, etc. La posibilidad de realizar un dibujo desde su base en digital me parecía una ventaja, pero no es la única, ahora os voy a contar lo que he descubierto.
El poder de corrección es mucho mayor en el dibujo digital por dos factores: El primero es gracias al Ctrl+Z y el Ctrl+Y. Estas combinaciones de teclas son los “atajos del teclado” equivalentes a los botones de deshacer y rehacer las últimas ediciones eliminando o rehaciendo nuestras acciones a placer. El segundo es la existencia de las capas con las que podemos ordenar cada elemento (estructura o color) de nuestro dibujo, por lo tanto podemos variar/corregir/modificar de múltiples formas nuestra ilustración alterando el resultado global a base de modificar pequeños constituyentes. Es decir, no atacamos de forma agresiva el resultado final. Esto, nos abre un abanico de posibilidades, métodos y nos proporciona mucha más flexibilidad. Esta ventaja es sumamente importante ya que los dibujo científicos están sometidos a un gran número de correcciones que en el dibujo tradicional puede suponer el realizar el dibujo de novo varias veces.
La puesta a punto de la mesa de trabajo es rápida y limpia: encender un botón es infinitamente más rápido y fácil que preparar nuestra mesa con papel, pinceles, agua, pinturas, etc. Además, el dibujo digital instantáneo ya que no hay que esperar a que la pintura se seque. Esto nos lleva también a poder dibujar, si lo deseamos, de forma interrumpida en sesiones más breves.
El dibujo digital nos permite trabajar con grandes tamaños sin tener problemas de espacio. El dibujo en la pantalla lo podemos agrandar o empequeñecer a nuestro antojo. Nos permite hacer zonas con mucho detalle. Esto es de gran ayuda en las ilustraciones científicas, cuando necesitamos una parte con más resolución.
El dibujo digital nos permite modificar los niveles de color y los contrastes, algo imposible en dibujo tradicional. Por ejemplo, nos permite pasar de color a escala de grises con un click.
Por supuesto, no todo es blanco o negro. En este dibujo, como habréis visto el borrador que sirve de base a todo el dibujo es un dibujo tradicional hecho con lápiz en papel. Este borrador se ha escaneado e introducido en nuestro programa de ordenador. En este caso es tan solo un croquis, pero también se pueden introducir dibujos en un estado más avanzado y solo colorearlos en el ordenador o realizar todo el dibujo en tradicional y luego realizar los retoques y correcciones en el ordenador. La gama de posibilidades es infinita dependiendo del autor y del dibujo. El sistema ideal es aquel en el que tu te sientas a gusto y obtengas el resultado deseado.

martes, 11 de febrero de 2014

Ejemplo de dibujo digital paso a paso

Estimados amig@s, aquí os dejo un ejercicio sencillo de un dibujo de unos frutos de Acebo, Ilex aquifolium. En la Figura 1, como muchos de vosotros ya habréis deducido, tenemos un dibujo digital vectorial que esta hecho con el programa Inkscape. Mediante esta figura simplemente os quiero mostrar el camino que yo he seguido y no pretende ser un tutorial ya que necesitaríamos más detalles para explicar todos los pasos (pero si os interesa todo llegará).

 Figura 1: Seis pasos a seguir para realizar el dibujo vectorial de unos frutos de Acebo.

Como veis en los primeros pasos hacemos los contornos con figuras simples, para después colorearlas con colores mates y luego aplicarles una serie de gradientes y brillos para darle volumen. En el último paso añadiríamos texto para indicar la especie y la escala.

Aunque en anteriores post hemos hablado de dibujo vectorial y dibujo matricial, no hemos hablado de la combinación de ambos. Ahora veréis las diferencias entre el dibujo vectorial anterior y el retocado después en Gimp (programa para retoque y creación de imágenes matriciales). Para ello, he importado el documento vectorial como png (imagen matricial) a Gimp y aquí lo he retocado dándole texturas y algún que otro retoque de sombras y contraste. En este caso la diferencia es sutil, pero creo que se aprecia que el dibujo matricial tiene un carácter más realista y menos sintético (Figura 2).

Figura 2: Dibujo vectorial (arriba, recuadro verde oscuro) y el mismo exportado a dibujo matricial y retocado en Gimp (abajo, recuadro verde claro) de los frutos de un Acebo.


Espero que esto os anime a dibujar, como veis poquito a poco se llega...

martes, 4 de febrero de 2014

Curso de Ilustración Científica: Aprende a ilustrar tus presentaciones


En este mes de Febrero, los días 21 y 28 con horario de 16:00 a 20:00, voy a dar un curso de ilustración científica en el Colegio Oficial de Biólogos de Euskadi (COBE) sobre dibujo vectorial y de como nos puede ayudar a crear  gráficos de calidad más llamativos para mejorar la compresión e impacto de nuestro trabajo sin necesidad de grandes dotes artísticas.

Cuando me propusieron hacer un curso de dibujo digital no teníamos claro si lo haríamos sobre dibujo digital matricial o vectorial. Pero como hemos concluido en el anterior post, hemos creído que en cuanto a relación técnica/tiempo/resultados puede ser más rentable que el dibujo matricial, que requiere más técnica o mano artística.

El programa sobre el que vamos a trabajar va a ser el Inkscape. Programa de dibujo vectorial, de software libre y sencillo, pero herramienta potente para crear imágenes de gran calidad.

En el curso, después de darle un breve repaso al programa, empezaremos importando gráficos de hojas de cálculo y aprenderemos a “tunearlos” (Figura 1a) para darles una estética más atractiva y así lograr textos más llamativos. Después empezaremos con diagramas sencillos, como diagramas de flujo (Figura 1b) y continuaremos con ilustraciones un poco más complicadas para crear sumarios gráficos destinados a artículos científicos por ejemplo (Figuras 1c y 1d). Trabajaremos un poco de dibujo anatómico (Figura 1e) y exploraremos las herramientas de Inkscape para hacer gráficos con efectos 3D (Figura 1f). Y para terminar podréis traer vuestras ideas y con mi ayuda crearemos gráficos para usar en vuestros textos científicos.



Figura 1. Ejemplos que podremos trabajar en el curso.

Además hablaremos de ilustración científica, tipos de ilustración, técnicas, formatos, impresión, resolución de dibujos, librerías de dibujos en la web, etc. En conclusión, después de este curso tendremos nociones sobre como deben de ser los gráficos de calidad y como hacerlos más llamativos para mejorar la compresión e impacto de nuestro trabajo,  además de iniciarnos en el manejo de una poderosa herramienta para llevarlo a cabo.

¡Animaos, será divertido y muy ÚTIL!! 

Tenéis toda la información el a web del COBE: http://goo.gl/AkGKxq

lunes, 3 de febrero de 2014

¿Qué necesito, un dibujo vectorial o un dibujo matricial?

Como ya hemos dicho en el anterior post cuando queramos crear una imagen digital de cero; ya sea una planta, animal, corte histológico, un planeta o una molécula debemos preguntarnos que formato de imagen vamos a usar y que  herramienta o programa.

A continuación voy a enumerar unos puntos a tener en cuenta, que ni están todos los que son, ni son todos los que están. Tampoco están ordenados necesariamente por importancia, aunque si he dejado en último lugar uno que considero importante y he preferido situarlo al final para que cuando lo leamos tengamos un pequeño bagaje al haber leído ya los anteriores.

(1) ¿Que tamaño de dibujo necesitamos?
Normalmente el tamaño depende de donde vamos a incrustar nuestro dibujo, ya que un dibujo para un artículo será más pequeño que un dibujo para un póster. El tamaño va ligado al peso del documento, es decir, cuanto más grande sea un dibujo más nos ocupará en memoria y más difícil será trabajar con él, el ordenador podrá ir mucho más lento si el documento nos consume cerca de todos los recursos del ordenador.

En el caso de los dibujos vectoriales no tenemos gran problema en el factor tamaño, ya que ocupan muy poco espacio en disco. Además, no tendremos ningún problema si primeramente necesitamos un dibujo pequeño para un artículo y luego queremos insertarlo en un gran póster, pues se puede escalar sin perdida de calidad y esto no afecta tampoco el peso del documento.

Pero los dibujos matriciales, raster o mapa de bits ocupan mucho más espacio y nos puede limitar mucho a la hora de trabajar. Por otro lado, no son escalables y pierden calidad cuando los aumentamos. En la figura 1 podéis ver la perdida de calidad en las imágenes matriciales en comparación con las vectoriales al hacer zoom.

Por supuesto, hay que tener en cuenta que si en un dibujo vectorial incrustamos una imagen matricial, esta se comporta como tal con sus virtudes y defectos y no como vectorial.

Figura 1. Este es un ejemplo en el que se pueden comparar los gráficos vectoriales (columna izquierda en verde oscuro) con los gráficos matriciales (columna derecha en verde claro). Al ampliar las respectivas imágenes a un  350% podemos ver las diferencias: mientras el dibujo vectorial se mantiene intacto, con los bordes de todos los elementos nítidos y bien definidos, en el matricial ya podemos observar a simple vista los píxeles en los bordes de los objetos y por lo tanto ya tenemos una imagen pixelada y de baja calidad. 

Por lo tanto si queremos un dibujo grande y no tenemos limitaciones de memoria, cualquiera de los dos dibujos nos puede servir y mediante otros factores elegiremos como nos conviene hacerlo mejor. Si por el contrario tenemos problemas con el tamaño nos iríamos a un dibujo vectorial.

(2) Complejidad que queremos
Para que nos entendemos, para mi la complejidad de un dibujo se refiere en este caso al realismo del dibujo. ¿Qué es lo que necesitamos para explicarnos?¿Qué es lo que nos conviene más? ¿Algo simple y esquemático o algo complejo y cercano a la realidad?

Típicamente los dibujos más esquemáticos se suelen hacer con dibujo vectorial, ya que es más sencillo, las figuras geométricas se hacen de manera más fácil, los conectores y las alineaciones funcionan de manera más simple y mejor. Mientras que dibujos más “artísticos” con menos elementos de rayas, conectores, flechas, marcos y con más capas superpuestas, colores más realistas y formas complejas se harían en dibujo matricial. Veamos unos ejemplos en la figura 2.


Figura 2. En la columna izquierda (verde oscuro) podemos ver una imagen matricial y en la columna derecha (verde claro) un dibujo vectorial de un ojo humano.

(3) Estilo
En cuanto al estilo, sin duda, ambos dibujos tienen estilos muy diferentes y normalmente es muy fácil diferenciarlos. El dibujo vectorial es más esquemático y sintético, mientras que  el dibujo matricial es más complejo y realista. Cuando ambas técnicas nos valen, es como elegir entre dos pintores diferentes, dos paisajistas por ejemplo, ambos hacen paisajes, pero tienen estilos totalmente diferentes, aquí el gusto de cada uno es el que hay que tener en cuenta, veamoslo en la figura 3.


Figura 3. En la columna izquierda (verde oscuro) podemos ver una imagen matricial y en la columna derecha (verde claro) un dibujo vectorial de un melocotón.

(4) Técnica.
Nuestros conocimientos de los programas y nuestra capacidad artística son limitantes a la hora de hacer un dibujo con un resultado satisfactorio. A mi entender  el programa matricial necesita de más dote artística porque se trabaja más a mano alzada, además los programas de dibujo matricial son más complejos que los vectoriales porque tienen más opciones. Aunque en ambos casos las posibilidades son infinitas ya que constantemente tenemos nuevos filtros, pinceles o pluggings en la red o podemos crearlos nosotros mismos para los dos tipos de programas.

Por lo tanto si no tenemos mucha experiencia en estos programas es mejor empezar con los programas vectoriales y una vez los tengamos dominados y veamos que se nos quedan cortos en cuanto a realismo, no nos acaba de convencer su estilo o no nos pueden ofrecer el resultado que buscamos podemos empezar con los matriciales. Pero por favor, no quiero que os quedéis con la idea de que los dibujos vectoriales no pueden llegar a ser muy artísticos o realistas.

(5) Programas comerciales o libres.
Aquí mi posicionamiento es claro. Programas libres son tan validos como los comerciales, tienen una gran ayuda de manuales y tutoriales, la comunidad de usuarios en internet es muy amable y siempre intenta resolver los problemas de los usuarios. Para lo que nosotros necesitamos no es necesario pagar, además teniendo en cuenta por los apuros que esta pasando la ciencia en estos momentos.

(6) Tiempo
Por último tenemos que tener en cuenta el factor tiempo. Si tengo a mi disposición ambas técnicas, ¿como puedo obtener un resultado satisfactorio pero también en un tiempo que considero razonable? La respuesta a esta pregunta nos está ligada a las respuestas que hayamos dado en los puntos anteriores.

Yo desde este foro os animo a que exploréis los programas y hagáis vuestros pequeños experimentos. Luego tras todas estas consideraciones de tiempo, habilidades, software y hardware y teniendo en cuenta la relación entre tiempo/dinero/resultado espero podréis encontrar la solución más eficaz y eficiente para hacerlo vosotros mismos o recurrir a servicios profesionales de ilustración.

Bueno, espero que después de este post tengáis más claros los factores a tener en cuenta a la hora de escoger el formato para una ilustración digital.

Dibujo digital al servicio de las ciencias

Después de un tiempo de ausencia me gustaría retomar el blog con varios artículos destinados a hablar del dibujo digital aplicado a las ciencias.

El dibujo digital es una técnica más junto con la tinta, el lápiz, el carboncillo, la acuarela, el wash, el gouche, el acrílico o el aerógrafo, que se puede utilizar para crear nuestros dibujos científicos. Como todas tiene sus ventajas e inconvenientes, y su utilización dependerá del trabajo que queramos realizar y de la técnica del ilustrador o de nosotros mismos, ya que mediante diferentes caminos podremos llegar al mismo lugar.

¿Pero a que llamamos dibujo digital? El dibujo digital es un producto de la tecnología informática, es decir, el dibujo que se crea a partir de programas de ordenador. Aquí tenemos los cuatro grandes grupos de programas de ordenador destinados al dibujo digital:

(1) Programas de creación y retoque de imágenes. Estos programas crean imágenes matriciales, llamadas también rasterizadas, de mapa de bits o de barrido (Figura 1).

 Figura 1. En la columna izquierda (verde oscuro) podemos ver los logos de algunos de los programas de creación y retoque de imágenes y en la  columna derecha (verde claro) algunos ejemplos de imágenes matriciales.

Este tipo de imágenes se  representan mediante una rejilla rectangular de píxeles denominada matriz. Cada pixel es un punto en la imagen al que se le asigna un color y con este mosaico de píxeles de colores formamos la imagen. El formato de imagen matricial se emplea para tomar fotografías digitales, realizar capturas de vídeo o escáner.

En una buena imagen los píxeles suelen ser lo suficientemente pequeños como para que el ojo no los distinga. No obstante, un inconveniente típico de las imágenes matriciales es que si hacemos zoom o ampliamos mucho la imagen conseguimos un resultado no deseado: vemos aumentamos el tamaño de los píxeles que se distinguen a simple vista y optemos la típica  imagen pixelada o de baja resolución.

En ciencia cuando necesitamos retocar una foto (quitar el fondo para dejar el elemento principal, disimular algún fallo, recortar una foto o mejorar la luz para que se vea mejor) usaríamos este tipo de programas sin ninguna duda. Y en el caso que necesitaríamos crear un dibujo desde el principio, podríamos hacerlo en estos programas dependiendo de su tamaño, grado de complejidad, nivel técnico y del estilo de dibujo que queramos.

Actualmente en el mercado existen diferentes programas, aunque los programas comerciales más conocidos son  el Photoshop de Adobe y el Corel Painter de Corel Corporation. En programas libres tendríamos entre otros el Krita, el Mypaint y el Gimp que es el que yo uso.

(2) Programas de dibujo vectorial. Estos programas crean imágenes vectoriales, que están formadas por objetos geométricos independientes (curvas de Bézier, segmentos, polígonos, arcos, etcétera), cada uno de ellos definido por distintos atributos matemáticos de forma, de posición, de color, etcétera y no del simple almacenamiento del color de cada punto en la matriz como en el caso de la imagen matricial (Figura 2).


 Figura 2. En la columna izquierda (verde oscuro) podemos ver los logos de algunos de los programas de dibujo vectorial y en la  columna derecha (verde claro) algunos ejemplos de imágenes vectoriales.
 
El interés principal de los gráficos vectoriales es poder ampliar el tamaño de una imagen a voluntad sin sufrir la pérdida de calidad que sufren los mapas de bits, dado que cada vez que hacemos zoom los elementos se redibujan con la resolución deseada. La desventaja es la dificultad de hacer imágenes realistas dado que estas generalmente poco tienen que ver con figuras geométricas, aunque a base de mucha técnica se pueden conseguir efectos muy fotorealistas.

Por lo tanto, cuando queramos crear esquemas, diagramas, planos técnicos, dibujos de ingeniería, figuras geométricas o "tunear" gráficos traídos de hojas de cálculo usaremos estos programas sin ninguna duda. Además, estos programas tienen un gran potencial en tipografías, por lo tanto cuando queramos hacer esquemas basados en letras también lo podemos utilizar. En el caso de que necesitáramos crear un dibujo un poco más complejo de novo, también podríamos, aunque deberíamos sopesar si lo queremos realizar en un programa de dibujo vectorial o matricial, dependiendo de su tamaño, grado de complejidad, nivel técnico y del estilo de dibujo que queramos, como hemos dicho anteriormente. 

Los programas vectoriales comerciales son entre otros Illustrator de Adobe, Corel Draw de Corel Corporation, Freehand de Adobe (anteriormente de Macromedia, destinado a extinguirse) o Visio de Microsof Corporation. En los libres tenemos entre otros OpenOffice.org Draw de Oracle, LibreOffice Draw del consorcio The Document Foundation o Inkscape que es el que yo uso.

(3) Programas de maquetación. Estos programas crean información a partir de imágenes matriciales, vectoriales y de texto (que no tienen porque ser creadas desde estos programas, figura 3).

  Figura 3. En la columna izquierda (verde oscuro) podemos ver los logos de algunos de los programas de maquetación y en la  columna derecha (verde claro) algunos ejemplos de documentos maquetados (portada de la revista de divulgación científica Feelsynapsis y página principal de un artículo científico de Elsevier).

Por lo tanto para maquetar un artículo, una tesis, crear un póster, una presentación o un tríptico para un congreso podremos usar estos. Los programas comerciales más usados son QuarkXPress de Quark, InDesign de Adobe y Corel Ventura de Corel Corporation. En cuanto a programas libres tenemos  el Scribus o el Kile de SourceForce (para lenguaje latex) que es que yo utilizo.

(4) Programas de dibujo 3D y de animación. Estos los dejaremos para más adelante ya que una servidora  de momento no es experta en estos, aunque, es una técnica que habrá que aprender, ya que tiene cada vez más uso en la divulgación de la ciencia.

En próximos blogs hablaremos de las diferencias del dibujo matricial y vectorial, para saber cual de ellos debemos aplicar en nuestros gráficos y os pondré algún ejemplo para que podáis diferenciar los estilos diferentes. También de las diferencias entre los diferentes programas matriciales y vectoriales libres para poder escoger uno que se adecue a vuestras necesidades.

Espero de momento este artículo haya tenido su utilidad.

Links:
http://es.wikipedia.org/wiki/Imagen_de_mapa_de_bits
http://es.wikipedia.org/wiki/Imagen_vectorial
http://www.scribd.com/doc/29231724/Vectores-vs-Raster