Я намагаюся повторити візуальний ефект цього продуктового вікна:
Як це створюється? Який тип матеріалів я повинен використовувати?
Я намагаюся повторити візуальний ефект цього продуктового вікна:
Як це створюється? Який тип матеріалів я повинен використовувати?
Відповіді:
Це просте застосування ефекту муаре . Ось один із способів відтворити це:
Створіть візерунок, що складається з звичайних чорних смуг. Для оптимального результату смуги повинні бути трохи ширшими, ніж прозорі зазори між ними; тут я використав 6px смуги з проміжками 4px:
Цей зразок буде тим, що ви надрукуєте на прозорому екрані перед пакетом.
Зробіть копію маски, зміщену на 50% від ширини смуги + зазор і дуже трохи розтягніть її. Тут я розтягнув маску горизонтально на 2 пікселя.
Якщо ви накладаєте дві маски, вони повинні бути повністю непрозорими, але злегка зміщення однієї з них повинно призвести до вирівнювання зазорів, а фону до появи. Невелике розтягнення гарантує, що зазори будуть вирівнюватися швидше на одному кінці маски, ніж на іншому, створюючи ефект "хвилі" у ваших прикладах.
Складіть білий текст на чорному тлі та накладіть на нього натягнуту маску:
Це буде те, що ви надрукуєте на картці за екраном.
Якщо текст у масках та екран переднього плану вирівняний, чорні смуги на екрані покривають білі смуги тексту, що призводить до його приховання. Злегка перемістивши текст (або екран), проте, білі смуги будуть проявлятися через прогалини; оскільки відстань між смугами дещо відрізняється, це не відбуватиметься одночасно скрізь:
Пс. Для цієї швидкої демонстрації в Інтернеті я використовував GIMP, але для фактичного друкованого продукту ви майже напевно хочете використовувати редактор векторної графіки, який дозволить точніше контролювати ширину та розміщення маски.
Ви також можете експериментувати з різними варіантами цієї методики, такими як зміна ширини смуг / проміжок або злегка зміщення текстової маски для кожної літери тексту, а не просто її масштабування, що повинно спричинити появу кожної літери в різний час ( і цілком може бути те, що зроблено насправді в наведених вище прикладах).
Звичайно, хитра частина, якщо ви хочете перетворити це на фактичний фізичний продукт, отримає правильну вирівнювання картки та екрана, так що текст буде спочатку прихований.
Смішно, що ви це запитуєте - я щойно вперше побачив це в минулому тижні в книжковій формі в магазині іграшок. Я шукав це в Інтернеті і виявив це:
Про сканімацію . Якщо ця сторінка піде, ось вам посилання на відео YouTube .
Не впевнений, Scanimation - це лише торгова марка чи ні, але ось їх опис:
Сканімація - це найсучасніший процес шестифазної анімації, який поєднує принцип «стійкості зору» з смугастим ацетатним накладом, щоб створити ілюзію руху.
Відео дає дуже коротке уявлення про процес. Якщо хтось тут має досвід подібних речей, він зможе дати вам кращу відповідь, але, сподіваємось, це покаже вас у правильному напрямку до цього часу.
EDIT: Реквізит до @Ilan для його коментаря, де він посилається на підручник про те, як відтворити ефект.
PS Сторінка, на яку я посилаюсь вище, також говорить, що "це повертається до старих чарівних часів кінетоскопа", - що, можливо, варто також переглянути . Люди мали кілька інноваційних способів анімації речей до того, як трапився традиційний фільм.