Уроки фотошопа. Как сделать анимацию

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

1. Открываем в фотошопе первый клипарт - картинку с идущим поездом. Двойной клик по замочку на слое - преобразуем фон в слой.

2.  Открываем в фотошопе второй клипарт - Девушку и переносим ее на картинку с поездом, установив в правом нижнем углу, опустив нижний край картинки с девушкой за границу картинки с поездом. Идем в Редактирование - Трансформирование - Отразить по горизонтали.

3. Стоим на слое с девушкой, идем в Фильтр - Усиление резкости - Резкость+. Переименуйте слои: нижний слой- Поезд, верхний слой- Девушка. Сделать это можно двойным кликом по названию слоя.

4. Встаем на слой Поезд, идем в панели слоев вниз и с помощью значка новый слой создаем новый слой, перетаскиваем его под слой Поезд и переименовываем в слой Рамка. Затем встаем на слой Девушка, жмем значок Новый слой (он теперь самый верхний и называем слой Подпись.

5.Стоим на самом нижнем слое Рамка, идем в Изображение - Размер холста и добавляем по 20 пикселей по высоте и по ширине:

6. Теперь видно, что клипарт Девушка выходит за края картинки с поездом. Это помешает нам сделать красивую рамку, поэтому уберем все лишнее. Встаем на слой Поезд, идем в Выделение - Загрузить выделенную область и слова в Выделение - Инверсия. Образовалась двойная  пунктирная рамочка по периметру. Переходим на слой Девушка, идем в Редактирование - Очистить. Выделение - Отменить выделение.

.

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

8. Приступаем непосредственно к анимации. Начнем с девушки. Стоим на слое Девушка. Увеличим размер с помощью клавиш Ctrl+-так удобнее будет работать с мелким объектом.  Создаем еще две копии слоя с помощью клавиш Ctrl+J. Отключаем глазик на слое Девушка и на верхнем слое копия2. Глазки включены только на слое Рамка и на среднем слое с девушкой. Идем в Редактирование - Трансформирование -Деформация. На картинке с девушкой появляется сетка. Зажимаем клавишу Shift и тихонько тянем за точки на сетке платье, придвигая его немного к девушке, так, как если бы его немного сморщило ветром. Не делайте больших сдвигов,  это работа тонкая, иначе вы сдвините всю девушку. Если все нравится, нажимаем Ок.

9. Переходим на верхний слой копия2, глазик на предыдущем слое отключаем. Снова выполняем эти же действия, т.е. Редактирование - Трансформирование - Деформация. Но теперь потяните за эти точки, как если бы платье раздуло в другую сторону или чуть вниз.

10. Начинаем делать анимацию волос. Встаем на нижний слой Девушка. Берем инструмент Лассо и выделяем волосы девушки, вы можете выделить любым другим, привычным для вас инструментом выделения. Идем в Фильтр - Пластика, увеличиваем % в размерах до 300%, чтобы увеличить выделенную область и подбираем размер кисти для более тонких локонов поменьше, для крупных побольше (см. настройки). Работа с этим фильтром тоже достаточно тонкая, поэтому сдвиги нужно делать очень аккуратно и маленькие.

Слой Девушка копия пропускаем, на нем не будем делать никаких изменений, выделение не снимаем, переходим на самый верхний слой  Девушка копия2. Повторяем действия с фильтром Пластика, только волосы теперь сдвигаем в противоположную сторону. Все устраивает - Выделение - Отменить выделение.

11. Переходим к анимации поезда. Встаем на самый нижний слой Рамка. Давайте его снова переименуем в Поезд для удобства. Выделяем поезд с помощью того же инструмента выделения, что и волосы - инструмент лассо. Делаем еще 3 копии с помощью тех же клавиш Ctrl+J. Встаем на самую нижнюю копию слоя Поезд. На двух верхних слоях глизик отключен. При этом глазик на основном слое Поезд включен. Дальше идем в Фильтр - Размытие - Размытие в движении (см. настройки для нижнего слоя).

12 Переходим на второй слой с выделенным поездом. Глазик включен на нем, на двух других отключен. Снова идем в Фильтр - Размытие - Размытие в движении и выставляем другие значения:

13. Переходим на верхний слой с выделенным поездом. И выставляем следующие настройки:

14. Снова переходим на самый нижний слой Поезд и будем делать анимацию воды в реке. С помощью инструмента Лассо выделяем контур реки. Как и перед этим, создаем три копии слоя выделенной области.

15. Встаем на самый нижний слой-копию реки, на остальных глазки отключаем. Идем  Фильтр - Штрихи - Разбрызгивание со следующими параметрами, которые вы выставите и на остальных двух слоях, отключая глазки на предыдущих. Т.е. повторяем эти настройки без изменения на остальных копиях слоя.

16.Теперь нам надо объединить все анимации в одну, для этого идем в Окно - Анимация.  В слоях переименовываем слои для удобства и внимательно смотрим, где стоят глазки ( см. скрин).

18.  В панели анимации нажимаем на добавить кадр и переходим в слоях с поездом, девушкой и рекой на  один  слой выше. Снова нажимаем на новый кадр в панели анимации и переходим на следующие слои в панели слоев. Перед запуском анимации, проверяем соответствие кадров слоям. Итак: глазик всегда включен на самом нижнем слое. 1 кадр соответствует в панели слоев слоям: река, поезд, девушка. 2 кадр соответствует слоям: река копия, поезд копия и девушка копия. 3 кадр соответствует: река копия2, поезд копия 2 и девушка копия2.  В итоге у нас в слоях 10 слоев, в панели кадров всего 3 кадра.

19. В панели кадров стоим на 1 кадре. Выставляем общее время для всех кадров - 0,2 сек. Включаем и смотрим анимацию. Если все устраивает, то  идем Файл - Сохранить для Web  и устройств, как Gif.

Любуемся сохраненной анимацией:

Я желаю вам удачи в творчестве! Экспериментируйте, пробуйте и у вас получится шедевр!