logotipo 0: filosofía de trabajo
introducción. Este curso fue publicado lección a lección en [el blog de Joan Clint Istgud: diseño por ordenador con freeware desde el 28 de octubre de 2007 hasta el 31 de marzo de 2008
En esta primera lección del curso no va a aprender a usar Inkscape, lógicamente, pero si nunca ha utilizado una herramienta de edición vectorial es probable que su lectura le aclare los principales modos en que trabaja este tipo de [software.
Para este curso se usaran siempre referencias y capturas de pantalla relativas a las versiones 0.45 y 0.46 (Windows) algunas capturas no han sido adaptadas de una versión a otra entendiendo que los cambios son irrelevantes (un cambio fue la sustitución del término [trazo por el de [trayecto).
la interfaz.
La interfaz presenta todos los elementos a los que estamos acostumbrados y además usa multitud de atajos en forma de iconos que prácticamente se explican por sí solos.
herramientas y sus opciones
Un primer tanteo haciendo clics por las distintas herramientas (grupo de iconos a la izquierda de la interfaz) debe hacernos caer rápidamente en la cuenta de que cada una de ellas lleva asociada una serie de opciones que, aparecen en horizontal en la parte de arriba de la interfaz. Por ejemplo, la herramienta [crear rectángulos y cuadrados cuenta con las siguientes opciones:
el formato de vectores nativo de Inkscape.
Cuando usted realice un diseño lo estará creando en formato SVG ([scalable Vector graphic) e Inkscape podrá guardar toda la información relativa a los distintos objetos que lo componen.
Esto se traduce en que cuando usted vuelva a abrir el documento SVG se lo encontrara tal y como lo dejó (a excepción del [historial que le permitiría regresar a estados anteriores de su trabajo)
de vectores a bitmaps.
Una vez acabado su diseño será el momento de exportarlo en un formato de mapa de bits. Inkscape sólo trabaja el formato (*.png) ya que le permite guardar con facilidad las zonas no dibujadas cómo transparentes. En el caso de necesitar la imagen en otro formato deberá recurrir a un software complementario que le permita esa conversión ([Gimp puede servirle) para obtener el (*.png) debe hacer la línea de comandos [archivo/exportar mapa de bits. Esto le abrirá un cuadro de diálogo en el que debe pulsar [examinar para determinar dónde quiere que se guarde y con que nombre -no es necesario que ponga la extensión png- (pulse [guardar para regresar al cuadro anterior). Una vez hecho esto pulse [exportar.
Realizado este paso lo que tiene es una imagen fija basada en píxeles. No será posible seguir editándola (vectorialmente) en Inkscape, a lo sumo en un editor de imágenes como puede ser Gimp le puede hacer algún tipo de retoque.
meter imágenes en los diseños.
Es posible incluir imágenes de mapas de bits en su diseño haciendo la línea de comandos archivo/importar, lo que le mostrara un explorador tradicional para que localice su imagen. En este caso la variedad de formatos es amplía. Puede importar (*.jpg), (*.png), gif. Con estas imágenes podrá hacer pocas ediciones (cambiarlas de tamaño, rotarlas), pero puede usarlas de referencia como imágenes de fondo o incluso pueden formar parte de un diseño como en el ejemplo que acompaña a estas líneas, estas imágenes importadas no formaran a priori parte del archivo SVG por lo que no debe cambiarlas ni de sitio ni de nombre o de lo contrario Inkscape la sustituirá por un recuadro con un mensaje de enlace roto. Es posible incrustar las imágenes para poder abrir el SVG en otro ordenador, por ejemplo, pero eso se verá en otra lección.
organización del trabajo.
Inkscape, como cualquier editor que se precie, puede organizar el trabajo por capas, a modo de hojas transparentes. Cada una incluirá la información que queramos y serán muy importantes cuando los diseños sean laboriosos y consten de numerosos objetos. Las propiedades que hacen útiles estas capas son las de visibilidad/invisibilidad y bloqueada/desbloqueada.
Supongamos que a lo largo de la lectura de esta lección ha sacado usted a escena un rectángulo y ha importado un mapa de bits para confirmar el tutorial. Ambos objetos se encontraran en la capa inicial de trabajo capa 1 (esta capa no puede ser borrada)
Manipule los objetos (seleccionar y arrastrar) usando la herramienta de seleccionar y transformar objetos.
La zona que informa sobre las capas nos dice claramente que nos encontramos en capa 1, que está visible y desbloqueada, vamos a crear dos nuevas capas. Para ello realice la línea de comandos [capa/añadir capa, introduzca un nombre y pulse añadir.
Puede comprobar que en la zona inferior, donde antes ponía capa 1, ahora pone el nombre de la nueva capa (en nuestro caso imagen_vectorial)
Repita el proceso y añada una nueva capa, en este caso con el nombre imagen_bitmap. Comprobara que Inkscape siempre deja seleccionada la última capa creada.
Al seleccionar el rectángulo la capa cambia a capa 1 que es donde se encuentra el objeto seleccionado. Con el seleccionado haga la línea de comandos capa/mover la selección a la capa superior a la actual. De este modo el rectángulo ira a la capa imagen_vectorial. Ahora seleccione la imagen de mapa de bits y haga dos veces la línea de comandos capa/mover la selección a la capa superior a la actual, para que se encuentre en la capa imagen_bitmap.
Ya tiene organizado su trabajo por capas. Lo ideal hubiera sido hacer cada objeto en la capa adecuada desde el principio.
Cuando se trabaja por capas es importante revisar constantemente que la capa en la que nos encontramos es en la que queremos trabajar, de lo contrario nos tendremos que ocupar más adelante de hacer arreglos como los que hemos hecho en el ejemplo anterior.
Para saber el estado y editar algunos aspectos de las capas lo mejor es el panel que se obtiene con la línea de comandos [capa/capas.
Desde este panel puede, desde añadir o eliminar capas, hasta cambiarles el nombre, el orden, o variar su nivel de transparencia, cuando se elimina una capa debe tener en cuenta que se eliminara todo lo que esté contenido en ella, elimine las dos capas que ha creado y comprobara cómo desaparece el rectángulo y la imagen de mapa de bits. Debe quedarle únicamente la capa inicial capa 1 y el lienzo en blanco.
Modos de edición.
Es importante señalar los tres niveles de edición con los que podemos trabajar, aunque no profundizaremos en ninguno de ellos:
Modo edición de objeto.
Modo edición de tiradores.
Modo edición de nodos.
modo edición de objeto.
Ponga en el lienzo un rectángulo y selecciónelo con la herramienta seleccionar y transformar objetos. Debe tener un aspecto como el de la ilustración, a partir de ahora vamos a denominar a esas flechas transformadores, cuando el ratón active uno de esos transformadores se pondrá de color verde y podrá arrastrarlo haciendo la edición correspondiente. Puede aumentar o disminuir el tamaño del objeto adaptándolo a sus necesidades de diseño.
Si hace clic sobre el objeto, los transformadores se permutaran por otros similares que le servirán para inclinar o para rotar el objeto.
El centro para esas transformaciones es el signo + que aparece en el centro (puede cambiarse de lugar simplemente arrastrándolo con el ratón)
Todas estas transformaciones corresponden a una edición de objeto que afecta a toda la figura y suponen el primer nivel de edición. Las transformaciones son cuatro: mover, escalar, rotar e inclinar.
La transformación mover la puede realizar independientemente de los transformadores que tenga la figura, sólo debe arrastrarlo con el ratón, no conviene olvidar una última edición que afecta a todo el objeto: eliminarlo. Para ello debe usar la tecla Supr.
Un objeto consta de relleno y trazo (contorno). Para editar los colores de estos dos elementos, así como las propiedades del estilo del trazo, debe acceder al cuadro objeto/relleno y borde.
No vamos a estudiar aquí las posibilidades que se ofertan en este cuadro, pero es importante que comience a familiarizarse con el hecho de que para Inkscape un objeto consta de dos partes claramente diferenciadas y que se editan por separado.
De todas las posibilidades de selección de color (rgb, hsl, CMYK, rueda y CMS) yo le recomiendo la rueda de color por ser la más intuitiva de todas, escoja el color en la corona circular y el valor en el triangulo.
Le dejo un ejemplo de diseño elemental usando sólo el modo edición de objeto:
Modo
edición de tiradores.
Habrá observado que al crear un cuadrado éste no aparece directamente con los transformadores sino con lo que vamos a llamar a partir de ahora tiradores como muestra la ilustración, la edición de tiradores constituye un segundo nivel de edición para poder manipular ciertas características del objeto.
En el rectángulo y cuadrado se puede editar la redondez de las esquinas.
- En la elipse y círculo puede abrir en uno de sus puntos para conseguir sectores.
- En la estrella y polígono puede editar las puntas exteriores y las interiores.
- En la espiral puede mover el comienzo y el final.
En la caja3d puede editar sus tres dimensiones por separado.
Si se encuentra en edición de objeto puede ir a la edición de tiradores a través de la segunda herramienta editar nodos de trazo o tiradores de control.
El resto de las herramientas no disponen de este segundo nivel de edición por tiradores. Un ejemplo:
Modo
[edición de nodos.
Hay varias maneras de llegar a tener nuestro objeto convertido en una secuencia de curvas y rectas editables desde sus puntos fundamentales (nodos). La más lógica es trazo/objeto a trazo, (en Inkscape 0.46 trazo se sustituyó por trayecto)
Si hace la operación desde edición de objeto, para ver el cambio efectuado debe ir al modo de edición de nodos con la herramienta editar nodos de trazo o tiradores de control (la misma que antes usaba para editar tiradores)
Si humilde en trazo desde edición de tiradores vera el cambio de tiradores a nodos en el momento de la edición.
En cualquiera de los dos casos ya tiene el objeto convertido en una secuencia de rectas y curvas editables. Puede mover los nodos independientemente (coja y arrastre).
Hay varios tipos de nodos, pero tampoco los vamos a estudiar aquí. Eso sí, tome nota de que puede editar el nodo en sí o sus tiradores (en este caso el nodo no se moverá, pero sí las entradas y las salidas del mismo)
¿quiere un ejemplo de lo que puede hacer editando los nodos?
Resumiendo.
Ahora nos vamos a detener un momento para estudiar detalladamente tres teclas (control, shift y alt) y, créame, la correcta utilización de estas teclas hará que su trabajo sea preciso cuando tenga que serlo, dejarlo para más adelante supondría una pérdida de tiempo y se traduciría en que usted adquiriría hábitos incorrectos de trabajo que después tendría que olvidar.
[tecla control.
¿Se ha fijado en el teclado modelo Inkscape de la página anterior? Está hecho con nuestro programa de edición vectorial favorito.
Saque ha escena un rectángulo mientras mantiene control pulsado. Al deslizar el ratón debe notar lo siguiente:
Si el movimiento es diagonal (unos 45º) la proporción de los lados no se pierde y puede tener la certeza de que lo que crea es un cuadrado perfecto con todas sus propiedades.
Si en un momento dado de la creación del objeto decide mover el ratón en horizontal o vertical, la altura o el ancho se mantienen fijos.
Una vez creado el rectángulo edite los tiradores (recuerde que tiene que hacerlo con control pulsado):
Los tiradores cuadrados editados en diagonal mantendrán la proporcionalidad del rectángulo.
Los tiradores editados en horizontal o en vertical restringiran el alto o el ancho del rectángulo.
El tirador circular hará que el radio de las tangencias en x y en y sean iguales.
Pase el rectángulo a modo edición de objeto y con control pulsado mueva los transformadores. En todos los casos la edición le permitirá cambiar la escala del objeto manteniendo la proporcionalidad y tomando como origen el vértice opuesto de la caja del objeto (rectángulo que lo circunscribe)
Haga clic sobre el objeto para permutar los tiradores de escalado por los de inclinar y rotar.
- los tiradores de rotación permiten controlar giros de 15º al igual que los de inclinar.
El ángulo de 15º es ideal para poder hacer gran cantidad de ediciones, pero puede que ha usted le interesen saltos de otro valor (como 45º)
Para ello haga la línea de comandos archivo/preferencias de Inkscape./pasos y escoja el valor para el ángulo de rotación en rotación se ajusta cada.
Tenga en cuenta que es un cambio que se guardará y permanecera las próximas veces que, abra Inkscape.
Tanto con los transformadores de escala como con los de inclinación y rotación puede desplazar el objeto con solo mantener pulsado el ratón y arrastrar. Si realiza esta operación con control pulsado los movimientos quedarán restringidos al eje X y al y.
Esto último ocurre igual si desplaza un nodo.
- si lo que mueve es un tirador de un nodo el giro vuelve a ser de 15º
Cuando mueva con control pulsado un nodo de un gradiente de color se encontrara estos efectos:
- si lo desplaza en la dirección del gradiente, esta dirección se mantendrá.
- si se sale de la dirección, los saltos serán de 15º
Hay más ocasiones en las que se va a encontrar este tipo de salto. Enumerarlas todas sería interminable así que, si ha comprendido el modo de trabajar de la tecla control aproveche todas sus posibilidades para garantizar la precisión en sus diseños siempre que la necesite.
Una posibilidad más a tener en cuenta con respecto a la tecla control es la de retroceso con control z. Tiene otras posibilidades para ir hacia atrás en su trabajos como edición/deshacer o el icono habitual, pero control z es la mejor opción por la rapidez que supone, ir hacia adelante es control y.
Vaya, y un a última y útil función de la tecla control: junto con la rueda del ratón hará zoom in y zoom out.
[tecla shift.
Es la tecla para acumular objetos o nodos seleccionados. En ese sentido podríamos traducirla como tecla para la selección múltiple (los modos de selección se estudian más abajo).
En la edición con los transformadores de escalado puede traducirse como usar como origen el centro de giro (ya sabe que el centro de giro se representa con un signo + cuando están en pantalla los transformadores de rotar e inclinar, y que lo puede desplazar con el ratón).
En la edición de rotar e inclinar se traduciría por usar como centro de giro el punto opuesto de la caja del objeto.
[teclas control y shift a la vez.
En la edición de escalado lo que se obtiene es un cambio de tamaño manteniendo la proporcionalidad y usando como origen el centro de giro.
En la edición de inclinado y rotado consigue un giro a saltos de 15º usando como centro de giro el punto opuesto de la caja del objeto.
[tecla alt.
A veces puede que tenga seleccionado un objeto, pero cuando pretenda moverlo Inkscape es posible que cambie la selección por el que está más arriba o situaciones similares. En ese caso comience la edición de desplazamiento con Alt pulsado, de este modo la selección queda anclada y no se producirán ese tipo de situaciones.
[
Seleción de objetos y nodos.
pongamos que ha sacado a escena numerosos objetos y, sobre todo, que unos se tapan a otros. La selección y manipulación puede convertirse en un problema. En principio yo le recomiendo un poco de orden y que organice su trabajo por capas, pero si no ha sido cuidadoso Inkscape le ofrece unas cuantas posibilidades para seleccionar objetos en estas condiciones.
selección ordenada
Inkscape es capaz de ir pasando la selección de un objeto a otro de una manera ordenada mediante el uso de la tecla tabulador. Exactamente igual ocurre si lo que está seleccionando son nodos.
La lógica que sigue Inkscape en esta secuencia de selección de objetos es el de ordenacción, primero el del fondo, después el que está más arriba, y así hasta el que está arriba del todo. En la secuencia de selección de nodos sigue un orden horario.
selección hacia abajo
Si tiene muchos objetos tapándose unos a otros puede recurrir a seleccionar varias veces con la tecla Alt pulsada. Así Inkscape será sensible a objetos que están totalmente tapados por otros. Esta utilidad no sirve en la selección de nodos.
selección múltiple
Simplemente seleccione objetos o nodos mientras mantiene shift pulsado.
deseleccionar un objeto
Vuelva a hacer clic sobre un objeto o nodo seleccionado. Si quiere conservar otros objetos o nodos ya seleccionados mantenga shift pulsado.
selección de caja
Incluya todos los objetos (uno o varios) que quiere seleccionar dentro de un rectángulo virtual hecho con la herramienta seleccionar. Si esta seleccionando nodos opere igual, pero con la herramienta editar nodos o tiradores seleccionada.
selección por contacto
Noverdad en Inkscape 0.46. Asegúrese de no tener ningún objeto seleccionado, pulse Alt y describa con el ratón una trayectoria, los objetos que sean tocados por esa línea quedarán seleccionados.
Son muchas las herramientas que va a encontrar dentro de Inkscape para poder hacer su trabajo más cómodo y exacto, pero no se van a estudiar en este tutorial. Éste, sobre la filosofía de trabajo de Inkscape, termina aquí. Espero que haya afianzado los conceptos para poder comenzar a trabajar con facilidad y precisión.
.
