21
I.E.S. Albal Profesor: Vicente Destruels Moreno Las rutas Índice de contenido Las rutas ...............................................................................................................................................1 Crear rutas............................................................................................................................................ 2 Dibujar con rutas.................................................................................................................................. 6 Editar rutas............................................................................................................................................9 Convertir una ruta en una selección .................................................................................................. 14 Convertir una selección en una ruta................................................................................................... 16 Importar y exportar rutas ................................................................................................................... 19 Las rutas Las rutas son líneas con puntos de control que permiten modificaciones, es decir, tienen la adaptabilidad de las curvas vectoriales. Ya las vimos en el capitulo de selecciones, si bien allí las usábamos para seleccionar partes de una imagen. Desde una ruta podemos hacer selecciones, trazar la ruta con las diferentes herramientas de dibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones o guardarlas para ser recuperadas en otras imágenes distintas. GIMP trabaja con imágenes de píxeles y ademas con estas curvas vectoriales a las que en GIMP denomina rutas. Podemos acceder a las rutas desde la Caja de herramientas seleccionando la herramienta Rutas. Las Rutas Página 1 de 21 Creación de rutas Formas de modificar la ruta

Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

  • Upload
    others

  • View
    3

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

Las rutas

Índice de contenidoLas rutas ...............................................................................................................................................1Crear rutas............................................................................................................................................2Dibujar con rutas..................................................................................................................................6Editar rutas............................................................................................................................................9Convertir una ruta en una selección ..................................................................................................14Convertir una selección en una ruta...................................................................................................16Importar y exportar rutas ...................................................................................................................19

Las rutas

Las rutas son líneas con puntos de control que permiten modificaciones, es decir, tienen la

adaptabilidad de las curvas vectoriales. Ya las vimos en el capitulo de selecciones, si bien allí las

usábamos para seleccionar partes de una imagen.

Desde una ruta podemos hacer selecciones, trazar la ruta con las diferentes herramientas de

dibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo

editables para realizar modificaciones o guardarlas para ser recuperadas en otras imágenes distintas.

GIMP trabaja con imágenes de píxeles y ademas con

estas curvas vectoriales a las que en GIMP denomina rutas.

Podemos acceder a las rutas desde la Caja de

herramientas seleccionando la herramienta Rutas.

Las Rutas Página 1 de 21

Creación de rutas

Formas de modificar la ruta

Page 2: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

Una vez seleccionada, y para poder ver las rutas que creemos, debemos seleccionar la

pestaña Rutas de la Ventana Capas, Canales, Rutas, Deshacer...

Cada una de las rutas que creemos se sitúa en una capa y se van guardando en las Capas de

ruta. Cuando necesitemos una ruta podemos acceder a ella para utilizarla en cualquiera de las capas

de imagen de las que se compone nuestra imagen.

Crear rutasUna ruta es una curva Bézier que puede ser editada para adaptarse al contorno que nosotros

queramos. Las curvas Bézier se componen de unos puntos de control que podemos añadir y

eliminar de acuerdo con nuestras necesidades. Con la herramienta Rutas podemos modificar y

corregir cualquier error que hayamos cometido al trazarlas.

Veamos un pequeño ejemplo para ver su funcionamiento, recuerda que parte de esta

información ya la vimos en el capitulo de selecciones.

1. Creamos un nuevo documento, con fondo blanco de 640x400 píxeles.

2. Elige la herramienta Crear y editar rutas

3. Haz clic en la parte superior izquierda de la Ventana Imagen y dibuja tres puntos haciendo

Las Rutas Página 2 de 21

Operacionesbásicas sobre rutas

Page 3: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

clic 3 veces con el ratón, de forma tal que:

4. Ahora en las las Opciones de la herramienta selecciona "Editar".

5. Haz clic en el punto de anclaje central y mueve el puntero del ratón sin soltar el botón.

Observarás que aparecen unos nuevos elementos, son los llamados manejadores

(representados por un cuadrado), que permiten modificar la curvatura de la línea antes y

después del punto de anclaje, respectivamente.

Mueve los manejadores hasta obtener:

Cuando nos acercamos a un punto de anclaje el cursor añade un icono de dos flechas dobles

que nos permite mover los manejadores cuando estamos en modo Editar y el punto de

anclaje cuando estamos en modo Diseño, mientras que cuando nos situamos en cualquier

parte de la Ruta veremos que aparece el signo más (+) para crear un nuevo punto de anclaje.

Hacemos clic y arrastramos los manejadores hasta conseguir la curvatura deseada.

Las Rutas Página 3 de 21

Page 4: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

6. Para modificar la posición del punto de anclaje debemos hacer clic en él (es un círculo) y

arrastrar a su nueva posición, recuerda que primero debes cambiar en las Opciones de la

herramienta la opción "Diseño".

7. Podemos mover la curva completa para situarla en un lugar distinto de la Ventana Imagen

con la opción Mover de las Opciones de Herramienta.

8. Observa que en la pestaña Rutas ha aparecido una ruta.

Cámbiale el nombre por “Ruta 1”. Crea dos duplicados de

la ruta creada con a los que llamaremos "Ruta 2" y

"Ruta 3".

9. Haz visibles las tres rutas, esto es similar a las capas. Las

rutas son visibles si tienen el icono del ojo activo.

10.Mueve las rutas para que estén separadas y no una encima de otra. Haz clic en y

establece mover las rutas y escoger una ruta.

11.A continuación mueve las rutas hasta obtener el siguiente

dibujo:

Las Rutas Página 4 de 21

Page 5: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

En la ventana Opciones de herramienta existe la posibilidad de marcar la opción

"Poligonal", cada punto de anclaje será el vértice de un polígono y no tendremos

manejadores.

Los puntos de anclaje inicial y final sólo disponen de un manejador.

Guarda el trabajo como "rutas.xcf".

Las Rutas Página 5 de 21

Page 6: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

Dibujar con rutasVamos a utilizar la herramienta Pincel. Al seleccionarla en la parte correspondiente a las

Opciones de herramienta nos aparecen las siguientes posibilidades.

Podemos seleccionar el tipo de pincel a utilizar y pintar con un color sólido o con un

degradado. Elige el degradado llamado Abstract2 haciendo clic sobre el botón de degradado.

Como opciones de desvanecimiento establece el valor de 100 y como valor de dinámica

deja el de Pressure Opacity.

Antes de comenzar a pintar, nos falta elegir la forma del Pincel. En Pinceles (Parte inferior

de la Ventana Capas, Canales, Rutas y Deshacer) tenemos las siguientes opciones:

Los pinceles que vienen por defecto en GIMP no pueden ser editados, pero si que podemos crear

nuevos pinceles.

Las Rutas Página 6 de 21

Page 7: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

En la parte inferior tenemos una serie de

iconos que nos permiten acceder a: Editar,

Nuevo; Copiar, Borrar y Refrescar (para que

aparezcan en el panel de Pinceles los nuevos

pinceles creados).

Para poder utilizar un pincel simplemente haz

clic en el elegido y a partir de ese momento ya

puedes pintar con ese pincel. El espaciado se

refiere a los píxeles que el pincel va a dejar

entre una "gota" de pintura y otra, como si

levantáramos el pincel del papel.

Vamos a crear un pincel nuevo.

1. Selecciona el pincel "Hardness 050" en la

paleta de pinceles situada en la parte

inferior de la Ventana Capas, Canales,

Rutas....

2. Hacemos clic en el icono de Pincel nuevo situado en la parte inferior de la pestaña Pinceles.

Observa que se abre la ventana Editor de Pinceles con las características del pincel

seleccionado. Una vez cierres esta ventana, para que vuelva a aparecer deberas hacer un

doble clic sobre el pincel correspondiente.

3. Cambia los valores por los que puedes observar en la siguiente imagen.

Las Rutas Página 7 de 21

Page 8: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

Ponle como nombre “Pincel de prueba”, cuando pulses la tecla Intro el pincel aparecerá

como uno mas en la lista de pinceles.

Deja sólo la Ruta1 visible y selecciónala. Haz clic sobre ella con el botón derecho en la

Ventana Capas, Canales... y elige "Trazar ruta...". Nosotros sólo vamos a utilizar la parte inferior

en la que marcamos la opción Trazar

utilizando una herramienta de pintura.

Podemos elegir cualquier herramienta de

pintura para realizar el trazado, en esta

ocasión elegimos "Pincel" y hacemos clic

en Trazo. La imagen que obtenemos debe

ser similar a la siguiente:

Las Rutas Página 8 de 21

Page 9: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

Como tenemos otras dos rutas podemos cambiar de pincel y trazarlas con el lápiz y con el

aerógrafo. Obtendremos:

Editar rutasLas operaciones que ya vimos sobre las capas de rotación,

escalado, inclinación, perspectiva y volteo son aplicables a las rutas.

Las Rutas Página 9 de 21

Page 10: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

Veamos un pequeño ejemplo que ilustre esto.

1. Crea una nueva imagen con fondo blanco con un tamaño de 640x400 pixeles.

2. Crea la siguiente ruta con la herramienta adecuada

y usando su menú de diseño (Diseño, Editar y Mover) obtén la siguiente:

3. Haz visible la ruta y sobre el icono de rotación

activa la ruta.

Haz clic sobre el dibujo de la ruta, observa como el icono cambia de forma y establece los

siguientes valores de rotación.

Las Rutas Página 10 de 21

Page 11: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

Obtendrás:

4. Duplica la ruta en la ventana de rutas. Llama a la nueva ruta “Copia”

5. Establece esta ruta como activa y elige la herramienta voltear de la caja de

herramientas. Elige en las propiedades de esta herramienta Afectar a capa y volteo

horizontal.

Las Rutas Página 11 de 21

Page 12: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

Obtendrás:

6. Elige en la ventana de capas en la parte inferior en pinceles, patrones y degradados el

siguiente patrón:

Haz clic sobre la ruta “Copia” con el botón derecho y elige Trazar ruta. Establece los

siguiente valores:

Las Rutas Página 12 de 21

Page 13: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

7. Establece como pincel el tipo Sparks con tamaño 100

Haz clic en la ventana de rutas en la ruta “sin nombre” con el botón derecho y elige trazar

ruta y luego con pincel.

Las Rutas Página 13 de 21

Page 14: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

Clic en Trazo.

Obtendrás:

Convertir una ruta en una selección En ocasiones necesitamos rellenar una ruta cerrada con un color sólido, con un degradado o

o con un relleno con patrón. En estas ocasiones lo más correcto es transformar la ruta en una

selección y posteriormente rellenar esa selección con el color o motivo elegido.

Vamos a convertir una ruta en una selección y, posteriormente, fusionarla con otra ruta.

Partimos de un documento en blanco de un tamaño de 15 x 15 cm.

1. Crea una ruta triangular con la herramienta Ruta.

2. Con la herramienta Seleccionar regiones elípticas dibuja una selección circular que se

solape con la ruta creada.

Las Rutas Página 14 de 21

Page 15: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

3. Accede a la pestaña Rutas y con la ruta seleccionada haz clic con el botón derecho y elige

Añadir a la selección.

Obtendrás la selección del circulo junto a la ruta triangular.

4. Ahora puedes rellenar esta selección con un degradado. Selecciona la herramienta de

Relleno degradado y ellige el degradado "BlueGreen" y rellena la selección.

Las Rutas Página 15 de 21

Page 16: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

Guárdalo como “Ruta_seleccion.xcf”.

Nota: Recuerda que cualquier ruta puede convertirse en una selección y ser añadido, sustraído o

intersectado con selecciones ya existentes.

Convertir una selección en una ruta

Ahora veremos la operación inversa, transformar una selección en una ruta.

Abre la siguiente imagen con GIMP.

1. Selecciona la herramienta Varita mágica y en las

Opciones de la herramienta pon un "Umbral" de 50.

Haz clic en el fondo de la imagen. Invierte la selección

desde Seleccionar-->Invertir. Abre el editor de

selección desde Seleccionar y observa la selección

realizada.

Las Rutas Página 16 de 21

Page 17: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

2. En la Ventana Capas, Canales, Rutas... haz clic en la pestaña Rutas y en el icono que

representa la "Selección a ruta".

Si tenemos presionada la tecla mayúsculas mientras hacemos clic en el icono

podemos acceder a las opciones avanzadas de la creación de rutas, a partir de una selección

en la que podemos manejar multitud de parámetros.

Las Rutas Página 17 de 21

Page 18: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

En nuestro caso esto no será necesario.

Obtendrás una ruta con la selección realizada anteriormente.

3. Crea una nueva imagen con fondo blanco.

4. Arrastra la ruta de la pantera sobre la ventana que contiene la imagen blanco. Observa como

en la pestaña de rutas tendrás la ruta que has arrastrado.

5. Ahora Elige en la herramienta pincel como pincel Pencil Scratch. Realiza un trazado de la

ruta con este pincel. Obtendrás:

6. Si la ruta que tienes la transformas en una selección , puedes rellenar esa selección para

obtener una imagen similar a la siguiente. El degradado utilizado es Incandescent.

Las Rutas Página 18 de 21

Page 19: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

Guarda el trabajo como “Selección_Ruta.xcf”.

Importar y exportar rutas En el menú Rutas, al que se accede desde la Ventana Capas, Canales, Rutas... --> pestaña

Rutas haciendo clic derecho sobre una ruta activa, obtenemos un menú contextual con las

siguientes opciones:

Herramienta de ruta: para seleccionar la herramienta sin

necesidad de hacerlo desde la Caja de herramientas de GIMP

Editar atributos de ruta: Cambio de nombre de la ruta.

Ruta nueva: crea una nueva capa de ruta.

Flechas para elevar o bajar capas de ruta en la pila de rutas.

Duplicar ruta: Copia excata de una ruta existente en una nueva

capa de ruta.

Eliminar ruta: Elimina la ruta activa.

Combinar capas visibles: Une en una sola capa de rutas todas las

capas de rutas visibles.

Ruta a selección: Transforma la ruta en una selección.

Añadir a la selección: Une a una selección existente la ruta

seleccionada.

Sustraer de la selección: Quita de una selección existente la ruta

seleccionada.

Las Rutas Página 19 de 21

Page 20: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

Intersectar con selección: Intersecciona con una selección existente la ruta seleccionada.

Selección a ruta: Transforma en ruta una selección activa.

Trazar ruta: Utiliza una herramienta de dibujo a lo largo de la ruta seleccionada.

Copiar ruta: Copia en el portapapeles la ruta seleccionada en la Ventana Imagen.

Pegar ruta: Pega la ruta copiada de la forma anterior.

Exportar ruta: Guarda una ruta en nuestro disco.

Importar ruta: Coloca como capa de ruta una ruta exportada y guardada en disco.

Veamos las dos ultimas a partir de un ejemplo:

1. Abre la imagen llamada “Ruta.xcf”

2. Haz clic en la pestaña Rutas de la ventana de Capas, Canales y Rutas. Observa que hay

una capa activa llamada Ruta.

3. Haz clic sobre la ruta activa con el botón derecho del ratón y elige Exportar ruta. Llamala

Ruta exportada, fijate que el tipo de archivo es SVG. (Fichero de gráficos vectoriales).

4. Cierra la imagen.

Ahora realizaremos el proceso inverso, importaremos la ruta a partir de un fichero SVG existente.

1. Crea una imagen nueva con fondo blanco de 640x400 píxeles.

2. En la pestaña de Rutas de la ventana de Capas, Canales y Rutas con el botón derecho elige

Importar ruta.

Las Rutas Página 20 de 21

Page 21: Las rutas±o_grafico/gimp/capitulo6/Teoria6.pdfdibujo que tiene Gimp, rellenar el interior de la ruta, etc. Y esas curvas creadas, rutas, siguen siendo editables para realizar modificaciones

I.E.S. Albal Profesor: Vicente Destruels Moreno

3. Busca el fichero llamado Ruta exportada (observa que es de tipo SVG).

4. Ves a la pestaña de rutas y observa como aparece la ruta anterior.

5. Establece como pincel

6. Haz clic con el botón derecho sobre la ruta activa en la ventana de Capas, Canales y Rutas y

elige trazar Ruta con el pincel. Activa/Desactiva el ojo de la ruta activa, observa el resultado.

Las Rutas Página 21 de 21

Sin visibilidad de Ruta

Con visibilidad de Ruta activa