Как создается этот продукт с эффектом окон / голограммы?

Я пытаюсь повторить визуальный эффект этой коробки продукта:

Как это создано? Какие типы материалов я должен использовать?

Это простое применение эффекта муара . Вот один из способов воссоздать его:

1. Создайте узор, состоящий из правильных черных полос. Для оптимального результата полосы должны быть немного шире, чем прозрачные промежутки между ними; здесь я использовал 6px полосы с 4px зазорами:

   

   Этот шаблон будет тем, что вы напечатаете на прозрачном экране перед упаковкой.

2. Сделайте копию маски, смещенной на 50% полосы + ширину зазора, и слегка растяните ее. Здесь я растянул маску по горизонтали на 2 пикселя.

   

   Когда вы накладываете две маски, они должны быть полностью непрозрачными, но небольшое смещение одной из них должно привести к выравниванию зазоров и просвечиванию фона. Небольшое растяжение гарантирует, что зазоры будут выравниваться быстрее на одном конце маски, чем на другом, создавая эффект «волны» в ваших примерах.

3. Сделайте белый текст на черном фоне и наложите на него растянутую маску:

   

   

   Это будет то, что вы напечатаете на карте за экраном.

4. При выравнивании замаскированного текста и экрана переднего плана черные полосы на экране закрывают белые полосы в тексте, что делает его скрытым. Слегка перемещая текст (или экран), белые полосы будут видны через пробелы; так как расстояние между полосами немного отличается, это не произойдет одновременно везде:

   

Ps. Для этой быстрой онлайн-демонстрации я использовал GIMP, но для реального печатного продукта вы почти наверняка захотите использовать редактор векторной графики, который даст вам более точный контроль над шириной и расположением маски.

Вы также можете поэкспериментировать с вариациями этого метода, такими как изменение ширины полосы / пропуска или с небольшим смещением текстовой маски для каждой буквы в тексте вместо простого ее масштабирования, что должно привести к тому, что каждая буква будет появляться в разное время ( и вполне может быть тем, что на самом деле сделано в приведенных выше примерах).

Конечно, сложная часть, если вы хотите превратить это в реальный физический продукт, будет правильно выровнять карту и экран, так что текст будет изначально скрыт.

Забавно, что ты спрашиваешь об этом - я впервые увидел это на прошлой неделе сам в виде книги в магазине игрушек. Я искал это онлайн и нашел это:

О Scanimation . В случае, если эта страница исчезнет, ​​здесь есть ссылка на видео YouTube .

Не уверен, что Scanimation это просто торговая марка или нет, но вот их описание:

Scanimation - это современный шестифазный процесс анимации, который сочетает в себе принцип «постоянства зрения» с полосатым ацетатным наложением, создавая иллюзию движения.

Видео дает очень краткое представление о процессе. Если у кого-то здесь есть опыт такого рода вещей, он сможет дать вам лучший ответ, но, надеюсь, это покажет вам правильное направление.

РЕДАКТИРОВАТЬ: Прописать @Ilan за его комментарий, где он ссылается на учебник о том, как воссоздать эффект.

PS На странице, на которую я ссылаюсь выше, также написано: «Она возвращает нас к старым волшебным дням кинетоскопа» - это также стоит посмотреть . У людей были некоторые новаторские способы анимации вещей до появления традиционного фильма.