Титри як джерело натхнення для дизайнера

З титрів почався моушен-дизайн.

Тремтіння камери, клавишная тривожна музика і шурхіт як від голки програвача на задньому плані. Впізнаєте? Так починалися детективи сімдесятих, з якими ми всі познайомилися в вільні дев'яності.

чому знадобиться

Дизайн ділиться на веб, технічний, моушен тільки умовно. Будь-який хороший дизайн - надихає, породжує свіжі думки і дає можливість навчитися новому. Тому якщо навіть ви не займаєтеся моушеном - буде корисно.

Композиція в усьому

Титри не наводяться на екрані хаотично. Тут працюють ті ж закони композиції, що і в будь-якому дизайні.

Наприклад, подивіться це інтро до «Картковому будиночка».

З технічної точки зору нічого складного: таймлапси і невигадливо з'являється текст. Але подумки поділіть екран на квадранти і зверніть увагу, що текст завжди з'являється в самому темному з них (так текст виглядає контрастніше):

Титри як джерело натхнення для дизайнера

Другий композиційний прийом: об'єкти на передньому плані обрамляють певну зону кадру, залучаючи до неї увагу. Там і поміщається текст:

Титри як джерело натхнення для дизайнера

Можете навіть пограти в гру «вгадай, в якому квадраті з'явиться текст». Практично безвідмовно працює.

Взаємодій з оточенням

Прийом істотно урізноманітнює поява тексту. Дизайнер використовує інші об'єкти (в нашому випадку рухомі об'єкти в кадрі), виходить ефект несподіванки.

Як в цьому вступному ролику до «Підпільної імперії».

Титри як джерело натхнення для дизайнера

Все не випадково

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

Наприклад, згадайте вступні титри до «Зодіаку». Прізвища акторів і знімальної групи на частку секунди перетворюються в ті самі символи.

Титри як джерело натхнення для дизайнера

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

Творці аркади Octodad пішли ще далі. Ігри - інтерактивне розвага, так чому б не зробити вступні титри частиною гри?

За сюжетом ви - восьминіг, який вдало прикидається людиною. Так вдало, що у нього вже є доросла дочка, яку він видає заміж. Однак у татуся є один недолік - у нього все валиться з рук (блін, тому що він восьминіг!). І якщо в грі завдання гравця - постригти газон на галявині і не спалити, що ти рідня Ктулху, то у вступних титрах можна відриватися по-повній, розкидаючи букви тентаклямі.

Відмінний приклад, коли «все не випадково», як нам здається.

Повільно і зі смаком

Що робить звичайні серіальні титри шедевром? Правильно підібрана музика, ритм, візуальний ряд, типографіка, моушен - список нескінченний. Візуальний стиль, в якому зараз намагається робити коллажик кожен дизайнер, був доведений до досконалості в «Справжній детектив».

Давайте подивимося обидві частини, раз така справа.

В кінці підкинемо посилання на історію створення ролика.

Титри як джерело натхнення для дизайнера

З тієї ж серії один з кращих сьогоднішніх роликів. Кажуть, серіал теж хороший.

Зверніть увагу, що рух в кадрі завжди йде в напрямку з'являються титрів. Це допомагає привернути увагу глядача. Дивимося, «Шибайголова»:

Ручна робота

Техніки «ручний» анімації - це те, що завжди в моді. Особливо затребувана в комедійному жанрі: стоп-моушен - це мило і кумедно.

Чорне і біле

Тим, хто дизайн сайту, рідко доводиться робити картинку, яка б відштовхувала і викликала тремтіння зубовний. Кіношникам в цьому плані пощастило більше.

Дивіться шикарний приклад титрів. Що бачите: чорнило і білу тканину балетної пачки або кров і бинти? Все змішалося в ролику, як і в голові головної героїні (ой, спойлер, спойлер).

Давайте ще чорно-білу загадку. Що перед вами: карта автомагістралей, кровоносна система, гілки дерев? Поширення зарази вдалося показати більш, ніж добре.

«Одні з нас» (Last of us)

Мінімалізм дає простір для фантазії. Не тільки в кінозаставка.

деталі типографіки

Хулігани на екрані

Ще один прийом, який вважається класикою - стоп-кадри з титрами. Так, ви правильно згадали Гая Річі.

У «Великому куші» таким чином глядача знайомлять з персонажами:

А в третьому «Залізній людині» просто зупиняють над-динамічну картинку, щоб у глядача був шанс прочитати текст.

Тексти перевертаються й писані з'являються - такий монтаж був властивий фільмів минулого, коли художники зі спецефектів щосили грали в технології.

Сідайте в ретромобіль:

Бачили коли-небудь, щоб у конференції для дизайнерів був власний трейлер з такою шикарною роботою з титрами? За моушен одного тільки слова Evolution потрібно вже дати Авард.

Посилання, як обіцяли

Користуйтеся, лайкать нас і згадуйте з легким смутком цю шикарну статтю: