Material de diseño gráfico y desarrollo web: presentaciones interactivas sobre identidad, animación, edición digital y código, abiertas a quien quiera consultarlas.
Lo más nuevo · 7 de octubre
Piezas de motion design en bucle, animadas paso a paso en After Effects: cómo se cierra un loop y cómo se planea, se bloquea y se pule, en cinco prácticas que parten de una escena dibujada por un script.
Lo guarda este navegador; no sale de tu equipo.
Láminas con laboratorios que responden al clic.
Identidad y marcaLos tipos de signo con que una organización se hace reconocible, y qué exige cada uno.
Elisa Espinoza Castillo24 láminas
Identidad y marcaLas dimensiones de Aaker y los arquetipos como herramienta para dar carácter a una marca.
Elisa Espinoza Castillo20 láminas
Identidad y marcaDe la luz a la imprenta: cómo sale la paleta de una marca de su personalidad y cómo se especifica para cada salida.
Elisa Espinoza Castillo28 láminas
Código y webQué es la red, de dónde viene y con qué vocabulario se habla de ella.
Luis E. Maldonado Gil27 láminas
Código y webLa estructura de un documento y el significado de cada etiqueta.
Luis E. Maldonado Gil30 láminas
Código y webCómo se aplica el estilo y por qué una regla gana sobre otra.
Luis E. Maldonado Gil34 láminas
Código y webDónde se coloca cada bloque y cómo se reacomoda todo cuando la pantalla cambia de tamaño.
Luis E. Maldonado Gil31 láminas
Animación y movimientoDel juguete óptico al fotograma digital, con la técnica detrás de cada etapa.
Luis E. Maldonado Gil47 láminas
Animación y movimientoQué distingue a un gráfico animado y cómo se gobierna su temporización.
Luis E. Maldonado Gil21 láminas
Animación y movimientoLos principios de Disney explicados sobre movimiento en pantalla.
Luis E. Maldonado Gil32 láminas
Animación y movimientoLos doce principios del motion graphics construidos en vivo: doce laboratorios que se manipulan en la propia lámina, y ejemplos de interfaces reales al lado.
Luis E. Maldonado Gil25 láminas
NuevoAnimación y movimientoCómo se lee y cómo se dibuja una curva de animación, con seis ejercicios guiados por principios de animación y de motion graphics, sus scripts y sus expresiones.
Luis E. Maldonado Gil26 láminas
Práctica profesionalLo que hay que saber del SAT antes de egresar: qué régimen te toca, doce mitos desmontados y la diferencia entre bruto y neto.
Elisa Espinoza Castillo17 láminas
Práctica profesionalQué compromisos adquiere quien firma un trabajo de diseño.
Luis E. Maldonado Gil22 láminas
Práctica profesionalLas especialidades del campo, lo que buscan los empleadores y cómo se demuestra.
Luis E. Maldonado Gil31 láminas
Práctica profesionalQué es un currículum, los tres tipos que existen y cómo elegir el que le conviene a tu experiencia.
Elisa Espinoza Castillo28 láminas
NuevoAnimación y movimientoPiezas de motion design en bucle, animadas paso a paso en After Effects: cómo se cierra un loop y cómo se planea, se bloquea y se pule, en cinco prácticas que parten de una escena dibujada por un script.
Luis E. Maldonado Gil35 láminasVarias piezas en un orden con sentido.
Paso a paso, para seguirlos con el programa abierto.
Enseñanza y evaluaciónDos modelos cl?sicos para pensar qu? ocurre cuando se comunica para ense?ar.
Luis E. Maldonado Gil4:44
Animación y movimientoEl primer ejercicio de toda animación —la pelota que bota— con lo mínimo del programa.
Luis E. Maldonado Gil1:05:46
Animación y movimientoContinuación del ejercicio: temporización, peso y acabado del movimiento.
Luis E. Maldonado Gil41:50
Animación y movimientoUno de los doce principios llevado a la práctica, con el programa delante.
Luis E. Maldonado Gil39:55
Animación y movimientoLlevar un vector de Illustrator a After Effects y dejarlo en condiciones de animarse.
Luis E. Maldonado Gil58:36
Animación y movimientoMáscaras para revelar y ocultar, y el movimiento de onda que se construye con ellas.
Luis E. Maldonado Gil51:49
Animación y movimientoCifras que cuentan solas con expresiones, sin animar fotograma a fotograma.
Luis E. Maldonado Gil44:11
Animación y movimientoCómo se anima una marca: del archivo vectorial a la pieza que la presenta en movimiento.
Luis E. Maldonado Gil47:20
Animación y movimientoLa cámara del programa y cómo encuadra, y qué cambia respecto a mover las capas.
Luis E. Maldonado Gil1:48:15
Animación y movimientoEmpaquetar una animación de After Effects para que se edite desde Premiere sin abrirla.
Luis E. Maldonado Gil50:17
Animación y movimientoEl efecto que aleja el fondo mientras el sujeto se queda quieto, construido paso a paso.
Luis E. Maldonado Gil1:13:33
Animación y movimientoLa profundidad que se finge separando planos: la técnica del multiplano, hoy.
Luis E. Maldonado Gil1:05:17
Herramientas y softwareUn mismo diseño en claro y en oscuro sin duplicar pantallas.
Luis E. Maldonado Gil17:33
Herramientas y softwareLa barra de abajo en móvil: iconos, estado activo y transiciones.
Luis E. Maldonado Gil39:11
Herramientas y softwareLa barra de arriba de una aplicación, con sus estados y su comportamiento.
Luis E. Maldonado Gil48:47
Herramientas y softwareUn control que cambia de estado con variables, y el botón que lo devuelve al inicio.
Luis E. Maldonado Gil22:03
Herramientas y softwareCómo se arma un control de varias opciones que se comporta como el de verdad.
Luis E. Maldonado Gil31:45
Herramientas y softwareMontar una prueba de usabilidad sobre el prototipo y leer lo que devuelve.
Luis E. Maldonado Gil32:32
Herramientas y softwareQué distingue a un ePub fluido de un PDF, y cómo se prepara el documento.
Luis E. Maldonado Gil41:29
Herramientas y softwareEstilos y jerarquía: lo que hace que el texto se recoloque bien en cualquier pantalla.
Luis E. Maldonado Gil25:31
Herramientas y softwareImágenes, anclajes y objetos que tienen que viajar con el texto.
Luis E. Maldonado Gil23:27
Herramientas y softwareExportar, revisar y corregir lo que el lector va a encontrarse.
Luis E. Maldonado Gil17:27
Herramientas y softwareBotones que revelan y esconden contenido dentro de un PDF.
Luis E. Maldonado Gil36:51
Animación y movimientoEl repertorio de encuadres y qué dice cada uno de ellos.
Luis E. Maldonado Gil3:11
Animación y movimientoAnimación cuadro a cuadro y salida al formato que sigue circulando por todas partes.
Luis E. Maldonado Gil43:21
Código y webGenerar un carrusel y llevarlo a una página escribiendo el HTML a mano.
Luis E. Maldonado Gil24:11Para leer, consultar y citar.
Identidad y marcaLos tipos de signo con que una organización se hace reconocible, y qué exige cada uno.
Elisa Espinoza Castillo24 láminasIdentidad y marcaLas dimensiones de Aaker y los arquetipos como herramienta para dar carácter a una marca.
Elisa Espinoza Castillo20 láminasIdentidad y marcaDe la luz a la imprenta: cómo sale la paleta de una marca de su personalidad y cómo se especifica para cada salida.
Elisa Espinoza Castillo28 láminasCódigo y webQué es la red, de dónde viene y con qué vocabulario se habla de ella.
Luis E. Maldonado Gil27 láminasCódigo y webLa estructura de un documento y el significado de cada etiqueta.
Luis E. Maldonado Gil30 láminasCódigo y webCómo se aplica el estilo y por qué una regla gana sobre otra.
Luis E. Maldonado Gil34 láminasCódigo y webDónde se coloca cada bloque y cómo se reacomoda todo cuando la pantalla cambia de tamaño.
Luis E. Maldonado Gil31 láminasAnimación y movimientoDel juguete óptico al fotograma digital, con la técnica detrás de cada etapa.
Luis E. Maldonado Gil47 láminasAnimación y movimientoQué distingue a un gráfico animado y cómo se gobierna su temporización.
Luis E. Maldonado Gil21 láminasAnimación y movimientoLos principios de Disney explicados sobre movimiento en pantalla.
Luis E. Maldonado Gil32 láminasAnimación y movimientoLos doce principios del motion graphics construidos en vivo: doce laboratorios que se manipulan en la propia lámina, y ejemplos de interfaces reales al lado.
Luis E. Maldonado Gil25 láminasNuevoAnimación y movimientoCómo se lee y cómo se dibuja una curva de animación, con seis ejercicios guiados por principios de animación y de motion graphics, sus scripts y sus expresiones.
Luis E. Maldonado Gil26 láminasPráctica profesionalLo que hay que saber del SAT antes de egresar: qué régimen te toca, doce mitos desmontados y la diferencia entre bruto y neto.
Elisa Espinoza Castillo17 láminasPráctica profesionalQué compromisos adquiere quien firma un trabajo de diseño.
Luis E. Maldonado Gil22 láminasPráctica profesionalLas especialidades del campo, lo que buscan los empleadores y cómo se demuestra.
Luis E. Maldonado Gil31 láminasPráctica profesionalQué es un currículum, los tres tipos que existen y cómo elegir el que le conviene a tu experiencia.
Elisa Espinoza Castillo28 láminasEnseñanza y evaluaciónDos modelos cl?sicos para pensar qu? ocurre cuando se comunica para ense?ar.
Luis E. Maldonado Gil4:44
Enseñanza y evaluaciónLos niveles de Bloom leidos junto a los verbos que cambian cuando hay IA de por medio, y su correspondencia con la profundidad de SOLO.
Luis E. Maldonado GilDocumentoAnimación y movimientoEl primer ejercicio de toda animación —la pelota que bota— con lo mínimo del programa.
Luis E. Maldonado Gil1:05:46Animación y movimientoContinuación del ejercicio: temporización, peso y acabado del movimiento.
Luis E. Maldonado Gil41:50Animación y movimientoUno de los doce principios llevado a la práctica, con el programa delante.
Luis E. Maldonado Gil39:55Animación y movimientoLlevar un vector de Illustrator a After Effects y dejarlo en condiciones de animarse.
Luis E. Maldonado Gil58:36Animación y movimientoMáscaras para revelar y ocultar, y el movimiento de onda que se construye con ellas.
Luis E. Maldonado Gil51:49Animación y movimientoCifras que cuentan solas con expresiones, sin animar fotograma a fotograma.
Luis E. Maldonado Gil44:11Animación y movimientoCómo se anima una marca: del archivo vectorial a la pieza que la presenta en movimiento.
Luis E. Maldonado Gil47:20Animación y movimientoLa cámara del programa y cómo encuadra, y qué cambia respecto a mover las capas.
Luis E. Maldonado Gil1:48:15Animación y movimientoEmpaquetar una animación de After Effects para que se edite desde Premiere sin abrirla.
Luis E. Maldonado Gil50:17Animación y movimientoEl efecto que aleja el fondo mientras el sujeto se queda quieto, construido paso a paso.
Luis E. Maldonado Gil1:13:33Animación y movimientoLa profundidad que se finge separando planos: la técnica del multiplano, hoy.
Luis E. Maldonado Gil1:05:17Herramientas y softwareUn mismo diseño en claro y en oscuro sin duplicar pantallas.
Luis E. Maldonado Gil17:33Herramientas y softwareLa barra de abajo en móvil: iconos, estado activo y transiciones.
Luis E. Maldonado Gil39:11Herramientas y softwareLa barra de arriba de una aplicación, con sus estados y su comportamiento.
Luis E. Maldonado Gil48:47Herramientas y softwareUn control que cambia de estado con variables, y el botón que lo devuelve al inicio.
Luis E. Maldonado Gil22:03Herramientas y softwareCómo se arma un control de varias opciones que se comporta como el de verdad.
Luis E. Maldonado Gil31:45Herramientas y softwareMontar una prueba de usabilidad sobre el prototipo y leer lo que devuelve.
Luis E. Maldonado Gil32:32Herramientas y softwareQué distingue a un ePub fluido de un PDF, y cómo se prepara el documento.
Luis E. Maldonado Gil41:29Herramientas y softwareEstilos y jerarquía: lo que hace que el texto se recoloque bien en cualquier pantalla.
Luis E. Maldonado Gil25:31Herramientas y softwareImágenes, anclajes y objetos que tienen que viajar con el texto.
Luis E. Maldonado Gil23:27Herramientas y softwareExportar, revisar y corregir lo que el lector va a encontrarse.
Luis E. Maldonado Gil17:27Herramientas y softwareBotones que revelan y esconden contenido dentro de un PDF.
Luis E. Maldonado Gil36:51Animación y movimientoEl repertorio de encuadres y qué dice cada uno de ellos.
Luis E. Maldonado Gil3:11Animación y movimientoAnimación cuadro a cuadro y salida al formato que sigue circulando por todas partes.
Luis E. Maldonado Gil43:21Código y webGenerar un carrusel y llevarlo a una página escribiendo el HTML a mano.
Luis E. Maldonado Gil24:11NuevoAnimación y movimientoPiezas de motion design en bucle, animadas paso a paso en After Effects: cómo se cierra un loop y cómo se planea, se bloquea y se pule, en cinco prácticas que parten de una escena dibujada por un script.
Luis E. Maldonado Gil35 láminasNinguna pieza coincide con esa búsqueda.
Parte de este material se imparte a nivel licenciatura en la Universidad Autónoma del Estado de México.
CodeLibri, de Luis E. Maldonado Gil y Elisa Espinoza Castillo, responsables de este sitio y de los contenidos que aloja. Para cualquier asunto de este aviso: gil@codelibri.com.mx.
Google Analytics. Este sitio lo usa para medir las visitas. Pone sus propias cookies y envía datos a Google —entre ellos tu dirección IP, el dispositivo y las páginas que ves—, que pueden tratarse fuera de México. Ese tratamiento se rige por la política de privacidad de Google, no por este aviso.
YouTube, y solo si pulsas reproducir en una ficha de video. Hasta ese momento esas páginas no hacen ninguna petición a YouTube: la imagen de portada se sirve desde este mismo dominio. Al pulsar se carga el reproductor de youtube-nocookie.com, y a partir de ahí manda la política de Google.
No hay registro ni cuentas de usuario. No se piden datos personales, no hay formularios de contacto ni boletines, y nada de lo que se guarda se vende ni se cede a nadie fuera de lo dicho arriba.
El panel es privado y solo lo usan sus responsables. Cuando alguien falla la contraseña, se anota su dirección IP y la hora para frenar intentos repetidos; ese registro se borra en cuanto se entra correctamente.
Puedes bloquear o borrar las cookies desde tu navegador, o usar el complemento de inhabilitación de Google Analytics. El Aula funciona igual sin ellas: lo único que se pierde es que recuerde por dónde ibas.
Puedes pedir acceso a tus datos, su rectificación, su cancelación u oponerte a su tratamiento escribiendo a gil@codelibri.com.mx. Se responde por el mismo medio.
Si cambia lo que el sitio recoge, cambia esta página. Última revisión: 31 de agosto de 2026.