Необычная, сказочная и одновременно реалистичная объемная типографика представляет собой вечный тренд по многим причинам. Какие бы стили не появлялись, какие тенденции не преследовали бы веб-дизайнеры, но объемные буквы на странице сайта способны совершенно иначе преподнести проект пользователям, клиентам, заказчикам.  Здесь же стоит вспомнить о таком направлении, как виртуальная реальность (VR), панорамные проекты 3600 и аналогичные. В них трёхмерная типографика чувствует себя как дома и является неотъемлемым атрибутом всего дизайна. Если взять, к примеру, самый обычный сайт, то и здесь 3D-буковки могут немного оживить и разнообразить дизайн, изменить характер проекта и при этом не позволить потерять ему серьезности и брутальности.

Мы уже затрагивали тему 3D-типографики, когда разбирали один из способов её простого создания при условии, что с 3D-инструментами Photoshop нет возможности поработать. Тогда же мы приводили различные примеры сайтов, где используется объемная типографика.

Но теперь мы решили поразмышлять над данным трендом в общем смысле. О том, как и почему его используют, на что следует обратить отдельное внимание.

Объемность всего и вся

3D-типографика – тенденция старая, но благодаря именно росту популярности технологий VR и AR её все чаще и чаще используют. Сама по себе трехмерная типографика обладает глубиной, а потому придает всему дизайну немного реализма. И этот реализм отлично смотрится и в цифровом формате, и отчасти в полиграфии при печатании на бумаге. Но объемная типографика это не только толстые, жирные буковки. Это и изменение расположения самого текста, даже если он «плоский», сам по себе. Одно слово крупное, написанное жирным шрифтом, другое – дальше и оно мельче, и шрифт совсем тонкий. Визуально с помощью типографики на плоском изображении и экране монитора можно создать объемную визуализацию. Аналогично тому, как в проектах виртуальной реальности, виртуальных экскурсий создается глубина. Мы об этом рассказывали ранее более подробно.

Как таковых правил по использованию и созданию объемной типографики нет. Даже сам шрифт может быть разным: от строгого брускового до витиеватого и легкого. Главное, чтобы текст читался и был понятным, чтобы каждая буква была различима визуально, а пользователям не требовалось угадывать «б» или «в» строчная.

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

Проект futuro объединил разные стили и изначально кажется, что надпись совершенно обычная. Но при движении мышкой она становится объемной. И невозможно пройти стороной этот эффект, так как страницу нужно пролистать вниз, дабы ознакомиться с контентом.

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

Также стоит обратить внимание на: labworkstudio, kinigadner, vanholtz, davidmcleod.

Стилистика объемности

Каждый из нас вполне представляет, что объемные буквы могут быть не только строгими и прямыми, но также и витиеватыми, рукописного вида. Стили объёмной типографики различны, так же как различным бывает и сам шрифт. Выбрали мы Arial, но что дальше делаем? Выбираем жирность, курсивность (гарнитуру), определяем кернинг и прочие свойства. Аналогично и с трехмерным шрифтом. Необходимо настроить жирность или тонкость, основной стиль или курсивный, размер, расстояния, интервалы и прочее.

И тут важно обращать внимание на тот факт, есть ли в шрифте цвета, текстуры, градиенты. Если такие цветные объемные надписи дополнительно настраивать и подбирать параметры для каждой буквы, то могут получиться весьма оригинальные визуализации, уникальные и красивые.

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

Посмотрим на: sweettreetsbakery, littlecupcakebakeshoр, magnoliabakery, bunners. В большинстве случаев трехмерность и объем создавались либо с использованием тени, либо с прорисовкой границ букв. И не более. Нет сложных и объемных рендерингов, не требовались объемные ресурсы для РС. Все рисовалось быстро и просто, но смотрится весьма приятно, понятно и объемность, глубина данного текста чувствуется.

Суть стилистики 3D-типографики в том, что буквы имеют глубину, они выглядят реальными (вокруг нас нет плоских предметов, всё имеет объем). Поэтому создавая надпись и делая ее объемной или «псевдо-объемной», хорошо задуматься о том, а хочется ли к ней протянуть руку и потрогать её? Чувствуется ли объемность при обычном просмотре?

Характеризуя объем

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

Тени. Тени могут использоваться по-разному и иметь разный вид и цвет.

Тиснение – выделяет контур, делая буквы более четкими.

Текстуры, фотообъекты, тени от стороннего объекта – все это подчеркивает объемность. На буквах могут быть размещены какие-нибудь листочки-цветочки, кружочки-квадратики, тень может быть не за буквами, а под ними на поверхности.

Анимация изменение стилей, начертаний, жирности и прочие красивые «фишки».

В качестве примеров посмотрим на: meisslundschadn, blkout, reflektor, qalam, finisweetsusa, ai_brief.

Использование в меру

Объемная типографика, увы, но не вариант для всего дизайна. Объемные красивые буквы уместны в малом количестве в качестве заголовков, оформления буквицы, создания логотипов или названий проектов (сайтов). Чем больше таких букв – тем сложнее читать весь текст. Банальный пример: попробуйте, напишите абзац их любой книги трехмерным шрифтом. Прочитать прочитаете, но это один абзац, а если весь контент такой? Уже сложнее и непривычнее, раздражительнее, тревожнее. Причина как раз в том, что трехмерный эффект, в первую очередь, это художественность, декор, поэтому его не должно быть много.

И это причина того, что во многих примерах выше 3D-типографика применялась для одного-двух слов, редко когда для большего количества. Но зато в трехмерном стиле можно оформлять заголовки и они могут быть если не на каждой странице, то для каждого раздела, категории. Это не будет надоедать и при подборе достаточно четкого варианта написания шрифта, заголовки будет удобно читать.

Другой момент состоит в том, чтобы подобрать именно тот вариант объемности, который бы действительно подходил под стиль дизайна сайта и устраивал заказчика, пользователей, и был читабелен. И тут самое простое, что делают многие – открывают поиск Google и видят разнообразие и пестроту. 

Дизайн-тренд  3D –типографики в действительности настолько популярный, что есть категория 3D-шрифтов, которые помогут вам использовать этот стиль легко и просто. Попробуйте поискать по ключевым словам, как контур, тень, экструзия (выдавливание) или вдавливание (оттиск) при поиске шрифтов. Эти стили не всегда имеют одну и ту же прорисовку для каждой буквы, как в шрифтах, когда вы создаете их сами, но, безусловно, может сработать, в крайнем случае.

Приятное вдохновляющее и полезное

Создавая 3D-типографику, трехмерные буквы самостоятельно или подбирая подходящий шрифт, идею для собственного творчества удобнее и необходимо, разумеется, присматриваться к тому, что создают другие дизайнеры и как используют на сайтах. В то же время, важно учитывать момент: то, что красиво и уместно в полиграфии, в 90% случаев совершенно не уместно для использования в веб-дизайне. Все-таки веб-дизайн должен быть более простым и четким, чтобы содержимое сайта  было понятно разным людям.

И вот небольшая подборка 3D-шрифтов (кириллических), которые хорошо подходят для дизайнов сайтов. И да, разумеется, они декоративные, с различными элементами и прочим, о чем мы и рассказывали выше.

Это: Wooden Ship Decorated, aBosaNovaSh, Umbrella, Loop, Fortune

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

Кроме того, оригинальные идеи объемной типографики можно найти у Alexis Persani на Behance (у него много работ разных). Что касается данного варианта, мы уже рассказывали, как использовать отдельно микс-кисть в Photoshop и Пластику, а соединяя их, можно получить и аналогичный результат.

Также на behance есть множество вариантов 3D-шрифтов и типографики, и даже вариантов оформления всего и вся. Как говорится: идея – одно, а реализация – другое.  

Если добавить еще немного художественности и идейности, то стоит обратиться artek, 8 march, save.

Если рассматривать непосредственно реализацию, то стоят внимания: tennentbrown, oneis, .apple, grupowprojects.

 

Завершение

Объемная типографика подходит не для всех тематик, не для каждого стиля дизайна. Но она способна создать характер проекта, добавить ему уникальности и привлечь внимание к главному. Дизайн типографики это то, что многие дизайнеры стремятся улучшить и преуспеть в этом. Переход на следующий уровень в этом деле, в большинстве случаев, может быть сложным и трудным. Шрифт, цвета, стиль, выбор слов и размещение – все это решающие факторы для формирования отличного дизайна типографии.

Цель объемного стиля шрифтов – привлечь внимание читающего к тому, о чем сообщается. Разумеется, что это «что-то важное» не может растягиваться на предложения и абзацы. Поэтому любая декорация шрифтов – минимальна, но тем она и сложна. Правильно подобранный минимализм способен на многое в дизайне сайтов.

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

Как вам материал?