Alinear es hacer coincidir un borde o un eje. Distribuir es igualar los huecos entre piezas, no igualar el tamaño de las piezas. Son órdenes distintas. Alinear a la izquierda tres cajas de distinta anchura deja un borde común; distribuirlas en horizontal iguala el aire entre ellas y puede desalinear ese borde si no partes de la misma guía. El ojo perdona mal un borde que «casi» coincide: en pantalla se ve el salto de dos píxeles.
Las guías del laboratorio (la línea de puntos) son la referencia, no un adorno. Pegar las piezas a la guía es la versión simple de alinear a una margen. Centrar cada pieza en el lienzo es otra decisión: vale para un sello solo, y estorba cuando hay tres sellos que deberían leerse como lista.
El orden de capas decide qué tapa. Traer delante la pieza A no la hace más importante en el mensaje: solo la hace visible. Si A tapa el rótulo de B, o se aparta o se manda detrás. Un filtro (aquí, pasar a gris) sirve para probar si la composición se entiende sin el color de marca, o para una versión fotocopiable. Dejar el gris «porque queda serio» sin esa razón es un efecto, no una decisión. Desenfoque, sombra y relieve, en un programa completo, siguen la misma regla: si no explicas para qué están, se quitan.
En un plano del aula, alinear las mesas a la misma vertical es información: dice que hay una fila. Distribuirlas al azar dice otra cosa, aunque cada mesa esté «bien dibujada». La composición es el mensaje, no el marco.
Decisión de esta lección. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes.
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.
Alinear. Coincidir bordes o ejes.
Distribuir. Igualar huecos entre piezas, no su tamaño.
Guía. Línea de referencia. No forma parte del dibujo exportado.
Orden de capa. Quién tapa a quién.
Filtro. Transformación de aspecto. Aquí, el gris como prueba.
Margen. Distancia al borde. Es información, no un resto.
Composición. Lo que el conjunto dice, además de cada pieza.
Salto de píxel. Desalineación pequeña que el proyector delata.
Tres mesas «casi» alineadas, con dos píxeles de salto que en el proyector se ven. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes.
Se distribuye cuando se quería un borde izquierdo común. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes.
Se centra cada elemento y la lista deja de leerse como lista. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes.
En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes.
Situación. Tres mesas «casi» alineadas, con dos píxeles de salto que en el proyector se ven.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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 distribuye cuando se quería un borde izquierdo común.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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 centra cada elemento y la lista deja de leerse como lista.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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 filtro gris se deja puesto porque queda serio, sin motivo de fotocopia.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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 pieza A tapa el rótulo y se reduce el rótulo en vez de cambiar el orden de capa.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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. No hay guías: cada forma se coloca a ojo respecto al centro del lienzo.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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. Alinear arriba y distribuir en horizontal se pulsan los dos sin mirar qué ha pasado.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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 cajas tienen el mismo color y al alinear no se distingue cuál es cuál.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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 usa el filtro de desenfoque para tapar un nodo mal cerrado.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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 composición del plano dice «fila» pero las mesas están repartidas como pegatinas.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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 usa para intentar alinear.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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 margen izquierdo de la marca y el del texto no coinciden en el folleto exportado.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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 agranda una caja para igualar huecos en vez de distribuir.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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 sombras distintas en cada pieza y el ojo sigue la sombra, no el borde.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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 guía se dibuja y luego se exporta dentro del PNG como si fuera parte del signo.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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. Dos personas alinean con reglas distintas en el mismo archivo y no hay una sola margen.
Criterio. En esta lección la nota dice a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes. 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 filtro gris se deja puesto porque queda serio, sin motivo de fotocopia.
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é: Dejar el filtro gris porque «queda serio», sin una fotocopia que lo pida, esconde el color que sí informa. El gris es una prueba de lectura sin tinta, y se quita si no hay ese motivo. La nota dice si el filtro se queda o era un ensayo.
Situación. La pieza A tapa el rótulo y se reduce el rótulo en vez de cambiar el orden de capa.
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 pieza A tapa el rótulo, encoger el rótulo castiga el texto para no tocar el orden. El arreglo es cambiar qué capa va delante, no reducir lo que se tiene que leer. El tamaño del rótulo se decide por la lectura, no por el solape.
Situación. No hay guías: cada forma se coloca a ojo respecto al centro del lienzo.
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é: Sin guías, cada forma se coloca a ojo respecto al centro y los dos píxeles de salto se ven en el proyector. Las guías existen para un borde común, no como adorno. Se alinea a un borde nombrado y luego se captura, no al revés.
Situación. Alinear arriba y distribuir en horizontal se pulsan los dos sin mirar qué ha pasado.
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é: Alinear arriba y distribuir en horizontal no son el mismo gesto, y pulsar los dos sin mirar mezcla bordes con huecos. Alinear comparte un borde o un eje; distribuir separa los inicios. Hay que deshacer y quedarse con el que pedía el encargo.
| 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 a qué borde se alineó y si el gris es una prueba o se queda. La captura se hace después de alinear, no antes.
Responde en el cuaderno y abre después. El párrafo «Por qué» es lo que se estudia.
Respuesta. No. Alinear comparte un borde o un eje. Distribuir iguala huecos.
Por qué: Alinear y distribuir no son el mismo botón con otro nombre. Alinear comparte un borde o un eje; distribuir iguala los huecos y mueve los inicios. Si querías una fila con el mismo borde izquierdo, distribuir lo deshace.
Respuesta. Solo si sirve para probar la lectura sin color o para una fotocopia. Si no, se quita.
Por qué: El filtro gris no mejora la marca por sí solo. Sirve para probar la lectura sin color o para una fotocopia, y si no hay ese motivo se quita. Dejarlo porque queda serio oculta el ámbar que era información.
Respuesta. Sí cuando el conjunto pretende un borde común, y más en el proyector.
Por qué: Dos píxeles importan cuando el conjunto promete un borde común, y más en el proyector, donde el salto se ve. El ojo detecta el fallo precisamente porque le prometiste una línea. Se corrige con la guía, no se disculpa como detalle.
En la vida real
Editas y dibujas aquí. No hay salto a otro módulo. La misma herramienta está en l16-alineacion-distribucion-y-filtros.html y, debajo, en un marco.
Coloca tres piezas, alinéalas a la izquierda y, en otra prueba, distribúyelas. Di en la nota cuál de las dos vale para una fila de mesas y por qué. Activa el gris y decide si se queda. Una buena entrega no exporta las guías.
reto_id: bach1-tic-L16