Посібник користувача Скасувати

Фрагменти й мапи посилань

  1. Посібник користувача Illustrator
  2. Ознайомлення з Illustrator
    1. Знайомство з Illustrator
      1. Нові можливості в Illustrator
      2. Поширені запитання
      3. Системні вимоги для Illustrator
      4. Illustrator для Apple Silicon
    2. Робоче середовище
      1. Основи роботи з робочим середовищем
      2. Створення документів
      3. Інструменти
      4. Персоналізація комбінацій клавіш
      5. Монтажні області
      6. Персоналізація робочого середовища
      7. Панель «Властивості».
      8. Налаштування параметрів
      9. Робоче середовище, оптимізоване для сенсорного керування
      10. Підтримка маніпулятора Surface Dial від Microsoft у програмі Illustrator
      11. Відновлення, скасування й автоматизація
      12. Повернути перегляд
      13. Лінійки, сітки й напрямні
      14. Доступність у програмі Illustrator
      15. Безпечний режим
      16. Перегляд ілюстрацій
      17. Використання сенсорної панелі Touch Bar у Illustrator
      18. Файли та шаблони
      19. Синхронізація налаштувань за допомогою Adobe Creative Cloud
    3. Інструменти в Illustrator
      1. Виділення
        1. Огляд
        2. Виділення
        3. Часткове виділення
        4. Ласо
        5. Монтажна область
      2. Навігація
        1. Огляд
        2. Масштабування
        3. Повернути перегляд
      3. Розфарбувати
        1. Огляд
        2. Градієнт
        3. Створення фігур
      4. Введення
        1. Огляд
        2. Текст
        3. Текст на контурі
  3. Illustrator на iPad
    1. Основні відомості про Illustrator на iPad
      1. Огляд програми Illustrator на iPad
      2. Запитання й відповіді щодо програми Illustrator на iPad
      3. Вимоги до системи | Illustrator на iPad
      4. Що можна та не можна робити в Illustrator на iPad
    2. Робоче середовище
      1. Робоче середовище програми Illustrator на iPad
      2. Сенсорні клавіші-модифікатори й рухи
      3. Комбінації клавіш для Illustrator на iPad
      4. Керування параметрами програми
    3. Документи
      1. Робота з документами в програмі Illustrator на iPad
      2. Імпорт документів Photoshop і Fresco
    4. Виділення та впорядкування об’єктів
      1. Створення повторюваних об’єктів
      2. Змішати об’єкти
    5. Малювання
      1. Малювання й редагування контурів
      2. Малювання й редагування фігур
    6. Введення
      1. Робота з текстом і шрифтами
      2. Створення текстових написів уздовж контуру
      3. Додавання власних шрифтів
    7. Робота із зображеннями
      1. Перетворення растрових зображень на векторні
    8. Колір
      1. Застосування кольорів і градієнтів
  4. Хмарні документи
    1. Основи
      1. Працюйте з хмарними документами в Illustrator
      2. Надання спільного доступу до хмарних документів Illustrator і співпраця над ними
      3. Збільшення обсягу хмарного сховища для Adobe Illustrator
      4. Хмарні документи Illustrator | Поширені запитання
    2. Пошук та усунення несправностей
      1. Усувайте проблеми зі створенням або зберіганням хмарних документів Illustrator
      2. Вирішення проблем із хмарними документами Illustrator
  5. Додавайте й редагуйте вміст
    1. Малювання
      1. Основи малювання
      2. Редагування контурів
      3. Створення бездоганної піксельної ілюстрації
      4. Малювання за допомогою інструментів «Перо», «Олівець» або «Малювання кривих»
      5. Малювання простих ліній і форм
      6. Трасування зображення
      7. Спрощення контуру
      8. Визначення сіток перспективи
      9. Інструменти для роботи із символами й набори символів
      10. Налаштування відрізків контуру
      11. Створення квітки за 5 простих кроків
      12. Малювання об’єктів у перспективі
      13. Символи
      14. Створення контурів, вирівняних за піксельною сіткою, для робочих процесів в Інтернеті
    2. 3D-ефекти та матеріали Adobe Substance
      1. Про 3D-ефекти в Illustrator
      2. Створення 3D-графіки
      3. Створення 3D-об’єктів
      4. Створення 3D-тексту
    3. Колір
      1. Про колір
      2. Вибір кольорів
      3. Використання та створення зразків
      4. Налаштування кольорів
      5. Використання панелі тем Adobe Color
      6. Групи кольорів (гармонії)
      7. Панель тем Color
      8. Зміна кольорів ілюстрації
    4. Розфарбування
      1. Про розфарбування
      2. Розфарбування за допомогою заливки й обведення
      3. Групи об’єктів зі швидкою заливкою
      4. Градієнти
      5. Пензлі
      6. Режими прозорості та накладання
      7. Застосування обведення до об’єктів
      8. Створення й редагування візерунків
      9. Сітки
      10. Візерунки
    5. Виділення та впорядкування об’єктів
      1. Виділення об’єктів
      2. Шари
      3. Групування й розгортання об’єктів
      4. Переміщення, вирівнювання та розподілення об’єктів
      5. Стекування об’єктів    
      6. Блокування, приховування й видалення об’єктів
      7. Створення дублікатів об’єктів
      8. Повертання та дзеркальне відображення об’єктів
    6. Зміна форм об’єктів
      1. Кадруйте зображення
      2. Трансформування об’єктів
      3. Об’єднання об’єктів
      4. Розрізання, розділення й обрізка об’єктів
      5. Деформація гумової сітки
      6. Масштабування, нахил та деформація об’єктів
      7. Змішати об’єкти
      8. Зміна форми за допомогою конвертів
      9. Зміна форми об’єктів з ефектами
      10. Побудова нових фігур за допомогою інструментів створення фігур
      11. Робота з динамічними кутами
      12. Удосконалені робочі процеси змінення форми об’єкта завдяки підтримці сенсорного керування
      13. Редагування відсічних масок
      14. Динамічні фігури
      15. Побудова фігур за допомогою інструмента «Створення фігур»
      16. Глобальне редагування
    7. Введення
      1. Створення тексту
      2. Шрифти й типографіка
      3. Форматування тексту
      4. Імпорт та експорт тексту
      5. Форматування абзаців
      6. Спеціальні символи
      7. Створення тексту за контуром
      8. Стилі символів та абзаців
      9. Вкладки
      10. Текст і набір
      11. Пошук відсутніх шрифтів (процес Typekit)
      12. Оновлення тексту Illustrator 10
      13. Арабський шрифт і шрифт івриту
      14. Шрифти | Поширені запитання й поради з усунення проблем
      15. Створення ефекту 3D-тексту
      16. Творчі проєкти типографіки
      17. Масштабування й повертання тексту
      18. Інтервали між рядками й символами
      19. Розставлення переносів і розривів рядків
      20. Удосконалення роботи з текстом
      21. Орфографічні й мовні словники
      22. Форматування азіатських символів
      23. Компонувальники для наборів символів азійських мов
      24. Створення текстових проєктів із переходами між об’єктами
      25. Створення текстового плаката за допомогою трасування зображення
    8. Створення спеціальних ефектів
      1. Робота з ефектами
      2. Стилі графіки
      3. Створення тіні
      4. Атрибути вигляду
      5. Створення ескізів і мозаїк
      6. Тіні, свічення й розтушовка
      7. Основні дані про ефекти
    9. Веб-графіка
      1. Передові методи створення веб-графіки
      2. Діаграми
      3. SVG 
      4. Створення анімацій
      5. Фрагменти й мапи посилань
  6. Імпорт, експорт і збереження
    1. Імпорт
      1. Імпорт файлів ілюстрацій
      2. Імпорт бітових зображень
      3. Імпорт ілюстрацій із Photoshop
      4. Поміщення кількох файлів | Illustrator CC
      5. Скасовування вбудування зображень
      6. Імпорт файлів Adobe PDF
      7. Імпорт файлів EPS, DCS й AutoCAD
      8. Інформація про зв’язки
    2. Бібліотеки Creative Cloud Libraries у програмі Illustrator 
      1. Бібліотеки Creative Cloud Libraries у програмі Illustrator
    3. Зберегти
      1. Збереження ілюстрації
    4. Експорт
      1. Використання малюнків Illustrator у програмі Photoshop
      2. Експорт ілюстрацій
      3. Збирання ресурсів і груповий експорт
      4. Пакування файлів
      5. Створення файлів Adobe PDF
      6. Видобування CSS | Illustrator CC
      7. Параметри Adobe PDF
      8. Відомості про файл і метадані
  7. Друк
    1. Підготовка до друку
      1. Підготовка документів до друку
      2. Зміна розміру і орієнтації сторінки
      3. Визначення позначок кадрування для обрізання або вирівнювання
      4. Початок роботи з великим полотном
    2. Друк
      1. Накладання
      2. Друк із керуванням кольором
      3. Друк PostScript
      4. Стилі друку
      5. Позначки і дообрізний формат принтера
      6. Друк і збереження прозорої ілюстрації
      7. Трепінг
      8. Друк кольороподілів
      9. Друк градієнтів, сіток і накладань кольору
      10. Білі накладання
  8. Автоматизація завдань
    1. Об’єднання даних за допомогою панелі «Змінні»
    2. Автоматизація за допомогою сценаріїв
    3. Автоматизація за допомогою дій
  9. Пошук та усунення несправностей 
    1. Проблеми з аварійним завершенням роботи
    2. Відновлення файлів після аварійного завершення роботи
    3. Проблеми з файлами
    4. Проблеми з драйверами графічного процесора
    5. Проблеми з пристроєм Wacom
    6. Проблеми з файлом DLL
    7. Проблеми з пам'яттю
    8. Проблеми з файлом налаштувань
    9. Проблеми зі шрифтами
    10. Проблеми з принтером
    11. Поділитися з Adobe звітом про аварійне завершення роботи

Про фрагменти

Веб-сторінки можуть містити багато елементів—текст HTML, бітові зображення, векторні зображення і т.д. Illustrator дозволяє використовувати фрагменти, щоб визначати краї різних веб-елементів вашої ілюстрації. Наприклад, якщо ілюстрація містить бітове зображення, яке потрібно оптимізувати в JPEG формат, а інші зображення краще оптимізувати в GIF файл, ви можете ізолювати бітове зображення, використовуючи фрагмент. Під час збереження ілюстрації у вигляді веб-сторінки за допомогою команди Зберегти для Інтернету та пристроїв кожен фрагмент можна зберегти як окремий файл із власним форматом, параметрами та таблицею кольорів.

Фрагменти в документі Illustrator відповідають коміркам таблиці на кінцевій веб-сторінці. За замовчуванням область фрагмента експортується як файл із зображенням, включений у комірку таблиці. Якщо ви бажаєте, щоб комірка таблиці містила текст HTML та колір тла замість файлу із зображенням, ви можете поміняти тип фрагменту на «Без зображення». Якщо ви бажаєте перетворити текст Illustrator на текст HTML, ви можете змінити тип фрагменту на текст HTML.

Фрагментоване зображення з різними типами фрагментів.
Фрагментоване зображення з різними типами фрагментів.

A. Без фрагмента зображення. B. Фрагмент зображення. C. Фрагмент тексту HTML. 

Фрагменти можна переглядати в монтажній області та в діалоговому вікні Зберегти для Інтернету та пристроїв. Фрагменти нумеруються зліва направо та зверху донизу, починаючи з верхнього лівого кута зображення. Якщо змінити знаходження усієї кількості фрагментів, нумерація фрагментів оновлюється для дзеркального відображення нового порядку.

Коли ви створюєте фрагмент, Illustrator фрагментує оточуючу ілюстрація на фрагменти таким чином, щоб підтримати макет, використовуючи таблицю на основі Інтернету. Є два типи автоматичної фрагментації: автофрагменти та підфрагменти. Автофрагменти представляють площу вашої ілюстрації, яку ви не визначили як фрагмент. Illustrator створює автофрагменти кожного разу, коли ви додаєте або змінюєте фрагменти. підфрагменти визначають визначені користувачем фрагменти, що накладаються, будуть поділені. Хоча автофрагменти нумеруються та відображають символ фрагменту, ви не можете виділяти їх окремо від базового фрагменту. При потребі Illustrator переформовує підфрагменти та автофрагменти під час вашої роботи.

Створення фрагментів

  1. Виконайте одну з таких дій:
    • Оберіть один або більше об’єктів на монтажній області й оберіть «Об’єкт» > «Фрагмент» > «Створити».

    • Оберіть інструмент «Фрагмент»  і перетягніть через площину, де бажаєте створити фрагмент. Перетягніть, утримуючи Shift, щоб обмежити фрагмент до квадрату. Утримуйте клавішу Alt (Windows) або клавішу Option (Mac OS), щоб розпочати малювання по центру.

    • Оберіть один або більше об'єктів на монтажній області та оберіть Об'єкт > Фрагмент  > Створити з виділення

    • Помістіть направляючі, де ви бажаєте створити виділити фрагмент з ілюстрації та оберіть Об'єкт > Фрагмент  > Створити з направляючих.

    • Оберіть наявний фрагмент та оберіть Об'єкт > Фрагмент  > Створити дублікат фрагменту

      Підказка: використовуйте команду «Об’єкт» > «Фрагмент» > «Створити», коли бажаєте, щоб розміри фрагменту підходили до границь елементу вашої ілюстрації. Коли ви перемішуєте або змінюєте елемент, область фрагменту автоматично підлаштовується таким чином, щоб оточувати ілюстрацію. Також використовуйте цю команду, щоб створити фрагмент, який захоплює текст та основні характеристики форматування з текстового об'єкту.

      Підказка: використовуйте інструмент «Фрагмент», команду «Створити з виділення» або команду «Створити з напрямних», коли бажаєте, щоб розміри фрагменту були незалежними від ілюстрації. Фрагменти, які ви створити одним із таких способів, з’являться у вигляді елементів панелі «Шари», і ви зможете їх пересувати, змінювати їх розмір та видаляти їх так само, як і інші векторні об’єкти.

Виділення фрагментів

Використовуйте інструмент «Виділення фрагменту» , щоб виділити фрагмент у вікні ілюстрації або діалоговому вікні «Зберегти для Інтернету й пристроїв».

  • Натисніть на фрагменті, щоб виділити його.
  • Клацніть, утримуючи Shift, щоб вибрати декілька фрагментів. (У діалоговому вікні «Зберегти для Інтернету та пристроїв» можна також перетягувати область виділення, утримуючи клавішу Shift.)
  • Під час роботи з накладанням фрагментів натисніть на видимий розділ базового фрагменту для вибору.

    Також ви можете виділяти фрагменти у вікні ілюстрації, виконуючи одне з наступного:

  • Щоб виділити фрагмент, створений командою Об'єкт > Фрагмент Створити, оберіть відповідну ілюстрацію на монтажній області. Якщо фрагмент прив'язаний до групи або шару, виберіть відповідну піктограму, прикріплену до групи або шару на панелі «Шари».
  • Щоб обрати фрагмент, створений за допомогою інструмента «Фрагмент», командою «Створити з виділення» або командою «Створити з напрямних», оберіть цей фрагмент на панелі «Шари».
  • Натисніть на фрагменті інструментом «Виділення» .
  • Щоб виділити сегмент контура або опорну точку на фрагменті, натисніть на будь-якому елементі інструментом «Часткове виділення».

    Примітка: ви не можете виділяти автофрагменти. Ці фрагменти затінені.

Установлення параметрів фрагментів

Параметри фрагменту визначають вигляд умісту фрагменту та функції в результуючій веб-сторінці.

  1. Виконайте одне з наступного, використовуючи інструмент «Виділення фрагменту»:
    • Виділіть фрагмент у вікні ілюстрації та оберіть «Об'єкт» > «Фрагмент» > «Параметри фрагменту».

    • Двічі клацніть по фрагменту у вікні Зберегти для Інтернету та пристроїв інструментом «Виділення фрагменту».

  2. Виділіть тип фрагменту та установіть відповідні параметри:

    Зображення.

    Оберіть цей тип, якщо бажаєте, щоб площа фрагменту була файлом із зображенням в результуючій веб-сторінці. Якщо ви бажаєте, щоб зображення відкривалося з HTML посилання, уведіть URL та цільовий набір кадрів. Ви також можете визначити повідомлення, яке з'явиться на панелі стану браузера при наведенні курсору на зображення, альтернативний текст, який з'являтиметься, коли зображення не буде видно, та колір тла для комірки таблиці.

    Без зображення.

    Оберіть цей тип, якщо бажаєте, щоб площа фрагменту містила текст HTML та колір тла на результуючій веб-сторінці. Уведіть потрібний текст в діалоговому вікні «Текст, що відображатиметься в комірці» та відформатуйте текст, використовуючи стандартні теги HTML. Будьте обережні, щоб не увести більше тексту, ніж може бути відображено в площині фрагменту. (Якщо ви уведете забагато тексту, він буде відображатися також на сусідніх фрагментах та пошкодить макет вашої веб-сторінки. Однак, так як ви не можете бачити текст в монтажній площині, ви цього не помітите, доки не побачите веб-сторінку у браузері). Установіть параметри Гориз та Верт, щоб змінити вирівнювання тексту в комірці таблиці.

    Текст HTML.

    Цей тип доступний тільки якщо ви створити цей фрагменту, виділивши текстовий об'єкт та обравши «Об'єкт»  > «Фрагмент»  > «Створити». Текст Illustrator перетворюється на текст HTML з основними атрибутами форматування в результуючій веб-сторінці. Оновіть текст в своїй ілюстрації, щоб відредагувати його. Установіть параметри Гориз та Верт, щоб змінити вирівнювання тексту в комірці таблиці. Ви також можете обрати колір тла для комірки таблиці.

    Підказка: щоб відредагувати текст для фрагментів тексту HTML у діалоговому вікні «Параметри фрагменту», змініть тип фрагмента на «Без зображення». Це розірве зв'язок з текстом об'єкту на монтажній площині. Щоб ігнорувати форматування тексту, першим словом текстового об'єкту уведіть <unformatted>.

Блокування фрагментів

Блокування фрагментів не дозволить вам випадково змінити фрагмент, наприклад, змінити його розмір або перемістити його.

  • Щоб заблокувати усі фрагменти, оберіть «Перегляд» > «Заблокувати фрагменти».
  • Щоб заблокувати окремі фрагменти, натисніть колонку редагування фрагментів на панелі «Шари».

Налаштування країв фрагмента

Якщо ви створити фрагмент за допомогою команди «Об'єкт» > «Фрагмент» > «Створити», розташування та розмір фрагменту прив'язуються до ілюстрації, в якій він знаходиться. Таким чином, якщо ви переміщуєте або змінюєте розмір ілюстрації, краї фрагменту налаштовуються автоматично.

Якщо ви створили фрагмент, використовуючи інструмент «Фрагмент», команду «Створити з виділення» або команду «Створити з напрямних», ви можете налаштувати фрагменти вручну наступними способами:

  • Щоб перемістити фрагмент, перетягніть фрагмент на нове місце, використовуючи інструмент «Виділення фрагмента» . Натисніть Shift, щоб обмежити пересування вертикальної, горизонтальної або 45° діагональної лінії.
  • Щоб змінити розмір фрагменту, виділіть цей фрагмент інструментом «Виділення фрагменту» та потягніть будь-який кут або сторону фрагменту. Ви також можете змінювати розміри фрагментів за допомогою інструмента «Виділення» та панелі «Трансформація».
  • Щоб вирівняти або розподілити фрагменти, використовуйте панель «Вирівнювання». Вирівнювання фрагментів дозволяє видалити непотрібні автофрагменти, щоб створити HTML меншого розміру, який буде більш ефективним.
  • Щоб змінити порядок стеку фрагментів, перетягніть фрагмент на нове місце в панелі Шари або виділіть команду «Об'єкт»  > «Знаходження».
  • Щоб розділити фрагмент, виділіть його та оберіть «Об’єкт» > «Фрагмент» > «Розділити фрагменти».

    Ви можете комбінувати фрагменти, які були створені будь-яким методом. Виділіть фрагменти та оберіть «Об'єкт» > «Фрагмент» > «Комбінувати фрагменти». Розміри та положення результуючого фрагменту відповідатимуть розміру та положенню чотирикутника, створеного за допомогою поєднання зовнішніх країв комбінованих фрагментів. Якщо сполучені фрагменти не є суміжними або мають різні пропорції чи вирівнювання, новосполучений фрагмент може накладатися на інші фрагменти.

    Щоб змінити розмір усіх фрагментів на розміри монтажної області, оберіть «Об'єкт» > «Фрагмент» > «Обрізати за монтажною областю». Фрагменти, які виходять за межі монтажної області, будуть обрізані, щоб підходити по розмірам до ілюстрації, а автофрагменти, які лежать всередині монтажної області, розтягуються до меж монтажної області; уся ілюстрація залишається такою ж самою.

Видалення фрагментів

Ви можете видалити фрагменти з ілюстрації, видаливши їх або звільнивши їх з відповідної ілюстрації.

  • Щоб видалити фрагмент, виділіть його та натисніть «Видалити». Під час створення фрагменту за допомогою команди «Об'єкт» > «Фрагмент» > «Створити», видаляється відповідна ілюстрація. Якщо ви бажаєте зберегти відповідну ілюстрація, звільніть фрагмент, а не видаляйте його.
  • Щоб видалити усі фрагменти, оберіть «Об'єкт» > «Фрагмент» > «Видалити усі». Фрагменти, що були створені за допомогою команди «Об'єкт» > «Фрагмент» > «Створити» звільняються, а не видаляються.
  • Щоб звільнити фрагмент, виділіть його та оберіть «Об'єкт» > «Фрагмент» > «Звільнити».

Показ або приховування фрагментів

  • Щоб приховати фрагменти у вікні ілюстрації, оберіть «Перегляд» > «Приховати фрагменти».
  • Щоб приховати фрагменти в діалоговому вікні «Зберегти для Інтернету й пристроїв», натисніть кнопку «Переключити видимість фрагментів» .
  • Щоб приховати номери фрагментів та змінити колір ліній меж фрагментів, оберіть «Редагування» > «Параметри» > «Швидкі напрямні та фрагменти» (Windows) або «Illustrator» > «Параметри» > «Швидкі напрямні та фрагменти» (Mac OS).

Створення мапи посилань

Мапи посилань дозволяють поєднувати одну або більше площ зображення, які називаються гарячими точками, з URL. Коли користувач натискає на гарячу точку, браузер завантажує зв'язаний файл.

Основна різниця між використанням мап та фрагментів для створення посилань полягає в тому як ілюстрація експортується у веб-сторінку. Використання мап посилань дозволяє зберігати ілюстрацію незмінною як окремий файл із зображенням, а при використанні фрагментів ілюстрація поділяється на окремі файли. Інша різниця між мапами посилань полягає в тому, що мапи посилань дозволяють зв'язувати багатокутні або прямокутні області ілюстрації, а фрагменти дозволяють зв'язувати тільки прямокутні області. Якщо вам потрібно зв'язувати тільки прямокутні області, краще використовувати фрагменти замість мап посилань.

Примітка.

Щоб уникнути неочікуваних результатів, не створюйте гарячі точки мап посилань у фрагментах, які містять посилання URL, як посилання мапи посилань, так посилання фрагментів можуть бути проігноровані деякими браузерами.

  1. Виділіть об'єкт, який бажаєте зв'язати з URL.
  2. На панелі «Атрибути» оберіть форму для мапи посилань за меню «Мапа посилань».
  3. Уведіть відносний або повний URL в текстове поле URL або оберіть його зі списку доступних URLв. Ви можете перевірити розташування URL, натиснувши кнопку «Переглядач».
    Примітка.

    Щоб збільшити кількість видимих елементів в меню URL, виділіть панель «Параметри» з меню панелі «Атрибути». Введіть значення від 1 до 30 для того, щоб зазначити бажану скільки записів URL, яка відображуватиметься у списку URL.

Логотип Adobe

Увійдіть до облікового запису