Анимация воды 2

Загружаем в фотошоп понравившуюся фотографию, где есть изображение воды.

Берём инструмент «Перо»

Уроки фотошопа, Анимация воды.

и обводим по контуру воду, затем нажимаем выделение

Уроки фотошопа, Анимация воды.

в открывшемся окошке выбираем «радиус» и нажимаем «OK» 

Уроки фотошоп. Анимация воды 2.

У Вас образуется выделенная область с водой. (Вы можете сделать выделение  воды любым другим способом.)

Уроки фотошоп. Анимация воды 2.

Копируем выделение и вставляем на новый слой.

Уроки фотошоп. Анимация воды 2.

Снимаем выделение 

Уроки фотошоп. Анимация воды 2.

и создаём новый слой.

Уроки фотошоп. Анимация воды 2.

Далее нам нужно сделать карту смещения воды.

Нажимаем « Ctrl+D» чтобы сбросить цвета выбираем инструмент заливка и заливаем чёрным новый слой.

Уроки фотошоп. Анимация воды 2.

Идём в панель «Фильтры > Шум. > Добавить шум».

Уроки фотошоп. Анимация воды 2.

В фильтре «шум» параметр «эффект» ставим больше 100% и нажимаем «OK».

Уроки фотошоп. Анимация воды 2.

Идём опять в панель фильтр и выбираем «Размытие > Размытие по Гауссу».

Уроки фотошоп. Анимация воды 2.

Параметр «Радиус» вставляем, примерно 1,8 нажимаем «OK».

Уроки фотошоп. Анимация воды 2.

Идём в галерею фильтров «Фильтр > Галерея фильтров»

Уроки фотошоп. Анимация воды 2.

Выбираем «Текстура > Кракелюры» и выставляем параметры как на рисунке, нажимаем «OK»

Уроки фотошоп. Анимация воды 2.

Опять идём «Фильтр > Размытие > Размытие в  движении».

Уроки фотошоп. Анимация воды 2.

Значения на рисунке внизу.

Уроки фотошоп. Анимация воды 2.

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

Уроки фотошоп. Анимация воды 2.
Уроки фотошоп. Анимация воды 2.

Теперь нажимаем «Ctrl+T» и кликнем по картинке правой кнопкой мыши, в появившемся меню выбираем «Перспектива».

Уроки фотошоп. Анимация воды 2.

Наводим мышку на крайний маркер и тянем в сторону примерно на 360%, смотрим вверху окошечко ширина.

Уроки фотошоп. Анимация воды 2.

Нажимаем инструмент перемещение и потом применить.

Уроки фотошоп. Анимация воды 2.

Переходим в панель «Изображение > Тримминг» чтобы сделать волны по размеру изображения.

Уроки фотошоп. Анимация воды 2.
Уроки фотошоп. Анимация воды 2.

Волны стали по размеру картинки.

Уроки фотошоп. Анимация воды 2.

Делаем теперь дубликат слоя, нажимаем «Ctrl+J» и потом «Ctrl+T».

Уроки фотошоп. Анимация воды 2.

Отмечаем точку вверху как на рисунке.

Уроки фотошоп. Анимация воды 2.

Зажимаем средний нижний маркер и тянем вниз, немного на 10%  получится 110%  (Чем меньше этот параметр, тем плавне эффект) нажимаем галочку, чтобы завершить трансформацию.

Уроки фотошоп. Анимация воды 2.

Делаем третий дубликат «Ctrl+J» чтобы повторить последнюю трансформацию жмём клавиши «Ctrl+Shift+T»

Уроки фотошоп. Анимация воды 2.

Эту операцию повторяем ещё два раза.

Дальше нажимаем на изображение глаза, чтобы отключить видимость двух нижних слоёв.

Переходим меню «Файл > Сценарии. > Экспортировать слои в файл» чтобы сохранить все слои в формате фотошопа по отдельности.



Уроки фотошоп. Анимация воды 2.

Выбираем место и формат для временного хранения файла (запомните место, где сохранили, они ещё понадобятся).

Уроки фотошоп. Анимация воды 2.
Уроки фотошоп. Анимация воды 2.

Выделяем все слои кроме нижних двух и помещаем в группу «Ctrl+G» можно и удалить, но пока оставим на всякий случай вдруг что - то пойдёт не так. 

Уроки фотошоп. Анимация воды 2.

Отключаем глазок на группе и создаём ещё четыре дубликата слоя с водой «Ctrl+J» всего их пять, не считая фона.

Уроки фотошоп. Анимация воды 2.

Остаёмся на верхнем  слое, идём «Фильтр > Искажение > Смещение».

Уроки фотошоп. Анимация воды 2.

Выставляем настройки.

Уроки фотошоп. Анимация воды 2.

Появится меню, где надо выбрать место, где мы сохранили файлы и открываем последний (смотрите нумерацию файлов).

Уроки фотошоп. Анимация воды 2.

Переходим на слой ниже и проделываем туже операцию и так до последнего слоя фон не считаем.

Выделяем все слои кроме фона и определяем в группу «Ctrl+G».

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


Уроки фотошоп. Анимация воды 2.

Сейчас можно удалить первую группу.

Уроки фотошоп. Анимация воды 2.

Теперь создаём анимацию. Если у вас  не открыта шкала анимации, то переходим  в меню «Окно > Шкала времени».

Уроки фотошоп. Анимация воды 2.

Жмём «Создать анимацию кадра»

Уроки фотошоп. Анимация воды 2.

В меню шкалы анимации выбираем «Создать кадры из слоёв».

Уроки фотошоп. Анимация воды 2.

В образовавшейся группе кадров удаляем первый кадр.

Уроки фотошоп. Анимация воды 2.

Выделяем все кадры на шкале и в панели слоёв открываем глаз напротив фона.

Уроки фотошоп. Анимация воды 2.

Выставляем время, включаем режим постоянно и нажимаем воспроизвести.

Уроки фотошоп. Анимация воды 2.

Смотрим если результат устраивает, идём в меню «Файл > Сохранить для веб»

Уроки фотошоп. Анимация воды 2.

Сохраняем с этими параметрами.

Уроки фотошоп. Анимация воды 2.

Результат нашей работы.

Анимация воды

Всё урок окончен.

Урок подготовлен:http://www.urok3d.ru/ 


Комментарии: 0