Archive for the ‘ Inkscape ’ Category

Joaclint: Oferta formativa

Este es un resumen de la oferta formativa que estoy ofreciendo en la actualidad. En todos los cursos soy el autor del material didáctico excepto en los de IHMAN 3D School.

 

Inkscape, Krita y Scribus: Preparar el PDF en CMYK para imprenta offset (2.- El SVG)

<— 1.- Los perfiles de color

CMYK EN INKSCAPE

Dicho todo lo relativo a los perfiles de color  llega la hora de trabajar con Inkscape (0.48.3.1). Una cosa que debemos tener siempre presente es que cada trabajo es un mundo y que seremos nosotros los que determinemos qué debemos usar, y cómo, en cada caso.

De momento voy a dar por hecho que todo nuestro diseño es vectorial sin filtros y nada de imágenes bitmap empotradas o enlazadas. Digamos que nos encontramos en ante un diseño a base de colores planos o algo muy similar.

Comenzamos por cargar el perfil CMYK en Archivo/Preferencias del documento/Gestión de color

Si conocemos bien los resultados en la imprenta de confianza usando un ISO Coated (papel satinado) o ISO Uncoated (Papel sin satinar) podemos usarlos (este sería un asunto a tratar con la imprenta una vez determinado el papel). Si no lo tenemos claro, o vamos a pasar al cliente el archivo para que él busque imprenta y lo haga por su cuenta lo mejor es optar por  Fogra27 que es una especie de estándar para esto del CMYK en imprentas europeas. Si el asunto se va imprimir en Estados Unidos debemos optar por GRACoL2006 Coated1v2 si no sabemos de antemano las condiciones que tendrá la imprenta.

Sin embargo este acto de elegir y Asociar perfil (no olvidemos pulsar este botón tras la elección del perfil) no significa que los colores ya se definan con él; para empezar porque es posible hacer convivir varios perfiles de color en un mismo diseño, incluso uno RGB con otro CMYK (pero es mejor no hacer extravagancias, digo yo). Para cada objeto editamos su color desde la pestaña CMS de Objeto/Relleno y borde. Tras escoger el perfil se nos mostrarán las cinco barras deslizadoras (CMYK además del canal Alfa A)


Un inconveniente es no tener un control porcentual de la transparencia. Debemos evitar editarla en la barra deslizadora Opacidad de más abajo porque esto afecta por igual al relleno y al borde y es mejor tener un control independiente. En el ejemplo de arriba he editado un color negro para textos, por ejemplo, con valores 0,0,0,100 y sin transparencia. Puedo verificar que este perfil de color se guardará con el SVG en el código (Editar/Editor XML...) para ese objeto:

color:#000000;fill:#1b1918 
icc-color(Fogra27L-CMYK-Coated-Press, 0, 0, 0, 1);
fill-opacity:1;
fill-rule:nonzero;
stroke:none;stroke-width:0;
marker:none;visibility:visible;
display:inline;overflow:visible;
enable-background:accumulate

Llama la atención que Inkscape usa una forma distinta de cifrar el código usando 1 en lugar de 100 por lo que aquí la aproximación al rojo Cocacola sería 0, 1, 0.8 , 0 en lugar de 0, 100, 80, 0. En mi opinión esto debería cambiar en futuras versiones de Inkscape y usar valores porcentuales de 0 a 100 y no de 0.00 a 1.00.

Si nos ponemos muy quisquillosos con un valor porcentual de la transparencia para el relleno (este objeto no tiene borde, stroke:none) podemos editarlo aquí porque vemos que, curiosamente, en el código el valor de fill-opacity es porcentual.

Esto es sólo posible en colores sólidos (Inkscape 0.48.3.1); en los gradientes los colores de las distintas paradas se exportarán en RGB y deberemos ocuparnos de ellos cuando tengamos el diseño en Scribus (1.4.3).

A la espera de algunas mejoras en la versión 0.49 ó 0.50 (esta última no creo que la vea yo en vida y tengo 42 años) algunos de los datos incluidos en un SVG no son bien interpretados al exportar a PDF (máscaras…) o al importar el mismo SVG desde Scribus (desenfoques y filtros en general).

También podemos dejar los perfiles de color como preferencia de Inkscape y no sólo para este documento en Archivo/Preferencias de Inkscape

EDICIONES PROHIBIDAS O PROBLEMÁTICAS

  • Gradientes con transparencias en alguno de sus nodos

Esta es una edición permitida y no da ningún problema en el proceso pero presenta la particularidad de verse incorrectamente en la previsualización (Archivo/Previsualizar) en Scribus donde la transparencia quedará anulada. En el caso anterior se mostrará esta previsualización:

Como puede apreciarse el gradiente a perdido la propiedad de transparencia; pero eso no significa en absoluto que el PDF final sea incorrecto.

En realidad este es un asunto que afecta a todas las transparencias, estén o no en un gradiente.

  • Recorte

Nuevamente esta es una edición permitida y no origina problemas en el PDF pero presenta el inconveniente de que en Scribus el objeto resultante tiene como contorno la suma de los dos objetos que conforman el Recorte. Así se mostraría este ejemplo al estar seleccionado en Scribus.

Esto nos obliga a estar atentos por si ese contorno sale del diseño (una tarjeta de visita, por ejemplo). No es nada grave ni problemático en realidad pero un despiste nos puede llevar a considerar erróneamente una proporción en un momento dado.

  • Máscara

Una de las grandes faenas es que la máscara de Inkscape (Objeto/Máscara/Aplicar) no es interpretada correctamente por Scribus y como consecuencia no podemos contar con ella en el PDF final.

  • Texto trazado

Con los textos trazados (Trayecto/Objeto a trayecto) no hay ningún problema porque los contornos se comportan como cualquier otra forma trazada. Scribus interpreta a la perfección estas geometrías. Sin embargo yo creo que esta no es una buena opción siempre que podamos tener un control completo del proceso. Por mucho que nos duela, si queremos un SLA (archivo de Scribus) con el texto editable, no nos queda otra que crear los textos allí porque…

  • Texto sin trazar

…llegamos al asunto más importante respecto a los textos. Scribus al importar el SVG no leerá las rutas hacia las fuentes tipográficas para enlazarlas sino que automáticamente las trazará y ya no será posible corregir, mediante el uso del editor de texto, una falta ortográfica o hacer algún cambio en ese sentido.  Esta es, para mi, la mayor pega del proceso desde Inkscape hasta el PDF en CMYK. Una opción interesante es hacer todo el diseño en Inkscape y añadir texto en Scribus; de ese modo tenemos un mayor control del texto hasta al momento justo de la creación del PDF.

Lo mismo que pasa con los textos pasa con las figuras sin trazar; por ejemplo un rectángulo en Inkscape al que le podemos redondear las esquinas porque no ha sido convertido en trayecto perderá esa propiedad en Scribus al ser importado el SVG; allí el rectángulo estará formado por nodos.

  • Desenfoque y la gran mayoría de los efectos del menú Filtros

Mientras que Scribus no interprete correctamente todo el SVG creado en Inkscape, hay asuntos como el de los filtros que no tienen solución vectorial y no queda otra que fabricar el PNG con alta resolución (300ppp) y convertirlo en una imagen bitmap con perfil de color CMYK que quede incrustado en el archivo SLA de Scribus. En otras palabras: trataremos estas imágenes como si fueran fotografías (asunto que trataré en la próxima entrega)

EL SVG EN SCRIBUS

Recordemos que Inkscape permite la gestión en CMYK de los colores pero NO FABRICA UN PDF con perfil de color CMYK. Ese es un trabajo que de momento es inevitable hacer en Scribus.

No voy a tratar aquí las ediciones que hay que continuar haciendo en Scribus (será la cuarta entrega) pero si nos apetece ir haciendo pruebas el asunto se resume en guardar el SVG en Inkscape, y en Scribus hacer Archivo/Importar/Get Vector File. No está de más familiarizarse con este paso del SVG de un software a otro para conocer bien qué es lo que se puede enviar en vectorial y qué es lo que no quedará más remedio que enviar en mapa de bits.

<— 1.- Los perfiles de color

Inkscape, Krita y Scribus: Preparar el PDF en CMYK para imprenta offset (1.- Perfiles de color)

2.- El SVG–>

Uno de los asuntos delicados en esto del diseño es el tema de la impresión offset de nuestro diseño.

Cuando nosotros estamos realizando nuestro proyecto estamos ante un monitor que trabaja con colores RGB (Red-Green-Blue / Rojo-Verde-Azul) y consigue el resto a base de sumar las longitudes de onda de estos. Sin ánimo de meterme mucho en el asunto simplemente diré que lo que ocurre es que los colores y sus mezclas son el fruto de un fenómeno óptico propio de la luz. Esto nos lleva al espinoso tema de las calibraciones de los monitores para que muestren los colores lo más cercanos posibles a las decisiones que uno está tomando durante el proceso «diseñil».

Pero tarde o temprano el diseño puede acabar impreso en un soporte y los colores no se van a conseguir mediante sumas de longitudes de onda sino por la resta de las mismas. El fenómeno del color deja de ser un fenómeno óptico propio de la luz sino más bien un fenómeno físico propio de la materia. Las posibilidades de que los colores sean exactamente como los que vimos en el monitor es algo así como el sexo de los ángeles. Aquí los colores serán fruto del uso de tintas sobre el soporte que condicionará extremadamente el resultado. Por ejemplo, si el soporte es papel nos encontraremos con resultados muy distintos dependiendo del grano, de si es mate o brillo, de la calidad de las tintas o simplemente del hecho de estar trabajando con un fabricante u otro. Con todo lo anterior lo que quiero decir es que el resultado sólo será el esperado si trabajamos codo con codo con la imprenta o puede que nos llevemos más de una sorpresa.

Más a allá de toda esta introducción el asunto de la preparación para imprenta offset se reduce a conseguir un archivo (PDF la opción que propongo yo aquí) que incluya la información necesaria para separar los colores CMYK (Cian-Magenta-Yellow-Key (Black) / Cian-Magenta-Amarillo-Clave (Negro)) y que se puedan crear de manera independiente los fotolitos para cada una de las tintas.

El código de cada color quedará definido por cuatro números del 1 al 100 que determina el porcentaje de tinta que incluye de cada uno de los C,M,Y,K; por ejemplo, una aproximación al rojo Cocacola sería 0,100,80,0 (nada de cian y nada de negro)

Uno de los aspectos más importantes es el del color negro. Me explico. Imaginemos un diseño de un folleto con texto negro. Si mandamos imprimir y este texto se tiene que conseguir con una mezcla CMYK del tipo 75,60,60,80 el resultado será desastroso porque estamos obligando a hacer sobre los pequeños caracteres nada menos que cuatro descargas de tinta. La consecuencia: texto empastado y borroso debido al mínimo desfase (por infinitesimal que sea) entre las planchas de impresión. Nuestro objetivo en ese caso es mandar un archivo con un color negro definido como 0,0,0,100 (nada de cian, nada de magenta y nada de amarillo… sólo negro).

El archivo resultante, por lo tanto, tiene que incluir algo que le permita hacer esa separación y aquí es donde entran en juego los denominados perfiles de color (color profiles). En un Ubuntu es fácil hacerse con ellos mediante repositorio con

sudo apt-get install icc-profile

Últimamente (en Linux Mint 17 según mi experiencia) la orden anterior no funciona y hay que usar esta otra

sudo apt-get install icc-profiles-free

Esto instala los perfiles de color ICC (International Color Consortium) en usr/share/color/icc, aunque hay otros perfiles que nos pueden resultar útiles como LittleCMS  o los Adobe Color Profiles (basados en ICC y que también cumplen con el estándar internacional -ISO- correspondiente) que deben instalarse en el mismo directorio de antes.

Los Adobe Color Profiles se pueden descargar de este repositorio del propio Adobe

ftp://ftp.adobe.com/pub/adobe/iccprofiles/linux/AdobeColorProfiles-end-user.rpm.tar.gz

Se encuentran en formato RPM con el que se puede fabricar un DEB con el software Alien como el que tengo yo y que he hospedado aquí.

Bueno, ya tenemos en nuestro sistema operativo un buen surtido de perfiles de color para usarlos en el proceso de producción del PDF final.

2.- El SVG–>

Inkscape: Extensión Pages, una posibilidad multipágina con SVG 1.1

De momento Inkscape se gestiona con SVG 1.1 y a la espera de la nueva especificación SVG 1.2 el asunto de la multipágina debe esperar.

Sin embargo, como la imaginación está para algo, Cosmin Popescu propone una bonita solución vinculada a este asunto.

Se trata de una extensión denominada Inkscape Pages (la versión actual es la 1.2.1) que permite una simulación muy interesante del documento multipágina jugando magistralmente con en tema de las capas y algo más de programación en Python…

Primero vamos con la instalación. Yo en mi Kubuntu 12.04 LTS no he tenido ningún problema. Tras descomprimir el TAR.GZ y colocar la carpeta en mi carpeta personal home/joaclint he ejecutado desde la consola la orden

cd nombre de la carpeta

para accedera su interior; y después he dado la orden de instalación con

sudo ./install es

¡Cierto, en español! (o casi…) Si se quiere en inglés por algún motivo, solo hay que cambiar el es por un en.
Ahora al abrir Inkscape ya tenemos la opción Páginas en Extensiones

Lo primero que debemos tener en cuenta es que al hacer que el documento sea multipágina, las capas se gestionarán de modo distinto, y lo mismo ocurre con la exportación en PDF. Debemos pensar que el documento multipágina está pensado precisamente para que se pueda crear un documento PDF de varias hojas con una sola exportación. La extensión también permite la paginación.

Un resumen de sus posibilidades es:

  • Añadir páginas
  • Añadir márgenes a las páginas
  • Añadir capas a las páginas usando la extensión.
  • Usar una página maestra
  • Crear diferentes páginas maestras para la hoja derecha y la izquierda  (pares e impares)
  • Mover objetos entre páginas
  • Reorganizar páginas
  • Borrar páginas
  • Exportar a PDF (multipágina)
  • Navegación entre las páginas

Comenzamos por utilizar Extensiones/Páginas/Crear documento multipágina

Como vemos, Inkscape nos pone sobre aviso de que este paso anulará la tradicional organización en capas ya que en esa sección se organizarán las páginas. Al Aceptar nos salta un cuadro informativo sobre los atajos de teclado pero estas ediciones las podremos hacer desde Extensiones/Páginas/Ir a…

No se apreciará ningún cambio salvo en la parte inferior donde podemos ver que ahora pone [#page1] en el campo donde antes ponía Capa 1

El documento, a pesar de ser multipágina sólo consta de una hoja, así que añadimos alguna más (Extensiones/Páginas/Insertar…) para hacer nuestras primeras pruebas, por ejemplo 3 Después de la page1 (vemos que la traducción está así, así…)

Al Aceptar, Inkscape nos muestra el contenido de la siguiente página [#page2]; es decir, una página en blanco para que comencemos a trabajar en ella.

Como puede apreciarse en el menú, las capas hay que añadirlas desde Extensiones/Páginas/Añadir capa.

Si por algún motivo queremos dejar de trabajar en modo multipágina y que todas las páginas se conviertan en capas usamos Extensiones/Páginas/Páginas como capas. Con esta edición si la page1 tenía 5 capas se convertirá en una sola capa en las que las 6 capas (1+5) se convertirán en una sola llamada page1; Inkscape regresará a su modo normal y se perderá la posibilidad de volver a la configuración multipágina tal y como estaba.
Hay alguna edición como la paginación que hay que aplicarla en la página principal para que luego se herede de forma automática al resto de las páginas. Para ir a la página principal usamos Extensiones/Páginas/Ira../Principal. Eso nos lleva a la página [#page0]. Allí usamos Extensiones/Páginas/Principal/Insertar número de páginas. Aparecerá esto
Si ahora navegamos por las siguientes páginas comprobaremos que hay una paginación seriada.

Hasta aquí esta introducción a esta extensión Pages. Espero seguir investigando y sacándole mucho jugo; así que prometo algún otro tutorial sobre el tema.

Inkscape y Blender: Soluciones a los problemas con la tecla «Alt» en Gnome 3

Por fin he terminado un largo trabajo que me he traído entre manos los últimos 6 meses y que me ha mantenido bastante alejado del mundillo internetero y blogueril. No puedo decir mucho pero se trata de un curso de Blender que se publicará con licencia Creative Commons en Septiempre en un CD en formato ISO…

Como ha coincidido el final del trabajo duro (aún falta el trabajo suave) con la salida de Ubuntu 12.04 me lancé cómo un poseso a la instalación. Como yo venía de Ubuntu 11.04 no había probado las «excelencias» de Unity (al que le di una oportunidad de 15 minutos hace un año) ni de Gnome 3.

Tras la instalación y una nueva oportunidad a Unity de otros 15 minutos instalé Gnome 3 pensando en que sería la solución a todos mis desengaños con Unity. Pero la pesadilla no había hecho más que comenzar.

LA TECLA «ALT» PARA INKSCAPE

Una vez instalado Inkscape procedo a ir a Administración/Preferencias/Ventanas para cambiar «Alt» por «Super» como siempre; pero…nada de eso aparece en Gnome 3. Me doy cuenta de todo lo que quería a Gnome 2 sin saberlo. Qué injusto fui…

Como internet es una joya llena de información útil (e inútil, ahí está uno para discriminar), encontré este post con la solución al problema. Resumiendo para los que tengan problemas con el inglés o prefieran permanecer aquí:

  • Lanzamos una aplicación de gestión llamada Dconf-editor que encontraremos en Actividades/Aplicaciones/Herramientas de sistema
  • Nos vamos a org/gnome/desktop/vm/preferences. Aquí cambiamos mouse-button-modifier <Alt> por <Super>. Es mejor no hacer preguntas… esto funciona aunque yo no tenga la menor idea de por qué. Ahora podemos usar la tecla «Alt» en Inkscape para seleccionar en profundidad, agarrar… Asunto arreglado.

LA COMBINACIÓN «CONTROL ALT NUMPAD 0» PARA BLENDER

Cuando ya creía que mis únicos problemas con Gnome 3 serían filosóficos, resulta que testeo Blender y me encuentro que «Control_Alt_Numpad 0» minimiza el programa en lugar de alinear la cámara con mi punto de vista. Tras varias horas de comedura de coco y de búsqueda sin fruto en internet, resulta que la solución la tenía justo al lado de dónde solucioné lo de Inkscape.

  • Lanzamos de nuevo Dconf-editor.
  • Nos vamos a org/gnome/desktop/vm/keybindings. Aquí añadimos una combinación estrambótica a Minimize ‘<Control><Alt><Super><Shift>’ (nótese la comilla del comienzo y del final). Ahora funciona en Blender la combinación «Control_Alt_Numpad 0».

Sigo dándole una oportunidad a Gnome 3 por un detalle: descubrí la web de extensiones que me ha dejado con la boca abierta. Desde allí gestionas la instalación y la activación/desactivación. Una pasada. Pero lo importante es que se activa de una manera sencillísima un menú como el de Aplicaciones de Gnome 2, un acceso a lo que allí era Lugares… Con un Cairo Dock y estos añadidos empiezo a pensar que me quedaré con Gnome 3 para el futuro.

A ver si no surgen más problemas con las teclas…

Inkscape: Table Support (extensión para crear tablas)

Hace unos días un lector me puso en conocimiento de una extensión para Inkscape que viene a suplir una carencia del software respecto a la creación y edición de tablas (Inkscape Table Support). Al parecer este lector tenía problemas para la instalación así que me animé a probarlo. En mi caso sin embargo no hubo problema alguno. Tras la descarga y descompresión (está en TAR.GZ), coloqué la carpeta en el directorio de mi home/usuario (en Ubuntu 11.04) y accedí a ella a través de consola con un simple

cd inkscape-table-1.0

para después instalar con

sudo ./install

Todo salió perfecto porque al ejecutar Inkscape me aparece en Extensiones/Tabla. Este menú nos lleva a otros submenús que dan cuenta de la versatilidad de esta extensión. Comenzaremos por Extensiones/Tabla/Crear donde definiremos los aspectos generales de la tabla (columnas, filas, tamaño de éstas). La opción Vista en directo es de gran ayuda.


Ya en este cuadro se nos pone en conocimiento de que las celdas aparecerán sin texto alguno y que el camino correcto para ello no es usar luego la herramienta de texto sino seleccionar las celdas en cuestión y hacer Extensiones/Tabla/Edit/Selectec cells text. Aunque se nos permite editar el tamaño de la fuente eso no es del todo importante porque una vez creado el texto podremos usar la herramienta correspondiente para cambiar fuente, tamaño, alineación, color…
Todo lo demás puede decirse que obedece a lo que esperamos de una tabla editable: añadir o quitar filas y columnas, juntarlas… en definitiva: una maravilla.

Inkscape: Pequeño ejercicio con snaps

Hace un tiempo un lector me escribió haciéndome una consulta relacionada con un asunto geométrico ¿Se puede garantizar la precisión en este gráfico?

La respuesta es sí. En realidad hay varias opciones entre las que se puede destacar el uso de ajustes a una rejilla; pero la mejor opción (por su rapidez) muy posiblemente sea esta otra.
Activamos los Ajustes/Ajustar esquinas a cajas de contornos/Ajsutar a y desde el centro de las cajas de contornos

Ahora lo único que debemos saber es que será el cuadrado el que buscará los centros de los círculos y no al contrario.

Ahora tenemos que seleccionar el cuadrado y el círculo que ya está ajustado y repetimos la operación hacia otro de los círculos

Seleccionamos el cuadrado y los dos círculos ajustados y seguimos

Y sólo queda volver a repetir la operación una vez más

Inkscape: posibilidades para fusionar capas

Algo de lo que no se habla mucho cuando se trata de Inkscape es de los modos de fusión de capas. Es cierto que parece más una edición propia de un software que trate con imágenes bitmap como puede ser Gimp pero hay algunas posibilidades en Inkscape. En esta ocasión voy a hablar solo del modo multiplicar.
Supongamos que tenemos esta imagen bitmap para crear una virtualización de un diseño

Para darle un color a la lata del refresco es necesario crear un objeto con la misma forma

Lo más evidente en este punto es aumentar la transparencia del objeto para tratar de recuperar parte de la información del volumen de la lata…

Pero el resultado es muy poco convincente porque hemos tenido que renunciar a la saturación de color con lo que da la sensación de haber perdido toda su fuerza a cambio de ganar algo de sensación 3D.
El camino correcto es no tocar la opacidad del objeto y colocarlo  en una capa superior a la de la imagen (usamos para ello las opciones del menú Capas). Escogemos para esa capa el modo de fusión Multiplicar

Una posible presentación 🙂

Inkscape: plantilla para tarjeta de presentación

Aquí voy a dar un método para preparar la plantilla de trabajo de una tarjeta de visita de 85x55mm con 3mm de sangría.

Creamos dos rectángulos: el primero con 85x55mm y el segundo con 79x49mm (restando 3+3 a cada lado) y usamos el cuadro Objeto/Alinear y distribuir para colocarlos bien centrados

Después con el rectángulo grande seleccionado hacemos Archivo/Propiedades del documento para hacer que el papel se adapte a su tamaño

Podemos deshacernos de ese rectángulo.

Con el rectángulo pequeño hacemos Objeto/Objetos a guías para sustituir este objeto por cuatro guías que nos marcarán los márgenes de seguridad (ningún texto ni gráfico importante sobrepasará esos límites). El objeto desaparece en esta edición pero no nos importa porque no lo necesitamos. Esto es lo que tenemos ahora

Llaga el momento de sacar provecho a Extensiones/Renderizar/Marcas de impresión donde escogemos lo siguiente:

Donde se especifican tanto las marcas de recorte, que coincidirán con el papel, como las medidas para las sangrías.

Es recomendable comenzar el trabajo añadiendo un rectángulo de 91x61mm bien centrado respecto al papel para poder usar ajustes a sus bordes y porque al fin y al cabo es el espacio que vamos diseñar

Al cliente sólo le enviaremos imágenes resultantes de la exportación del espacio del papel para que se haga una idea correcta de lo que será la tarjeta, mientras que a imprenta enviaremos todo el espacio 91x61mm y las necesarias especificaciones.