Створення анімацій

  1. Посібник користувача Illustrator
  2. Ознайомлення з Illustrator
    1. Знайомство з Illustrator
      1. Нові можливості в Illustrator
      2. Поширені запитання
      3. Системні вимоги для Illustrator
      4. Illustrator для Apple Silicon
    2. Робоче середовище
      1. Основи роботи з робочим середовищем
      2. Створення документів
      3. Інструменти | Стандартні комбінації клавіш | Illustrator
      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. Ласо
      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. Експорт ілюстрацій
      2. Збирання ресурсів і груповий експорт
      3. Пакування файлів
      4. Створення файлів Adobe PDF
      5. Видобування CSS | Illustrator CC
      6. Параметри Adobe PDF
      7. Відомості про файл і метадані
  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 звітом про аварійне завершення роботи

Про графіку Flash

Формат файлу Flash (SWF) – це формат файлів на основі векторної графіки, призначений для компактної графіки для Інтернету з можливістю масштабування. Оскільки цей формат файлу є векторним, ілюстрація зберігає свою якість зображення при будь-якій роздільній здатності та є ідеальною для створення кадрів анімації. У Illustrator ви можете створювати окремі кадри анімації на шарах, а потім експортувати шари із зображенням у окремі кадри для використання на вебсайті. Ви також можете задавати символи у файлі Illustrator для зменшення розміру анімації. Під час експорту кожен символ зазначається лише один раз у файлі SWF.

Ви можете зберегти ілюстрацію як  файл  SWF, скориставшись командою «Експорт» або «Зберегти для Інтернету та пристроїв». Переваги кожної з команд:

Команда «Експорт» (SWF)

Забезпечує високий рівень контролю за анімацією й бітовим стисненням.

Команда «Зберегти для Інтернету й пристроїв»

Забезпечує контроль над змішуванням SWF і растровими форматами у фрагментованому макеті. Ця команда пропонує менше опцій для параметра «Зображення», ніж команда «Експорт (SWF)»,  і  використовує параметри команди «Експорт», що застосовувалися минулого разу.

Під час підготовки ілюстрації до збереження у вигляді SWF пам'ятайте про наступне:

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

  • Використання інструментів «Знебарвлення символів» та «Стилі символів» збільшує розмір файлів SWF, тому що Illustrator повинен створювати копію кожного зразку символу для збереження їхнього вигляду.

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

  • Візерунки растеризуються у маленькі зображення розміру ілюстрації візерунку та розбиваються на сегменти для заливки ілюстрації.

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

  • SWF підтримує лише округлені кінці та стики. Скошені та квадратні кінці та стики перетворюються на заокруглені під час експорту до SWF.

  • Візерункова заливка тексту та візерункова заливка обведення перетворюються на контри та заповнюються візерунком.

  • Хоча текст зберігає багато своїх властивостей під час експорту до SWF, деяка інформація втрачається. Під час імпорту файлу SWF у Flash інтерліньяж, кернінг та трекінг не зберігаються. Замість цього текст розбивається на окремі записи для того, щоб імітувати вигляд інтерліньяжу. При подальшому програвання файлу SWF Flash Player вигляд інтерліньяжу, кернінгу та трекінгу у файлі зберігається. Якщо текст потрібно експортувати у вигляді контурів, виберіть пункт «Перетворення тексту на криві» в діалоговому вікні «Параметри SWF» або перетворіть текст на криві перед експортуванням у SWF, вибравши функцію «Створити обриси».

Створення анімації Flash

Існує багато шляхів створення анімацій Flash у Illustrator. Чи не найпростіший спосіб — розмістити кожний кадр анімації на окремий шар Illustrator та під час експорту ілюстрації вибрати параметр Шари AI у кадри SWF.

  1. Створіть ілюстрацію, яку потрібно анімувати. Користуйтеся символами для зменшення розміру файлу анімації та полегшуйте собі роботу.
  2. Створюйте окремий шар для кожного кадру у анімації.

    Ви можете зробити це за допомогою вставляння основної ілюстрації у новий шар, а потім відредагувати ілюстрацію. Ви також можете скористатися командою «Звільнити у шари» для автоматичного створення шарів, які складаються із кумулятивно вбудовуваних об'єктів.

  3. Переконайтеся, що шари розташовані у тій послідовності, у якій ви хочете, щоб вони відображувалися у вигляді кадрів анімації.
  4. Виконайте одну з таких дій:
    • Оберіть «Файл» > «Експорт», оберіть формат Flash (SWF) та натисніть кнопку «Експорт». У діалоговому вікні «Параметри SWF» виберіть із меню «Експортувати як» пункт «Шари AI в кадри SWF». Налаштуйте додаткові параметри анімації та натисніть кнопку «OK».

    • Виберіть «Файл» > Зберегти для Інтернету та пристроїв. Виберіть SWF із меню Оптимізований формат файлу. Із меню «Тип експорту» виберіть пункт Шари AI у кадри SWF. Встановіть параметри та натисніть «Зберегти».

Робота з Illustrator і Flash

Ви можете переносити ілюстрацію з Illustrator до середовища редагування Flash або безпосередньо до Flash Player. Ви можете копіювати та вставляти ілюстрації, записувати файли у форматі SWF або експортувати ілюстрації безпосередньо у Flash. Окрім того, Illustrator підтримує динамічний текст і символи відеокліпів Flash.

Ви також можете скористатися Device Central, щоб побачити, як ілюстрація Illustrator виглядатиме у Flash Player на різних портативних пристроях.

Вставляння ілюстрації Illustrator

Ви можете створити багату графікою ілюстрацію в Illustrator, а потім скопіювати і вставити у Flash – просто, швидко, легко.

Коли ви вставляєте ілюстрацію Illustrator у Flash, зберігаються такі атрибути:

  • контури й фігури;

  • масштабованість;

  • товщина ліній;

  • визначення градієнтів;

  • текст (включно зі шрифтами OpenType);

  • зв’язані зображення;

  • символи;

  • режими накладання.

Окрім того, Illustrator і Flash підтримують вставлену ілюстрацію у такий спосіб:

  • Коли ви виділяєте всі шари верхнього рівня у ілюстрації Illustrator і копіюєте їх у Flash, ці шари зберігаються разом із властивостями (видимість і блокування).

  • Кольори Illustrator, що не є RGB (CMYK, градації сірого, власні), перетворюються на RGB у Flash. Кольори RGB вставляються очікувано.

  • Коли ви імпортуєте або вставляєте ілюстрацію Illustrator, ви можете використовувати різноманітні параметри, аби зберегти ефекти (такі як тіні на тексті) як фільтри Flash.

  • Flash зберігає маски Illustrator.

Експортування SWF-файлів з Illustrator

З Illustrator ви можете експортувати SWF-файли, що за якістю і стисненням відповідають SWF-файлам, експортованим із Flash.

Коли ви експортуєте файли, ви можете вибирати різноманітні стилі, аби забезпечити оптимальне виведення, а також вказати, як саме слід обробляти кілька монтажних областей, символи, шари, текст і маски. Наприклад, ви можете задати, чи мають символи Illustrator експортуватися як кліпи чи графіка, або ви можете створювати символи SWF із шарів Illustrator.

Імпортування файлів Illustrator у Flash

Якщо ви бажаєте створювати цілі макети в Illustrator, а потім імпортувати їх у Flash за один раз, ви можете записати ілюстрацію у рідному форматі Illustrator (AI) і імпортувати його з високою точністю у Flash, скориставшись командами «Файл» > «Імпортувати у сцену» або «Файл» > «Імпортувати у бібліотеку» у Flash.

Якщо ваш файл Illustrator містить кілька монтажних областей, ви можете обрати монтажну область, яку ви бажаєте імпортувати, у діалоговому вікні «Імпорт» та визначити параметри для кожного шару у цій монтажній області. Усі об'єкти в обраній монтажній області імпортуються у Flash як єдиний шар. Якщо ви імпортуєте іншу монтажну область з того ж самого файлу AI, об'єкти з цієї монтажної області імпортуються у Flash як новий шар.

Коли ви імпортуєте ілюстрацію Illustrator як файл AI, EPS чи PDF, Flash зберігає ті самі атрибути, що й у вставленій ілюстрації Illustrator. Окрім того, коли ви імпортуєте файл Illustrator, що містить шари, ви можете імпортувати їх в один із таких способів:

  • Перетворити шари Illustrator на шари Flash

  • Перетворити шари Illustrator на кадри Flash

  • Перетворити всі шари Illustrator на один шар Flash

Робочі процеси із символами

Робочі процеси із символами в Illustrator подібні до процедури у Flash.

Створення символу.

Коли ви створюєте символ в Illustrator, діалогове вікно «Параметри символу» дає вам змогу назвати символ і задати параметри, специфічні для Flash: тип символу – відеокліп (що є типовим для символів Flash), місце реєстраційної сітки Flash, 9-фрагментні напрямні масштабування. На додаток ви можете користуватися тими самими комбінаціями клавіш символів в Illustrator і Flash (наприклад, F8, щоб створити символ).

Ізольований режим для редагування символів.

У програмі Illustrator двічі клацніть символ для його відкриття в ізольованому режимі для більш легкого редагування. В ізольованому режимі редагується лише екземпляр символу — решта об'єктів у монтажній області затемнюються і стають недоступними. Після виходу з ізольованого режиму символ на панелі «Символи» і всі екземпляри даного символу оновлюються відповідно. У Flash режим редагування символів і панель «Бібліотека» працюють схоже.

Властивості символів і посилання.

Застосовуючи панель «Символи» або панель керування, ви можете легко призначати назви екземплярам символів, розривати посилання між екземплярами і символами, міняти екземпляри одного символу на екземпляри іншого, створювати копію символу. У Flash функції редагування у панелі «Бібліотека» працюють схоже.

Об’єкти статичного, динамічного й введеного тексту

Коли ви переносите статичний текст із Illustrator у Flash, Flash перетворює текст на контури. Окрім того, ви можете налаштувати ваш текст в Illustrator як динамічний. Динамічний текст дає вам змогу редагувати вміст тексту програмно у Flash та легко керувати проектами, що потребують локалізації декількома мовами.

В Illustrator ви можете задати окремі текстові об'єкти як статичний, динамічний чи введений текст. Динамічні текстові об'єкти в Illustrator і Flash мають схожі властивості. Наприклад, обидві програми використовують кернінг, що впливає на всі символи у текстовому блоці, а не на окремі символи, обидві згладжують текст однаково, обидві підтримують зв'язок із зовнішніми XML-файлами, що містять текст.

Логотип Adobe

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