¿Cómo se crea esta caja de producto con efecto windows / holograma?

Estoy tratando de replicar el efecto visual de esta caja de producto:

¿Cómo se crea esto? ¿Qué tipo de materiales debo usar?

Esta es una aplicación simple del efecto muaré . Aquí hay una forma de recrearlo:

1. Crea un patrón que consista en rayas negras regulares. Para un resultado óptimo, las franjas deben ser un poco más anchas que los espacios transparentes entre ellas; aquí, usé rayas de 6px con espacios de 4px:

   

   Este patrón será lo que imprimirá en la pantalla transparente frente al paquete.

2. Haga una copia de la máscara, desplazada en un 50% del ancho de la franja + espacio y estírela ligeramente. Aquí, estiré la máscara horizontalmente en 2px.

   

   Cuando superpone las dos máscaras, deben ser completamente opacas, pero al cambiar ligeramente una de ellas, se deben alinear los espacios y mostrar el fondo. El ligero estiramiento asegura que los espacios se alinearán antes en un extremo de la máscara que en el otro, creando el efecto de "onda" en sus ejemplos.

3. Haga un texto blanco sobre un fondo negro y superponga la máscara estirada sobre él:

   

   

   Esto será lo que imprimirá en la tarjeta detrás de la pantalla.

4. Con el texto enmascarado y la pantalla de primer plano alineados, las rayas negras en la pantalla cubren las rayas blancas en el texto, haciendo que se oculte. Moviendo el texto (o la pantalla) ligeramente, sin embargo, las rayas blancas se mostrarán a través de los espacios en blanco; Debido a que el espacio entre bandas es ligeramente diferente, esto no sucederá al mismo tiempo en todas partes:

   

PD. Para esta rápida demostración en línea, utilicé GIMP, pero para un producto impreso real seguramente querrás usar un editor de gráficos vectoriales, que te dará un control más preciso sobre el ancho y la ubicación de la máscara.

También puede experimentar con variaciones de esta técnica, como variar el ancho de la franja / espacio, o cambiar ligeramente la máscara de texto para cada letra en el texto en lugar de simplemente escalarla, lo que debería hacer que cada letra aparezca en un momento diferente ( y bien puede ser lo que realmente se hace en los ejemplos que muestra arriba).

Por supuesto, la parte difícil, si desea convertir esto en un producto físico real, será alinear correctamente la tarjeta y la pantalla, de modo que el texto se oculte inicialmente.

Es curioso que preguntes esto: acabo de ver esto por primera vez la semana pasada en forma de libro en una juguetería. Busqué eso en línea y encontré esto:

Sobre Scanimation . En caso de que esa página desaparezca, aquí hay un enlace al video de YouTube allí.

No estoy seguro de si Scanimation es solo una marca o no, pero aquí está su descripción:

Scanimation es un proceso de animación de seis fases de vanguardia que combina el principio de "persistencia de la visión" con una superposición de acetato a rayas para dar la ilusión de movimiento.

El video da una idea muy breve del proceso. Si alguien aquí tiene experiencia con este tipo de cosas, podrá darle una mejor respuesta, pero con suerte esto lo guiará en la dirección correcta hasta entonces.

EDITAR: Apoya a @Ilan por su comentario, donde hace referencia a un tutorial sobre cómo recrear el efecto.

PD: La página a la que enlazo arriba también dice "Se remonta a los viejos días mágicos del kinetoscopio", que también podría valer la pena mirar . La gente tenía algunas formas innovadoras de animar las cosas antes de que sucediera la película tradicional.