Анимация с водой

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

Я нашла картику с водопадом для урока, которая мне очень понравилась и вот как у меня получилась анимация водопада:

30

 

Интересна тема анимации? Тогда посмотрите видеокурс и вебинар:

Смотреть бесплатный видеокурс по анимации

Смотреть бесплатный вебинар по анимации

 

 

Итак, приступим к анимации водопада. Откроем изначальную картинку водопада в фотошопе:

1

Возьмём инструмент Прямоугольное выделение2 и выделим всю воду немного ниже линии горизонта:

3

Далее скопируем выделение на новый слой трижды и для этого нажмём сочетание CTRL+J три раза:

4

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

5

6

Нажимаем ОК:

7

Вот такие волны получились после применения.

Далее переходим к следующим слоям поочерёдно и на каждом слое нажимаем CTRL+F, таким образом повторяем применение фильтра Океанские волны к каждому слою.

Теперь выполним команду Окно-Шкала времени и в открывшейся внизу шкале нажмём на длинную кнопку Создать временную шкалу для видео:

8

9

В нижнем левом углу шкалы находим значок Преобразовать в покадровую анимацию11 и нажимаем на него:

12

13

У нас получился первый кадр.

Находясь на верхнем слое, нажмём на значок Создание копии выделенных слоёв14. В результате, получим второй кадр:

15

Далее нужно отключить глазик на верхнем слое и перейти к нижележащему слою. Затем создать ещё один кадр:

16

17

То самое сделаем и со следующим слоем:

18

19

Теперь удалим первый кадр и для этого находясь на слое Фон щёлкнем по значку Удаление выделенных кадров20:

21

22

Установим выбор времени отображения кадра =0,2 секунды:

23

Установим Выбор параметра цикла - Постоянно:

24

Теперь нажмём на запуск воспроизведения:

25

У нас получилось движение воды.

Теперь создадим движение водяных брызг и для этого, находясь на верхнем слое, выделим область с водяными брызгами. Для выделения я буду использовать инструмент Лассо26:

27

28

Применим к слою фильтр Океанские волны и увеличим значения параметров до 5:

29

Перейдём к каждому последующему слою и нажмём CTRL+F. Затем снимем выделение CTRL+D и нажмём кнопку воспроизведения:

30

Наша анимация водопада готова.
Сохраняем анимацию и для этого выполняем команду Файл-Сохранить для WEB и сохраняем в формате GIF:

31

32

На этом урок "Анимация с водой" окончен.
Желаю успехов!

 

РАСКРЫТЬ ВСЕ СЕКРЕТЫ РАБОТЫ С АНИМАЦИЕЙ

 

Если Вы хотите получать уроки по созданию анимации и работе с видео на свой адрес, введите свои данные в форму подписки ниже:

 

Комментарии  

Марья
0 # Марья 26.02.2015 23:32
Здорово получилось в ФШ. Спасибо! Но в моем альбоме вода уже не "течет", а "дергается". Что я сделала не так?
Ответить | Ответить с цитатой | Цитировать
molotkov1973
0 # molotkov1973 28.01.2015 17:13
Спасибо. я учить фотошоп
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Кто на сайте

Сейчас 605 гостей и 3 зарегистрированных пользователей на сайте

  • chiglova1
  • OlegNakroshaev
  • vchemezov@mail.ru

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Пользователи, внесшие вклад

Вход на сайт

ВСЕ РАССЫЛКИ САЙТА НА EMAIL

 

РАССЫЛКИ ВКОНТАКТЕ

 

 Начните свой путь в мир ФОТОШОПА сейчас!

Основная полезная рассылка сайта.

Соглашение

 

 

 

 

Поиск по сайту

Присоединяйтесь в

Что в сундучке?

  • Текстовых уроков - 1152
  • Видеоуроков - 765
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 368
  • Наборов кистей, фигур - 320
  • Календарей - 117
  • Наборов рамок - 560
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 44
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 70