Пропорции
Последнее обновление
21 янв. 2026 г.
Узнайте об осях меняющегося шрифта и изучите распространенные зарегистрированные оси для создания гибких дизайнов и плавных анимаций.
Общие сведения об осях меняющегося шрифта
Поддержка осей меняющегося шрифта позволяет получать доступ к вариантам дизайна, встроенным в меняющиеся шрифты OpenType, и анимировать их непосредственно в After Effects. Меняющиеся шрифты содержат несколько стилей в одном файле шрифта, предоставляя точный контроль над типографикой без необходимости использования отдельных файлов шрифтов для каждого варианта насыщенности, ширины или стиля.
- Точный контроль: Настраивайте типографику с непрерывными значениями вместо фиксированных насыщенностей или стилей.
- Плавные анимации: Вариации шрифтов в ключевых кадрах для получения динамических текстовых эффектов.
- Контроль отдельных символов: Применяйте различные значения осей к отдельным символам с помощью текстовых аниматоров.
- Эффективность файлов: Один файл меняющегося шрифта заменяет десятки файлов отдельных шрифтов.
После добавления осей меняющихся шрифтов вы можете работать с ними, добавляя их как свойства в текстовые аниматоры, настраивая их влияние с помощью селекторов и управляя через ExtendScript.
Совет
Изучите рекомендуемые практики для дизайна с осями меняющегося шрифта, эффективной настройки текстовых анимаций и оптимизации технологического процесса анимации.
О меняющихся шрифтах
Меняющиеся шрифты — это шрифты OpenType с одной или несколькими осями вариации. Каждая ось представляет измерение вариации дизайна, которым можно управлять непрерывно, а не ограничиваться предопределенными стилями шрифтов.
Различие между традиционными и меняющимися шрифтами
|
|
Традиционные шрифты |
Меняющиеся шрифты |
|---|---|---|
|
Структура файлов |
Каждый стиль — отдельный файл шрифта (Regular, Bold, Light, Italic и т. д.) |
Один файл шрифта содержит все варианты |
|
Диапазон стилей |
Ограничен дискретными шагами. Например, насыщенность: 100, 200, 300… 900. |
Непрерывный диапазон значений. Например, насыщенность: от 100,0 до 900,0. |
|
Переходы |
Переключение между стилями требует изменения шрифтов. |
Плавные переходы между любыми значениями. |
|
Гибкость |
Только одна ось на шрифт. Например, насыщенность или курсив. |
Можно одновременно комбинировать несколько осей. Например, насыщенность + ширина + наклон. |
Концепция осей меняющегося шрифта
Общие зарегистрированные оси
Это стандартизированные оси, определенные спецификацией OpenType. Большинство переменных шрифтов включают одну или несколько из следующих:
|
Название оси |
Элементы управления |
Типичный диапазон |
Общие значения |
Варианты использования |
|---|---|---|---|---|
|
Насыщенность (wght) |
Толщина и жирность штрихов |
100 – 900 |
|
|
|
Ширина (wdth) |
Горизонтальное сжатие и растяжение символов |
50% – 200% |
|
|
|
Наклон (slnt) |
Угол наклона курсива и наклонного начертания |
От 0° до -15°
Примечание
При отрицательных значениях наклон выполняется вправо, при положительных — влево (не распространено). |
0° вертикально, -15° наклонно |
|
|
Курсив (ital) |
Прямые и курсивные формы букв |
0 – 1
Примечание
В отличие от наклона, это изменяет фактические формы букв на курсивные. |
0 прямой, 1 курсив |
|
|
Оптический размер (opsz) |
Оптимизирует формы букв для различных размеров отображения |
От 6pt до 144pt (зависит от шрифта) |
|
|
Менее распространенные зарегистрированные оси
Эти оси являются частью спецификации OpenType, но реже реализуются:
|
Название оси |
Элементы управления |
Типичный диапазон |
Варианты использования |
|---|---|---|---|
|
Насыщенность (GRAD) |
Толщина штриха без изменения ширины |
От -1 до 1 или специфично для шрифта |
|
|
Засечки (SERF) |
Смешение стилей без засечек и с засечками |
От 0 (без засечек) до 1 (с засечками) или специфично для шрифта |
|
|
Высота строчных букв (XHGT) |
Высота строчных букв (высота по x) |
Специфично для шрифта |
|
|
Высота прописных букв (YTAS) |
Высота прописных букв относительно выносных элементов |
Специфично для шрифта |
|
|
Внутрибуквенные просветы (XTRA) |
Расстояние внутри букв (внутрибуквенный просвет) |
Специфично для шрифта |
|
Пользовательские оси для конкретных шрифтов
Многие переменные шрифты включают собственные оси с 4-символьными тегами в верхнем регистре. Эти оси уникальны для конкретных гарнитур и позволяют создавать креативные дизайнерские вариации.
Примеры из популярных переменных шрифтов
|
Название с тегом оси |
Описание |
|---|---|
|
INFM (Неформальность) |
Неформальные и формальные формы букв |
|
BNCE (Отскок) |
Игривое вертикальное смещение символов |
|
SPAC (Интервалы) |
Управление межбуквенным интервалом |
|
FILL (Заливка) |
Формы букв: контурные и с заливкой |
|
LINE (Толщина линии) |
Толщина контура |
|
BACK (Фон) |
Толщина фоновой формы |
|
RECT (Прямоугольность) |
Округлые против прямоугольных форм |
|
ELSH (Форма элемента) |
Альтернативные вариации форм |
|
CASL (Неформальный) |
Формальные против неформальных стилей |
|
MONO (Моноширинный) |
Пропорциональный против моноширинного |
|
SOFT (Мягкость) |
Острые против округлых углов |
|
WONK (Причудливый) |
Прямые и игривые (искаженные) |
Примечание
Пользовательские оси полностью различаются между шрифтами. Всегда проверяйте документацию конкретного шрифта, чтобы понять его пользовательские оси.
