A muchos nos ha dado alguna vez por intentar sacar nuestra vena de artista e intentar dibujar algo con un mínimo de seriedad. Podemos coger lápiz y papel y colgarlo en nuestro frigorífico cuando terminemos… pero esto es Genbeta, y lo que seguro interesa más aquí son las soluciones para hacerlo de forma digital.

Podemos hacerlo de dos formas: trazando líneas basadas en los píxeles tradicionales o usando vectores, de forma que cada línea representa una fórmula matemática que no pierde calidad por mucho que lo ampliemos. No vamos a entrar en las ventajas y los inconvenientes que tiene cada estilo o de si es mejor hacerlo con el ratón o con una tableta gráfica, ya que eso es todo un mundo que depende sobretodo de las preferencias personales de cada usuario.

Lo que sí vamos a ver es una lista de aplicaciones que podemos usar para dibujar en nuestro ordenador en el sistema que suelen escoger los artistas: Mac OS X (aunque la mayoría de las aplicaciones que trataremos tienen versiones para Windows, y algunas incluso están presentes en Linux). Vamos allá.

ArtRage, convirtiendo nuestra pantalla en un lienzo

ArtRage es una de las aplicaciones más conocidas, sobretodo por que viene incluida en el software de las tabletas gráficas que vende Wacom (el líder indiscutible en el mercado de estos accesorios). Su interfaz ocupa toda la pantalla, haciendo de ella un lienzo con un conjunto de herramientas distribuidas para que trabajemos cómodamente con ellas usando un tablet. Su variedad de pinceles permite que podamos crear desde simples bocetos hasta dibujos como el que podemos ver en el vídeo.

ArtRage viene de forma gratuita con algunas tabletas gráficas, aunque podemos adquirir la versión básica por 15 euros y versiones más completas por 35 y 70 euros.

Sitio oficial | ArtRage
Vídeo | YouTube

Adobe Photoshop CS5, matando mosquitos a cañonazos

Supongo que no hace falta que mencione la popularidad de Photoshop, el programa estrella de Adobe. Supongo que es por esto por lo que mucha gente lo escoge como aplicación para dibujar (y por sus capas, o su enorme catálogo de pinceles)... pero Photoshop tiene muchas más funciones que hacen del programa quizás algo demasiado pesado. De todas formas, es el favorito por muchos.

Su mayor inconveniente es su precio: 999 dólares por licencia o 49 dólares mensuales si preferimos alquilarlo, servicio que lanzó Adobe con la actualización a la versión 5.5 de su Creative Suite.

Sitio oficial | Adobe Photoshop

Adobe Illustrator CS5, toda la potencia de los vectores

Podemos definir a Illustrator como “el Photoshop de los vectores”. Es la herramienta más completa si queremos trabajar con líneas vectoriales, y de nuevo nos encontramos una aplicación muy grande y que exige muchos recursos de nuestro ordenador para al fin y al cabo usar sólo una parte de ella, la que nos interesa para trazar las líneas.

Lo usan a menudo las personas que necesitan un dibujo a gran calidad y los que escanean sus dibujos a lápiz para después trazar los vectores digitales en una capa superior. Su precio: 599 dólares o 29 dólares mensuales si preferimos alquilarlo.

Sitio oficial | Adobe Illustrator

Pixelmator, un Photoshop optimizado

Pixelmator es un editor de fotografías parecido a Photoshop, aunque está creado de forma nativa para Mac OS X (y mejorado para entornos de 64 bits desde hace diez meses) y aunque no tenga todas las funcionalidades del gigante de Adobe presenta un rendimiento superior. Es otra opción a tener en cuenta si buscamos un programa como Photoshop pero más barato: su precio es de 44,99 euros en la Mac App Store.

Sitio oficial | Pixelmator
Descarga | Pixelmator en la Mac App Store

Sketchbook Express, herramienta básica y gratuita

SketchBook Express es ideal para dibujos básicos y sencillos: es una herramienta gratuita, sencilla y que ofrece un buen rendimiento en todos los Mac. Además, no trabaja nada mal con las tabletas gráficas. Está disponible en la Mac App Store, con lo que necesitamos Mac OS X 10.6.6 para poder instalarlo. Hay una versión Pro con más funcionalidades que cuesta 44,99 euros, pero con la versión Express tenemos de sobra para poder hacer nuestros pinitos.

Descarga | SketchBook Express y SketchBook Pro en la App Store

Inkscape, la alternativa libre

Cómo no, siempre tenemos la posibilidad de escoger una opción de código libre de entre todas las disponibles. Inkscape es la más popular, aunque su función principal es la de crear y editar gráficos SVG. En Genbeta lo hemos mencionado, por ejemplo, para crear cómics.

Es multiplataforma y completamente gratuita, aunque si estamos acostumbrados a otras aplicaciones más comerciales y populares nos podemos hacer un buen lío con las herramientas y su modo de uso. Algo similar pasa con el equivalente libre de Photoshop, Gimp, pendiente de actualizarse a una nueva versión con una interfaz mejorada y unificada.

Sitio oficial y descarga | Inkscape

Corel Painter, el veterano

No se habla de Corel Painter, pero es una opción excelente para los que busquen una aplicación a medias entre algo demasiado básico y algo demasiado completo como Photoshop. Cuenta con buenas herramientas para dibujar trazos, es compatible con las tabletas gráficas y su comportamiento no decepciona. Su precio, por desgracia, no es demasiado asequible: 399 dólares con opción a un período gratuito de prueba de 30 días.

Sitio oficial | Corel Painter 11
Imagen inicial | Franklin Heijnen

A continuación, vamos a ver como crear un cómic con fotografías (lo que viene siendo una fotonovela de toda la vida) usando Inkscape con el que brindarle un modesto recuerdo de vuestros mejores momentos a vuestra pareja. Como sabéis, Inkscape es un editor vectorial de software libre que podéis descargar gratis desde su sitio web. Este tutorial parte de que no tenéis ni idea de como usar este programa, por lo que también os servirá para dar vuestros primeros pasos en él.

Un detalle: seguro que muchos diréis que hay herramientas que hacen lo mismo y que incluso son gratuitas (en la web). Cierto. Pero éstas, en ocasiones, ofrecen algunas limitaciones que podéis romper usando este método. Además, nada como un regalo realizado con nuestras propias manos y nuestra propia creatividad.

¿Qué necesitamos?

• Inkscape: lo podéis descargar gratuitamente de su web. Está disponible para Windows, Linux y MacOS.
• Fotos: asumo que tenéis fotos con vuestra pareja a las que podéis recurrir. Si no, pues le echáis imaginación con otras fotos alusivas a lo que contéis.
• Algunas fuentes llamativas: un buen sitio para conseguirlas es Dafont. Para cómic, a mí me gusta mucho usar Laffayette
• Un pequeño guión: o más bien una serie de anotaciones acerca de lo que va a contener la página. Algo simple, más que nada para que no se nos olvide exactamente qué es lo que queremos poner.

Creando las viñetas

Partamos de que ya tenéis vuestras anotaciones y que sabéis que es lo que diréis en cada viñeta, además de haber elegido las fotos que irán en cada una.

En base a nuestro guión, podemos crear primero todas las viñetas que compondrán el cómic y luego insertar las imágenes que irán dentro o ir haciéndolo una a una. Eso va según vuestra forma de trabajar. Personalmente, prefiero poner todas las viñetas primero y será de esa manera que lo voy a explicar.

Para ello, nos vamos a la caja de herramientas (situada a la izquierda) y seleccionamos el rectángulo. Después, pinchamos donde queremos poner la viñeta y, sin soltar, arrastramos el cursor hasta que la viñeta quede del tamaño y proporciones que necesitamos.

Cuando terminamos de trazar el rectángulo, al soltar, se queda seleccionada la herramienta de dicha figura. Para poder mover la que hemos creado, debemos elegir la herramienta selección (o pulsar F1). Al pinchar en la figura y mantener el botón del ratón pulsado, podremos moverla al lugar que queramos. También nos aparecen unos tiradores en los lados con los que podemos cambiar su tamaño y proporción. Si lo que queremos es hacerla rotar, deberemos pinchar dos veces en la figura para que nos aparezcan los manejadores en forma de flecha que nos permitirán girar la figura a nuestro gusto.

Las viñetas pueden tener la forma que queramos: un rectángulo, un óvalo, una estrella… No importa. Todas se crean de la misma forma que acabo de explicar. Sin embargo, me voy a extender un poco en una explicación con los polígonos y estrellas.

Cuando seleccionamos la herramienta Estrellas y polígonos, la barra de controles de herramienta (en la parte de arriba) cambiará. Allí es donde debemos de especificar si queremos un polígono o una estrella y cuantas esquinas queremos que tenga. Si creamos la figura y no nos satisface su forma, podemos modificarla sin abandonar la herramienta Estrellas y polígonos y modificando los valores de sus controles (cambiando el número de esquinas o la selección entre polígono y estrella).

Para ponerle color a una figura, todo lo que tenemos que hacer es seleccionarla y pinchar en el color de la paleta que tenemos en la parte inferior de la ventana. Para este caso, debemos hacer las viñetas transparentes, por lo que pincharemos en la X que está en el extremo izquierdo de la paleta.

Insertando las imágenes

Una vez que tenemos las viñetas, insertamos las imágenes que van a ir dentro de ellas. Para ello, la forma más rápida es abrir la carpeta donde tenemos las imágenes, seleccionarlas y arrastrarlas a la ventana de Inkscape. Al soltarlas, nos aparecerá un cuadro de diálogo que nos preguntará si queremos incrustarlas o enlazarlas. Mi sugerencia es incrustarlas, pues así no tendremos problemas con el documento si borramos alguna de las fotografías originales ya que estará dentro de nuestro archivo.

Si arrastráis y soltáis varias imágenes al mismo tiempo, el programa os pedirá confirmación por cada una de ellas. Para no complicaros mucho, mejor id metiéndolas una a una, insertando la siguiente tras realizar el proceso que viene a continuación.

Pongamos que ya hemos introducido una imagen: ahora debemos colocarla dentro de una viñeta. Esto es lo más complicado de explicar, que no de hacer. Hacerlo es muy fácil, ya lo veréis.

• Manda la foto atrás del todo para que quede detrás de las viñetas. Para ello, seleccionamos la foto y vamos a Objeto > Mandar al fondo.
• Coloca la foto de manera que el borde de la viñeta enmarque el área de la foto que deseamos. No importa que sobren partes de la foto por los lados. Si queréis, podéis reducir la foto de tamaño, pero siempre debe haber suficiente foto dentro de la viñeta.
• Selecciona la foto y la viñeta. Se puede hacer pinchando sobre cada una mientras mantenemos pulsado shift o pinchando en un espacio vacío y arrastrando hasta crear un rectángulo punteado que cubra ambas cosas.
• Vamos a Objeto > Clip > Aplicar.

Ya tenemos nuestra viñeta. Ojo con esto. Lo que tenemos es que la viñeta ha recortado a la imagen con su forma (por eso la mandamos detrás: la figura sirve de molde). La imagen no puede tener borde, por lo tanto lo que estamos viendo es el recuadro transparente en su interior con la imagen recortada dentro. El borde y el interior son figuras separadas. Podemos agruparlas para que se comporten como un solo objeto seleccionando ambas y yendo a Objeto > Agrupar (CTRL+G).

Ahora, todo lo que tenemos que hacer es repetir el mismo proceso con todas las viñetas: insertar una imagen, mandarla atrás, etc.

Introduciendo el texto

Llega el momento de poner el texto que va a ir en cada viñeta. En este caso, vamos a tomar en cuenta que ya tenemos el guión por lo que vamos a ir copiando y pegando los textos en el cómic.

• Vamos al documento donde tenemos el texto. Copiamos el que vaya a ir dentro de un globlo o una caja de apoyo.
• Volvemos a Inkscape.
• Seleccionamos la herramienta de texto (el icono con la A dentro de la caja de herramientas).
• Pinchamos y trazamos una caja de texto. Al soltar, aparecerá un cursor dentro de ella.
• Pegamos el texto.

Si vemos que el texto no aparece completo, es posible que la caja sea demasiado pequeña. En la esquina inferior derecha tenemos un rombo que podemos usar para redimensionarla.

Como el texto aparece en el formato por defecto, ahora debemos cambiarle la fuente, el tamaño, etc. Para ello, primero elegimos la herramienta de selección y, como ya estará seleccionada la caja de texto (si por alguna razón no lo está, la seleccionamos nosotros) vamos a Texto > Texto y tipografía (o el icono con la T en la barra de comandos).

En la ventana que nos aparece, cambiamos la fuente y el tamaño como queramos. Con un tamaño 12 ó 14 será más que suficiente. También cambiamos la alineación, centrando el texto.

Ahora puede ser que el texto se extienda demasiado a lo ancho. Pues nada: doble clic en él y, al aparecer la caja de texto, la redimensionamos con el icono que indicábamos antes.

Creando los globos y las cajas de texto.

Igual que hicimos con las viñetas, creamos ahora las cajas de texto de apoyo y los globos. La diferencia está en que ahora estas figuras tienen que contener el texto que hemos pegado. Para ello, las trazamos encima del mismo, las bajamos un nivel para que queden debajo del texto (Objeto > Bajar) y ajustamos su tamaño para que quede de una manera apropiada.

Con los globos, viene a ser lo mismo. Ahora bien, debemos crear lo que se conoce como rabillo, ¿no? Pues es muy sencillo. Para hacerlo, usaremos la herramienta Bezier, que es la que tiene un icono con la punta de un Rotring (justo debajo de la que tiene un lápiz).

Ya tenemos el globo con el texto dentro de él. Ahora elegimos la herramienta bezier y pinchamos dentro del globo, en una zona cercana al borde y desde donde va a partir el rabillo. Pinchamos una sola vez.

Veremos como, al mover el ratón, parte una línea desde ese punto donde pinchamos. Nos colocamos donde va a estar el extremo del rabillo y volvemos a pinchar. Por último, hacemos doble clic dentro del globo, más o menos cerca de donde pinchamos por primera vez. De esta forma obtenemos un triángulo, que será el rabillo (será muy recto, pero no entremos en las complicaciones de hacerlo curvo).

Seleccionamos este triángulo y el globo y los unificamos yendo a Trayecto > Unión (o CTRL++). Así, se forma un sólo objeto (no es desagrupable) y ya tenemos nuestro globo completo.

El resultado final

Ahora sólo tenemos que ir repitiendo todos los pasos indicados hasta que completemos el cómic. Una vez lo hayamos finalizado, será nuestra decisión qué hacemos con él. Podemos imprimirlo directamente desde Inkscape o exportarlo a PNG o PDF para enviarlo por correo o colgarlo en algún sitio.

Para exportarlo a PNG (Inkscape no exporta a otro formato de mapa de bits), vamos a Archivo > Exportar mapa de bits. Allí, nos aparecerá un cuadro de diálogo. Nos aseguramos de que está elegido el recuadro “Página” y, en la parte de abajo, le damos a “Examinar” para indicar la carpeta y el nombre con el que guardaremos el archivo.

Para exportarlo a PDF tan sólo vamos a Archivo > Guardar como y lo guardamos seleccionando abajo el formato PDF. Aparecerá un cuadro de diálogo donde marcamos la casilla “El área exportada es la página” (de esa manera, si se ha quedado algo por los alrededores de la página, no aparecerá) y, si pensáis imprimir desde el PDF, os sugiero que subáis la resolución a 150 o 300 ppp.

Conclusión

Siguiendo estos pasos, podéis obtener resultados como el de la imagen que encabeza el post (o estas líneas, un poco más de cerca). Sí, no es ninguna maravilla. Sí, se puede mejorar bastante con algunos efectos, pero no he querido complicar el tutorial añadiendo más detalles, que bastante largo se ha hecho ya.

En el caso de que deseéis hacer un cómic de varias páginas, hay diferentes formas de hacerlo. Si estáis comenzando con el programa, os resultará más práctico crear cada página en un archivo diferente, exportar cada una a PNG y luego unirlas (si queréis que estén todas las páginas unidas) en un archivo CBZ o CBR o PDF. No recomiendo guardar en PDF directamente cada página y unirlas porque luego el conjunto resultante va a ser muy pesado. Para los CBZ o CBR basta con comprimir los PNG en ZIP (CBZ) o RAR (CBR) y cambiar la extensión a la apropiada según el método de compresión elegido.

De esta forma, obtendréis un pequeño detalle que seguro hará sonreír a vuestra pareja (o a la persona por la que suspiráis y a la que queréis declarar vuestro amor). Y ni que decir tiene que este método sirve para crear cualquier fotocómic, no solo uno que vayamos a obsequiar. ¡Vamos, a desatar la creatividad!

Descarga | Inkscape
Fotos del cómic | Martin Pettitt, marfis75, joiseyshowaa, makelessnoise, monkeywing y suneko

Inkscape, una de las mejores aplicaciones de edición de imágenes vectoriales en el universo GNU/Linux (también disponible para Windows y Mac), ha liberado por fin su versión 0.47. El desarrollo del proyecto sigue avanzando y actualmente ya ha conseguido ser una seria alternativa a otros programas comerciales más populares.

Con esta nueva edición, el software ha solucionado una gran cantidad de bugs y se han desarrollado nuevas funcionalidades que sus usuarios agradecerán enormemente. Entre ellas, la nueva función de autoguardado de cada proyecto para evitar perder datos, la herramienta borrador, nuevos efectos para las rutas, una nueva colección de filtros para aplicar directamente sobre las imágenes e incluso un corrector ortográfico para las capas de texto.

También se han añadido nuevas extensiones (calendario, marcas de impresión y guías…) y se han conseguido mejoras importantes en la exportación al formato EPS. Los nuevos Spiro Splines prometen ser una nueva forma para trabajar con las rutas o trayectos directamente desde las herramientas de dibujo y también se ha trabajado en mejorar el sistema de las barras de herramientas y la usabilidad en general de toda la interfaz del programa.

Todavía no está disponible en los repositorios habituales para instalarlo automáticamente, pero será cuestión de tiempo. Ahora mismo puede descargarse el código fuente para compilarlo cada usuario por sí mismo.

Enlace | Release Notes
Enlace | Inkscape

En esta versión añade opciones interesantes desarrolladas por los participantes durante la Google Summer of Code 2006, como son:

• Degradado gausiano
• Renderizado más rápido y mayor interactividad
• Histórico de acciones, permitiéndonos acceder a cualquier paso
• Importantes utilidades añadidas, como utilidades de nodos y lápiz caligráfico
• Mejoras y nuevas opciones en el trazado de imagen
• Nuevos efectos añadidos, como efectos de color o patrón a lo largo de la trayectoria
• Arreglos y mejoras en el modo contorno
• Nuevos comandos en el menú ayuda

• Nuevas y pequeñas características agregadas.

Inkscape es una aplicación multiplataforma, disponible principalmente para Windows, Linux y Mac OS X (mediante X11), en el que podremos realizar objetos vectoriales escalables, y quienes conozcan Corel Draw se van a encontrar con una interface similar.

Gracias Gabriel por el aviso

Enlace | Sitio oficial de Inkscape

Entre las mejoras encontramos un rediseño de los iconos, mas opciones en la pluma caligráfica, importación de los gradientes de GIMP (.ggr), exportación a DXF, ODG (Open Document drawing), paleta incrustada en nuestra barra de herramientas, visualización de las líneas de nuestro dibujo sin ningún tipo de coloreado o efectos, nueva opción en el panel de alinear y distribuir y Clip and mask, donde nos permitirán crear máscaras, en la primera opción tapa el objeto de abajo por completo en la zona creada mientras en la segunda nos valemos de 256 tonos de grises para hacer una máscara degradada.

Gracias Ricardo por el aviso

Vía | Yomizmo
Enlace | Inkscape