Анимация в фотошопе

Покажу как анимировать картинку в фотошопе. Используя марионеточную анимацию можно анимировать любую картинку и сделать из неё GIF файл.

стю кугмайр

Для начала включим интерфейс аниматора. Нажимаем Окно — рабочая среда — движение.

Анимация в фотошопе (1)

Потом имеющуюся картинку преобразуем в смарт-объект. Нажимаем правой кнопкой на слое и выбираем преобразовать в смарт-объект.

Анимация в фотошопе (2)

Снизу слева появится шкала времени, в которой будут кадры анимации.

Анимация в фотошопе (3)

Нажимаем на создать временную шкалу видео и выбираем создать анимацию кадра.

Анимация в фотошопе (4)

Таким образом мы создаем первый кадр для будущей анимации.

Анимация в фотошопе (5)

Он отображен внизу слева.

Анимация в фотошопе (6)

Теперь заходим в редактирование — марионеточная деформация.

Анимация в фотошопе (7)

На всем изображении теперь сетка.

Анимация в фотошопе (8)

Ставим точки на места, который мы будем анимировать. Я планирую делать анимацию смеха, поэтому ставлю точки на губы, веки, подбородок, брови, нос.

Анимация в фотошопе (9)

Для первого кадра сдвигаем нижнюю губу выше.

Анимация в фотошопе (11)

Затем расставив точки нажимаем сверху подтвердить марионеточную деформацию.

Анимация в фотошопе (10)

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

Анимация в фотошопе (12)

Появился второй кадр.

Анимация в фотошопе (13)

Для второго кадра вновь нажимаем редактирование — марионеточная деформация.

Анимация в фотошопе (14)

Оттягиваем точку на нижней губе ниже.

Анимация в фотошопе (15)

Подтверждаем марионеточную деформацию.

Анимация в фотошопе (16)

Так создаем несколько кадров анимации движения.

Анимация в фотошопе (17)

Затем выделяем все созданные кадры.

Анимация в фотошопе (18)

И устанавливаем длительность анимации 0,2 сек. нажав на стрелочку возле 0 сек.

Анимация в фотошопе (19)

В слоях будет вот такой вид.

Анимация в фотошопе (20)

Затем воспроизводим готовую анимацию или сохраняем её нажав на файл — сохранить для Web.

Анимация в фотошопе (21)

Выбираем формат GIF и нажимаем сохранить.

Анимация в фотошопе (22)

Называем имя файла или оставляем имя по умолчанию и нажимаем сохранить.

Анимация в фотошопе (23)

Вот такие штучки можно сделать «на скорую руку» с помощью марионеточной деформации в фотошопе.

Девушка-Спорт-(15) лев

какая-анимация

Вот видео на эту тему.

Про фотошоп у меня также есть другие уроки:

Читайте также:

комментария 2

  1. сержик:

    Привет,
    а сделай видео на этот урок
    нам понравится 🙂

Добавить комментарий

Ваш адрес email не будет опубликован.