Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. |
| Подробнее ... |
| Имитация движения |
| Автор: Алиса |
|
В этом уроке мы научимся имитировать движение, отражая изначальную картинку зеркалльно по горизонтали:
С чем мы познакомимся в этом уроке: научимся совмещать объекты, управляя их прозрачностью, команда "Transform - Flip Horizontal" Потребуется знание уроков: Плавный переход между кадрами
1. Подбираем исходное изображение. Данный эффект нельзя красиво применить к любой картинке. Лучше всего, если выбранное вами изображение будет на однотонном фоне. Объект на картинке (в нашем случае он должен быть одушевленным) должен быть повернуть анфас к нам. Лучший вариант - идущий человек, который занес вперед одну ногу. Я тоже нашла неплохой исходник:
Собака мордой развернута к нам, а одна ее лапа в прыжке. То, что надо. 2. Открываем выбранное изображение в Photoshop. 3. Копируем наш исходный слой со щенкой, нажав на клавиатуре Ctrl +J:
4. Отражаем зеркально щенка со слоя-дубликата. Для этого предварительно выделяем новый слой, тыкнув по нему мышкой, потом идем в "Edit - Transform - Flip horizontal" (Редактировать - Трансформация - Отразить по горизонтали): Получился такой щенок:
5. Выравниваем слои по отношению к друг другу. На моей картинке (скорее всего, тоже и с любой другой выбранной вами картинкой) щенок располагается не ровно по центру картинке и когда мы отразили его по горизонтали, щенок на нижнем слое и щенок на верхнем слое были сдвинуты по отношению к друг другу. А нам, для имитации движения щенка, надо, чтобы они по максимуму совпадали. Мы будем двигать верхний слой, стремясь к тому, чтобы щенки совпали. А чтобы видеть из под первого слоя второй, мы воспользуемся прозрачностью слоя. В панели "Layers" (Слои) в верххнем правом углу вы найдете параметр "opacity" (прозрачность). Выделите (тыкнув мышкой) верхний слой-дубликат с щенком и уменьшите значение opacity. Я уменьшила его до 65 % и мне стало видно и "верхнего" щенка и "нижнего": Теперь берем инструмент "Move tool" (Инструмент перемещения) и двигаем верхний слой пока он максимально не совпадет с нижним: Я двигала пока не совпало тельце щенка :) Примечание: для удобства и для точности действий предлагаю вам увеличить масштаб изображения, путем нажатия на клавиатуре "Ctrl +" и "Ctrl -". Теперь можете вернуть параметр "opacity" на изначальные 100 %. Вы видете только верхний слой. 6. Анимация. Переходим в Image Ready:
Дублируем в панели "Animation" (Анимация) первый кадр нажав на кнопку "Duplicate current frame" (дублировать активный слой):
И выставляем видимость слоев для кадров. Для первого кадра делаем видимым только первый слой, а для второго кадра - и первый и второй слой: Выставляем время задержки между кадрами - о,2 секунды, жмем play и видим результат:
7. Смягчаем движение. Чтобы щенок двигался более плавно, мы можем применить к нашей анимации растяжку. Подробнее об этом читайте в уроке "Плавный переход между кадрами". Я выставила между двумя нашими кадрами растяжку в еще 3 кадра. И 3 кадра в обратную сторону, т.е. между последним и первым кадром. Поставила задержку для этих новых кадров в "no delay" (без задержки): и получила вот такой результат:
Удачи в ваших экспериментах! P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее. Лучшее "спасибо" за урок - ваш комментарий! :) |

Приветствуем вас в разделе уроков нашего сайта!







Комментарии
RSS лента комментариев этой записи.