Як створюється ця коробка товару з ефектом windows / голограма?


12

Я намагаюся повторити візуальний ефект цього продуктового вікна:

введіть тут опис зображення

введіть тут опис зображення

введіть тут опис зображення

Як це створюється? Який тип матеріалів я повинен використовувати?


1
Це питання видається поза темою, оскільки воно не пов’язане з полем GD
Ілан,

2
Cemetarywind, ти знаєш, яка шоколадна компанія зробила пакет? Було б добре відредагувати і включити у запитання ... і я думаю, що це на тему.
Райан

3
?? Дизайн упаковки є 100% законною галуззю графічного дизайну. Хороше запитання
користувач56reinstatemonica8

Я дещо погоджуюся з @Ilan, цей ефект створюється завдяки певному використанню матеріалів. Все-таки, на мій погляд, досить цікавий, щоб тримати це тут.
paddotk

Відповіді:


11

Це просте застосування ефекту муаре . Ось один із способів відтворити це:

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

    Смуга маска (чорна ширина 60% на прозорій)

    Цей зразок буде тим, що ви надрукуєте на прозорому екрані перед пакетом.

  2. Зробіть копію маски, зміщену на 50% від ширини смуги + зазор і дуже трохи розтягніть її. Тут я розтягнув маску горизонтально на 2 пікселя.

    Натягнута смужка маски

    Якщо ви накладаєте дві маски, вони повинні бути повністю непрозорими, але злегка зміщення однієї з них повинно призвести до вирівнювання зазорів, а фону до появи. Невелике розтягнення гарантує, що зазори будуть вирівнюватися швидше на одному кінці маски, ніж на іншому, створюючи ефект "хвилі" у ваших прикладах.

  3. Складіть білий текст на чорному тлі та накладіть на нього натягнуту маску:

    Білий текст на чорному тлі

    Текст в масці

    Це буде те, що ви надрукуєте на картці за екраном.

  4. Якщо текст у масках та екран переднього плану вирівняний, чорні смуги на екрані покривають білі смуги тексту, що призводить до його приховання. Злегка перемістивши текст (або екран), проте, білі смуги будуть проявлятися через прогалини; оскільки відстань між смугами дещо відрізняється, це не відбуватиметься одночасно скрізь:

    Анімація

Пс. Для цієї швидкої демонстрації в Інтернеті я використовував GIMP, але для фактичного друкованого продукту ви майже напевно хочете використовувати редактор векторної графіки, який дозволить точніше контролювати ширину та розміщення маски.

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

Звичайно, хитра частина, якщо ви хочете перетворити це на фактичний фізичний продукт, отримає правильну вирівнювання картки та екрана, так що текст буде спочатку прихований.


7

Смішно, що ви це запитуєте - я щойно вперше побачив це в минулому тижні в книжковій формі в магазині іграшок. Я шукав це в Інтернеті і виявив це:

Про сканімацію . Якщо ця сторінка піде, ось вам посилання на відео YouTube .

Не впевнений, Scanimation - це лише торгова марка чи ні, але ось їх опис:

Сканімація - це найсучасніший процес шестифазної анімації, який поєднує принцип «стійкості зору» з смугастим ацетатним накладом, щоб створити ілюзію руху.

Відео дає дуже коротке уявлення про процес. Якщо хтось тут має досвід подібних речей, він зможе дати вам кращу відповідь, але, сподіваємось, це покаже вас у правильному напрямку до цього часу.

EDIT: Реквізит до @Ilan для його коментаря, де він посилається на підручник про те, як відтворити ефект.

PS Сторінка, на яку я посилаюсь вище, також говорить, що "це повертається до старих чарівних часів кінетоскопа", - що, можливо, варто також переглянути . Люди мали кілька інноваційних способів анімації речей до того, як трапився традиційний фільм.


1
чудово! ось набір для цієї animation-tutorials.wonderhowto.com/how-to/…
Ілан,

@Ilan - Чудова знахідка! Я додав посилання у свою відповідь. Якщо ви (чи хтось інший) у вас є час написати резюме навчального посібника або відтворити його - обов'язково зробіть це та опублікуйте як окрему відповідь!
Брендан
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.