Inkscape – Clase 06: Herramienta Relleno – Degradado Radial - Dibujamos una ciudad nocturna

ciudad nocturna vectorial

En esta clase de Inkscape vamos a aprender a utilizar el relleno degradado radial creando una ciudad nocturna con gráficos vectoriales.

Además del degradado radial, también practicaremos:

  • herramienta aerosol
  • clonación con Ctrl + D
  • opacidad
  • figuras geométricas
  • alineación de objetos
  • duplicación rápida
  • trabajo con capas visuales
  • uso de atajos de teclado (hotkeys)

Este tipo de ejercicio permite combinar distintas herramientas para crear una ilustración digital más completa y profesional.

¿Qué es un degradado radial?

El degradado radial es un tipo de relleno donde el color cambia desde el centro hacia afuera.

A diferencia del degradado lineal, el degradado radial genera un efecto circular, ideal para:

  • lunas
  • soles
  • luces
  • brillos
  • reflejos
  • fondos nocturnos

Crear el fondo nocturno

degradado radial


El primer paso será dibujar un rectángulo utilizando la herramienta Rectángulo.

🔹 Hotkey:

  • F4 → herramienta Rectángulo

Luego vamos a aplicar un relleno degradado radial.

Cómo abrir Relleno y borde

degradado radial

Para modificar colores y degradados utilizamos la ventana Relleno y borde.

🔹 Hotkey importante:

  • Shift + Ctrl + F → abrir Relleno y borde

Dentro de la ventana seleccionamos:

  • Relleno
  • Degradado radial

Después elegimos:

  • azul oscuro para el exterior
  • celeste para el centro

Esto genera un efecto de iluminación nocturna.

Modificar el degradado radial

Una vez aplicado el degradado utilizamos la herramienta Nodo o herramienta de degradado para mover el centro de iluminación.

🔹 Hotkeys útiles:

  • F2 → herramienta Nodo
  • herramienta nodo
  • G → herramienta Degradado

Movemos el centro del degradado hacia la parte superior para crear un efecto más natural en el cielo nocturno.

Crear la luna

Ahora dibujamos la luna utilizando una elipse.

🔹 Hotkey:

  • F5 → herramienta Elipse

Mantenemos presionada la tecla Ctrl mientras dibujamos para lograr un círculo perfecto.

🔹 Ctrl:

  • mantiene proporciones exactas

Luego aplicamos un color gris claro.

También podemos crear pequeños círculos sobre la luna para simular cráteres.

Dibujar las nubes

Las nubes se realizan utilizando medios círculos y formas elípticas.

Para rotarlas usamos la herramienta Selección.

🔹 Hotkey:

  • S → herramienta Selección

Al hacer clic nuevamente sobre un objeto seleccionado aparecen las flechas de rotación.

Cambiar opacidad

luna nubes estrellas vectoriales


Las nubes deben verse transparentes para generar profundidad.

Abrimos nuevamente Relleno y borde.

🔹 Shift + Ctrl + F

Luego bajamos la opacidad.

Esto permite crear un efecto más suave y realista.

Crear estrellas

Ahora dibujamos una estrella.

🔹 Hotkey:

    • (asterisco) o Shift + 8 → herramienta Estrella y polígonos

Le damos un color blanco brillante.

Herramienta aerosol

Para distribuir estrellas rápidamente utilizamos la herramienta Aerosol.

La herramienta aerosol permite clonar objetos automáticamente mientras movemos el mouse.

Es ideal para:

  • estrellas
  • árboles
  • pasto
  • partículas
  • texturas

Esto acelera muchísimo el trabajo.

Construcción de edificios

Los edificios se realizan con rectángulos.

🔹 F4 → Rectángulo

Creamos distintos tamaños para formar la ciudad nocturna.

Crear ventanas usando clonación

Ahora realizamos pequeñas ventanas utilizando rectángulos.

Para trabajar más cómodos usamos zoom.

🔹 Hotkeys de zoom:

  • Z → herramienta Zoom
  • rueda del mouse → acercar o alejar
    • → acercar
    • → alejar

Clonar objetos rápidamente

ventanas edificios

Para duplicar ventanas utilizamos:

🔹 Ctrl + D → duplicar objeto

Este es uno de los atajos más importantes de Inkscape.

Permite:

  • clonar ventanas
  • repetir figuras
  • acelerar el diseño

Mientras movemos las ventanas podemos mantener presionada la tecla Shift.

🔹 Shift:

  • ayuda a mantener mejor alineación y control visual

También podemos seleccionar varias ventanas al mismo tiempo.

🔹 Shift + clic:

  • seleccionar múltiples objetos

Selección múltiple y organización

Cuando tenemos varias ventanas podemos mover grupos completos.

🔹 Ctrl + G → agrupar objetos
🔹 Shift + Ctrl + G → desagrupar objetos

Esto permite organizar el diseño mucho más rápido.

Elevar y bajar objetos

En algunos casos necesitaremos acomodar elementos delante o detrás.

Por ejemplo:

  • nubes detrás de la luna
  • estrellas delante del cielo

🔹 Hotkeys importantes:

  • Home → llevar al frente
  • End → enviar al fondo
  • Page Up → elevar un nivel
  • Page Down → bajar un nivel

Ventanas iluminadas

Para dar realismo a la ciudad, algunas ventanas se pintan de amarillo.

Así simulamos luces encendidas dentro de los edificios.

Las demás quedan oscuras.

Este pequeño detalle mejora muchísimo el resultado visual.

Crear techos y detalles

Para algunos techos utilizamos medios círculos y figuras simples.

Luego agregamos pequeños detalles a la luna y al cielo nocturno.

¿Qué aprendimos en esta clase?

En esta actividad practicamos:

✅ degradado radial
✅ herramienta aerosol
✅ clonación con Ctrl + D
✅ opacidad
✅ selección múltiple
✅ agrupación y desagrupación
✅ elevación y orden de objetos
✅ zoom y navegación
✅ creación de ciudades vectoriales

Resumen

En esta clase aprendimos a crear una ciudad nocturna utilizando distintas herramientas de Inkscape.

El objetivo principal fue comprender cómo utilizar el degradado radial y cómo acelerar el trabajo utilizando atajos de teclado y clonación de objetos.

Este tipo de ejercicios ayuda a desarrollar técnicas fundamentales de diseño gráfico vectorial. 

📹 A continuación encontrarás el video paso a paso para realizar esta ciudad nocturna en Inkscape.


️ Hotkeys utilizados en esta clase

Hotkey

Función

F2

Herramienta Nodo

F4

Herramienta Rectángulo

F5

Herramienta Elipse

S

Herramienta Selección

G

Herramienta Degradado

Z

Herramienta Zoom

Shift + Ctrl + F

Abrir Relleno y borde

Ctrl + D

Duplicar objeto

Ctrl + G

Agrupar objetos

Shift + Ctrl + G

Desagrupar objetos

Shift + clic

Seleccionar múltiples objetos

Ctrl

Mantener proporciones al dibujar

Shift

Mejorar alineación y control al mover

+

Acercar zoom

-

Alejar zoom

Home

Llevar objeto al frente

End

Enviar objeto al fondo

Page Up

Elevar un nivel

Page Down

Bajar un nivel

Rueda del mouse

Acercar o alejar la vista

Shift + 8

Herramienta estrella y polígonos


Comentarios

Entradas populares de este blog

Introducción a la Informática – Clase 2: Datos, Proceso e Información

Introducción a la Informática – Clase 03: Unidades de capacidad de la información

Cómo hacer una monografía