El trazo es el borde: color, grosor y, si hace falta, un punteado. El relleno es el interior. Una forma puede tener solo trazo (un plano técnico), solo relleno (una mancha) o los dos. Confundirlos lleva a «no veo la línea» cuando en realidad el trazo es del mismo color que el fondo, o a un relleno que tapa lo que había debajo porque la forma está cerrada sin que te dieras cuenta.
Un nodo es un punto de control. Entre dos nodos va un segmento, recto o curvo. En los programas de dibujo la curva de Bézier usa el nodo y unas asas: el nodo es por donde pasa el trazo; el asa decide cómo entra y cómo sale. Esta práctica coloca nodos con clics y segmentos rectos, que es el caso simple. El criterio es el mismo que con asas: pocos nodos bien puestos vencen a una nube de puntos. El primer nodo de una forma cerrada y el último tienen que encontrarse; si no, el relleno inventa un cierre por la cuerda más rara.
Una capa es un grupo que se apila. Lo que está delante tapa lo de detrás. No es una carpeta del disco: es orden de dibujo. La marca va en una capa y el detalle en otra para poder ocultar el detalle sin borrar la marca. Traer delante no cambia la forma: cambia quién tapa a quién. Nombrar las capas («marca», «sombra», «texto») evita el archivo con «Capa 1 copia 7».
Operaciones que conviene saber nombrar aunque el laboratorio no las calcule: unir, restar, intersecar. Sirven para un agujero (restar un círculo a un rectángulo) sin romper el trazo a mano. Si el agujero se hace con un bitmap blanco encima, al cambiar el fondo el agujero se ve. El agujero de verdad es un hueco en la forma.
Orden de trabajo: dibuja la silueta con pocos nodos, cierra, decide trazo y relleno, y solo entonces añade la segunda capa. Empezar por el detalle deja la silueta sin cerrar y el relleno impredecible.
Decisión de esta lección. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG.
El aula taller del IES Duero, en Aranda de Duero, quiere enseñar el proyecto del curso sin depender de una plataforma. El encargo del bloque B es el entorno donde vive ese proyecto: la imagen de la marca, el espacio donde se cuenta y las condiciones con las que se comparte. No es un dibujo suelto ni una cuenta en una red social. Es una carpeta que otra persona del centro puede abrir.
La marca no es el escudo oficial del instituto. Es el signo del proyecto, con iniciales reconocibles, tres variantes y un original en vector. La foto del patio, si hace falta, va aparte, en PNG, y no se calca para «hacerla logo». El plano de mesas y la lámpara de la maqueta son piezas del espacio, no adornos del cartel. El paseo es una lista de cámaras para quien no pueda entrar al aula ese día. La ficha de micromecenazgo, si se escribe, no cobra dinero: deja por escrito la meta, las recompensas y qué pasa si no se llega. La licencia dice qué puede hacer el siguiente grupo con los archivos. El portfolio reúne las tres piezas con una nota de proceso en cada carpeta.
Cada lección decide una capa y deja quietas las demás. Si en la lección del logo cambias el plano, o en la de la licencia redibujas el signo, mezclas entregas y no se sabe qué estás demostrando. El criterio 2.1 mira el logotipo en 2D. El 2.2 mira el espacio en 3D, aunque aquí el 3D sea una extrusión y una planta, no un parque de atracciones. El 2.3 mira el micromecenazgo como proceso, no como una campaña colgada de verdad. Licencias y EPA no son un criterio aparte en el resumen del curso, pero sin ellos el portfolio miente: o no se puede reutilizar, o no se encuentra.
Materiales que no entran: bancos de iconos «gratis» sin leer la licencia, el escudo del centro calcado, música, caras de compañeros, y cualquier botón que prometa publicar o cobrar. Lo que sí entra es tu trazo, tu planta, tu ficha y tu atribución. Si una pieza está en borrador, se dice. Un portfolio honesto con una planta incompleta vale más que una carpeta de PNG ajenos renombrados.
La carpeta, al final del bloque, se llama epa/. Dentro, index.html enlaza tres notas. Esas notas no repiten el archivo: dicen qué decidiste (vector y no foto, todo o nada y no una meta absurda, CC BY y no un «libre» sin apellido). Quien lea solo el index tiene que entender el proyecto. Quien abra la subcarpeta tiene que poder seguir el proceso. Las dos lecturas se escriben. No se espera a tener el dibujo perfecto para crear la carpeta: la carpeta existe desde esta lección y se va llenando.
Trazo. Borde: color y grosor.
Relleno. Interior de una forma cerrada.
Nodo. Punto de control del trazo.
Segmento. Trozo entre dos nodos, recto en esta práctica.
Cerrar. Hacer coincidir el último nodo con el primero para que el relleno sea predecible.
Capa. Nivel de apilado. Delante tapa a detrás.
Asa. Control de una curva Bézier. Aquí se nombra; el laboratorio usa segmentos rectos.
Booleana. Unir, restar o intersecar formas. Un agujero de verdad es una resta, no un parche blanco.
El relleno no aparece porque la forma no está cerrada y se insiste en cambiar el color. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG.
Hay cuarenta nodos en una curva que podía resolverse con cuatro. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG.
El trazo es del mismo color que el fondo y se dice que el programa no dibuja. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG.
En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG.
Situación. El relleno no aparece porque la forma no está cerrada y se insiste en cambiar el color.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. Hay cuarenta nodos en una curva que podía resolverse con cuatro.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. El trazo es del mismo color que el fondo y se dice que el programa no dibuja.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. La capa del detalle tapa la marca y se borra la marca en vez de reordenar.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. Se hace un agujero pegando un círculo blanco y al cambiar el fondo el agujero se ve.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. Las capas se llaman Capa 1 copia y nadie sabe cuál es la silueta.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. El primer nodo y el último no coinciden y el relleno cruza la figura.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. Se empieza por las letras y la silueta queda para el final, deformada para encajar.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. Traer delante se confunde con hacer la forma más grande.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. Un trazo de 40 px tapa el contragolpe del signo pensado para ir fino.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. Se vectoriza la foto del patio dentro del mismo archivo de la marca.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. Los nodos se colocan al azar y luego se quiere una curva suave sin borrar ninguno.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. Hay relleno y trazo, y el trazo queda centrado sobre el borde comiéndose el margen mínimo.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. Se agrupan formas de dos ideas distintas en una sola capa «para ir más rápido».
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. El SVG se abre en el bloc de notas y se asusta el código: se vuelve a exportar a PNG para no verlo.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. Se clonan nodos encima de nodos y el archivo pesa sin añadir silueta.
Criterio. En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG. Se deja constancia en la nota de proceso de la carpeta de esta pieza, con una frase que otra persona del IES pueda aplicar sin preguntarte. Si la salida consiste en cambiar la extensión, estirar, dar por publicado o escribir «libre», la ficha vuelve atrás.
Comprobación. Ábrelo con file:// o míralo en el laboratorio de esta misma página. Si solo se entiende en tu sesión, con un blob o con una cuenta, no está entregado. El bloque B se archiva en local.
Situación. La capa del detalle tapa la marca y se borra la marca en vez de reordenar.
No conviene. Resolverlo cambiando el nombre del archivo o dejando la duda.
Decisión. Aplicar el criterio de la lección y escribirlo en la nota.
Por qué: Si la capa del detalle tapa la marca, borrar la marca destruye el original para resolver un orden. Traer una capa delante cambia quién tapa, no la forma. Se reordena y se anota qué capa queda arriba.
Situación. Se hace un agujero pegando un círculo blanco y al cambiar el fondo el agujero se ve.
No conviene. Resolverlo cambiando el nombre del archivo o dejando la duda.
Decisión. Aplicar el criterio de la lección y escribirlo en la nota.
Por qué: Un círculo blanco pegado encima parece un agujero solo mientras el fondo es blanco. Al cambiar el fondo, la mancha se ve y el «hueco» era pintura. Un agujero de verdad es un hueco en la forma, no un parche del color de hoy.
Situación. Las capas se llaman Capa 1 copia y nadie sabe cuál es la silueta.
No conviene. Resolverlo cambiando el nombre del archivo o dejando la duda.
Decisión. Aplicar el criterio de la lección y escribirlo en la nota.
Por qué: «Capa 1 copia» no dice cuál es la silueta ni cuál es el detalle. Dentro de una semana nadie reordena sin abrirlas todas. El nombre de la capa es el oficio (silueta, texto, fondo), y se escribe cuando se crea.
Situación. El primer nodo y el último no coinciden y el relleno cruza la figura.
No conviene. Resolverlo cambiando el nombre del archivo o dejando la duda.
Decisión. Aplicar el criterio de la lección y escribirlo en la nota.
Por qué: Si el primer nodo y el último no coinciden, la forma no está cerrada y el relleno cruza por un segmento que tú no elegiste. El programa cierra por su cuenta. Hay que hacer coincidir los extremos antes de discutir el color del relleno.
| Criterio | Aún no | En proceso | Conseguido | Notable |
|---|---|---|---|---|
| Concepto | Se nombra mal | Se duda | Se usa el término de la lección | Se explica con un caso del aula |
| Laboratorio | No se abre | Se abre y no se decide | Hay un resultado en la página | Otra persona puede repetirlo |
| Nota | No hay | Repite el nombre del archivo | Dice la decisión | Cabe en la carpeta epa/ |
| Límites | Se finge publicación o hardware | Se duda | Se dice que es local | No hay datos de pago ni obra ajena sin licencia |
| Original | Solo una captura opaca | Falta variante o leyenda | Se guarda lo editable | El PNG, si existe, es prueba y está nombrado |
En esta lección la nota dice cuántos nodos tiene la silueta, si está cerrada, qué capa va delante y si el relleno es necesario. Un SVG ilegible no se arregla exportando a PNG.
Responde en el cuaderno y abre después. El párrafo «Por qué» es lo que se estudia.
Respuesta. Porque el programa cierra por su cuenta, con un segmento que tú no elegiste.
Por qué: El relleno se comporta raro si no cierras la forma porque el programa inventa el tramo que falta. Ese segmento cruza la figura y el color aparece donde no lo pediste. Cerrar de verdad, nodo con nodo, es anterior a cambiar el color.
Respuesta. Cambia quién tapa, no la forma ni el tamaño.
Por qué: Traer una capa delante cambia quién tapa a quién. No cambia la forma ni el tamaño del trazo que queda debajo. Si la silueta «desaparece», casi siempre está tapada, no borrada, y el arreglo es el orden, no un nodo nuevo.
Respuesta. No. Es una mancha que solo funciona sobre fondo blanco.
Por qué: Un círculo blanco encima no es un agujero: es una mancha que solo funciona sobre fondo blanco. En otro papel o sobre una foto, el blanco se ve y el hueco era mentira. El agujero se construye en el contorno, no se pinta.
En la vida real
Editas y dibujas aquí. No hay salto a otro módulo. La misma herramienta está en l14-trazos-rellenos-nodos-y-capas.html y, debajo, en un marco.
Dibuja en el laboratorio una silueta cerrada en la capa 1 y un detalle en la capa 2. Trae delante la que deba verse. En la nota: número de nodos, si cierra, colores de trazo y relleno. Una buena entrega se entiende con las capas nombradas, no con «copia».
reto_id: bach1-tic-L14