Conceptos clave que debes dominar al finalizar la sesión de Inkscape.
01 ¿Qué es Inkscape?
Inkscape es un editor de gráficos vectoriales de código abierto y gratuito. A diferencia de editores de imágenes rasterizadas como Paint o Photoshop, trabaja con vectores: objetos matemáticos que no pierden calidad al ampliarlos. Se usa para crear logotipos, carteles, anuncios, ilustraciones e infografías profesionales.
Gráfico vectorial vs. rasterizado: un vector puede ampliarse al 10 000 % sin distorsión. Una imagen PNG/JPG es una cuadrícula de píxeles fijos; al ampliarla se pixela. Por eso Inkscape importa imágenes externas como objetos incrustados dentro de un documento vectorial.
02 Insertar imágenes — Archivo → Importar
Para añadir una imagen PNG o JPG al lienzo se usa Archivo → Importar (o Ctrl+I). Inkscape ofrece dos opciones: Incrustar (la imagen se guarda dentro del SVG, portátil) o Vincular (referencia externa). Para proyectos escolares se recomienda siempre incrustar.
Abrir Inkscape y crear o abrir el documento de trabajo.
Ir a Archivo → Importar (Ctrl + I).
Seleccionar el archivo PNG o JPG y hacer clic en Abrir.
Elegir "Incrustar imagen" en el cuadro de diálogo.
La imagen aparece en el lienzo; usar las asas para reposicionarla y escalarla.
03 Posición, tamaño y alineación
Con la herramienta Selección (F1) se arrastra para mover, se tiran las asas de esquina para escalar y se mantiene Ctrl para conservar proporciones. La barra superior muestra campos X, Y, W, H para valores exactos. El menú Objeto → Alinear y distribuir (Mayús+Ctrl+A) permite centrar múltiples objetos con precisión milimétrica.
04 Agrupar y desagrupar
Agrupar (Ctrl+G): une varios objetos seleccionados en una sola unidad. Al mover o escalar el grupo, todos los elementos se mueven juntos manteniendo su disposición relativa. Esencial para mantener la coherencia del diseño y evitar desalineamientos.
Desagrupar (Ctrl+Shift+G): separa el grupo en sus elementos individuales para editar cada uno por separado. Útil cuando necesitas cambiar el color de un elemento específico o reajustar su posición dentro del conjunto.
💡 Buena práctica: agrupa elementos relacionados (logo + texto + imagen del producto) antes de posicionarlos en el diseño final. Vuelve a agrupar después de editar.
05 Capas y orden de objetos
Los objetos se apilan como hojas de papel: el último insertado queda arriba. Controla el orden con: Re Pág (subir un nivel), Av Pág (bajar un nivel), Inicio (al frente) y Fin (al fondo). Las capas (Capa → Agregar capa) permiten organizar en niveles como "fondo", "contenido" y "texto" de forma independiente y bloqueable.
06 Guardar y exportar
Guardar como SVG (Ctrl+S): conserva vectores, capas y grupos editables. Es el formato nativo de trabajo.
Exportar a PNG (Mayús+Ctrl+E): convierte el diseño en imagen rasterizada lista para imprimir o publicar en línea. Se elige la resolución en DPI y el área a exportar (página, dibujo o selección).
⌨️ Atajos de teclado esenciales
Ctrl + IImportar imagen
Ctrl + GAgrupar
Ctrl + Shift + GDesagrupar
Re Pág / Av PágSubir / bajar nivel
Ctrl + SGuardar SVG
Mayús + Ctrl + EExportar PNG
Mayús + Ctrl + AAlinear y distribuir
Ctrl (al escalar)Mantener proporciones
🎮 Juego educativo
Quiz Inkscape
Responde correctamente y acumula puntos. Tienes 3 vidas y 20 segundos por pregunta.
⚡
Nivel 1
Recordar · 3 preguntas · 100 pts c/u
💡
Nivel 2
Comprender · 2 preguntas · 150 pts c/u
🔧
Nivel 3
Aplicar · 2 preguntas · 200 pts c/u
🔬
Nivel 4
Analizar · 2 preguntas · 250 pts c/u
🚀
Nivel 5
Evaluar/Crear · 2 preguntas · 300 pts c/u
Puntaje0
❤️❤️❤️
Pregunta 1 / 11
Tiempo
20
🏆
¡Excelente!
0
puntos obtenidos
0
Correctas
0
Incorrectas
0
Racha máx.
0
Nota equiv.
Instrumento de evaluación
Rúbrica y calificación
Escala vigesimal (0–20). Registra la puntuación y obtén la nota automáticamente.
📋 Rúbrica del anuncio publicitario
Criterio
Logrado (4 pts)
En proceso (2 pts)
Inicio (0–1 pt)
Inserción de imágenes (mínimo 2)
2 o más imágenes importadas e incrustadas correctamente
1 imagen o con errores de formato
Sin imágenes o vinculadas externamente
Agrupado coherente de elementos
Elementos relacionados agrupados lógicamente con Ctrl+G
Agrupado parcial o sin coherencia visual
No se usó la función de agrupado
Orden y jerarquía de objetos
Capas y orden usados para lograr jerarquía visual clara
Orden básico, algunos objetos solapados incorrectamente
Sin manipulación del orden; diseño confuso
Texto y formas vectoriales
Texto legible y formas propias que complementan el diseño
Texto presente pero desalineado o descontextualizado
Sin texto ni elementos vectoriales propios
Mensaje de conciencia ambiental
Mensaje claro e integrado visualmente sobre sostenibilidad
Mensaje presente pero poco visible o genérico
Sin evidencia de conciencia ambiental
🧮 Calculadora de nota
Nota final (0–20)0
🗣️ Participación oral y metacognición +4 pts adicionales
Explica con claridad las decisiones de diseño tomadas (2 pts)
Responde reflexivamente las preguntas metacognitivas (1 pt)
Escucha y retroalimenta a sus compañeros (1 pt)
Producto final
Proyecto: Anuncio publicitario
Diseña un anuncio de un producto o servicio real o imaginario, aplicando todas las técnicas aprendidas.
01
Elige el producto
Selecciona un producto local, artesanal o imaginario con enfoque sostenible o ambiental.
02
Busca recursos
Reúne mínimo 2 imágenes PNG/JPG de libre uso. Puedes crear formas vectoriales propias.
03
Importa y posiciona
Inserta imágenes con Ctrl+I (incrustar). Ajusta tamaño, posición y alineación.
04
Agrupa elementos
Agrupa conjuntos relacionados con Ctrl+G: imagen+texto, sello+leyenda, encabezado…
05
Organiza el orden
Usa Re Pág / Av Pág para la jerarquía: fondo al fondo, texto siempre al frente.
06
Guarda y exporta
Guardar como SVG con el nombre correcto; exportar PNG con resolución adecuada.
✅ Requisitos mínimos del anuncio
Mínimo 2 imágenes rasterizadas importadas e incrustadas.
Al menos 3 grupos de elementos coherentemente organizados.
Texto con nombre del producto, eslogan y dato de contacto o precio.
Formas vectoriales propias (rectángulos, elipses, líneas decorativas).
Mensaje o símbolo que refleje conciencia ambiental o sostenibilidad.
Diseño guardado como SVG y exportado como PNG (mínimo 150 DPI).
📁 Nombre del archivo
El archivo debe nombrarse exactamente así:
Apellido_Nombre_Anuncio.svg
📌 Entregar en USB o subir a la plataforma indicada por el docente. Verifica que el archivo abra correctamente antes de entregar.
🏠 Tarea en casa
Si no terminaste en clase: completa el anuncio en casa, asegúrate de tener Inkscape instalado, guarda en SVG y trae el archivo en USB o súbelo a la plataforma antes de la próxima sesión.
Autonomía y metacognición
Mi modelo de trabajo
Guía personal para completar la sesión y el proyecto con éxito.
☑️ Lista de verificación personal
Toca cada ítem para marcarlo como completado.
Progreso: 0 / 10
🧠 Reflexión metacognitiva
Escribe tu reflexión en cada campo:
¿Qué aprendí hoy que no sabía antes sobre Inkscape?
¿Cuál fue el paso más difícil del proceso? ¿Por qué?
¿Qué cambiaría en mi anuncio si tuviera más tiempo? ¿Cómo podría mejorarlo?
⭐ Autoevaluación rápida
🏆
¡Sigue así!
Recuerda: cada proyecto es una oportunidad de mejorar tu diseño y expresar creatividad. Docente Jonathan Torres estará disponible para retroalimentarte.