Что такое "марионеточная деформация" в фотошопе (14 фото)

17727
+82
Друзья, в этом посте я хочу рассказать вам, что такое "Марионеточная деформация" в фотошопе, как пользоваться этой функцией, и для каких целей ее вообще можно использовать. Советую взять себе на заметку, довольно интересная и полезная информация.

Итак, анимация персонажа в рамках фотожабы.


Что такое "марионеточная деформация" в фотошопе (14 фото)

- Как работает двигатель?
- Можно своими словами?
- Конечно! Вжжжж, вжжжж, вжжжжжжжж…©

Если говорить своими словами, то принцип работы заключается в следующем, после того, как вы выбрали инструмент марионеточная деформация, вам необходимо добавить так называемые "булавки", которые фиксируют ваше изображение на месте. Теперь, выделив булавку, начинайте аккуратно передвигать ее в необходимом направлении, тем самым деформируя изображение. Инструмент, является интуитивно понятным, достаточно один раз попробовать.


Что такое "марионеточная деформация" в фотошопе (14 фото)

Собственно, сразу сам результат, чтобы было понятно, о чем дальше пойдет речь.
«у Свидетеля зачесалась нога»


Что такое "марионеточная деформация" в фотошопе (14 фото)

А теперь пошагово.
Шаг 1.
Берем исходное изображение и избавляемся от фона. Я выбрал инструмент «Волшебная палочка».



Что такое "марионеточная деформация" в фотошопе (14 фото)

Шаг 2. Выделяем правую ногу Свидетеля и выносим ее на отдельный слой.
Инструмент «Прямолинейное лассо».


Что такое "марионеточная деформация" в фотошопе (14 фото)

Шаг 3. Слой с ногой переносим на задний план, а на основном ее удаляем.


Что такое "марионеточная деформация" в фотошопе (14 фото)

Шаг 4. Преобразуем слой с ногой в смарт-объект (правой кнопкой мыши на слое – преобразовать в смарт-объект). Преобразование нужно для того, чтобы каждый раз не добавлять заново булавки. При последующем вызове инструмента марионеточная деформация, они будут оставаться на своих местах.


Что такое "марионеточная деформация" в фотошопе (14 фото)

Шаг 5. Вкладка редактирование – инструмент марионеточная деформация.
Фиксируем булавками верхнюю часть ноги, чтобы она оставалась неподвижной, нажимаем Enter и дублируем наш слой. Ctrl+J


Что такое "марионеточная деформация" в фотошопе (14 фото)

Шаг 6. Вкладка редактирование – инструмент марионеточная деформация. Выделяем булавку на коленном суставе, зажимаем клавишу Alt и начинаем медленно вращать ногу по часовой стрелке. Нажимаем Enter.


Что такое "марионеточная деформация" в фотошопе (14 фото)

Шаг 7. Для создания анимации, нам необходимо зафиксировать все фазы движения ноги. Дублируем слой Ctrl+J и повторяем Шаг 6, видимость предыдущего отключаем. Для наглядности этапы движения (слева на права).


Что такое "марионеточная деформация" в фотошопе (14 фото)

Шаг 8. На этом этапе, вы проделываете Шаг7, необходимое кол-во раз. Чем больше слоев, тем больше кадров. Чем больше кадров, тем «плавнее» будет воспроизводиться анимация.


Что такое "марионеточная деформация" в фотошопе (14 фото)

Шаг 9. В итоге у вас должно получиться ~ 8 слоев с разным положением ноги.
Теперь уберем видимость со всех слоев, кроме первого и слоя со Свидетелем.


Что такое "марионеточная деформация" в фотошопе (14 фото)

Шаг 10. Работа с анимацией будет очень легкой. В окне анимации в верхнем правом углу справа есть стрелка с выпадающим меню, в этом меню необходимо выбрать функцию создать кадры из слоев, затем выделим все рамки и выставим интервал ~ 0,08 секунды, далее сохранить для веб – устройств.


Что такое "марионеточная деформация" в фотошопе (14 фото)

И напоследок в родной стихии


Что такое "марионеточная деформация" в фотошопе (14 фото)

Топ комментарии

7 августа 2014 09:05
Пользователь offline
Голосов:  +13
Интересно, не знал такого

Комментарии (8) 

Показать сначала комментарии:
  1. 7 августа 2014 08:39
    Пользователь offline

    0

    #
    Круто!)))
    Сразу живенько так стало. tongue
    Это работает??
           
  2. 7 августа 2014 09:05
    Пользователь offline

    +13

    #
    Интересно, не знал такого
           
  3. 7 августа 2014 09:33
    Пользователь offline

    0

    #
    пОООООнял
           
  4. 7 августа 2014 10:39
    Пользователь offline

    0

    #
    Работает, работает. ))) Если руки прямые)
           
  5. 7 августа 2014 14:13
    Пользователь offline

    0

    #
    А дорисовать задний план (ступеньки за ногой), инструментом "штамп", автор забыл об этом написать
           
  6. 13 августа 2014 17:12
    Пользователь offline

    0

    #
    Бедный Витек. Зачем его так.
           
  7. 14 августа 2014 17:54
    Пользователь offline

    0

    #
    ))))
           
  8. 20 августа 2014 11:50
    Пользователь offline

    0

    #
    как-то так
           
Информация
Пожалуйста, зарегистрируйтесь или авторизуйтесь, чтобы оставлять комментарии на сайте.