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

[420x282]

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

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

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

[199x300]

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

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

Сегодня мы с вами рассмотрим – как создать иллюзию движения в картинке. Я взяла вот такую картинку

[500x337]

Работать будем инструментом – Лассо 

[443x320]

Аккуратно обводим вагон

[540x369]

И созлаем  5 копий этого слоя, нажимая  комбинацию клавиш - клавишами Ctrl + J, можно делать и три слоя, но лучше, когда слоев больше, движения будут более естественными.

[541x271]

Отключаем видимость всех слоев вагонов, кроме первого , делаем его активным ( нажимаем на слой, чтобы он выделился – стал синим) и переходим в закладку  - Фильтр - Размытие - Размытие в движении

[598x306]

В открывшемся окошке ставим угол поворота -0 ( поезд у нас движется , а не вертится), смещение  - 10 пикселей.

[599x389]

Делаем активным слой вагон -2  Фильтр - Размытие - Размытие в движении
Угол поворота -0, смещение – 30.

Слой – Вагон -3  Фильтр - Размытие - Размытие в движении
Угол поворота -0, смещение – 50

Слой – Вагон -4  Фильтр - Размытие - Размытие в движении
Угол поворота -0, смещение – 70

Слой – Вагон -5  Фильтр - Размытие - Размытие в движении
Угол поворота -0, смещение – 100

Можно бы было все так и оставить -  уйти в анимационную панель, собрать анимацию, но.. мы размывали слои с вагоном, девушка у нас с вами на переднем плане и если мы начнем собирать анимацию, то слои с вагонами , размытыми краями будут наплывать на девушку, что быть не должно. Поэтому возьмем инструмент Лассо и выделим из рисунка все, что не относится к вагону

[514x350]

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

[502x340]

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

[505x342]

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

[560x344]

А вот теперь посмотрите на края вырезанного фрагмента

[509x342]