Руководство пользователя Отмена

Применение анимации к изображению

  1.     Руководство пользователя Adobe Fresco
  2. Введение
    1. Новые возможности Adobe Fresco
    2. Что такое Adobe Fresco
    3. Системные требования Adobe Fresco
    4. Заметки о выпуске Adobe Fresco
    5. Adobe Fresco на iPhone
    6. Сочетания клавиш
    7. Специальные возможности в приложении Fresco
    8. Adobe Fresco | Общие вопросы
    9. Начало работы с пользовательским интерфейсом
    10. Переход на премиум-план для получения доступа к шрифтам премиум-класса
    11. Хранилище Adobe Fresco
    12. Функции, поддерживаемые на устройствах iPad и Windows
  3. Рисуйте, творите, анимируйте — и делитесь шедеврами
    1. Слои
    2. Фигуры в Adobe Fresco
    3. Пиксельные кисти
    4. Живые кисти
    5. Векторные кисти
    6. Микс-кисти
    7. Кисти-ленты
    8. Регулировка кривой нажима стилуса 
    9. Цвета
    10. Заливка внутри границ
    11. Применение анимации к изображению
    12. Инструмент «Свободное трансформирование»
    13. Инструмент «Волшебная палочка»
    14. Инструмент для растушевки
    15. Инструмент «Пластика»
    16. Добавление и изменение текста
    17. Публикация, экспорт и предоставление общего доступа
    18. Слои-маски
    19. Доступ к Creative Cloud Libraries во Fresco
    20. Линейка
    21. Ластики
    22. Добавление шрифта
    23. Выравнивание по сетке 
    24. Симметрия
  4. Приложения Adobe Fresco и Creative Cloud
    1. Adobe Fresco и Photoshop
    2. Adobe Fresco и Illustrator
  5. Облачные документы
    1. Облачные документы в Adobe Fresco
  6. Устранение неполадок
    1. Невозможно получить доступ к импортированным пиксельным кистям в Windows
    2. Поддержка Adobe Fresco на устройствах Windows ARM
  7. Примеры, идеи и вдохновение
    1. Создание логотипа
    2. Создание эффекта батика
    3. Креативное иллюстрирование | Цифровой концепт-арт

Узнайте, как добавить анимацию к изображению, используя технику покадровой анимации или траектории движения в Fresco.

Вы можете наделить элементы изображений движением для создания захватывающих визуальных повествований. Затем готовые изображения можно экспортировать в файлы формата MP4, GIF или PNG.

Применение анимации к изображению

Анимируйте свое изображение или его элементы

Вы можете использовать технику покадровой анимации или траектории движения либо сочетание этих техник для анимации вашей иллюстрации или ее элементов.

Покадровая анимация 

Изображение в каждом кадре немного отличается от предыдущего, и при последовательном воспроизведении создается иллюзия движения. Используется, когда свойства объекта или движение изменяются с каждым кадром.

Анимация по контуру движения

Отслеживает объекты и следует по заданному пути. Используется для перемещения элементов или графических объектов по сцене в циклическом движении без изменения их внешнего вида.

Перед началом работы

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

  • При использовании движения на сложных изображениях, требующих изменения нескольких объектов или их свойств, рекомендуется создавать объекты в отдельных слоях. Это позволяет получить более точный контроль над изменением каждого объекта в изображении.
  • Временная шкала слоя отображается при выборе объекта или иллюстрации, содержащей кадры. Временная шкала по умолчанию включает все объекты в выбранном слое и отображает общее количество созданных кадров, а также кадр, над которым вы работаете в настоящее время. Например, числа 2/13 означают, что вы работаете над вторым из 13 кадров.
Временная шкала слоя
Временная шкала слоя

Анимация с использованием покадрового метода или метода траектории движения

Исходя из сложности изменений в каждом кадре, используйте покадровый метод или метод траектории движения, чтобы применить движение к изображению.

Просмотрите вкладку ниже, чтобы узнать, как применять эти методы и настроить их параметры в соответствии с вашим проектом.

Добавление покадрового движения к изображению с помощью временной шкалы. Инкрементные изменения, вносимые в изображение в каждом кадре, создают иллюзию движения или изменения в вашем проекте.

  1. Выберите слой, который хотите анимировать, а затем нажмите Движение   . По умолчанию временная шкала содержит все объекты в выбранном слое.

  2. Чтобы добавить новый кадр, коснитесь выбранного кадра. В открывшемся меню выберите операцию дублирования, копирования или удаления кадров.

  3. Чтобы изменить порядок кадров, выберите кадр, который вы хотите переместить, и перетащите его по временной шкале в нужное место. Прежде чем редактировать иллюстрацию на новом слое, выберите инструмент Калькирование.

  4. Выберите Воспроизвести все, чтобы просмотреть движения, примененные к изображению. Выберите функцию Воспроизведение в разделе Настройки движения , чтобы просмотреть анимацию в режиме циклического или единоразового воспроизведения либо в режиме бумеранга. 

  5. В разделе Настройки движения    можно выбрать скорость, изменить параметры воспроизведения, настроить непрозрачность и кадры функции Калькирование, а также просмотреть шкалу времени документа.

  6. Выберите предпочтительный слой движения > нажмите значок Дополнительные параметры > выберите Установить как эталонный слой и примените функцию Заливка к отдельным кадрам целевого слоя заливки для ускорения окрашивания анимации.

Выполните действия, описанные ниже, чтобы использовать технику траектории движения для анимации объектов по заданному контуру.  

  1. Выберите слой, содержащий объект, и выберите действие над линейкой  .

  2. На панели движения внизу выберите Контур , чтобы открыть панель Свойства слоя.

  3. Выберите любой из стилей движения, чтобы применить эффекты движения.

  4. Нарисуйте контур, по которому должен двигаться объект. Чтобы воссоздать контур, удалите и нарисуйте контур заново.

    Рисуем от руки

    Рисуем с помощью вспомогательных инструментов

  5. С помощью дополнительных настроек вы можете сделать перечисленное ниже.
    • Увеличить/сжать. Переключите этот параметр, чтобы увеличить или уменьшить размер объекта.
    • Поворот. Переключите, чтобы получить управление движением Покачивать или Вращать.
      • Покачивать. Укажите Угол и Количество раз для движения.
      • Вращать. Включите/выключите параметр Против часовой стрелки и укажите Количество раз для движения.

    Добавить эффект вращения или покачивания

    • Плавное появление/исчезновение. Изменяет непрозрачность объекта для создания плавных переходов в начале или конце его пути движения.
    • Выравнивание по траектории. Выравнивание объектов по заданному контуру.

    Выравнивание по контуру отменено

    Выравнивание по контуру добавлено

    • Добавление нескольких объектов. Добавляйте несколько объектов на одном контуре и просматривайте их в режиме реального времени.
    • Разброс. Применяйте эффекты к соответствующим добавленным объектам и просматривайте их в режиме реального времени.

    Добавить несколько эффектов и эффекты рассеивания

    • Параметры скорости. Настройка скорости воспроизведения дорожки движения.
    • Замедление в начале / в конце. Применяйте эти эффекты, чтобы объекты медленно появлялись или исчезали с экрана.
  6. Выберите Воспроизвести все, чтобы предварительно просмотреть анимацию, над которой работаете. Выберите Контур , чтобы предварительно просмотреть анимацию с траекториями. Можно выбрать функцию «Воспроизведение» в разделе «Настройки движения», чтобы просмотреть анимацию в режиме циклического или единоразового воспроизведения либо в режиме бумеранга.

  7. Используйте параметры раздела Настройки движения    для регулировки скорости, изменения параметров воспроизведения, настройки непрозрачности и кадров функции Калькирование, а также просмотра временной шкалы документа.

Рисование нескольких контуров

На выбранном слое можно нарисовать одну или несколько траекторий. Прорисовка нескольких траекторий также автоматически дублирует объект или движение на одном слое. Благодаря этому не нужно создавать несколько объектов, если вы не хотите применять к ним разные движения. При работе с одним или несколькими контурами выберите Настройки > Временная шкала документа > Показывать контуры как кадры, чтобы включить временную шкалу контуров для преобразования контуров в кадры. 

Теперь, когда вы создали свой дизайн, примените эти настройки движения к своей анимации. 

Кадров в секунду

Определяет скорость анимации в кадрах в секунду (FPS). Увеличение или уменьшение FPS соответственно увеличивает или уменьшает скорость.

Воспроизведение

Отображает параметры воспроизведения и предварительного просмотра. Типы воспроизведения: циклическое, бумеранг и единоразовое.

Шкала времени документа

Отображает все пути в виде кадров. Можно включить параметр Показать контуры как рамки, чтобы преобразовать контуры в шкалу времени кадра.

Калькирование

Предоставляет справочную информацию, отображая на экране содержимое предыдущего и следующего кадров.

Кадр под указателем воспроизведения отображается в полном цвете.

Включайте и отключайте функцию восковки в настройках панели управления движением.

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

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

Применение настроек движения к вашим анимациям

Преобразование и перемещение траекторий движения и кадров

Для перемещения и изменения размера ранее созданных траекторий движения вместе с содержимым следуйте приведенным ниже инструкциям.

  1. Выберите слой движения, который требуется преобразовать, и дважды коснитесь значка Преобразование на панели инструментов.  

  2. Выберите Все кадры и траектории движения из вариантов в раскрывающемся списке.

  3. Выберите вариант Преобразование, чтобы переместить или масштабировать траекторию движения или кадр.

Предоставление доступа к анимированным изображениям

  1. Выберите Экспорт  , а затем Публикация и экспорт > Анимация.

  2. Выберите любой из форматов экспорта:

    • GIF. Используется для анимации веб-графики.
    • MP4. Используется для хранения аудио и видео. Fresco предлагает три варианта для MP4.
      1. Автоматический. Экспортирует вывод в максимальном разрешении. Это также может привести к увеличению размера файла.
      2. Оптимизация для Интернета. Оптимизирует размер и качество вывода для отображения в Интернете.
      3. Набор PNG. Используется для анимации с прозрачными объектами. Можно экспортировать файл PNG для дальнейшего редактирования в программе Adobe After Effects.
    Совет.

    Вы можете переместить ползунок Цикл для установки количества циклов и продолжительности анимированного файла MP4.

  3. Чтобы просмотреть предварительный результат, выберите Создать кадры.

  4. Выберите Экспорт чтобы поделиться своей работой или сохранить ее.

    Укажите количество циклов в ваших анимированных файлах MP4, используя расширенные параметры экспорта

Связанные ресурсы

Вы научились применять движение к изображениям в Adobe Fresco, теперь сделайте следующий шаг и узнайте, как работать со слоями и кистями.

Присоединяйтесь к нашему сообществу, чтобы общаться и узнавать новое

Спросите сообщество

Чтобы найти новые вдохновляющие идеи, получить советы от специалистов и узнать способы решения распространенных проблем, посетите форум сообщества Adobe Fresco. Общайтесь с нашими специалистами и другими пользователями. Делитесь идеями, показывайте свои работы, своевременно узнавайте о новых функциях и других новостях, а также оставляйте отзывы.

 Adobe

Получайте помощь быстрее и проще

Новый пользователь?