Motion
Animación con recortes de papel
Un corto de 20 segundos con recortes de papel convierte una pregunta escrita a mano en cinco demostraciones de diseño y las reúne en un libro de posibilidades.
Ideas de diseño para
- Motion design con recortes de papelPlanifica escenas táctiles con bordes rasgados, texturas pintadas, personajes en capas y objetos articulados.
- Cortos de historias de productoTraduce varias capacidades en una pregunta compacta, una demostración, una respuesta y una invitación.
- Adaptaciones de marca basadas en el tiempoReformula una referencia de animación existente con nuevos personajes, resultados, ritmo y banda sonora.
Aspectos destacados de la animación
- Cinco acciones en seis segundosUn toque, un despliegue, un cambio de página, un gesto con cinta y una línea de tiempo en movimiento hacen que cada resultado se comporte de forma distinta.
- Una respuesta continua de papelCinco obras entran en un libro antes de que se cierre, se pliegue, vuele de vuelta y se abra en las manos de la niña.
- Una invitación final físicaLa pregunta final aparece en una nota rayada que la niña levanta y clava junto a su ventana.
Vista previa del diseño de animación con recortes de papel
Una historia de pregunta y respuesta en 20 segundos
El corto empieza en una ventana nocturna, donde una niña escribe: «OpenDesign, what can you design?». La pregunta se convierte en un avión de papel, cruza la ciudad y llega al compañero de OpenDesign. Tras cinco demostraciones compactas, la respuesta regresa como un libro con la frase «It starts with your idea». Una nota final clavada pregunta al público: «What will you design?».
Esta estructura da a la secuencia central una función práctica: cada ejemplo responde a la pregunta inicial, mientras que el libro demuestra que los ejemplos forman parte de una sola respuesta. La contrapartida es la velocidad. Con solo 20 segundos disponibles, las acciones necesitan una anticipación breve, un resultado legible y un traspaso inmediato al siguiente objeto.
| Tiempo | Momento visible | Implicación de diseño |
|---|---|---|
| 0–5,5 s | La niña descubre una idea, escribe la pregunta, la dobla en forma de avión y la envía por el cielo nocturno. | La escritura debe permanecer en pantalla el tiempo suficiente para leerse, pero el doblez y el vuelo siguen necesitando siluetas claras. |
| 5,5–7 s | El compañero de OpenDesign lee, piensa y responde con una chispa. | Esta pausa separa la recepción de la pregunta de la demostración de una respuesta. |
| 7–13 s | Aparecen en secuencia el prototipo, el sitio web, la presentación, los pósteres y el corto animado. | Cada capacidad recibe una acción física distinta en lugar de depender solo de etiquetas. |
| 13–17 s | Las cinco obras entran en un libro, que se cierra, regresa, se abre y revela la respuesta. | La continuidad de los objetos vincula el montaje de demostraciones con la reacción de la niña. |
| 17–20 s | Ella abraza el libro, saluda y clava la pregunta final para el público. | El corto pasa de responder al personaje a invitar al espectador. |
Hacer que cinco capacidades se lean de forma distinta
El montaje de capacidades evita presentar cinco tarjetas estáticas. Un prototipo cambia tras un toque, un sitio web se despliega, una presentación pasa de la portada a un gráfico, los pósteres se superponen mientras uno se fija con cinta y un avión se mueve por una tira de película mientras avanza su línea de tiempo. Las etiquetas identifican las categorías, pero el contacto y el cambio de estado aportan la evidencia.
Toque en el prototipo
La interfaz necesita un estado visible de antes y después, seguido de una breve pausa. Un toque rápido sin la página cambiada comunicaría contacto, pero no interacción.
Cambio de página de la presentación
La portada deja paso a un gráfico cuyas barras suben en secuencia. Ese segundo estado hace la presentación más concreta, aunque requiere más tiempo en pantalla que una diapositiva estática.
Acciones del póster y la película
La cinta crea un contacto creíble para el póster, mientras que el movimiento de la línea de tiempo distingue la tira de película de una ilustración decorativa. Ambas acciones deben seguir siendo legibles en el tamaño de vista previa de la galería.
Usar el papel como material y como transición
Fibras blancas rasgadas, amplias pinceladas de gouache, hojas de colores en capas y rotulado manuscrito mantienen el corto visiblemente artesanal. La niña está formada por piezas de papel articuladas por separado, mientras que el compañero de OpenDesign conserva el icono oscuro del logotipo, el anillo blanco y el cursor verde. Mover piezas completas preserva las texturas unidas a ellas y evita el aspecto resbaladizo de los efectos que flotan sobre una ilustración plana.
La transición más sólida comienza con cinco ranuras vacías en el libro. Cada miniatura aparece solo cuando aterriza su obra correspondiente; después la cubierta se cierra y se pliega para convertirse en la respuesta que regresa. Esto es más exigente que fundir entre escenas, porque la colocación, el solapamiento y el tiempo deben coincidir, pero da al espectador un único objeto continuo que seguir.
Establece el destino vacío
Muestra el libro antes de llenar sus ranuras para que cada obra que llega produzca un cambio visible.
Recoge una obra cada vez
Mueve los cinco resultados a posiciones separadas en secuencia; no reveles una miniatura antes de que aterrice su objeto de origen.
Conserva la respuesta durante el regreso
Cierra y pliega el libro hasta su forma de viaje, y deja que la niña lo atrape y lo reabra sin ocultar sus ojos ni su expresión.
Puesta en escena del contacto de las manos y de pausas legibles
El corto se apoya en el tacto para que los objetos de papel se sientan presentes. El compañero se inclina hacia un prototipo, flota junto a la cinta y se esconde tras el libro reunido. Las manos de la niña se encuentran con el libro que llega a la altura del pecho y luego mantienen contacto con la nota final hasta que se clava. Unas manoplas de papel cortas y redondeadas mantienen la proporción con el compañero en lugar de estirarse en brazos delgados.
La adaptación a 16:9 extiende las paredes y el cielo alrededor de una composición central íntima. Ese ancho adicional da respiro a los vuelos y las etiquetas, pero los gestos importantes se mantienen cerca del centro. La nota final es deliberadamente más grande que un retal realista porque «What will you design?» debe sobrevivir en una miniatura. La pregunta completa recibe una pausa después de que las manos de la niña se juntan.
Fuente, adaptación y alcance actual
Este remake oficial de código de OpenDesign adapta la composición de papel artesanal de una pieza animada publicada por @kevin_t_ngo. La referencia es un corto cuadrado de 28 segundos; esta adaptación es una historia de 20 segundos en 16:9 con el compañero de OpenDesign, escenas de capacidades revisadas y una banda sonora original suministrada. El crédito registra la referencia y no implica respaldo de su creador.
Este es un corto animado renderizado: sus interfaces en miniatura son accesorios narrativos, no aplicaciones de diseño funcionales. La plantilla procede de un flujo de vídeo propuesto para OpenDesign; su disponibilidad depende de la versión instalada. Comprueba por separado los permisos de reutilización del material de referencia y de los recursos incluidos.
Cómo crear un diseño de animación con recortes de papel en OpenDesign
Asigna la historia a pausas y acciones exactas
Empieza con una pregunta, un conjunto breve de resultados demostrados, una respuesta que regresa y una invitación final. Asigna rangos de tiempo antes de pulir las ilustraciones. Incluye anticipación, acción, resultado y pausa en cada momento importante; si el calendario se satura, elimina una capacidad en lugar de hacer que todos los estados sean ilegiblemente breves.
Prompt sugeridoCrea una animación de 20 segundos en 16:9 con recortes de papel. Empieza con una niña que escribe «What can you help me make?» junto a una ventana nocturna y dobla la nota para convertirla en un avión. Muestra a un compañero de OpenDesign que responde con cinco resultados distintos: un prototipo móvil que cambia de estado al tocarlo, un sitio web que se despliega, una página de presentación que gira hacia un gráfico, un póster pegado con cinta y una tira de película con una línea de tiempo en movimiento. Reúne las cinco obras una a una en las ranuras inicialmente vacías de un libro, cierra el libro, devuélveselo a la niña y termina con ella clavando «What will you design?». Usa bordes de papel rasgado, texturas pintadas, pausas legibles y contacto visible de las manos. Mantén esto como una película renderizada; no sugieras que las interfaces en miniatura sean productos funcionales. Usa solo los recursos locales suministrados y ofrece una alternativa manual fotograma a fotograma si no se puede renderizar el vídeo.
Construye piezas de papel reutilizables
Prepara una sola vez las hojas con textura, las partes del personaje, el rotulado y las tarjetas en miniatura de los resultados, y anima sus transformaciones sobre una única línea de tiempo maestra. Mantén la textura unida a cada pieza en movimiento. Prueba el toque del prototipo, el giro de la presentación y la recogida en el libro a velocidad normal, y ajusta los solapamientos para que las manos se encuentren visiblemente con sus objetos.
Revisa fotogramas deterministas y vistas previas pequeñas
Avanza y retrocede para confirmar que el mismo instante produce siempre el mismo fotograma. Revisa la apertura, el montaje de capacidades, el libro devuelto y la nota clavada en tamaños de escritorio y de vista previa estrecha. Conserva la sincronización de la banda sonora cuando se use, pero mantén en silencio los fotogramas capturados. Como PR8619 no se ha fusionado, trata el entorno de proyecto disponible como una restricción de capacidad y usa un flujo manual de fotogramas renderizados cuando sea necesario.
Exportar y obtener un enlace para compartir
Exporta tu diseño terminado y luego usa Compartir en OpenDesign para obtener un enlace. Abre el enlace en una ventana del navegador independiente y comprueba que la versión prevista y sus recursos estén disponibles antes de enviarlo.
Vídeo de motion del logo con historia del arte
Una película de OpenDesign de 15 segundos en 16:9 mantiene reconocible un único logotipo circular con cursor a través de looks rápidos inspirados en la historia del arte y termina con un logotipo fijo en blanco sobre negro.
Motion
Vídeo animado para un hito de la comunidad
Un vídeo animado de OpenDesign de 30 segundos pasa de la revelación de las 100K estrellas a un mosaico de colaboradores, un montaje de producto y una invitación final a escribir un prompt.
Motion
Diseño de vídeo con motion futurista
Un reel renderizado en azul eléctrico con túnel de palabras, cuenta atrás SET y final cromado FUTURE, rehecho en código sobre una cuadrícula de cortes a 120 BPM. Consulta su ritmo y cómo adaptarlo.
Motion
Diseño de showreel de motion designer
Un showreel de 15 segundos a 128 BPM recreado en código, con cortes de color secos, un HUD en vivo y siete capítulos sincronizados con los compases. Descubre cómo funcionan el ritmo, la tipografía y la paleta.
Motion