2

C U R VA S D E B É Z I E R

1
2
 · ÍNDICE

LA HERRAMIENTA CURVA DE BÉZIER 5

LINEAS RECTAS Y FIGURAS IRREGULARES 5
FORMA SIMPLE DE CREAR CURVAS 7
Convertir rectas en curvas 7
COMO SE SUELEN HACER LAS ILUSTRACIONES EN INKSCAPE 8
TRAZAR CURVAS DE BÉZIER DE FORMA DIRECTA 9
CURVAS FUERA DE LA CURVA SUGERIDA 10
REPARAR UNA CURVA NO ENLAZADA POR ERROR 11
REFLEXIÓN SOBRE EL NÚMERO DE NODOS 11
APRENDIZAJE CON FIGURAS SIMPLES 12
AJUSTES CON EL SELECTOR DE NODOS Y SU BARRA DE CONTROL 12
MOVER NODO 13
AÑADIR Y ELIMINAR NODOS 13
UNIR NODOS Y ROMPER UN TRAYECTO 14
CONVERTIR CURVAS EN RECTAS Y RECTAS EN CURVAS 14
LOS TIRADORES Y TIPOS DE TIRADORES 14
Tipos de Tiradores 15
CONVERTIR EN CURVAS INDEPENDIENTES 15
CONVERTIR EN CURVAS SUAVES 16
CONVERTIR EN CURVAS DE TIRADORES SIMÉTRICOS 16
AUTOSUAVIZAR LAS CURVAS DE LOS NODOS SELECCIONADOS 17
DETENER Y RETOMAR UN TRAZADO 17
TRABAJO FINAL 17
EXPORTAR COMO IMAGEN PNG 19

EN EL PRÓXIMO CAPÍTULO: EL COLOR AVANZADO Y LOS COLORES DEGRADADO

3
4
 Curso de Ilustración con Inkscape cap. 2

LA HERRAMIENTA CURVA DE BÉZIER

En Inkscape la Herramienta Curva de Bézier es la más importante ya que la
mayor parte de una ilustración se realiza con esta herramienta.

También es conocida como herramienta de Bézier o como herramienta

“PLUMA”, con ella y mediante curvas suaves, se van creando los distintos
elementos de una imagen.

IMPORTANTE: Ahora comenzaremos a ver como se trazan curvas de Bézier, pero

antes es muy recomendable Desactivar la “BARRA DE CONTROLES Y AJUSTES”:
si no se desactiva tendremos mucha
dificultad en trabajar sin que el
cursor se pegue a otros objetos como
si estuviera “imantado”.
Para desconectarla, basta con pulsar
sobre el primer icono de la barra,
cuando el icono no tiene un fondo
sombreado, significa que todos los ajustes de esta barra están desactivados.

En el capítulo anterior ya vimos como crear rectas y como convertirlas en

curvas, pero de todas maneras haremos un repaso rápido.

LINEAS RECTAS Y FIGURAS IRREGULARES

Para crear “Rectas”, seleccionamos la herramienta “Bézier” y
hacemos lo siguiente:

5
- Clic con el botón izquierdo y soltamos
- movemos el ratón hacia lo que sería el otro extremo del segmento, y
hacemos un nuevo clic con el botón izquierdo, para definir el fin del primer
segmento.
- Un último clic con el “Botón derecho del ratón”, dará por acabado el
proceso.

Para que nos salgan rectas perfectamente horizontales o verticales,

deberemos pulsar la tecla “Ctrl”, después del primer clic.

Si sigues haciendo clics, verás que con cada nuevo clic, se traza un nuevo
segmento.
Cuando se hace coincidir el último tramo con el punto de origen, se
consigue crear figuras irregulares cerradas.

Observa que al posar el cursor justo encima del punto de origen, el nodo se
vuelve de color rojo, esto quiere decir que te has colocado justo encima del
extremo, y este sería el momento de hacer el último clic para cerrar la
figura.

6
FORMA SIMPLE DE CREAR CURVAS
Convertir rectas en curvas
Enseguida veremos como los ilustradores con experiencia utilizan la
herramienta de Bézier, pero existe un método simple de hacer curvas que si
bien no es el más adecuado, sacará de apuros a todos aquellos que crean
curvas solo muy esporádicamente y por lo tanto no llegan a tomar toda la
práctica que la herramienta requiere.
Por todo esto creo que se debe conocer este método que ya se vio en el
capítulo anterior.

Toma la herramienta de “Selector de Nodos” y haz clic, y tira de uno de los

lados rectos.
Verás como el segmento se curva.

clic

Al mismo tiempo aparecerán unos “Tiradores de curva”, que podrás mover

para cambiar el aspecto de dicha curva.

Puedes pulsar en los extremos de la curva para desplegar los Tiradores, y

así editarla convenientemente.
clic

De momento, este método será suficiente para conseguir diseños con líneas
curvas de una forma indirecta.

7
7
COMO SE SUELEN HACER LAS ILUSTRACIONES EN INKSCAPE
Crear curvas con precisión y soltura requiere cierta práctica, pero aunque
nuestros primeros trabajos tengan muchas imperfecciones, Inkscape
cuenta con funciones para corregirlas fácilmente.

Normalmente los ilustradores suelen hacer un boceto a lápiz, más o

menos acabado, dependiendo del gusto de cada uno.

Ese boceto se escanea y se coloca en la página.

Ahora con la herramienta “Curva de Bézier” se va trazando sobre este
boceto, creando trazos formas y colores.

8
IMPORTANTE: Desactiva la “BARRA DE CONTROLES Y AJUSTES”, si no se desactiva
tendremos mucha dificultad en trabajar sin
que el cursor se pegue a otros objetos como si
estuviera “imantado”.
Para desconectarla, basta con pulsar sobre el
primer icono de la barra, cuando el icono no
tiene un fondo sombreado, significa que todos
los ajustes de esta barra están desactivados.

TRAZAR CURVAS DE BÉZIER DE FORMA DIRECTA

Ya vimos un sistema básico de trazar curvas, pero los ilustradores con
experiencia, trazan las curvas directamente con la herramienta de Bézier,
con lo que consiguen mayor rapidez.
Veamos como trazar curvas mediante la herramienta de Bézier.

1- clic con el botón izquierdo y

soltamos, luego nos dirigimos a lo
que sería el otro extremo de la
curva. clic

2- nuevo clic sin soltar y

arrastramos, entonces verás que se
puede definir una curva y que según
clic sin soltar
se arrastre hacia un lado u otro, la y arrastrar
curva tomará una u otra dirección.
clic

3- al soltar el ratón, se nos muestra

una curva sugerida con dos
direcciones posibles, según se
mueva el ratón hacia un lado u otro;
cuando estemos conformes con la
extensión de la curva sugerida, se
hace un clic para crearla. curva sugerida
a un lado y a otro

4- en esta ocasión no hay una curva

sugerida sino una recta como la que
vimos en un principio, esto sucede
por que se hizo un clic sin arrastre.
Haz un nuevo clic sin soltar y
arrastramos, entonces verás que se
puede definir una curva.

9
5- Se repite esta operación las veces
necesarias hasta terminar la figura.

CURVAS FUERA DE LA CURVA SUGERIDA

En el caso anterior los distintos tramos curvos se suceden enlazándose
suavemente unos a otros, pero que hacer si el siguiente trazo no se adapta
a la curva sugerida.

curvas DESEADA

s
rida
ssuge
curva

En estos casos hay que introducir una variación para conseguir realizar el
siguiente trayecto. Para conseguirlo hay que:

- Pulsa el botón derecho del ratón para

interrumpir el trazado.

- Seguidamente reanudamos el proceso posando

la herramienta encima del último nodo creado
hasta que este se torne de color rojo, esto nos
indica que estamos justo encima del nodo, y este
sería el momento de hacer clic para reanudar el trazado de la curva.

- Ya no hay curva sugerida, así

que se le puede dar a la curva la
forma deseada.

Con este método ya se puede trazar

cualquier tipo de imagen
satisfactoriamente.

10
REPARAR UNA CURVA NO ENLAZADA POR ERROR
Imaginemos que estamos creando una curva compleja y en un momento
dado un tramo de curva no se enlazó correctamente con el resto de la
figura, ¿cómo se podría reparar?...
Para solucionar este problema:

- se seleccionan los dos tramos con la herramienta de Selección

- con el selector de nodos se seleccionan los “Nodos” que queremos unir
- pulsamos el icono “Unir nodos”.
- repetimos la operación en el otro extremo y así quedará la figura
correctamente cerrada.

REFLEXIÓN SOBRE EL NÚMERO DE NODOS

Digamos que como norma general, hay imágenes como la de abajo, con un
gran número de tramos donde no importa que nos excedamos en el número
de nodos, y tampoco se notarán mucho las imprecisiones.

11
Pero hay otras imágenes, cuyo ejemplo más representativo, son los
“Logotipos”, donde si nos interesa tener el mínimo número de nodos.

APRENDIZAJE CON FIGURAS SIMPLES

Enseguida veremos como manipular y perfeccionar el trazado de curvas,
pero antes de seguir recomendamos el siguiente ejercicio para poner en
práctica lo visto hasta ahora.

Abre el documento “Prácticas 2-1"y traza curvas siguiendo el contorno de

las figuras. No te importe que no te salga perfecto ya que a continuación
veremos como perfeccionar los trazos.

AJUSTES CON EL SELECTOR DE NODOS Y SU BARRA DE CONTROL

La herramienta de “Selector de nodos” nos abre un abanico de opciones
que nos permitirán perfeccionar cualquier curva de forma fácil.
Al seleccionar la herramienta se abre su “Barra de control de Nodos”.
A continuación veremos las funciones más importantes.

X: 219.963 Y: 219.963 mm

12
Las opciones más importantes de esta barra son:

Ÿ mover nodo
Ÿ añadir y eliminar nodos
Ÿ cerrar y abrir figuras
Ÿ convertir una curva en recta
Ÿ convertir una recta en curva
Ÿ convertir en curvas independientes
Ÿ convertir en curvas suaves
Ÿ convertir en curvas de Tiradores simétricos
Ÿ autosuavizar las curvas de los nodos seleccionados

En los siguientes apartados se habla de modificar un Nodo, pero

deberemos entender que se puede actuar sobre varios Nodos a la vez.

MOVER NODO
Para mover un Nodo, se selecciona la
herramienta de selector de Nodos, se pulsa
sobre un nodo y sin soltar lo movemos a otra
posición.

AÑADIR Y ELIMINAR NODOS

Añadir nodos nos puede ayudar a manejar mejor una curva, para añadir un
nodo a un tramo, hay que seleccionar los dos nodos que lo delimitan y
pulsamos el icono de “Insertar nodos”.
Esto añadirá un nodo en el punto medio del tramo, si seguimos pulsando el
icono, se seguirán añadiendo más nodos a distancias equidistantes.

doble
Pero hay una forma más fácil de añadir clic
nodos; con el Selector de Nodos se hace un
“doble clic” sobre un punto del tramo, y se
añadirá un nodo “justo en ese punto”.

13
Eliminar nodos es interesante para eliminar algunos nodos que no
cumplen ninguna función. Solo hay que seleccionar los nodos y pulsar el
icono de “Suprimir nodos”.

UNIR NODOS Y ROMPER UN TRAYECTO

El icono “Unir nodos”, une dos nodos en uno lo cual es muy útil para
cerrar una figura que está abierta, o para unir dos trayectos que no
estaban unidos.
Para hacer esto último, se seleccionan al mismo tiempo los dos tramos
con la “Herramienta de selección” y ahora con el “Selector de Nodos”
seleccionamos los dos nodos que pretendemos unir y finalmente
pulsamos el icono “Unir nodos”.
“Romper un trayecto”, abre una figura cerrada. También hace que un
nodo de un trayecto se separe en dos nodos; pero esto no hace que el
trayecto se separa en dos trayectos independientes, ya que siguen
“Combinados”. Para separarlos hay que seleccionarlos e ir a
“Trayecto/Descombinar”.

CONVERTIR CURVAS EN RECTAS Y RECTAS EN CURVAS

Estos iconos convierten una curva en una recta y una recta en una
curva:

LOS TIRADORES Y TIPOS DE TIRADORES

A estas alturas ya habrás visto que cada vez que seleccionamos un Nodo,
se muestran unos “Tiradores” a un lado y a otro de este. Moviendo los
tiradores se modifican la forma de la curvas.

14
Tipos de Tiradores

Independientes: Los dos Tiradores se mueven

de forma independiente el uno del otro, por
lo tanto las curvas asociadas a el se modifican
de forma independiente.
Independientes

Suaves: Estos Tiradores están en línea uno

con respecto al otro y con respecto al Nodo,
lo que conlleva curvas suaves y sin ángulos.
Cuando movemos un Tirador el otro también
se mueve para mantenerse en línea. Pero
cuando acortamos la distancia de un Tirador
con respecto al Nodo, el otro no se modifica,
Suaves
es decir que su distancia permanece igual.

Simétricos: Estos Tiradores permanecen

siempre en línea y a la “Misma distancia, es
decir que si alargamos y acortamos la
longitud de un Tirador, le ocurrirá lo mismo
Simétricos
a al Tirador del otro extremo.

Una vez visto los distintos tipos de Tiradores, pasemos a ver los iconos
que pueden modificar el tipo de curva y sus tiradores.

CONVERTIR EN CURVAS INDEPENDIENTES

Este icono convierte cualquier tipo de curva en una curva de Tiradores
independientes.
Esta función se suele utilizar cuando por algún motivo decidimos que una
curva suave se convertirá en una curva más angulosa.
Pero en la más de las ocasiones se usa cuando se está editando una parte de
una curva, se nos estropea el otro tramo curvo que estaba correctamente
trazado.

15
Nota: En este último supuesto, y cuando terminamos de ajustar las
curvas a nuestro gusto, se suele pulsar nuevamente el icono “Suavizar
Nodos”, para asegurar la suavidad de la curva.

CONVERTIR EN INDEPENDIENTES

CONVERTIR EN CURVAS SUAVES

Como ya apuntamos en el caso anterior, este icono se utiliza para suavizar
las transiciones entre tramos curvos.

CONVERTIR EN SUAVE

CONVERTIR EN CURVAS DE TIRADORES SIMÉTRICOS

Convierte los Nodos en simétricos, pero cuidado, estos tipos de nodos hay
que saber manejarlos.

CONVERTIR EN SIMÉTRICO

Nota: No te equivoques con este icono, no basta con aplicar esta opción para que la curva se
convierta en un arco de circunferencia como el que vemos en la figura de arriba, ya que
dependiendo de la extensión de los tiradores la curva puede aparecer más puntiaguda o más
abombada.
Además los nodos adyacentes también influyen en la armonía de la curva..

16
AUTOSUAVIZAR LAS CURVAS DE LOS NODOS SELECCIONADOS
Auto suavizar los Nodos seleccionados: hace que las curvas angulosas sean
menos angulosas y y que las curvas pronunciadas sean menos pronunciadas.
Esta función no es muy usada.

AUTOSUAVIZAR

DETENER Y RETOMAR UN TRAZADO

Veamos la forma correcta de retomar la edición de un trazado:

- En primer lugar es
necesario “Seleccionar” la
figura que vamos a retomar

- En cuanto tomamos la
herramienta de Bézier, en la
figura aparecerá un pequeño r
ectángulo en cada uno de sus
extremos. Esto nos indicará que la figura está lista para ser reanudada.

- Al pasar la herramienta pluma por uno de estos extremos, este se volverá

de color rojo, esto quiere decir que estamos justo encima de él, y es el
momento de hacer un nuevo clic para volver a retomar la edición.

TRABAJO FINAL
Ya está explicado todo lo que hay que saber sobre el trazo de curvas de
Bézier. Recuerda que en la mayoría de ilustraciones no hace falta alcanzar
la perfección en el trazo, ya que esta perfección está reservada para los
logotipos y para algunas imágenes especiales.

17
Aquí te proponemos estos dos últimos ejercicios, “Prácticas 2-2 y
Prácticas 2-3", para poner en práctica lo visto hasta ahora.

18
EXPORTAR COMO IMAGEN PNG
La exportación como PNG se verá con más profundidad durante el curso,
pero por su importancia lo trataremos en este capítulo de forma muy
resumida.
Inkscape tiene dos formatos principales de imágenes, uno es el SVG, que es
el formato nativo de Inkscape, y es el ideal para impresión y para los
procesadores de texto, entre otros.
El otro formato principal es el PNG,
que es similar a los JPG, pero con
algunas ventajas con respecto a
este.

Vamos a Archivo/Exportar imagen

PNG, o pulsamos sobre el icono del
mismo nombre.

Esto abrirá el panel de exportación

como PNG que contiene cuatro
pestañas de las cuales vamos a ver
las dos primeras que son las más
importantes: “Página y Dibujo”.

Como su propio nombre indica la primera pestaña creará una imagen

tomando toda la página como parte de la imagen.

19
Es importante saber que las imágenes PNG pueden ser de “Fondo
transparente”, lo cual es una gran ventaja, es decir que todo lo que no
tenga color se convertirá en transparente. Por esto es conveniente que
todo aquello que no queremos que sea transparente, deberemos darle un
color blanco o cualquier otro color.

Por ejemplo si se quiere que esta imagen tenga un color de fondo blanco, se
le puede añadir un rectángulo de color blanco y mandarlo al fondo de la
imagen mediante el icono: “Bajar la selección al fondo”.

Supongamos que queremos crear un PNG solamente de la imagen,

entonces debemos seleccionar la pestaña “Dibujo”.

Si es una imagen para internet o

para visualizarla en el ordenador,
le damos el tamaño en el apartado
“Tamaño de imagen”.

El tamaño que se ponga aquí en

píxales es el tamaño real que tendrá
la imagen.

20
Si la imagen es para impresión, es algo más difícil, más arriba hay otros
apartados de “Ancho, Alto y
Unidades”, hay que elegir la unidad
de medida y luego el tamaño de la
imagen, por ejemplo 210 por 297
mm y por último en el apartado
“Pixeles a:” se pone 300 ppp (300
puntos por pulgada).

Para generar el PNG, nos quedan dos pasos:

- Exportar como
- y Exportar

En el primer botón (Exportar como) se le dice el nombre y la ubicación

donde se creará el PNG

Pulsando el botón “Exportar”, se generará el PNG.

Ya tenemos la imagen PNG generada, pero no cometamos el error de

deshacernos de el archivo SVG, ya que este es el único que es editable,
modificable y el que nos permitirá crear nuevos PNG con tamaños y
resoluciones distintas.

Con esto damos por finalizada esta lección, en el próximo capítulo veremos
“El color Avanzado y los colores Degradados”.

21
22
23
A U TO R : R A FA E L A L C A R A Z G A R R I D O

ILUSTRACIÓN FÁCIL CON INKSCAPE

Video Tutoriales 2.0
24