Этот материал мы подготовили вместе со школой дизайна и технологий Bang Bang Education, которая входит в образовательный холдинг Ultimate Education.

Массово работать с типографикой в моушен и 3D дизайнеры стали в 2018 году, начав с плоской анимации и движущегося текста внутри несложных объёмных сцен. Совокупность визуальных приёмов, которыми пользовались дизайнеры CGI- и кинетические типографы делятся своими актуальными работами в Instagram, и в этом материале мы делимся ссылками на их аккаунты. Поэтому, согласно указу Минюста РФ, мы должны написать, что социальная сеть Instagram принадлежит компании Meta, которую Минюст РФ признал экстремистской, принято называть кинетической типографикой.

Ребрендинг компании Squarespace, DIA Studio

Видеокарты в 2018 году были существенно менее мощными, поэтому рендер занимал гораздо больше времени, чем сегодня, а экспортированные файлы часто содержали ошибки. Многие 3D-редакторы не подходили для MacOS, а в тех, которые подходили, было гораздо меньше возможностей для работы с текстурами, светом и физическими симуляциями. Поэтому приёмы, которыми пользовались кинетические типографы, часто повторялись и быстро перестали быть свежими и интересными. Постепенно одни адепты кинетической типографики ушли в генеративный дизайн (который делается с помощью кода), другие — освоили софт, изначально предназначенный для CGI (который стал выходить для всех операционных систем), научились делать композитинг Совмещение нескольких видео, изображений или сцен в одном кадре, риггинг Процесс размещения внутри модели виртуального скелета, который поможет быстрее и точнее анимировать объект, скульптинг Компьютерная имитация лепки из глины, позволяющая создавать максимально реалистичные объекты и выставлять свет (и именно об их инструментарии мы поговорим в этом материале).

Софт

Чтобы сделать объёмную типографическую композицию, недостаточно знать правила работы с текстом и уметь пользоваться одним редактором. У каждой из программ для работы с 3D и CGI — свои особенности и свой функционал, поэтому чаще всего дизайнеры совмещают в своей практике несколько приложений. Ниже мы рассмотрим самые популярные приложения и их комбинации.

(Illustrator/Figma)

Сделать видео или 3D-сцену в этих программах также качественно, как и в специализированном софте, конечно, не получится, но типографическую композицию удобнее всего делать в графическом редакторе. Для работы с готовой композицией в 3D-софте её нужно будет экспортировать из Illustrator или Figma в формате PNG или SVG.

After Effects

В After Effects можно сделать анимированную текстуру или собрать видео из секвенций, экспортированных из других приложений (например, Blender или Cinema 4D).

Презентация наушников Beats by Dre, Builders Club

Кампания Nike ко Дню борьбы женщин за свои права, Twomuch.studio

The Lexus Experience, Future Deluxe Studio

Redshift + Cinema 4D

С помощью Cinema 4D можно добавить тексту максимально реалистичные свечение, эмбоссинг или текстуру или сделать простую симуляцию — например, заставить ледяные буквы таять. Готовую композицию лучше всего рендерить при помощи Redshift.

333

Серия Blueprints from the Metaverse для Rimowa, CATK Studio

Жуки, Вахо Джаппари

444

Nacka Dynamics, Карл Хернер и Вилле Ларссон

Открытка студии Fantasticmotion ко Дню борьбы женщин за свои права

555

Модели микшера и рекордера Teenage Engnering

Blender + 3D-Coat

В программе 3D-Coat можно сделать скульптинг и превратить векторный леттеринг в сложный 3D-объект. Скульптинг сейчас можно делать в VR-очках (так процесс ещё больше похож на лепку). В этой программе можно спроектировать не только персонажа, но и, например, леттеринг или целый шрифт Шрифтовой файл в формате OTF или TTF в 3D-coat сделать не получится, но набор слепленных в приложении глифов можно экспортировать в шрифтовой редактор в формате SVG, а затем с помощью риггинга и анимации в Blender имитировать его вариативность.

Шрифт студии Yonk

Леттеринг, ТОGО

Substance 3D Painter

Если объект сложносоставной, то размещать на нём текст лучше с помощью Substance 3D Painter. Программа поможет расположить его на объекте максимально точно.

000 0000

Joints 20/22, Виталий Гроссман, Алекс Шлегель

Модели кроссовок бренда Studio Xose

Houdini

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

Презентация шрифтов Microsoft, SixnFive Studio

Деконструкция логотипа Yves Saint Laurent, Сергей Шурупов

Анонс конференции Think, Someform

Hands-on

Например, для концепта айдентики выставки Ton.618 дизайнерам школы Bang Bang Education понадобилось четыре приложения: Figma (чтобы собрать типографические композиции), Cinema 4D (чтобы сделать мокапы печатных носителей, например каталога), Substance 3D Painter (чтобы наложить текст на конусы, которые должны были служить для навигации по выставке).

Проект в Figma