EPT · Diseño Gráfico Vectorial · 2025

Educación Para el Trabajo DEGRADADO DE REJILLA

Inkscape · Herramientas de color y degradado vectorial
Teoría · Práctica · Actividades Interactivas · Evaluación

Docente
J. Torres
Grado
3ero A Sec.
Software
Inkscape
Formato
SVG / PNG
Desliza
Marco Conceptual

DEGRADADO DE REJILLA

Fundamentos del degradado vectorial y las herramientas de color en Inkscape.

🔷

Degradado de rejilla

Técnica vectorial con malla de nodos sobre un objeto. Cada nodo tiene un color independiente creando transiciones suaves que simulan volumen y luz.

Diferencia con lineal

El degradado lineal solo tiene 2 puntos de color. La rejilla permite decenas de nodos logrando efectos fotorrealistas imposibles con degradados simples.

💧

Cuentagotas (F7)

Captura el color exacto de cualquier píxel en pantalla y lo aplica al nodo seleccionado, permitiendo tomar colores de fotografías o referencias externas.

Visualización de la rejilla

Al aplicar el degradado de malla, Inkscape genera una cuadrícula de puntos. Cada intersección es un nodo con color propio que se interpola con sus vecinos.

nodo(0,0) nodo(1,1)

Rejilla 3×3 — cada círculo es un nodo · los colores se interpolan entre celdas

TérminoDefinición
NodoPunto de control de la rejilla con color asignable
Línea de rejillaLínea horizontal o vertical que divide la malla
InterpolaciónTransición matemática suave entre dos colores
CuentagotasCaptura un color de cualquier píxel en pantalla
Degradado vectorialTransición de color escalable sin pérdida de calidad
🌿 Sostenibilidad: Inkscape es software libre que usa el formato SVG, estándar web abierto. Reduce costos, no genera residuos y no requiere hardware especializado.
⚠️ Seguridad: Guarda frecuentemente con Ctrl+S. Mantén buena postura, adecuada iluminación y área organizada.
Actividad Práctica

ANUNCIO PUBLICITARIO

Aplica degradados y colores para crear un anuncio publicitario profesional.

Herramienta principal
Degradado de malla
Herramienta secundaria
Cuentagotas (F7)
Producto final
Anuncio .SVG / .PNG

Procedimiento paso a paso

1

Preparar el documento

  • Crear nuevo documento (A4 horizontal o tamaño del anuncio).
  • Definir la paleta de colores corporativos antes de comenzar.
  • Guardar como: anuncio_degradado.svg
2

Crear las formas base

  • Dibujar fondo, bloques de color, siluetas y elementos gráficos.
  • Organizar en capas: Fondo / Elementos / Texto.
3

Aplicar degradado de rejilla

  • Seleccionar la forma de fondo principal.
  • Ir a Objeto → Degradado de malla.
  • Definir filas y columnas (recomendado: 3×3 para iniciar).
  • Clic en cada nodo y asignar un color.
💡 Para fondo tipo cielo: azul oscuro arriba, celeste en el centro, naranja abajo.
4

Usar el cuentagotas

  • Seleccionar un nodo de la rejilla.
  • Activar el cuentagotas con F7.
  • Clic sobre cualquier color de referencia en pantalla.
  • El color se aplica automáticamente al nodo.
5

Completar y exportar

  • Agregar textos, logos e imagen de producto.
  • Revisar contraste y legibilidad sobre los degradados.
  • Exportar .PNG a 150 dpi con Mayús+Ctrl+E.
  • Guardar también el .SVG fuente.
⚠️ Guarda con Ctrl+S antes de exportar.
Actividades Interactivas

APRENDE HACIENDO

Tres actividades para reforzar conceptos de degradado de rejilla y color vectorial.

4

Memoria de Conceptos

Encuentra los 6 pares de tarjetas que relacionan cada término con su definición. Memoriza las posiciones.

Intentos: 0 Parejas: 0/6 Tiempo: 0s
5

Ordena el Proceso

Arrastra y suelta los pasos del proceso de degradado de rejilla en el orden correcto.

6

Completa el Código SVG

Selecciona las palabras que faltan en este fragmento de código SVG de degradado. Haz clic en los espacios en blanco.

Ficha de Evaluación

CRITERIOS

El anuncio publicitario se evaluará con los siguientes criterios. Total: 100 puntos.

Uso de rejilla
Aplica mínimo una rejilla con 4+ nodos con colores distintos
25
Uso del cuentagotas
Demuestra uso del cuentagotas en al menos 2 nodos
20
Armonía de color
Los degradados tienen coherencia visual y estética
25
Composición
El anuncio comunica claramente el mensaje
20
Entrega de archivos
Entrega .SVG y .PNG correctamente nombrados
10
Puntaje total
100
puntos
Capacidad: Aplica habilidades técnicas — selecciona procesos de producción y emplea herramientas pertinentes al aplicar degradados y colores, siendo responsable con el ambiente.
Juego Educativo

PON A PRUEBA

3 niveles de dificultad · 9 preguntas · Responde y avanza.

0
Puntos
Pregunta 1 de 90%
0
pts