Inkscape TIC (1º Bachillerato)

Página 1

Contorno y relleno

Acerca de los atributos En Inkscape un objeto tiene atributos tales como el color o el estilo de línea. Un

atributo puede afectar al Relleno o al Borde del objeto. El término Relleno se refiere a

la manera en que está coloreada el área encerrada por el trazo que forma los límites

del objeto, mientras que el término Borde se refiere al propio trazo que forma dichos

límites. Tanto el Relleno como el Borde pueden ser de un único color, o tener un

Degradado de varios colores, o un Patrón, o incluso no tener ningún color. Con la

excepción de unas pocas diferencias, el Relleno y el Color de trazo tienen las mismas

propiedades y por eso, el siguiente apartado trata de forma conjunta ambos atributos.

El Borde de un objeto puede tener más atributos tales como su anchura, su

discontinuidad, y la clase de marcas que se pueden añadir al mismo. Estos atributos,

que conforman el Estilo de trazo.

En Inkscape a los textos también se les puede definir, con unas pocas diferencias, los

mismos atributos que al resto de objetos: a las letras individuales, palabras o frases de

un único objeto de texto se les puede dar colores uniformes diferentes. Sin embargo,

los Degradados y los Patrones aplicados a un texto, afectan a todo el objeto de texto, y

no se pueden aplicar a letras individuales de un texto.

Hay diferentes métodos de cambiar los atributos de un objeto, algunos de los más

utilizados son los siguientes:

El cuadro de diálogo Relleno y borde (Objeto → Relleno y borde...): En este

cuadro de diálogo hay tres fichas que permiten definir el Relleno, el Color de trazo

y el Estilo de trazo del objeto. En la parte inferior del cuadro de diálogo hay un

deslizador y una casilla de entrada de datos para fijar el valor de la Opacidad, que

determina la opacidad global (o transparencia) del objeto.

La Paleta de colores: Con esta paleta se pueden cambiar los colores tanto del

Relleno como del Borde de un objeto.

El cuadro de diálogo Muestras (Ver → Muestras...): Este cuadro de diálogo

también nos permite cambiar los colores del Relleno y del Borde de un objeto.

El menú Indicador de Estilo: Se abre cuando se hace Clic con el Botón Derecho

sobre una de las barras del Indicador de Estilo. La casilla de entrada de datos del

Indicador de Estilo se puede utilizar para fijar el valor de la opacidad de un objeto.

Inkscape TIC (1º Bachillerato)

Página 2

La Herramienta Cuentagotas: Con esta herramienta se pueden seleccionar los

colores del Relleno y del Borde de otro objeto.

La Herramienta Degradado: Esta herramienta permite crear y modificar

Degradados de varios colores.

En la siguiente figura se muestran ejemplos de las diferentes opciones para dar color al

Relleno y al Borde de un objeto. El manejo de estas opciones es básicamente el mismo

tanto para el Relleno como para el Borde, así que en adelante usaremos la palabra

relleno para referirnos a la vez a ambos elementos.

Opciones para el color del Relleno de un objeto, de izquierda a derecha: sin relleno, color uniforme,

degradado lineal, degradado radial, patrón, y sin definir.

Opciones para el color del Borde de un objeto, de izquierda a derecha: sin relleno, color uniforme,

degradado lineal, degradado radial, patrón, y sin definir. (Se ha ampliado el borde del objeto para poder apreciar mejor el efecto de las diferentes opciones).

El tipo de relleno se puede definir utilizando las fichas Relleno y Color de trazo del

cuadro de diálogo Relleno y borde. Este cuadro de diálogo se abre con el comando

Objeto → Relleno y borde... o haciendo clic sobre el icono de la Barra de

Comandos. En cada una de esas fichas podemos elegir el tipo de relleno haciendo clic

sobre el icono correspondiente entre las siguientes opciones:

Sin color (transparente).

Color uniforme (sólido).

Degradado lineal (una transición suave entre dos o más colores).

Degradado radial (una transición suave entre dos o más colores en dirección

radial).

Patrón (rellenado mediante la repetición de un patrón).

Muestra Personalizada (rellenado con una muestra personalizada creada en el

documento por el usuario).

Inkscape TIC (1º Bachillerato)

Página 3

Sin definir (esta opción es necesaria para que se puedan dar atributos

diferentes a las distintas copias clonadas de un mismo objeto).

Los rellenos Degradados también se pueden aplicar mediante la Herramienta

Degradado.

En dicho cuadro también aparecen sendos controles para ajustar el Desenfoque y la

Opacidad global del objeto, ambos valores tienen un rango de 0 a 100. Este control de

opacidad se diferencia del canal Alfa, que se comenta más adelante, en que afecta

tanto al relleno como al contorno del objeto, mientras que el canal Alfa se puede

aplicar de forma independiente a cada uno de estos elementos.

En los siguientes apartados se explican los rellenos uniformes y degradados.

Colores Uniformes (Sólidos) En Inkscape, el color se almacena internamente como tres números, cada uno de los

cuales corresponde a una cantidad de color rojo, verde y azul (RGB), se añade un

cuarto número para describir el parámetro Alfa (RGBA). El atributo A o Alfa especifica

la transparencia del color de relleno, y su valor puede variar desde 0 para una

transparencia total, hasta 255 para una opacidad total.

El color del relleno de un objeto se puede cambiar de varias maneras: utilizando el

cuadro de diálogo Relleno y borde, la Paleta de colores, el cuadro de diálogo Muestras,

o la Herramienta Cuentagotas. Algunos de estos métodos también se pueden utilizar

para cambiar el color de una “parada” de un Degradado cuando se encuentra

seleccionado uno de los tiradores que permiten editar el Degradado.

Cuadro de Diálogo Relleno y Borde

Cuando se elige utilizar un color uniforme para el Relleno o el Borde de un objeto, en la

ficha correspondiente del cuadro de diálogo Relleno y borde aparecen cinco sub-fichas.

Cuatro de estas fichas corresponden diferentes métodos para especificar el color, y la

última ficha es para configurar la gestión de colores.

Excepto en el caso de la ficha Rueda, en el resto de las fichas los parámetros de cada

color se pueden fijar de diversas formas: moviendo los deslizadores (pequeños

triángulos situados dentro de cada barra), introduciendo los valores deseados de los

parámetros en las casillas de entrada, o utilizando las pequeñas flechas arriba/abajo

situadas junto a las casillas de entrada. La posición del deslizador (pequeños

triángulos) en cada barra se corresponde con el valor de cada uno de los parámetros.

Además, los colores a lo largo de cada una de las barras indican el color que se dará al

Inkscape TIC (1º Bachillerato)

Página 4

objeto (a su relleno o a su borde), si el deslizador correspondiente se mueve hasta esa

posición.

Métodos para especificar el valor de un parámetro de color.

En cada uno de los métodos de definición de color, sub-fichas RGB, HSL, CMYK y

Rueda, el atributo A o Alfa especifica la transparencia del color del relleno o borde de

forma independiente.

RGB

RGB (Red, Green, Blue) es un método para especificar un color basado en la mezcla

aditiva de tres colores primarios: rojo, verde y azul. Este método es el utilizado en las

pantallas de ordenador. El rango de valores permitidos para los tres parámetros va

desde 0 hasta 255.

HSL

HSL (Hue, Saturation, Lightness) es un método para definir un color en términos de

tono (color en el espectro óptico), saturación (intensidad-pureza) y claridad. El rango

de la saturación varía desde un color puro hasta el gris. El rango para la claridad varía

desde el negro hasta el blanco pasando por el color puro correspondiente. El rango de

valores permitidos en estos tres parámetros va desde 0 hasta 255.

CMYK

CMYK (Cyan, Magenta, Yellow, Key [Negro]) es un método para especificar un color

basado en la mezcla sustractiva de tres colores primarios: cian, magenta y amarillo.

Este es el método usado habitualmente en las imprentas. El rango de valores

permitidos para estos parámetros va desde 0 hasta 100.

Rueda

La ficha Rueda ofrece una forma alternativa de definir un color utilizando el método

HSL. Para especificar el tono del color hay que arrastrar la línea radial alrededor del

círculo exterior. Para cambiar el valor de la claridad del color hay que mover el circulito

dentro del triángulo a lo largo de una recta paralela al lado del triángulo que varía

desde el blanco al negro. Para modificar el valor de la saturación del color hay que

arrastrar ese circulito en dirección perpendicular al mencionado lado del triángulo.

Inkscape TIC (1º Bachillerato)

Página 5

CMS

Esta ficha CMS (Color Management System) permite la definición de colores mediante

un determinado perfil ICC de color. Para que este método funcione es necesario haber

activado antes en el programa la gestión de color. Este método no se incluye en esto

apuntes.

Paleta de Colores y Cuadro de Diálogo Muestras

Tanto con la Paleta de colores como con el cuadro de diálogo Muestras (Ver →

Muestras...) podemos dar rápidamente un color al Relleno o al Borde de un objeto.

Tanto la Paleta como el cuadro de diálogo Muestras también se pueden utilizar para

definir el Estilo activo. La forma de manejar estos dos instrumentos es muy parecida,

así que ambos se tratan de manera conjunta en este apartado.

Con la Paleta de colores y el cuadro de diálogo Muestras se pueden realizar, entre

otras, las siguientes operaciones:

Hacer Clic con el Botón Izquierdo sobre una de las muestras para dar el color de

esa muestra al Relleno de los objetos seleccionados. Para cambiar el color del

Borde de los objetos seleccionados, hay que hacer Clic con el Botón Izquierdo

sobre una de las muestras manteniendo pulsada la tecla Mayús. Con estos

métodos también se puede cambiar el Estilo activo en ese momento sin necesidad

de que ningún objeto se encuentre seleccionado.

Realizar un movimiento de Arrastre con el Botón Izquierdo desde una de las

muestras hasta el Relleno o el Borde de un objeto para dar el color de la muestra a

ese elemento. El color del Borde de un objeto también se puede cambiar con la

combinación de tecla y ratón Mayús+Arrastre con el Botón Izquierdo hasta

cualquier punto del objeto. Para aplicar estas técnicas, no es necesario tener

seleccionado el objeto al que cambiamos de color. Al aplicar estas técnicas no

cambia el Estilo activo en ese momento.

Si hacemos Clic con el Botón Derecho sobre una de las muestras de color, aparece

un pequeño menú con el que podemos asignar ese color al Relleno o al Borde de

los objetos seleccionados. Al realizar esta operación también cambia el Estilo activo

en ese momento.

Inkscape incorpora una paleta de colores llamada Auto. Esta es la paleta

predeterminada del cuadro de diálogo Muestras. Inicialmente esta paleta está vacía.

Inkscape TIC (1º Bachillerato)

Página 6

En esta paleta se irán incluyendo todas las Muestras Personalizadas de color según las

vaya creando el usuario en cada dibujo. El contenido de esta paleta Auto depende del

documento que tengamos abierto.

Muestras Personalizadas

Para crear una Muestra Personalizada, primero hay que seleccionar un objeto que

tenga el Relleno o el Borde con el color uniforme o el Degradado que nos interese, y

luego hacer clic sobre el icono del cuadro de diálogo Relleno y borde (dentro de la

ficha Relleno o Color de trazo, según convenga). Después de crear la Muestra

Personalizada, podemos editar la misma utilizando la sección Relleno de muestra del

cuadro de diálogo Relleno y borde, o mediante el cuadro de diálogo Editor de

degradado al que podemos acceder seleccionando la opción Editar... en el menú que

aparece al hacer Clic con el Botón Derecho sobre una muestra de la Paleta de colores

o del cuadro de diálogo Muestras, cuando está seleccionada la paleta Auto. Cualquier

cambio que realicemos en una de estas muestras afectará al Relleno o al Borde de

todos los objetos coloreados con esa muestra.

Para aplicar una Muestra Personalizada de color al Relleno o al Borde de un objeto,

primero hay que seleccionar el objeto, y después escoger la muestra deseada en el

menú desplegable de la sección Relleno de muestra del cuadro de diálogo Relleno y

borde, o bien hacer clic sobre la muestra deseada en la Paleta de colores Auto, o en el

cuadro de diálogo Muestras.

Para eliminar una Muestra Personalizada de color, hay que seleccionar la opción Borrar

en el menú que aparece al hacer Clic con el Botón Derecho sobre esa muestra en la

Paleta de colores Auto o en el cuadro de diálogo Muestras.

Herramienta Cuentagotas

Los colores del Relleno y del Borde de un objeto se pueden modificar utilizando la

Herramienta Cuentagotas para coger un color ya existente en el dibujo. Las opciones

de esta herramienta permiten realizar operaciones como: coger el color promedio

dentro de una zona circular del dibujo, invertir el color que se coge, o guardar en el

portapapeles el color que se ha seleccionado con esta herramienta.

Para usar la Herramienta Cuentagotas, primero hay que seleccionar el objeto que

queremos modificar, después hay que activar la Herramienta Cuentagotas, y por

último, tenemos que hacer clic sobre el color deseado.

Inkscape TIC (1º Bachillerato)

Página 7

Si al hacer clic con la Herramienta Cuentagotas sobre el color deseado, se mantiene

pulsada la tecla Mayús, el color elegido es aplicado al Borde del objeto seleccionado,

en lugar de a su Relleno. Por otro lado, si al hacer clic con la Herramienta Cuentagotas

se mantiene pulsada la tecla Alt, el color aplicado es el inverso del escogido con la

herramienta. También podemos utilizar la Herramienta Cuentagotas pulsando las dos

teclas, Mayús y Alt, a la vez.

Clic con el Botón Izquierdo: El color elegido es aplicado al Relleno o al Borde del

objeto seleccionado previamente.

Arrastre con el Botón Izquierdo: El color que se aplica al Relleno o al Borde del

objeto seleccionado previamente es la media de los colores encerrados dentro de la

circunferencia que aparece durante el movimiento de arrastre.

Ctrl+C: Con esta combinación de teclas, el color que hay debajo del cursor se

copia en el portapapeles.

Degradados Un Degradado es una transición suave entre dos colores diferentes. Los Degradados

pueden ser lineales o radiales, y pueden estar formados por diferentes transiciones

entre dos o más colores, definidos por el usuario, que se denominan Paradas.

Ejemplos de un Degradado lineal (izquierda), y un Degradado radial (derecha).

La aplicación de un Degradado es un proceso formado por tres pasos, cada uno de los

cuales se explica en las secciones siguientes:

1. Añadir un Degradado a un objeto.

2. Editar las Paradas del Degradado.

3. Ajustar la orientación y extensión del Degradado.

La forma de aplicar los Degradados lineales y radiales es básicamente la misma, por

este motivo se va a explicar la aplicación de ambos de manera conjunta.

Inkscape TIC (1º Bachillerato)

Página 8

Añadir Degradados a Objetos

Un Degradado se puede añadir a un objeto utilizando el cuadro de diálogo Relleno y

borde, o la Herramienta Degradado.

Para añadir un Degradado mediante el cuadro de diálogo Relleno y borde solo hay que

seleccionar el objeto deseado y hacer clic sobre uno de los iconos de degradado

situados dentro de dicho cuadro de diálogo. Entonces se creará y aplicará

automáticamente sobre dicho objeto un Degradado con dos Paradas. Las dos Paradas

tendrán el mismo color que el que tenía previamente el Relleno del objeto. Sin

embargo, una de las Paradas tendrá una opacidad total, mientras que la otra tendrá

una transparencia total.

Podemos añadir a un objeto un Degradado ya definido previamente. Para ello, primero

tenemos que seleccionar el objeto, y luego elegir el Degradado en el menú desplegable

que hay dentro de la ficha Relleno del cuadro de diálogo Relleno y borde. El Degradado

también se puede aplicar al Borde de un objeto utilizando la ficha Color de trazo del

mismo cuadro de diálogo.

Para añadir un Degradado mediante la Herramienta Degradado, primero hay que

activar esta herramienta haciendo clic sobre su icono en la Caja de Herramientas. La

barra controles de la Herramienta Degradado tiene opciones para elegir entre un

Degradado lineal o radial, así como para aplicar el Degradado al Relleno o al Borde de

un objeto. Finalmente tenemos que realizar un movimiento de Arrastre con el Botón

Izquierdo a través del objeto. Los puntos inicial y final del movimiento de arrastre

determinan la extensión del Degradado (es decir, los puntos donde se situarán sus

Paradas inicial y final).

Editar las Paradas de un Degradado

Los Degradados, una vez creados, se pueden modificar añadiendo o eliminando

Paradas, moviéndolas, o cambiando el color y la opacidad de las mismas. Podemos

editar las Paradas directamente en la pizarra sobre el propio Degradado. Este método

es mucho más cómodo que utilizar el cuadro de diálogo Editor de degradados.

Edición sobre la Pizarra

Cuando está activada la Herramienta Degradado, si seleccionamos un objeto que tiene

un Degradado, en el objeto aparecen los tiradores del Degradado. Los tiradores en

forma de círculo, rombo y cuadrado representan respectivamente, las Paradas inicial,

intermedias y final del Degradado.

Inkscape TIC (1º Bachillerato)

Página 9

Ejemplos de Degradados lineal y radial en los que aparecen los tiradores de Degradado.

Las Paradas se pueden seleccionar haciendo clic sobre ellas con la Herramienta

Degradado. Para seleccionar más de una Parada, se puede utilizar la combinación de

tecla y ratón Mayús+Clic con el Botón Izquierdo.

Para añadir a un Degradado una nueva Parada intermedia, se puede hacer un doble

clic sobre un punto del trazo del Degradado que une sus dos tiradores. Entonces

aparecerá una nueva Parada en el punto donde se ha hecho el doble clic. La nueva

Parada tendrá el color existente en ese punto del trazo.

Para eliminar una Parada intermedia de un Degradado se puede seleccionar la Parada

y pulsar la tecla Supr.

Para cambiar la posición de una Parada intermedia de un Degradado se puede

arrastrar la Parada. Si varias Paradas se encuentran seleccionadas, al realizar el

arrastre se moverán todas ellas a la vez. Una Parada no se puede mover más allá de

sus Paradas contiguas.

Hay diversas maneras de revisar y modificar el estilo (color y/o transparencia) de una

o varias Paradas, aunque solo veremos una de ellas. En general, si no hay ninguna

Parada seleccionada, los indicadores de color y los cambios que se realicen afectarán a

todo el objeto seleccionado. Si solo una Parada está seleccionada, los indicadores y

cambios afectan únicamente a esa Parada. Y si se encuentran seleccionadas varias

Paradas, los indicadores de color muestran los valores medios de las Paradas

seleccionadas, y los cambios que realicemos afectarán a todas ellas. Podemos cambiar

el estilo de una Parada utilizando el cuadro de diálogo Relleno y borde los cambios que

realicemos afectarán a todas las Paradas seleccionadas.

Ajustar Degradados

Después de haber añadido y editado un Degradado a un objeto, se puede modificar la

orientación y extensión del Degradado arrastrando de las Paradas de los extremos del

Degradado que están representadas mediante los tiradores en forma de cuadrado y de

círculo. En el caso de Degradados lineales, los dos tiradores permiten definir la

extensión del Degradado. El Degradado se extiende paralelo a la recta que conecta

Inkscape TIC (1º Bachillerato)

Página 10

ambos tiradores. En el caso de Degradados radiales, hay dos tiradores circulares

externos en los extremos dos líneas que forman un ángulo recto, y que se unen en un

tirador central en forma de cuadrado. Este tirador central controla el origen del

Degradado radial, mientras que los dos tiradores circulares externos controlan la

extensión del Degradado en dos direcciones perpendiculares. Esto nos permite dar una

forma elíptica a un Degradado radial.

Ejemplos de Degradados lineal y radial con sus tiradores después de haber ajustado la orientación y extensión de los Degradados.

Podemos conseguir que un Degradado radial tenga un aspecto asimétrico arrastrando

del tirador central (cuadrado) mientras mantenemos pulsada la tecla Mayús. Entonces

aparece un tirador en forma de aspa. Este tirador determina la posición del centro del

Degradado. Podemos arrastrar este tirador para ajustar la posición del centro del

Degradado radial.

Ejemplos de un Degradado radial simétrico (izquierda) y otro asimétrico (derecha).

Si cuando se crea un Degradado, se encuentran seleccionados varios objetos, todos

ellos compartirán el mismo Degradado.

Los ocho objetos de la figura comparten el mismo Degradado.

Una opción de los Degradados, a la que solo se puede acceder a través de las fichas de

los Degradados del cuadro de diálogo Relleno y borde, permite definir la forma de

colorear la zona del objeto que puede quedar más allá de los extremos del Degradado.

Esta opción aparece en esas fichas como el menú desplegable Repetir. Las tres formas

posibles de coloreado que ofrece este menú son las siguientes: ninguno, las zonas

fuera del Degradado se rellenan con el color uniforme de las Paradas de los extremos

Inkscape TIC (1º Bachillerato)

Página 11

del Degradado; reflejado, dichas zonas se rellenan con un reflejo del mismo

Degradado; o directo, esas zonas se rellenan con una traslación del mismo Degradado.

El efecto de cada una de estas tres opciones se muestra en la figura siguiente.

Ejemplos de un mismo Degradado lineal con las diferentes opciones de repetición. De izquierda a derecha:

ninguno, reflejado y directo.

Estilo de Trazo Además del Color de trazo, el Borde de un objeto tiene otros atributos como la anchura

del trazo, el estilo de Unión, el estilo de Punta, el estilo continuo o discontinuo, y los

Marcadores. Podemos definir todos estos atributos en la ficha Estilo de trazo del cuadro

de diálogo Relleno y borde. La anchura del trazo también se puede especificar

utilizando el Indicador de Estilo.

Ficha Estilo de trazo.

Anchura del Trazo

La anchura del trazo se puede cambiar mediante la casilla de entrada Ancho de trazo

situada en la ficha Estilo de trazo del cuadro de diálogo Relleno y borde. Las unidades

de la anchura se pueden elegir en el menú desplegable de la derecha. También

Inkscape TIC (1º Bachillerato)

Página 12

podemos cambiar la anchura del trazo utilizando el menú desplegable del Indicador de

Estilo que aparece si hacemos un Clic con el Botón Derecho sobre el valor de la

anchura del trazo situado en el Indicador de Estilo, entonces aparece un menú que nos

permite cambiar las unidades del la anchura del trazo, así como elegir el valor de la

misma entre diferentes valores predefinidos. Este menú también tiene una opción para

eliminar el trazo.

Estilo de Unión

El estilo de Unión se refiere a la forma en que dos líneas con direcciones diferentes se

unen en un punto para formar una esquina. Las opciones de este estilo son las

siguientes:

Unión en inglete.

Unión redonda.

Unión biselada.

Los diferentes estilos de Unión se muestran en la siguiente figura.

Estilos de Unión: Unión en inglete (izquierda), unión redonda (centro) y unión biselada (derecha).

Cuando se elige el estilo de unión en inglete, la longitud de la proyección de la unión

puede resultar bastante larga si las dos líneas se unen formando un ángulo pequeño.

En estos casos, puede ser mejor aplicar el estilo de unión biselada. Con el parámetro

Límite de inglete se puede controlar la longitud máxima del inglete, de forma que si la

unión supera este límite, el estilo inglete se convierte automáticamente en estilo

biselado.

Estilo de Punta

El estilo de Punta se refiere a la forma en que se dibuja el extremo de una línea en un

objeto abierto o con guiones. Las opciones disponibles para este estilo son:

Punta embutida.

Punta redonda.

Punta cuadrada.

La forma de los diferentes estilos de Punta se muestran en la siguiente figura.

Inkscape TIC (1º Bachillerato)

Página 13

Estilos de Punta: Punta embutida (izquierda), punta redonda (centro) y punta cuadrada (derecha).

Guiones

Una amplia variedad de patrones de líneas discontinuas están disponibles en el menú

desplegable Guiones que está en la ficha Estilo de trazo del cuadro de diálogo Relleno y

borde. El tamaño de estos patrones se adapta a la anchura del trazo.

Cada uno de los guiones que forman estos patrones toma el estilo de Punta elegido,

como muestra la figura siguiente.

Un trazo recto con el mismo patrón de línea discontinua, pero con diferentes estilos de Punta: Punta

embutida (izquierda), punta redonda (centro) y punta cuadrada (derecha).

La casilla de entrada numérica situada junto al menú desplegable es para especificar el

desplazamiento del patrón de la línea discontinua a lo largo del trazo correspondiente.

Marcadores

Los Marcadores son objetos, como puntas de flechas, que se pueden colocar a lo largo

de un trazo. Es posible poner Marcadores diferentes en el punto inicial, en los puntos

intermedios y en el punto final de un trazo. Los Marcadores intermedios se sitúan en

las posiciones de cada uno de los nodos intermedios del trazo.

Ejemplos de Marcadores. De arriba a abajo: Flecha inicial al comienzo de una línea. Flecha inicial al final de una línea. Flecha inicial en medio de una línea (previamente se ha añadido un nodo a la línea). Tijeras en los nodos intermedios. Tijeras colocadas en los nodos intermedios, con el sentido del trazo invertido.

Para colocar los Marcadores intermedios a lo largo de un trazo de forma que queden

distribuidos de manera uniforme, es necesario que los propios nodos del trazo estén

repartidos uniformemente.

Inkscape TIC (1º Bachillerato)

Página 14

Trazos Complejos

Es posible crear un trazo complejo superponiendo dos o más trazos con diferentes

atributos. La forma más fácil de hacer copias exactas de un mismo trazo es aplicar el

comando Edición → Duplicar.

Ejemplos de trazos complejos. De arriba a abajo: Carretera: está formada por un trazo rojo de 5 píxeles de

anchura sobre un trazo negro de 10 píxeles de anchura. Carretera dividida: está formada por un trazo negro discontinuo de 2 píxeles de anchura sobre un trazo rojo de 8 píxeles de anchura, sobre un trazo

negro de 12 píxeles de anchura. Vía férrea: está formada por un trazo discontinuo de 7 píxeles de anchura con un patrón de guiones (1.75, 1.75) sobre un trazo continuo de 2 píxeles de anchura. Frontera: está

formada por un trazo discontinuo de 8 píxeles de anchura con un patrón de guiones (2, 8) y un desplazamiento de 7 píxeles sobre trazo discontinuo de 2 píxeles de anchura con un patrón de guiones (8,

2). Para los dos últimos hay que usar el Editor XML para definirlos.

Texto

Inkscape dispone de un sistema desarrollado para crear y manipular textos. Las

cadenas de texto creadas con Inkscape pueden incluir subcadenas de texto en negrita

o cursiva, así como variaciones en el tamaño y en el tipo de letra. El texto puede

quedar alineado a la derecha y/o a la izquierda, y también puede tener orientación

horizontal o vertical. Es posible modificar el interletraje de los caracteres individuales.

Además se puede colocar el texto sobre un trazo cualquiera, o introducirlo en el

interior de un trazo cerrado con forma arbitraria.

En Inkscape hay tres clases de objetos de texto. La primera es el llamado texto

normal. La segunda es el texto fluido, que es un objeto de texto que incluye un marco

rectangular. Y la tercera clase es el denominado texto fluido-enlazado. Este es un

objeto de texto en el que el texto fluye asociado a un trazo o a un objeto con cualquier

forma. Cuando se selecciona un objeto de texto, en la Zona de Información se indica la

clase del texto seleccionado.

Crear Texto En Inkscape los textos se crean mediante la Herramienta Texto de la Caja de

Herramientas. Un objeto de texto no se crea haciendo simplemente clic sobre la

pizarra con la Herramienta Texto, además hay que escribir por lo menos un carácter.

Hay dos formas de añadir texto en un dibujo de Inkscape. Con el primer método se

introduce el llamado texto normal. En este caso, a la vez que añadimos el texto

Inkscape TIC (1º Bachillerato)

Página 15

mediante el teclado, la caja del texto va aumentando de tamaño para contener el texto

introducido. Los saltos de línea del texto deben añadirse manualmente.

Con el segundo método se introduce el denominado texto fluido. En este caso el texto

se añade dentro de una caja de texto rectangular previamente creada. Los saltos de

línea del texto se crean automáticamente. El objeto de texto fluido incluye tanto el

texto introducido, como la caja que lo contiene, y por lo tanto ambos se mueven y

transforman de forma conjunta.

Si se hace clic con la Herramienta Texto sobre un objeto de texto ya existente en el

dibujo, dicho objeto queda seleccionado y el cursor se sitúa entre las dos letras más

cercanas al punto donde se ha hecho clic, entonces ya podemos modificar ese texto.

Cuando un objeto de texto se encuentra seleccionado, aparece un pequeño cuadradito

en el extremo izquierdo de la línea base de la primera línea del texto. Este cuadradito

es el ancla de la línea base, que se utiliza como referencia para ajustes y alineamientos

del texto.

Añadir Texto Normal

Para añadir texto normal en un documento de Inkscape, hay que hacer clic con la

Herramienta Texto en el punto de la pizarra donde se quiere que comience el texto.

Entonces Inkscape pasa al modo de funcionamiento de introducción de texto, lo que se

indica por la aparición de un cursor (en forma de barra vertical intermitente) cuya

posición señala el lugar donde empezará el texto que vamos a añadir. Para introducir

el texto, solo hay que comenzar a teclearlo. El texto añadido puede aparecer en varias

líneas introduciendo manualmente los saltos de línea correspondientes. La caja que

contiene el texto irá aumentando de tamaño conforme vayamos añadiendo texto.

Añadir Texto Fluido

Para añadir texto fluido, hay que hacer clic y arrastrar el cursor sobre la pizarra con la

Herramienta Texto para crear un caja rectangular azul que va a contener el texto que

vamos a introducir. Después de dibujar esta caja, se puede comenzar a añadir el texto

mediante el teclado. Cuando el texto alcanza el lado derecho de la caja, el salto de

línea se realiza automáticamente. Si el texto rellena la caja por completo podemos

seguir añadiendo texto, pero este no aparecerá visible. En ese caso, el rectángulo de la

caja cambiará a color rojo para indicar que no se está mostrando todo el texto

introducido. Podemos aumentar el tamaño de la caja o variar las proporciones de la

misma, arrastrando del tirador situado en la esquina inferior derecha de la caja con la

Herramienta Texto. Si se mantiene pulsada la tecla Ctrl mientras se realiza el

Inkscape TIC (1º Bachillerato)

Página 16

movimiento de arrastre, el cambio de tamaño de la caja se limita a la dirección

horizontal o vertical. La caja y el texto se pueden mover conjuntamente.

Seleccionar Texto Para editar y aplicar atributos a un texto ya introducido, primero es necesario situar el

cursor en la posición adecuada y seleccionar el texto que queremos editar. Para ello,

Inkscape dispone de múltiples métodos que funcionan cuando la Herramienta Texto

está activada, a continuación se incluyen algunos de los más habituales:

Mover el cursor de texto:

- Clic con el Botón Izquierdo: El cursor de texto se sitúa en el punto donde se ha

hecho clic.

- Flechas: Con cada pulsación de una de estas teclas, el cursor de texto se

mueve un carácter hacia atrás/delante, o sube/baja una línea de texto.

- Ctrl+Flechas Izquierda/Derecha: Con esta combinación de teclas, el cursor de

texto se mueve una palabra hacia atrás/delante.

- Inicio: El cursor de texto salta al comienzo de la línea.

- Fin: El cursor de texto salta al final de la línea.

- Ctrl+Inicio: El cursor salta hasta el comienzo del texto.

- Ctrl+Fin: El cursor salta hasta el final del texto.

Seleccionar texto:

- Arrastre con el Botón Izquierdo: Se selecciona el texto cubierto con el

movimiento de arrastre.

- Doble Clic con el Botón Izquierdo: Se selecciona la palabra sobre la que se hace

el doble clic.

- Triple Clic con el Botón Izquierdo: Se selecciona toda la línea sobre la que se

hace el triple clic.

- Mayús+Flechas Izquierda/Derecha: En un texto ya seleccionado, se amplía o

se reduce la selección por uno de sus extremos en un carácter por cada

pulsación.

Inkscape TIC (1º Bachillerato)

Página 17

- Mayús+Ctrl+Flechas Izquierda/Derecha: En un texto ya seleccionado, se

amplía o se reduce la selección por uno de sus extremos en una palabra por

cada pulsación.

- Ctrl+A: Se selecciona todo del texto del objeto de texto en el que se está

trabajando en ese momento.

Editar Texto Para editar o modificar un texto ya existente en un dibujo, hay que activar la

Herramienta Texto. Como ya se ha mencionado anteriormente, si se hace clic con

dicha herramienta sobre un texto ya existente, ese objeto de texto queda seleccionado

y se puede proceder a su edición y/o modificación. Todas las teclas utilizadas

comúnmente en la edición de texto en otros programas, también tienen las mismas

funciones en Inkscape: Retroceso, Flechas, Intro , etc. Los métodos de cortar, copiar

y pegar texto también funcionan de la misma forma. Los atajos de teclado para cortar,

copiar y pegar son los habituales.

Una forma alternativa de editar textos es utilizar la ficha Texto del cuadro de diálogo

Texto y tipografía (Texto → Texto y tipografía...). La edición de textos en esta ficha

puede resultar más cómoda, especialmente en el caso de textos largos.

Dar Formato al Texto Inkscape permite dar formato al texto contenido en los objetos de texto. En esta

sección se explican los métodos para cambiar el tipo de letra utilizado, su estilo,

tamaño, orientación, alineación, el espaciado entre líneas, palabras y letras, así como

el interletraje y la orientación de caracteres individuales. Las técnicas para especificar

el relleno del propio texto se han visto anteriormente.

Hay tres métodos de dar formato a un texto. El primero es utilizar las diferentes

opciones de los controles de la Herramienta Texto, el segundo método es usar los

atajos de teclado correspondientes, y el tercero es utilizar el cuadro de diálogo Texto y

tipografía (Texto → Texto y tipografía...), en este apartado nos centraremos en el

primero y el último.

Cuando se editan las propiedades de un texto, los cambios realizados solo tienen

efecto sobre los caracteres del texto que se encuentren seleccionados en ese

momento. Si no tenemos seleccionado ningún grupo de caracteres concreto, las

modificaciones que realicemos afectarán a todos los objetos de texto que estén

seleccionados en ese momento. Si no se encuentra seleccionado ningún objeto texto (o

Inkscape TIC (1º Bachillerato)

Página 18

se acaba de crear un objeto de texto todavía vacío), los cambios de formato que

realicemos modifican el estilo predeterminado. También podemos cambiar el estilo

predeterminado con el botón Definir como predeterminado del cuadro de diálogo Texto

y tipografía.

Familia Tipográfica

La familia tipográfica utilizada en un texto se puede cambiar mediante los controles de

la Herramienta Texto, o por medio de la ficha Tipografía del cuadro de diálogo Texto y

tipografía. En el segundo método se debe pinchar en el botón Aplicar para que el

cambio surta efecto.

Tamaño de Letra

El tamaño de letra se puede cambiar mediante la barra de los Controles de

Herramienta o el cuadro de diálogo Texto y tipografía. En ambos casos, podemos elegir

el tamaño de letra (expresado en píxeles) en un menú desplegable. Para especificar un

tamaño que no esté incluido en el menú, sólo hay que teclear el tamaño en la cabecera

del menú. Para que los cambios de tamaño realizados tengan efecto, hay que

seleccionar el valor adecuado o pulsar la tecla Intro en caso de usar los Controles de

Herramienta, o hacer clic sobre el botón Aplicar en caso de utilizar el cuadro de diálogo

Texto y tipografía.

Estilo de Letra

El estándar SVG admite directamente los estilos Negrita y Cursiva/Oblicua. Podemos

activar y desactivar estos estilos (si la familia tipográfica seleccionada dispone de ellos)

haciendo clic sobre los correspondientes botones de la barra de Controles de

Herramienta.

Una familia tipográfica puede disponer de otros estilos adicionales (por ejemplo, semi-

negrita, narrow, blod oblique). Todos los estilos disponibles de una determinada

tipografía se pueden elegir en la sección Estilo de la ficha Tipografía del cuadro de

diálogo Texto y tipografía.

(Nota: Por lo general, una letra en estilo oblicuo no es más que una letra en estilo

normal que ha sido inclinada. En una familia tipográfica que dispone de un verdadero

estilo cursiva, cada carácter tiene al menos dos versiones con distintos diseños).

Alineación

Podemos alinear un texto haciendo clic sobre el icono adecuado en la barra de

Controles de Herramienta o en el cuadro de diálogo Texto y tipografía. Si se utiliza este

Inkscape TIC (1º Bachillerato)

Página 19

cuadro de diálogo, para que la alineación seleccionada tenga efecto en el dibujo, hay

que hacer clic sobre el botón Aplicar.

Las opciones de alineación son: alineación a la izquierda, texto centrado, alineación a

la derecha y texto justificado, es decir, alineado a la vez a derecha e izquierda (solo el

texto fluido se puede justificar)

Superíndices y Subíndices

Se pueden crear superíndices y subíndices seleccionando el texto deseado, y después

haciendo clic sobre el icono correspondiente en la barra de Controles de Herramienta.

El texto seleccionado sufrirá un desplazamiento hacia arriba o abajo, y disminuirá de

tamaño. Para eliminar el estilo de superíndice o subíndice de un texto, no hay más que

seleccionarlo y después hacer clic sobre los mismos iconos.

Espaciado entre Líneas

El espaciado entre líneas afecta globalmente a todo el objeto de texto. Se puede

modificar por medio de los recuadros de entrada Espaciado de líneas de la barra de

Controles de Herramienta, y del cuadro de diálogo Texto y tipografía.

Espaciado entre Palabras

El espaciado entre palabras se puede modificar por medio de un recuadro de entrada

situado en la barra de Controles de Herramienta. Si tenemos seleccionada alguna

porción de texto, los cambios que realicemos en el espaciado entre palabras afectarán

solo al texto seleccionado. En caso contrario, los cambios afectarán a todo el objeto de

texto que esté seleccionado en ese momento.

Espaciado entre Letras

El espaciado entre letras se puede cambiar mediante un recuadro de entrada situado

en la barra de Controles de Herramienta. Si se encuentra seleccionada alguna porción

de texto, los cambios en el espaciado entre letras afectarán solo al texto seleccionado.

En caso contrario, los cambios afectarán a todo el objeto de texto que esté

seleccionado en ese momento.

Interletraje, Desplazamiento y Rotación de Caracteres

En un texto normal (pero no en un texto fluido), los caracteres individuales dentro de

una línea se pueden desplazar horizontalmente hacia la izquierda o derecha para

cambiar su interletraje. También se pueden desplazar verticalmente hacia arriba o

abajo, o incluso girar.

Inkscape TIC (1º Bachillerato)

Página 20

Todas las modificaciones manuales realizadas en el interletraje, en la posición vertical

y en la orientación de caracteres individuales se pueden eliminar aplicando el comando

Texto → Eliminar todos los interletrajes manuales.

La modificación del interletraje y el desplazamiento vertical de caracteres individuales

funcionan de la misma forma. Si no hay caracteres seleccionados, su aplicación

afectará a los caracteres que estén en la misma línea de texto situados después del

cursor. Si tenemos seleccionados algunos caracteres, los comandos afectarán

solamente a esos caracteres. Podemos aplicar los desplazamientos de caracteres

individuales mediante la barra de los Controles de Herramienta.

En la rotación, si no hay caracteres seleccionados, la aplicación de un cambio afectará

solamente al carácter situado después del cursor. Si hemos seleccionado varios

caracteres en el texto, los cambios afectarán solo a los caracteres que estén

seleccionados. Podemos aplicar las rotaciones de caracteres mediante la barra de los

Controles de Herramienta

Orientación

Podemos especificar la orientación de un texto haciendo clic sobre uno de los

correspondientes iconos para texto horizontal o texto vertical de la barra de Controles

de Herramienta.

Texto sobre un Trazo En Inkscape podemos colocar un texto a lo largo de un trazo de manera que el texto

sigue la forma del trazo.

Para colocar un texto sobre un trazo, primero hay que introducir el texto como objeto

de texto normal o fluido, y después dibujar el trazo deseado. A continuación, hay que

seleccionar tanto el texto como el trazo, y después aplicar el comando Texto → Poner

en trayecto. Entonces el texto aparecerá distribuido a lo largo del trazo. Hay que tener

en cuenta que todas las Formas regulares, excepto los Rectángulos, están descritas

internamente en Inkscape como trazos, y por lo tanto, no es necesario convertirlas

previamente en un trazo para aplicarles este comando. Para los rectángulos es

necesario convertirlos en trayectos mediante el comando Trayecto → Objeto a trayecto.

Tanto el texto como el trazo se pueden editar en su propio sitio. El texto se ajustará

siguiendo cualquier cambio que realicemos sobre el trazo.

Si seleccionamos solo el trazo, podemos hacerlo invisible eliminando su color del borde

mediante el cuadro de diálogo Relleno y borde. Para modificar un trazo que hemos

Inkscape TIC (1º Bachillerato)

Página 21

hecho invisible, primero tenemos que seleccionarlo, para ello primero hay que

seleccionar el texto asociado, y luego aplicar el comando Edición → Clonar →

Seleccionar original.

Para retirar un texto de un trazo, primero hay que seleccionar el texto, y luego aplicar

el comando Texto → Retirar del trayecto.

En un texto colocado sobre un trazo podemos seleccionar partes del mismo y modificar

su estilo, su interletraje y sus demás atributos igual que en el caso de un texto normal.

Se puede desplazar la posición del principio del texto situando primero el cursor de

texto al principio del mismo, y después cambiando el interletraje horizontal.

El texto también se puede desplazar de forma independiente del trazo, seleccionando

solo el texto, y utilizando los métodos normales para mover objetos.

Cuando se coloca un texto sobre un trazo, inicialmente el texto se sitúa en uno de los

lados del trazo. En concreto el texto comienza por el extremo del trazo por donde se

empezó a dibujar el mismo. Podemos cambiar el sentido del texto (y el lado en el que

está colocado) mediante la inversión del sentido del trazo, aplicándole el comando

Trayecto → Revertir. Si antes de colocar un texto sobre un trazo la alineación del texto

era centrada, al colocarlo sobre el trazo, el texto aparecerá centrado respecto al propio

trazo.

Ejemplo de texto en trazado:

Para colocar un texto sobre una circunferencia de manera que se pueda leer de

izquierda a derecha tanto en la parte superior de la circunferencia como en la inferior,

hay que utilizar dos circunferencias como se muestra en la figura izquierda. A la

circunferencia más grande se le ha aplicado una reflexión horizontal (Objeto → Reflejo

Horizontal) para colocar el texto dentro de la circunferencia y que empiece por la

izquierda. La circunferencia más pequeña se girado 180 grados. (Cuando se dibuja una

circunferencia, inicialmente su trazo comienza por el punto situado más a la derecha.

Así que hay que girar o reflejar la circunferencia para desplazar el punto inicial del

trazo hasta la izquierda). Después se ha eliminado la mitad de cada una de las

Inkscape TIC (1º Bachillerato)

Página 22

circunferencias, y antes de colocar el texto sobre cada media circunferencia, se ha

aplicado a cada texto una alineación centrada. Así, al colocar cada uno de los textos,

estos han aparecido automáticamente centrados en cada trazo. Hay que indicar que

puede ser necesario modificar el interletraje de los textos, ya que los caracteres del

texto situado en el lado convexo de la curva pueden quedar demasiado alejados entre

sí, mientras que los caracteres del texto colocado en el lado cóncavo de la curva

pueden quedar demasiado juntos.

Texto dentro de una Forma Con Inkscape se puede colocar texto dentro de una forma cualquiera estableciendo un

enlace entre un objeto de texto y una forma o un trazo.

Ejemplo de texto fluido colocado dentro de un trazo con la forma de una antigua moneda china. El trazo

está formado por la circunferencia exterior y el cuadrado interior.

Para crear un objeto de texto fluido-enlazado, primero hay que seleccionar un objeto

de texto y uno o más objetos de forma o trazos. Después hay que aplicar el comando

Texto→ Fluir en el marco. Si se seleccionan varios objetos de forma o trazos, el texto

empezará a “fluir” dentro del último objeto que fue seleccionado.

El texto fluido se puede editar una vez colocado, incluso se puede seleccionar parte del

texto y cambiar su estilo o el espaciado entre letras o entre líneas. Para seleccionar

todo el texto, hay que aplicar el comando Edición → Seleccionar todo, mientras el

objeto de texto está seleccionado con la Herramienta Texto.

Si el texto fluido se encuentra seleccionado, al aplicar el comando Edición → Clonar →

Seleccionar original pasará a quedar seleccionado el primer objeto de forma o trazo

(esto puede resultar especialmente útil si hemos hecho el trazo invisible), si después

Inkscape TIC (1º Bachillerato)

Página 23

se pulsa repetidamente la tecla Tabulador, la selección cambiará rotando uno a uno

tanto por el resto de objetos de forma o trazos, como por el propio texto que

componen el conjunto del objeto de texto fluido-enlazado.

El texto fluido se puede convertir de nuevo en un objeto de texto normal aplicando el

comando Texto → Deshacer flujo. El texto resultante aparecerá en una sola línea.

La aplicación del comando Texto → Convertir a texto a un texto fluido-enlazado, lo

convierte en un objeto de texto normal, pero respetando el aspecto y la forma que el

texto ha adoptado al colocarlo dentro del marco de una forma o trazo. El texto así

transformado se puede seguir editando y ampliando normalmente, aunque ya no

“fluirá” dentro del marco de la forma o trazo.