Інструмент "Текст" і робота зі шрифтами

Вступ до інструмента "Текст"

• Інструмент "Текст" дозволяє додавати текст (гаряча клавіша: 'T'). Перед введенням тексту можна встановити шрифт, стиль шрифту та розмір у панелі властивостей;
• Точковий текст: одне натискання створює текст, який розширюється вправо під час введення;
• Текстова область: натискання та перетягування створює текстове поле, у якому текст обмежений цією областю. Переповнення тексту позначається значком плюса, що вказує на наявність тексту за межами поля;
• Зв'язування текстових полів: двічі натисніть на значок плюса, щоб автоматично створити нове зв'язане текстове поле для переповненого тексту, дозволяючи тексту переходити між полями;
• Інструмент "Текстова область": дозволяє вводити текст у фігуру, заповнюючи її текстом;
• Інструмент "Текст по контуру": дозволяє розміщувати текст уздовж контуру (наприклад, кривої). Можна змінювати контур за допомогою опорних точок або ручок, і текст буде слідувати зміненому контуру;
• Вертикальний інструмент "Текст": пише текст вертикально (зверху вниз), а не горизонтально;
• Вертикальний інструмент "Текстова область": працює аналогічно до інструмента "Текстова область", але текст розташовується вертикально всередині фігури;
• Вертикальний інструмент "Текст по контуру": поєднує вертикальний текст із текстом по контуру, де текст слідує контуру у вертикальній орієнтації;
• Інструмент "Touch Type": дозволяє змінювати окремі символи у слові чи реченні (обертати, змінювати розмір, переміщувати) без впливу на інші символи;
• Для вертикально орієнтованого тексту, якщо літери відображаються боком, перейдіть до Параметрів абзацу у панелі властивостей і перемкніть на "Adobe Single-line Composer" або "Adobe Every-line Composer" для коректної орієнтації.

Налаштування символів

• Панель налаштувань символів доступна з панелі властивостей або як окрема панель через Вікно > Текст > Символ;
• Виберіть шрифт і його стиль (наприклад, жирний, середній, світлий). Можна переглядати зміни при наведенні на варіанти. Інші налаштування включають:
  • Інтерліньяж: керує відстанню між рядками тексту. Можна вручну збільшувати або зменшувати відстань чи вибрати "Авто";
  • Кернінг: регулює відстань між окремими літерами. Впливає лише на відстань між двома вибраними символами;
  • Трекінг: керує загальним інтервалом між літерами у всьому текстовому блоці, впливаючи як на літери, так і на слова.
• Додаткові параметри (доступні через три крапки в налаштуваннях символів) включають:
  • Вертикальне та горизонтальне масштабування: розтягує текст вертикально або горизонтально, спотворюючи його вигляд;
  • Зсув базової лінії: змінює положення тексту відносно базової лінії;
  • Обертання символів: обертає окремі символи;
  • Великі літери: переводить текст у великі літери;
  • Малі великі літери: переводить текст у малі великі літери;
  • Верхній/нижній індекс: піднімає або опускає текст відносно базової лінії (наприклад, для наукових позначень);
  • Підкреслення/закреслення: додає підкреслення або лінію через текст.

Налаштування абзацу

• Параметри абзацу найкраще працюють із текстом у області, тому перед налаштуванням перетворіть текст на текст у області;
• Параметри вирівнювання тексту:
  • Вирівнювання ліворуч, по центру або праворуч;
  • Вирівнювання по ширині ліворуч, по центру, праворуч або вирівнювання всіх рядків.
• Додаткові параметри (через три крапки) включають:
  • Маркери та нумерація: додавання маркерів або нумерації та налаштування їх стилю (наприклад, крапка, тире, маленьке коло);
  • Відступи: налаштування відступів для окремих рядків або всього абзацу (наприклад, відступ зліва, справа або першого рядка);
  • Інтервали: керування інтервалами перед і після абзаців;
  • Перенесення: увімкнення або вимкнення переносу слів у кінці рядків.
• Параметри вирівнювання тексту в області:
  • Вирівнювання тексту по верхньому, центральному або нижньому краю текстової області;
  • Розтягування тексту для рівномірного розподілу по всій області.
• Розширені параметри тексту в області (через три крапки або Текст > Параметри тексту в області) дозволяють налаштовувати додаткові параметри вирівнювання, інтервалів і розподілу тексту в області. Переконайтеся, що попередній перегляд увімкнено, щоб бачити зміни в реальному часі.

Гліфи

• Гліфи — це спеціальні символи або варіації літер у різних шрифтах і мовах. Вони можуть містити символи, іконки або альтернативні форми літер;
• Гліфи мають невидимі межі (x-height, baseline, і межі гліфа), які слугують орієнтирами (Прив'язка до гліфів);
• Можна прив'язувати об'єкти або лінії до цих меж гліфів для точного вирівнювання у дизайні;
• Існує кілька точок прив'язки:
  • Базова лінія (нижній край літер);
  • X-height (верхній край малих літер);
  • Межі гліфа (абсолютні верхня, нижня, ліва та права межі літер).
• Кутова прив'язка дозволяє прив'язувати об'єкти під кутом відносно гліфів;
• Доступ до панелі гліфів через Вікно > Текст > Гліфи для перегляду та використання спеціальних символів;
• Можна обирати гліфи зі шрифту, змінювати стилі шрифту або переглядати альтернативи для окремих вибраних літер. Шрифт Wingdings — гарний приклад, що містить символи та іконки замість літер;
• У панелі властивостей у розділі Прив'язка до гліфів можна вмикати або вимикати прив'язку до певних меж, таких як базова лінія, x-height, межі гліфа та кутові гліфи;
• Також можна перемикати опорні точки для більш точного прилягання до окремих частин літер.

Табуляція та стилі

• Табуляція дозволяє налаштовувати відстань при натисканні клавіші Tab. Замість стандартних пробілів можна змінювати ширину табуляції;
• Для цього відкрийте Вікно > Текст > Табуляція, вирівняйте лінійку табуляції з текстом за допомогою іконки магніта та клацніть по лінійці для створення позицій табуляції;
• Можна створювати кілька позицій табуляції у різних місцях, щоб клавіша Tab переходила до конкретних позицій;
• Щоб очистити всі табуляції, скористайтеся опцією "Очистити всі табуляції" у меню;
• Символьні стилі зберігають і фіксують параметри форматування тексту, такі як шрифт, стиль, колір, розмір тощо, що дозволяє легко застосовувати однакове форматування до іншого тексту;
• Щоб створити символьний стиль, виділіть текст, відкрийте Вікно > Текст > Символьні стилі, натисніть іконку плюса для створення нового стилю, і форматування буде збережено;
• Доступ до параметрів символьного стилю для розширеного форматування, такого як кернінг, міжрядковий інтервал, трекінг, підкреслення та навіть опції OpenType. Опція попереднього перегляду показує зміни в реальному часі;
• Абзацні стилі дозволяють зберігати та застосовувати форматування до цілих абзаців, включаючи символьні стилі, вирівнювання, маркери, відступи та інтервали;
• Щоб створити абзацний стиль, відкрийте Вікно > Текст > Абзацні стилі, виділіть абзац і натисніть іконку плюса для збереження форматування. У параметрах абзацного стилю можна налаштовувати табуляцію, перенесення, вирівнювання, маркери, нумерацію тощо;
• Обидва стилі — символьний і абзацний — можна імпортувати з зовнішніх джерел для спільної роботи або складних проєктів.

Практика

Ось нові техніки, які ми згадували у відео:

• Обтікання текстом: щоб обгорнути текст навколо об'єкта, створіть фігуру, потім застосуйте "Text Wrap" з меню Object. Відрегулюйте налаштування обтікання текстом для контролю відстані та розташування;
• Текст по контуру: використовуйте ellipse tool для створення кругового тексту. Потім відрегулюйте положення тексту та переверніть його за допомогою опцій "Type on Path";
• Маска обрізання з текстом: щоб помістити зображення всередину тексту, перетворіть текст на контури (перетворюючи його на фігури), розгрупуйте та створіть compound path. Потім застосуйте clipping mask для інтеграції зображення в текст;

До речі, ви можете завантажити багато безкоштовних шрифтів як з Google, так і з Adobe (якщо у вас є ліцензія) за цими посиланнями, якщо хочете використовувати їх у своїх проєктах: Google Fonts та Adobe Fonts.