Técnicas de ilustración en Inkscape (vectorial)

Para recrear manualmente los contornos, se pueden usar los dos modos de la herramienta pluma: marcar puntos para rectas, y pulsar y arrastrar para curvas.

En el caso de contornos geométricos, es más eficaz usar herramientas como elipse o rectángulo. Para eliminar las líneas que se solapan o que sobran, se puede usar la herramienta cuchilla, o bien las operaciones booleanas (división, unión, intersección…) Antes de operar, hay que asegurarse de que los elementos son trayectos (si no, pueden convertirse con Trayecto / Objeto a trayecto). Para que se puean rellenar fácilmente, deben ser trayectos cerrados.

El método manual lleva tiempo, pero es el que da más control artístico (y a la larga, mejores resultados). Una alternativa más rápida es el contorneado automático, con herramientas (extensiones) como Center line trace, basada en Autotrace.

A la hora de colorear, interesa que los trazos sueltos funcionen como áreas. En Illustrator, esto se puede hacer con la herramienta Pathfinder.

Seleccionar áreas de igual color para acelerar modificaciones.

Para trabajar con texturas, se pueden convertir a mapas de bits (o sea, blanco y negro exclusivamente) en algún formato sin pérdida, y luego convertir el blanco a transparente (de modo que las texturas funcionen realmente como objetos vectoriales). Análogamente, se puede cambiar el color negro por el que nos interese.

Para simular la definición de los dibujos vectoriales, conviene que las texturas tengan bastante resolución (unos 1200 ppp)

Combinar correspondencia con Inkscape

Una de las muchas ventajas de Inkscape es que el formato de fichero que utiliza es el estándar SVG, que a su vez se basa en XML. Al ser texto plano, se puede procesar fácilmente. Por ejemplo, se diseña un formulario con Inkscape en el que los campos (nombre, dirección…) se rellenan con identificadores únicos. Esos identificadores únicos se pueden sustituir luego con información de un fichero o una base de datos. El SVG resultante se puede imprimir y reutilizar con un nuevo registro.

Inkscape: exportar en PDF multipágina

Inkscape no soporta per-se múltiples páginas (por el rechazo del estándar SVG).

Sin embargo, pueden simularse como capas, guardarlas por separado (“Layers as separate SVG, .tar”). Extraer esos svg del tar, y luego convertirlos a PDF (con algún comando como cairosvg, o el propio inkscape)

# con cairosvg
cairosvg page1.svg -o page1.pdf
# con inkscape
inkscape page1.svg --export-pdf=page1.pdf

Por último, se pueden combinar todos esos PDF sueltos en un único PDF.

Inkscape: texto en círculo

Hacer que un texto se ajuste a una figura comienza fácil: seleccionar texto y figura, y luego “Texto / Poner en trayecto”

En el caso de que la figura sea un círculo (algo bastante común), el texto tiende a colocarse en círculo… de cualquier manera.

Para ajustar en qué parte del círculo comienza el texto, editar el texto y luego usar Alt+flecha (izquierda o derecha). En el caso del círculo, puede ser más simple rotar directamente el trayecto para orientar el texto.

El texto puede fluir dentro o fuera del círculo. Para cambiar de un modo al otro, “Trayecto / Revertir trayecto” (obviamente, para que esto funcione el círculo tiene que ser un trayecto… “Trayecto / Objeto a trayecto”)

Si el texto aparece al revés, puedes “enderezarlo” con “Objeto / Reflejo Horizontal” (o vertical)

Si el círculo no se ve, se puede localizar pinchando en el texto y pulsando Mayúsculas+d

Inkscape: icono para móvil

Al crear un rectángulo, en la parte superior se puede determinar exactamente sus dimensiones y los radios de redondeo de las esquinas.

El degradado se define dentro de Relleno y borde / Relleno. Para editarlo, primero lo seleccionamos en la lista, y luego pulsamos en el icono de edición (al lado del icono “más”).

Los modos de fusión (“blend”) hay que definirlos a nivel de capa. Para simular un acabado “cristal”, se puede probar con el modo “Pantalla”

Rotaciones: por defecto, el eje de rotación está en el centro del objeto. Si queremos simular el giro alrededor de un círculo, habrá que desplazar dicho eje fuera del objeto. Para rotaciones precisas, se puede usar la herramienta Transformar / Rotar.

Para unir los dientes, se puede usar la herramienta “editar nodos de trayecto” / “unir nodos finales con un segmento nuevo”

Para simular el reflejo, primero hacemos una copia del icono y la reflejamos verticalmente.

Para el “efecto de reflejo”, lo más fácil es poner por encima un rectángulo con un relleno en degradado, desde blanco transparente en la parte superior hasta blanco opaco en la inferior. El degradado se puede ajustar añadiendo nuevos nodos de degradado, a gusto del consumidor. Si queremos que el icono tenga el contorno transparente, entonces el efecto de reflejo debería ser transparente también. Para ello, podemos aprovechar el rectángulo recién creado. Lo seleccionamos junto con la copia reflejada y usamos Objeto / Máscara / Aplicar.

icono-movil

Inkscape: fondo de pantalla

Algunas notas sobre cómo crear un fondo de pantalla con figuras geométricas como este:

fondo-pantalla

Las estrellas se pueden crear fácilmente con la herramienta “Estrellas y polígonos”. Sólo hay que tener en cuenta 2 parámetros claves: número de puntas (obvio) y “longitud del radio”, o más exactamente, la proporción entre el radio interno y el externo. Como referencia, las estrellas “típicas” oscilan entre 0’4 y 0’5. Como siempre, lo más intuitivo es probar un poco al principio con diferentes valores.

Un atajo muy útil para este tipo de diseños es Ctl-Alt-V, que “pega en el sitio” el objeto copiado anteriormente. Y para escalar manteniendo proporción y centro, mantener pulsado Ctl y Alt mientras se arrastra el ratón.

Para hacer el efecto de fusión de la estrella exterior (amarilla) con la interior (azul), seleccionar las dos y ejecutar “Extensiones / Generar desde trayecto / Interpolar”, marcando la opción “Interpolar estilo”

La última estrella que seleccionemos será la que quede más “al frente”

Como se puede observar en la imagen, las posibilidades son ilimitadas.

Para saber más, el tutorial oficial de la extensión Interpolación de Inkscape

Inkscape básico

Cambiar el tamaño de la caja de texto: seleccionar la caja con la herramienta “Texto” y arrastrar las esquinas. Si en lugar de “Texto” se usa la herramienta selección, entonces el texto se deforma para ajustarse a las nuevas dimensiones (que quizá no es lo que solemos querer hacer…)

Una forma rápida de reducir el número de nodos de un trayecto es con el comando “Simplificar”