Uso avanzado de rutas para selección, recorte y definición de áreas (A3C31C2D02)

Introducción

Entre las numerosas herramientas avanzadas de edición y manipulación de imágenes disponibles, las rutas desempeñan un papel fundamental en la selección, recorte y definición precisa de áreas en imágenes. En este texto, nos centraremos en el uso avanzado de rutas para lograr resultados precisos y detallados en estas tareas completando los conocimientos adquiridos en el nivel anterior. Continuaremos trabajando con el programa GIMP como ejemplo.

Controla tus rutas a través del panel de rutas

Ya hemos visto que, a diferencia de las herramientas de selección básicas, las rutas permiten delinear contornos complejos y curvas suaves con mayor precisión. Así, podemos trazar una ruta alrededor de un objeto en una imagen y luego convertir esa ruta en una selección activa y aplicar diferentes efectos o modificaciones específicas a esa área en particular.

Podremos manipular nuestras rutas a través del panel de rutas, una herramienta que permite gestionar y manipular las rutas creadas. Este panel proporciona una vista detallada de todas las rutas presentes en un proyecto y ofrece opciones para editar, organizar, mostrar (o no) y, en definitiva, utilizar esas rutas de manera eficiente. Como vemos en la Figura 1, aparece junto al panel de capas y funciona de una manera muy similar.

Panel de rutas

Figura 1 (A). Vista general de una ruta en el panel de rutas.

Desplegable rutas

Figura 1 (B). Desplegable que se abre al pulsar el segundo botón del ratón sobre una ruta.

Ejemplo práctico

Las posibilidades de las rutas en el diseño son enormes, dependiendo de cuál sea el objetivo final que nos hayamos marcado para nuestra composición, podremos emplear las rutas de un modo u otro. Ahora que sabemos los conceptos más básicos, vamos a describir paso por paso cómo hacer un diseño empleando rutas. El resultado final de aplicar estos pasos en GIMP se muestra en la Figura 2.

  1. Descargamos la imagen original (1920×1293) desde: e.digitall.org.es/practica-rutas
  2. Abrimos la imagen en GIMP.
  3. Seleccionamos la “herramienta de rutas” y dibujamos una ruta alrededor de la rama y el pájaro.
  4. Editamos las veces que sean necesarias hasta que consigamos un buen resultado.
  5. Creamos una selección clicando en “Crear selección a partir de una ruta” en el menú de la herramienta de rutas.
  6. Copiamos la selección pulsando CONTROL + C.
  7. Creamos una nueva imagen (Archivo > Nuevo) donde crearemos nuestra nueva composición.
  8. Pegamos nuestra imagen pulsando CONTROL + V. Aparecerá en el menú de capas como “Selección flotante” por lo que pulsamos el segundo botón y seleccionamos del menú “A una nueva capa”.
  9. Volvemos a la imagen original y en el panel de rutas pulsamos “Copiar ruta”.
  10. Nos vamos al panel de rutas de nuestra nueva imagen y pulsamos “Pegar ruta”.
  11. Ya tenemos en nuestra nueva composición la parte de nuestra imagen que nos interesaba y la ruta que creamos para recortarla.
  12. Una opción es generar una silueta sobre nuestra imagen usando nuestra ruta como referencia, para ello creamos una nueva capa transparente (entre nuestra capa y el fondo).
  13. Vamos al panel de rutas, seleccionamos nuestra ruta y pulsamos “Pintar a lo largo de la ruta” (abajo a la derecha).
  14. En el panel de opciones que nos aparece seleccionamos Trazar línea > Color sólido (anti alias debe estar seleccionado) y elegimos las opciones del trazo que vamos a aplicar a nuestro gusto.
  15. Al pulsar en “Trazar” vemos que nos aparece un trazo de las características indicadas con la forma de nuestra ruta en nuestra nueva capa.
  16. Vamos a añadir un segundo efecto en el que vamos a crear una silueta rellena de color con la forma de nuestra ruta. Para ello duplicamos nuestra ruta y creamos una nueva capa (entre las capas que ya teníamos y el fondo).
  17. Ahora vamos a la herramienta de rutas y le vamos a decir que queremos “Mover” nuestra ruta y la movemos ligeramente en la dirección deseada.
  18. Ahora indicamos que queremos “Rellenar ruta” con un “Color sólido” y, de nuevo, indicamos las características del color de relleno (anti-alias debe estar seleccionado). Vemos que nos ha rellenado nuestra ruta con el color que le hemos indicado.
  19. Finalmente, podemos introducir efectos que ya conocemos para mejorar la composición:
    • Podemos por ejemplo en la capa del fondo añadir color con la “Herramienta de degradado”.
    • Modificar los colores de nuestra imagen recortada desde el panel “Colores”.
    • O cambiar el modo de la capa de relleno que hemos creado.
Comandos
Resultado ejemplo práctico

Figura 2. Resultado de aplicar paso por paso las instrucciones descritas en el apartado “Ejemplo práctico”.

Saber más

Las herramientas de dibujo de rutas ofrecen un nivel avanzado de precisión y flexibilidad en la selección, recorte y definición de áreas en imágenes. En todos los programas de diseño nos vamos a encontrar con herramientas similares, en el programa Photoshop, en vez de rutas se denominan trazados. Podemos acceder a información adicional acerca de cómo se organizan estas herramientas en el popular programa de diseño a través del siguiente enlace. e.digitall.org.es/rutas-photoshop