Всем привет и прекрасного начала рабочей недели!

Мы начинаем леттер советы, и первый пост нашего цикла посвящен основам построения — сеткам.

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

Для оценки композиционных особенностей текста без предварительной отрисовки знаков составлялась приблизительная сетка. Расчет производился так: подсчитывалось количество знаков в каждой строке (пробел между словами = 1 знаку) и откладывался в линию. Ширина знака для удобства приравнивается к высоте, учитывая расстояния справа и слева (должен получиться квадрат). С помощью подобных сеток можно заранее оценить проблемы, с которыми мы можем столкнуться в процессе отрисовки, перекомпоновать строки, изменить размеры слов и акценты.

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

#TypeType #теория_ТТ #полезное_ТТ #леттеринг_ТТ

Продолжаем нашу рубрику и сегодня поговорим о смысловой составляющей.

Отношение к смысловой нагрузке и логической связи между графикой букв и сутью было очень серьезным. Шицгал в книге “Русский рисованный шрифт” пишет:

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

Помимо художественной составляющей, очень интересный прием — логическая разбивка (перенос) строки. Фразы из 3-х и более слов при случайной разбивке могут получить ненужные акценты, а при усилении графикой букв или цветом этот эффект становится еще более заметен. Поэтому на этапе работы с композицией учитывалось, какие слова мы готовы акцентировать в надписи, а какие хотим оставить в тени. Помимо этого, важное значение имел и носитель: композиция на титуле и на переплете могла сильно отличаться.

Сюда же можно отнести компоновку, в которой грамматическая правильность вступает в противоречие с содержанием. Интересный пример: название повести Катаева “Белеет парус одинокий” может быть скомпоновано в 4 вариантах с различными переносами слов, но по смыслу вернее всего будет не разбивать вообще, т.к. это первая строка стихотворения Лермонтова. Если вариантов нет, и нужна разбивка на 2 строки, то какие-либо цветовые акценты или изменения размеров строк в этом случае тоже будут неуместны.

#TypeType #теория_ТТ #полезное_ТТ #леттеринг_ТТ

Сегодня поговорим о приемах работы с ритмом.

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

Какие же существуют методы для ритмической организации надписи?

1. Самый очевидный — работа с межбуквенными и межсловными пробелами. Важно учитывать, что не все межбуквенное пространство представляет собой пробел — часть его принадлежит самому изображению буквы, входит в ее оптическое поле. Размеры пробелов можно установить лишь визуально, полагаясь на опыт и глазомер.

2. Работа с линией шрифта для придания надписи динамики.

3. Симметрия и направление букв. Все буквы алфавита можно разделить на симметричные и асимметричные. Асимметричные группы букв делятся на открытые (направленные) вправо и открытые влево. Каждое слово состоит из комбинации разнонаправленных знаков, изменяя и усиливая направление которых, художник создает тот или иной ритмический эффект.

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

#TypeType #теория_ТТ #полезное_ТТ #леттеринг_ТТ

Сейчас в леттеринге широко не используется термин цветность, но, думаю, суть его понятна из названия: речь идет о цветовом пятне и его восприятии глазом. Более интенсивное и зрительно тяжелое цветовое пятно воспринимается глазом ближе, чем менее интенсивное и зрительно более легкое. При этом мы можем говорить о цветности не только в аспекте наличия цвета, но и в аспекте градаций серого.

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

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

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

Интересный лайфхак для проверки цветовой насыщенности — нерезкая фотография строки. Сейчас этот прием можно легко реализовать в Фотошопе или другом подобном графическом редакторе. При размытии изображения все проблемные места сразу подсветятся.

#TypeType #теория_ТТ #полезное_ТТ #леттеринг_ТТ

Всем отличной пятницы! Выбрала на сегодня тему полегче и покороче: поговорим о переносах слов и знаках препинания в композиции.

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

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

На этом неделя леттер советов подошла к концу. Надеюсь, вам было полезно и интересно. Если хотите продолжения — маякните в комментариях, и оно когда-нибудь будет 🙂

#TypeType #теория_ТТ #полезное_ТТ #леттеринг_ТТ

Всем хорошей пятницы! На связи Тоня и рубрика «Ваши вопросы»

Не так давно в нашем чате нам предложили осветить довольно интересную тему — Как мы выбираем названия для наших шрифтов.
В карточках — несколько основных принципов, которых мы придерживаемся, когда дело касается названий шрифтовых семейств.
Сайты, на которые я ссылаюсь — Typeface name check и Identifont.

И было бы интересно узнать, как вы подходите к этому вопросу.
Хорошего дня!🌞

#TypeType #полезное_ТТ #теория_ТТ

Всем привет! Это Настя, и я снова на связи.

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

Поэтому смотрите картинки, читайте текст на них и пишите в комментариях, что думаете по поводу вопроса в конце 👆


#TypeType #полезное_ТТ #теория_ТТ

Всем привет! На связи Тоня.

Сегодня хочу немного поговорить про исследования. Мы часто рассказываем о них в наших вебинарах и постах, пора добавить немного теории на эту тему.
А в следующий раз, я поделюсь полезными ресурсами, которые могут пригодиться для анализа шрифтов ⚡️

Ссылки из поста:
Лигатуры в шрифтах: создание эсцет
Исследование для создания Ostin Sans
Как создать идеальный гротеск: наше самое
большое исследование
Как создать шрифт для интерфейсов

Хорошего дня!
#TypeType #теория_ТТ #полезное_ТТ

Привет! На связи Марина.

Давно хотела собрать пост про наклонные шрифты. И вчера меня подтолкнул к этому вопрос от подписчика.
Среди прочего, пишу о том, почему нельзя наклонять шрифт механически в программах вёрстки. Есть похожие посты про широкие и узкие начертания и про капитель. Там всё очень наглядно и интересно.

Тык на исследование Виктора Голтни Designing Italics: Approaches to the design of contemporary secondary text typefaces

Приятного чтения!

#TypeType #теория_ТТ #полезное_ТТ

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

Больше информации про историю и использование этого символа можно прочитать здесь, а в одном из наших первых вебинаров Марина рассказывала, как форма даггера вдохновила ее на рисование всех служебных символов в шрифте TT Ricordi Fulmini.

Всем хорошего дня и до связи! 🌿
#TypeType #теория_ТТ #полезное_ТТ #символы_ТТ

Привет, это Сия! Но в этот раз пост не из серии постов о знаковых шрифтах) Расскажу о том, как год работы с хинтингом в TypeType помог мне сделать пиксельную антикву.

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

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

Вот такая история о том, как год, проведенный в техническом отделе TT дал свои плоды и помог с решением этой задачки)

*если вам скучно или грустно, попробуйте расшифровать все символы с последней картинке😶‍🌫️ (их там 7)

#TypeType #полезное_ТТ #мастеринг_ТТ

Привет всем сочувствующим, на связи Иван Сергеевич.

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

Мы сформулировали для себя следующие тезисы:


#TypeType #полезное_ТТ #практика_ТТ #ИванСергеевич

👇👇👇👇👇

Привет, это Сия!
Сегодня пост не просто про шрифт, а про шрифт, ознаменовавший целую эпоху! Многим этот шрифт известен с первых дней работы за компьютерами, особенно тем, кто хоть раз долистывал список установленных шрифтов до конца✅ Речь пойдет про символьный шрифт Wingdings!

Как относитесть к шрифтам этого вида? Удавалось ли вам использовать их в своих проектах? Пишите в комментариях и предлагайте свои варианты любимых символов💬

Читать подробнее тут и тут


#TypeType #полезное_ТТ #минуткаистории_ТТ

Привет!
На связи Тома, и сегодня я рада представить вам новый шрифт моего авторства — TT Modernoir!

Шрифт создавался в рамках творческого проекта, и мне повезло вытянуть референс с французским плакатом начала XX века. В процессе я отсмотрела множество афиш, вдохновлялась темами ар-нуво, ар-деко, сецессиона, а также темой джаза и нуарных фильмов, много рисовала. В итоге у меня получилось совместить все эти вдохновляющие направления в один шрифтовой файл.

TT Modernoir — это экспериментальный разноширинный гротеск с 5-ю начертаниями и тремя стилистическими сетами, которые могут полностью изменить вид набора. Изучив плакаты и референс, я сразу решила, что в этом шрифте не будет строчных знаков, — хотелось максимально передать эту атмосферу, но на современный лад. Поэтому вместо строчных я нарисовала капители.

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

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

Помимо всего описанного, в шрифте множество интересных форм валют и символов, иконки с котами и нотами.

Смотрите и тестируйте наш проект на сайте. Ставьте лайки на behance и dprofile.

Заходите в комментарии, там кое-что из рабочего процесса.

До 18 октября — скидка 60%!

#TypeType #полезное_ТТ #проекты_ТТ #новый_шрифт_ТТ

Всем привет! На связи Тоня и пост по мотивам прошедшего вебинара.

Умение анализировать — один из главных навыков шрифтового дизайнера, который помогает в проектировании от идеи до финального результата. И один из моих любимых способов анализа — это задавать вопросы.
Конечно, нет идеального чек-листа для любой ситуации, да и появляется вопрос, что делать с ответами 🙃(главный совет — не игнорировать «неудобные» данные).
Сегодня я хочу привести примеры вопросов для работы с референсами. Можете использовать мой список, менять его и дополнять в комментариях. Или добавить свои способы анализа, с удовольствием прочитаю!

#TypeType #теория_ТТ #полезное_ТТ

Всем привет, это Сия!
Я люблю италики и считаю, что уметь использовать италик – это круто! Но еще больше я люблю тру-италики🤌 На сегодняшний день любое наклонное начертание принято называть италиком, но на самом деле все не так просто, так что давайте разбираться в италиках вместе, чтобы быть тру-дизайнерами!

#TypeType #теория_ТТ #полезное_ТТ

Друзья, привет!

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


#TypeType #полезное_ТТ #теория_ТТ