Застосувати рух до ілюстрації

Останнє оновлення: 21 лют. 2025 р.

Дізнайтеся, як додати рух до своєї ілюстрації за допомогою покадрової техніки або траєкторії руху у Fresco.

Ви можете застосовувати рух до елементів у своїй ілюстрації для створення захоплюючих візуальних розповідей. Потім можна експортувати готову ілюстрацію в файли MP4, GIF або PNG.

Застосувати рух до ілюстрації

Анімація своєї ілюстрації або її елементів

Ви можете використовувати покадрову техніку або техніку траєкторії руху чи поєднувати обидва методи для анімації ілюстрації або її елементів.

Покадровий

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

Траєкторія руху

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

До початку роботи

Перед початком своєї анімаційної подорожі ознайомтеся з цими концепціями та обмеженнями:

  • Радимо створювати об'єкти на окремих шарах під час використання руху у складній ілюстрації, яка потребує змін кількох об'єктів або їхніх властивостей. Це забезпечує точніший контроль над редагуванням кожного об'єкта у своїй ілюстрації.
  • Часова шкала шару відображається під час вибору об'єкта або ілюстрації з кадрами. Часова шкала за замовчуванням включає всі об'єкти у вибраному шарі та відображає загальну кількість створених кадрів і кадр, над яким ви зараз працюєте. Наприклад, показник 2/13 означає, що ви працюєте над другим кадром із 13 кадрів.
Часова шкала шару
Часова шкала шару

Анімуйте за допомогою покадрових технік або траєкторії руху

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

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

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

Виберіть шар, який потрібно анімувати, а потім виберіть Motion .Часова шкала за замовчуванням включає всі об'єкти вибраного шару.

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

Виберіть кадр, який потрібно переставити, перетягніть по часовій шкалі та відпустіть для зміни порядку кадрів.Перед редагуванням своєї ілюстрації в новому шарі увімкніть Onion skin.

Примітка

Ми додали кольори кальки, щоб спростити розрізнення попередніх і наступних кадрів для художників-аніматорів.

Кольори кальки
Поліпшення видимості завдяки кольоровій кальці для плавнішої анімації.

Виберіть Play All для перегляду руху, який ви застосували до своєї ілюстрації.Виберіть параметр Playback із Motion settings для відтворення попереднього перегляду в циклі, бумерангом або лише один раз. 

Налаштуйте Configure Motion settings для регулювання швидкості, зміни параметрів відтворення, налаштування прозорості та кадрів Onion skin і перегляду часової шкали документа.

Виберіть бажаний шар руху > іконку More options > Set as reference і застосуйте Fill до окремих кадрів цільового шару заливки для прискорення розфарбовування своєї анімації.

Виконайте ці кроки, щоб використати техніку траєкторії руху для анімації об'єктів по заданому шляху:

Виберіть шар, що містить об'єкт, і виберіть motion над лінійкою .

На панелі руху внизу виберіть Path щоб відкрити панель Властивості шару.

Виберіть будь-які Пресети руху, щоб застосувати ефекти руху.

Намалюйте шлях, яким має рухатися об'єкт.Щоб відтворити шлях, видаліть і перемалюйте шлях.

Малювання від руки

Малювання з використанням допоміжних засобів

У Розширених параметрах ви можете:
  • Збільшити/Зменшити: Увімкніть це, щоб збільшити або зменшити розмір об'єкта.
  • Обертання: Перемикач для отримання керування рухом Коливання або Обертання
    • Коливання: Вкажіть Кут і Кількість разів для руху.
    • Обертання: Увімкніть/вимкніть проти годинникової стрілки і Кількість разів для руху.

Додати ефект обертання або коливання

  • Поява/Зникнення: Змінює непрозорість об'єкта для створення плавних переходів на початку або в кінці траєкторії руху.
  • Вирівняти по шляху: Вирівняти об'єкти по заданому шляху.

Вирівнювання по шляху вимкнено

Вирівнювання по шляху увімкнено

  • Додати кілька: Додайте кілька об'єктів на той самий шлях і переглядайте в реальному часі.
  • Розсіювання: Застосуйте ефекти до відповідних доданих об'єктів і переглядайте їх у реальному часі.

Додавання кількох об'єктів і ефектів розсіювання

  • Параметри швидкості: Налаштуйте швидкість відтворення доріжки руху.
  • Плавна поява/зникнення: Застосуйте ці ефекти, щоб об'єкти повільно з'являлися або зникали з екрана.

Виберіть Відтворити все для перегляду руху, над яким працюєте.Виберіть Шлях , щоб побачити перегляд зі шляхами.Ви можете вибрати варіант відтворення в параметрах руху для відтворення попереднього перегляду в циклі, у режимі бумеранга або лише один раз.

Перевірте Параметри руху , щоб налаштувати швидкість, змінити варіанти відтворення, налаштувати непрозорість і кадри Калькової шкіри та переглянути часову шкалу документа.

Малювання кількох контурів

Ви можете намалювати один або кілька контурів на вибраному шарі.Малювання кількох контурів також автоматично дублює об'єкт або рух об'єкта на тому ж шарі, тому немає потреби створювати кілька об'єктів, якщо ви не хочете застосувати різні рухи до кожного об'єкта.Під час роботи з одним або кількома контурами виберіть Параметри > Часова шкала документа > Показати контури як кадри, щоб увімкнути часову шкалу контуру для перетворення контурів на кадри. 

Тепер, коли ви створили свої дизайни, застосуйте ці параметри руху до своїх анімацій:

Кадри/секунда

Визначає швидкість анімації в кадрах на секунду (FPS). Збільшення або зменшення FPS відповідно збільшує або зменшує швидкість.

Відтворення

Відображає варіанти відтворення та перегляду. Типи відтворення: Цикл, Бумеранг та Відтворити один раз.

Часова шкала документа

Відображає всі контури як кадри. Ви можете увімкнути іншу опцію Показати контури як кадри, щоб перетворити контур на часову шкалу кадрів.

Калькова шкіра

Забезпечує довідку, відображаючи вміст попереднього та наступного кадрів на дисплеї.

Кадр під головкою відтворення з'являється в повному кольорі.

Включіть та вимкніть функцію калькової шкіри в параметрах панелі руху:

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

Калька допомагає переглядати малюнок на кадрі, щоб точно обводити або вносити невеликі зміни.Ви також можете налаштувати кількість кадрів, які хочете залишити видимими. Перегляньте відео нижче, щоб дізнатися більше.

Застосуйте параметри руху до анімацій

Ми додали кольори калькової паперу, щоб полегшити художникам анімації розрізнення кадрів до та після.

Покращуйте видимість за допомогою кольорового калькового паперу для плавнішої анімації.

Трансформація та переміщення траєкторій руху та кадрів

Щоб перемістити або змінити розмір раніше створених траєкторій руху разом із вмістом, виконайте наступні дії:

Виберіть шар руху, який хочете трансформувати, і двічі торкніться піктограми Transform у панелі інструментів.  

Виберіть Усі кадри та траєкторії руху із випадного меню.

Виберіть параметр Transform для переміщення або зміни розміру траєкторії руху чи кадру.

Поширення анімованої ілюстрації

Виберіть Export , а потім виберіть Publish and Export > Motion.

Виберіть будь-який із форматів експорту:

  • GIF: використовується для графічної анімації в Інтернеті.
  • MP4: використовується для зберігання аудіо та відео. Fresco пропонує три налаштування для MP4:
    1. Automatic: використовується для експорту з найвищою роздільною здатністю. Це також може призвести до збільшення розміру файлу.
    2. Web-ready: використовується для оптимізації розміру та якості для веб-дисплеїв.
    3. PNG set: використовується для анімацій із прозорими об'єктами. Ви можете експортувати файл PNG для подальшого редагування в Adobe After Effects.
Підказка

Ви можете перемістити повзунок Loop, щоб встановити кількість циклів і тривалість файлу анімації MP4.

Виберіть Generate Frames для перегляду результату.

Виберіть Export , щоб поширити або зберегти свою ілюстрацію.

Укажіть кількість повторів ваших MP4-файлів руху за допомогою розширених параметрів експорту

Супутні ресурси

Тепер, коли ви почали застосовувати рух до своєї ілюстрації в Adobe Fresco, зробіть крок уперед і дізнайтеся, як працювати з шарами та пензлями.

Приєднуйтесь до нашої спільноти, щоб спілкуватися, вчитися та брати участь

Запитайте у спільноти

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