Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Інструмент Тексту та Робота зі Шрифтами | Створення Візуалів
Повний гід по Adobe Illustrator

bookІнструмент Тексту та Робота зі Шрифтами

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

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

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

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

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

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

Гліфи

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

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

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

Практика

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

  • Обтікання текстом: щоб обгорнути текст навколо об'єкта, створіть фігуру, потім застосуйте «Обтікання текстом» з меню Object. Налаштуйте параметри обтікання для контролю відстані та розташування;
  • Текст по контуру: використовуйте інструмент еліпс для створення кругового тексту. Потім відрегулюйте положення тексту та переверніть його за допомогою параметрів «Type on Path»;
  • Обрізна маска з текстом: щоб помістити зображення всередину тексту, перетворіть текст на контури (перетворюючи його на фігури), розгрупуйте та створіть складний контур. Потім застосуйте обрізну маску, щоб інтегрувати зображення у текст;

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

1. Що впливає на трекінг у Adobe Illustrator?

2. Яка функція в Adobe Illustrator дозволяє налаштовувати вирівнювання тексту відносно текстової області?

3. Яка мета увімкнення переносу слів у текстовій області?

4. Що відбувається при створенні стилю символу в Adobe Illustrator?

question mark

Що впливає на трекінг у Adobe Illustrator?

Select the correct answer

question mark

Яка функція в Adobe Illustrator дозволяє налаштовувати вирівнювання тексту відносно текстової області?

Select the correct answer

question mark

Яка мета увімкнення переносу слів у текстовій області?

Select the correct answer

question mark

Що відбувається при створенні стилю символу в Adobe Illustrator?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 5. Розділ 3

Запитати АІ

expand

Запитати АІ

ChatGPT

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Suggested prompts:

Can you explain more about how to use the Text Wrap feature?

How do I create a clipping mask with text and an image?

What are some creative ways to use text on a path in my designs?

Awesome!

Completion rate improved to 3.7

bookІнструмент Тексту та Робота зі Шрифтами

Свайпніть щоб показати меню

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

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

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

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

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

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

Гліфи

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

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

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

Практика

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

  • Обтікання текстом: щоб обгорнути текст навколо об'єкта, створіть фігуру, потім застосуйте «Обтікання текстом» з меню Object. Налаштуйте параметри обтікання для контролю відстані та розташування;
  • Текст по контуру: використовуйте інструмент еліпс для створення кругового тексту. Потім відрегулюйте положення тексту та переверніть його за допомогою параметрів «Type on Path»;
  • Обрізна маска з текстом: щоб помістити зображення всередину тексту, перетворіть текст на контури (перетворюючи його на фігури), розгрупуйте та створіть складний контур. Потім застосуйте обрізну маску, щоб інтегрувати зображення у текст;

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

1. Що впливає на трекінг у Adobe Illustrator?

2. Яка функція в Adobe Illustrator дозволяє налаштовувати вирівнювання тексту відносно текстової області?

3. Яка мета увімкнення переносу слів у текстовій області?

4. Що відбувається при створенні стилю символу в Adobe Illustrator?

question mark

Що впливає на трекінг у Adobe Illustrator?

Select the correct answer

question mark

Яка функція в Adobe Illustrator дозволяє налаштовувати вирівнювання тексту відносно текстової області?

Select the correct answer

question mark

Яка мета увімкнення переносу слів у текстовій області?

Select the correct answer

question mark

Що відбувається при створенні стилю символу в Adobe Illustrator?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 5. Розділ 3
some-alt