Ваш браузер устарел. Рекомендуем обновить его до последней версии.
Урок № 2 Создаем анимацию дождя

Урок № 2 Создаем анимацию дождя

Опубликовано 15.04.2014

Очень интересный и не сложный урок - создание анимации дождя. Способов анимации дождя много, в этом уроке мы рассмотрим самый простой - создание дождя при помощи фильтра - Шум. Познакомимся с инструментом - Заливка, с инструментом - Размытие.  Так же вы узнаете, как избавиться от черного фона методом изменения наложения слоя.

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

Новый слой нужно залить черным цветом - щелкните мышкой по значку, чтобы палитра слоев стала по умолчанию, а именно - черный фон сверху, а белый внизу

Глазок открыт на новом пустом слое и он активный ( синий). В боковой  панели  инструментов находим инструмент - Заливка, заливать будем основным цветом - в верхней панели инструментом должна стоять закладка - Основной цвет и непрозрачность - 100%.

Ставим мышку на картинку и кликаем левой клавишей мышки - слой зальется черным цветом

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

Отключаем глазки на всех слоях черных, кроме первого ( нижнего) он у нас активны - вот к этому слою будем применять фильтр - Шум.  Открываем Фильтр - Шум - Добавить шум

В открывшимся окне выставляем значения и нажимаем Ок

Закрываем глазок на первом черном слое, открываем его на втором черном слое и делаем его активным, применяем к нему  - Фильтр - Добавить шум. В открывшимся окне меняем значение  - добавляем 0,02, потом уже будете ставить свои значения, подбирая их к картинке опытным путем

Далее - закрываем глазок на втором черном слое, открываем глазок на третьем слое, делаем его активным - добавляем фильтр шум, изменяя значение шума на 0,02. Таким образом нужно  добавить  шум к оставшимся черным слоям.
Когда ко всем пяти черным слоям будет добавлен шум - начнем создавать сам дождь. Открываем глазок на первом черном слое ( нижнем), он активный, открываем - Фильтр - Размытие - Размытие в движении

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

Закрываем глазок на первом черном слое, открываем его на втором черном слое - он у нас активный и открываем закладку - Фильтры. Самый верхний фильтр в этой закладке сейчас у нас стоит - Размытие в движении, т.к. он последний, с которым мы  работали - вот на него и нажимаем левой клавишей мышки - действие фильтра с теми настройками, что вы ему задали - будет применен к этому слою

Переходя по слоям - таким образом добавить ко всем оставшимся черным слоям - Размытие в движении.
Вроде что то похожее в картинках на дождь у нас получилось, но они у нас черные - скажите вы. Вот сейчас мы с вами и избавимся от черного цвета - поменяем режим наложения слоя, для этого откроем окошко, которое стоит вверху в панели слоев - "Обычные" и поменяем режим каждого черного слоя на - "Экран". Если вы у себя в закладкке не находите  слова - "Экран", то посчитайте каким оно стоит в картинке по счету и ставте тот, который стоит у вас на этом месте - все зависит от переводчика вашего фотошопа

Открываем глазок на самом нижнем слое - нашей картинке, он активный - остальные глазки на слоях закрыты и создаем кадры из слоев, как это делать подробно описано в уроке №1
Вот что у нас должно получиться в панели анимации

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

В открывшимся окне нажмите - Ок

Первый кадр  удалите - мышкой перетащите его в корзинку


Выставляем задержку кадров ( я поставила 0,2 - подробно - как выставлять задержку - в уроке №1) и смотрим - какой дождик у нас в картинке получился

Если все нравится, то сохраняем картинку в папочке на ком-пе, как это делать - подробно расписано - здесь.

Мы добавили дождик ко всей картинке, изменяя значения при добавлении к картинке шума,  изменяя угол наклона и  смещение  в фильтре - " Размытие в движении" - вы сможете создать любой дождик на ваш вкус. Творческого вам вдохновения и красивых работ! Всем  удачи.

 

При копировании урока - активная ссылка на первоисточник - Обязательна,  уважайте мой труд. Спасибо.