Maddrum & Inkscape

Otra fuente de inspiración, para revisar lo que uno puede hacer en Inkscape, es el espacio de deviantart que tiene Maddrum.

Para muestra, un botón. Vayan a su sitio.

Actualizando avatar

Me hice un tiempecito -cof cof- y me dibujé un avatar nuevo para mis cuentas de mensajero, correo, etc. Hacía tiempo que hice el diseño en CorelDraw!, tenía el cabello largo y me peinaba de forma distinta. 6 años después, y algunos kilillos de más, hice uno nuevo aunque ahora en Inkscape. No me gusta del todo, pues la expresión del rostro no quedó como yo quería, además de que a los cabellos les falta realismo, pero fuera de eso, me parece que quedó bien.

Una disculpa por no hacer tutorial, pero me ganó, ya estaba avanzado para cuando se me ocurrió.

Estoy haciendo un tutorial de trazado, o sea, de importar una fotografía y "calcarla" a mano para que quede un dibujo vectorial decente, de esa imagen. Espero terminarlo en el transcurso de esta semana y lo publico. Una pista sobre el tutorial: un automovil con cascos.

En fin, este es el resultado final:
Como referencia, este era el anterior, guardado como SVG desde CorelDraw! 12 y un poquito retocado con Inkscape, pero no me gustó mucho por las proporciones del torso respecto a la cabeza :P
Esta técnica la realicé en el diseño de una página para la UTM. Era un congreso, y se me ocurrió mandarles un correo electrónico a los ponentes de conferencias, para mostrar en la página, aquí tengo un dummy del diseño (este fue hecho en CorelDraw!):
La página ya no está disponible como para que vieran el proyecto terminado, pero al menos les puedo mostrar esta imagensita.

Cabe señalar que el diseño en CorelDraw! me costó más trabajo que en Inkscape, pues es más simple para el trazado este último.

Bueno, nos vemos luego.

Ver → Normal/Contornos

Siempre es deseable que lo que estemos dibujando en un programa, sea WYSIWYG -What you see is what you get: lo que ves, es lo que tienes-, que se vea al mismo tiempo que lo trazas.

Inkscape puede hacer eso, aunque cuando se tienen muchos vectores en la pantalla mostrándose al mismo tiempo, el rendimiento del programa para mostrar esos resultados empieza a decrementarse. Se tarda más mientras más vectores veamos.

Así que nos puede ser muy útil, el intercambiar el modo en el que vemos el dibujo. Inkscape tiene dos formas, la Normal, que es la que es como queda finalmente el dibujo, y la de contornos, que muestra todo en, precisamente, contornos; tipo wireframe.

¿Ventajas de ver todo el diseño en contornos? la rapidez con la que se muestra, además de que se pueden seleccionar mejor las cosas, sin importar qué está arriba o abajo, mientras no sean objetos idénticos uno sobre otro.

¿Desventajas? No se ven las características de los objetos (relleno, estilo, transparencia, etc.) más que en la barra de estado. Sólo los armazones, por llamarles de alguna forma.

El atajo para cambiar estos modos de visualizar el dibujo, es con el menú Ver→Modo de visualización→Normal o bien Contornos. Con el teclado (ya te acostumbrarás a usarlo) con la tecla CTRL y el 5 del teclado numérico.

Así, puedes trabajar en cualquier momento en uno o en otro modo para corregir curvas, o seleccionar algunos objetos difíciles de seleccionar por la pila de objetos que los ocultan, etcétera.

Es bastante útil.

¿Límites?

Bueno, la herramienta ayuda, pero la mente es la que hace que usemos nuestros propios recursos -léase imaginación, paciencia, ingenio-. Me acuerdo que cada vez que Draw! sacaba una nueva versión, convocaba a un concurso de diseño, donde el ganador tenía el honor -y unos fajos de dolarsitos- de que su diseño -hecho con dicha herramienta, claro- fuera la imagen del software, así que era un muy buen aliciente para ensayar y aprender de las capacidades de CorelDraw!.

En Inkscape también se pueden hacer imágenes muy realistas. Hay muchos blogs que las muestran, y en especial, les pongo esta imagen que me acabo de encontrar:
Hecha luego de 250 hrs y 3000 objetos, en Inkscape, por Guilles Pinard.

También pueden visitar la cuenta de flickr del autor: http://www.flickr.com/photos/35772571@N03/.

El límite es la imaginación, ¿verdad?. Hasta en Paint me he encontrado trabajos de fotorealismo.

Reflexión

Este tutorial es muy útil para dar ese efecto de reflejo en una superficie pulida. Hay muchas formas de hacerlo, y aquí lo que utilizo es la capacidad de hacer máscaras en Inkscape. Empiezo.

1) Con la herramienta Texto (T), Escribo cualquier cosa que se quiera reflejar.

2) Ahora viene el "truco". Hay que Clonar (ALT+D) el texto, y luego usar la reflexión vertical (V, para la horizontal es H) para que quede patas arriba.

2.1) Verás que quedan "cruzados" los dos textos, sólo hay que cambiar la posición para que se vea mejor, así que desplazamos con las teclas del cursor (las flechas →↑↓←, para que el desplazamiento sea más rápido, usal SHIFT mientras pulsas las flechas).

Revisa que las patas de las letras queden rozándose unas con otras. Si se quisiera hacer que pareciera que las letras flotan a cierta distancia de la superficie, aléjalos más.

3) Hecho el clonado del texto, ahora vamos a hacer que se desvanezca este último. Tomamos la herramienta de "Rectángulos y cuadrados" (F4) y hacemos unrectángulo, procurando que cubra dos tercios de la altura del texto reflejado que ya hicimos, y la totalidad de su ancho. Un reflejo se ve más realista si va perdiendo definición a medida que se aleja de la superficie, así que cambiaremos esa característica.

3.1) Cambiamos el color del rectángulo que acabamos de hacer, haciendo clic sobre el color blanco, en la paleta de colores.

3.2) Tomamos la herramienta de Gradientes (CTRL+F1) y nos ubicamos en la parte interna más próxima al borde superior del rectángulo, hacemos clic y arrastramos hacia abajo. Para que quede de maneja vertical, exactamente a 90 grados, mientras hacemos el arrastre, mantenemos presionada la tecla CTRL.
3.3) Ahora vamos a seleccionar el texto clonado junto con el rectángulo. Como la última operación que hicimos fue la del degreadado, si usamos la herramienta de selección (F1), se seleccionará el rectángulo, y ahora hay que agregar a nuestra selección (SHIFT mientras se da clic al siguiente objeto) el texto, recordando que éste se encuentra "debajo" del rectángulo, así que hay que hacer clic sobre el texto clonado SIN que se toque el área del rectángulo. La barra de estado (hasta abajo de la ventana de Inkscape) dirá "dos objetos seleccionados".

3.4) Vamos a aplicar una máscara a esa selección. Nos vamos al menú Objeto/Máscaras/Aplicar (ALT O, C, ENTER) y así ya tenemos el efecto deseado.

Ahora, ¿porqué no solamente modificamos el degradado del texto reflejado? podría ser, solo que no aplicaría para otras cosas como varios objetos a la vez. Intenta hacer varios dibujos, los seleccionas todos, los agrupas (CTRL+G) y repites desde el paso 3 del tutorial y será el mismo resultado.

Si te das cuenta, puedes regresar al texto original, el que está derecho, y lo editas con F8, cuando cambies el contenido, cambiará también el del reflejo. Puedes cambiar de color una u otra letra del texto, y también el reflejo lo cambiará (cosa que no ocurre si sólo desvaneces el color del texto clonado, pues no lo maneja de manera independiente para cada elemento del texto).

De igual forma, si tienes un grupo de objetos, si le cambias el color a alguno de ellos, el clon igual cambiará, conservando el efecto de reflejo con ese cambio.