Автор: Рома Чигирев

Копирайтер в ADN Digital Studio

Сегодня мы посмотрим немало отличных работ с титрами, а по пути покажем, что это — самый настоящий дизайн и в конце по традиции дадим несколько ссылок на сайты-сокровища. Не забудьте потом добавить в закладки.

С титров начался моушен-дизайн.

Подрагивание камеры, клавишная тревожная музыка и шорох как от иглы проигрывателя на заднем плане. Узнаете? Так начинались детективы семидесятых, с которыми мы все познакомились в свободные девяностые.

Почему пригодится

Дизайн делится на веб, технический, моушен только условно. Любой хороший дизайн — вдохновляет, рождает свежие мысли и дает возможность научиться новому. Поэтому если даже вы не занимаетесь моушеном — будет полезно.

Композиция во всём

Титры не появляются на экране хаотически. Здесь работают те же законы композиции, что и в любом дизайне.

Например, посмотрите это интро к «Карточному домику».

В техническом плане ничего сложного: таймлапсы и незатейливо появляющийся текст. Но мысленно поделите экран на квадранты и обратите внимание, что текст всегда появляется в самом темном из них (так текст выглядит контрастнее):

sections2

Второй композиционный прием: объекты на переднем плане обрамляют определенную зону кадра, привлекая к ней внимание. Там и помещается текст:

sections

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

Взаимодействуй с окружением

Прием существенно разнообразит появление текста. Дизайнер использует другие объекты (в нашем случае движущиеся объекты в кадре), получается эффект неожиданности.

Как в этом вступительном ролике к «Подпольной империи».

wave

Всё не случайно

Как и в любом дизайне, с титрами ничего не бывает просто так. Конечно, если они сделаны профессионально.

В двух предыдущих роликах видеоряд отсылается к сюжету. Но отсылкой может служить и сам текст.

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

zodiac_

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

Создатели аркады Octodad пошли еще дальше. Игры — интерактивное развлечение, так почему бы не сделать вступительные титры частью игры?

По сюжету вы — осьминог, который удачно прикидывается человеком. Так удачно, что у него уже есть взрослая дочь, которую он выдает замуж. Однако у папаши есть один недостаток — у него все валится из рук (блин, потому что он осьминог!). И если в игре задача игрока — постричь газон на лужайке и не спалиться, что ты родня Ктулху, то во вступительных титрах можно отрываться по-полной, расшвыривая буквы тентаклями.

Отличный пример, когда «всё не случайно», как нам кажется.

Медленно и со вкусом

Что делает обычные сериальные титры шедевром? Правильно подобранная музыка, ритм, визуальный ряд, типографика, моушен — список бесконечный. Визуальный стиль, в котором сейчас пытается делать коллажики каждый дизайнер, был доведен до совершенства в «Настоящем детективе».

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

В конце подкинем ссылку на историю создания ролика.

truedetective

Из той же серии один из лучших сегодняшних роликов. Говорят, сериал тоже хороший.

Обратите внимание, что движение в кадре всегда идет в направлении появляющихся титров. Это помогает управлять вниманием зрителя. Смотрим, «Сорвиголова»:

Ручная работа

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

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

Черное и белое

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

Смотрите шикарный пример титров. Что видите: чернила и белую ткань балетной пачки или кровь и бинты? Все смешалось в ролике, как и в голове главной героини (ой, спойлер, спойлер).

«Черный лебедь»:

Давайте еще черно-белую загадку. Что перед вами: карта автомагистралей, кровеносная система, ветви деревьев? Распространение заразы удалось показать более, чем хорошо.

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

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

Детали типографики

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

Хулиганы на экране

Еще один прием, который считается классикой — стоп-кадры с титрами. Да, вы правильно вспомнили Гая Ричи.

В «Большом куше» таким образом зрителя знакомят с персонажами:

А в третьем «Железном человеке» просто останавливают сверх-динамичную картинку, чтобы у зрителя был шанс прочитать текст.

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

Садитесь в ретромобиль:

Бонус

Видели когда-нибудь, чтобы у конференции для дизайнеров был собственный трейлер с такой шикарной работой с титрами? За моушен одного только слова Evolution нужно уже дать авард.

Если кто-то собирается в Канаду, то  FITC 2015 .

Ссылки, как обещали

Пользуйтесь, лайкайте нас и вспоминайте с легкой грустью эту шикарную статью:


Подписывайтесь на «Дизайнерский дайджест». Это еженедельная рассылка главного редактора с лучшими ссылками для графических дизайнеров.
  • Zorik

    Залупа ваша статья

О пользователе Рома Чигирев

Копирайтер в ADN Digital Studio

Последние посты автора Рома Чигирев

    Рубрики

    Вдохновение

    Метки