Откроем Фотошоп. Я буду использовать изображение, которое делал для Slayer. Открываем его.
Прим.- лучше всего начинать с большого изображения и потом уже готовую анимацию уменьшить.
Создаем новый слой нажатием клавиш Ctrl+Shift+N
Выбираем инструмент "Заливка" и нажимаем клавишу D. После этого заливаем пустой слой черным цветом.
Теперь проходим по пути Фильтр-Шум-Добавить шум (Filter-Noise-Add Noise)
Ставим все как на следующем скриншоте
У нас получилось вот это:
Теперь идем по пути Фильтр-Размытие-Размытие в движении (Filter-Blur-Motion Blur) и выставляем все как на следующем скрине:
У нас получилось вот это:
Теперь изменяем режим смешивания (Blend Mode) на Перекрытие (Overlay)
Нажимаем Ctrl+T и растягиваем ползунки до вот этого, удерживая Alt+Shift, потом нажимаем Enter
Выбираем этот слой и 4 раза жмакаем Ctrl+J (Дублировать слой). Вообще приучайте себя к горячим клавишам, так быстрее.
Выбираем инструмент "Стрелка"
Выделяем второй снизу слой с дождем, выделяем его стрелочкой и !чуть-чуть! двигаем его вниз, дальше выделяем 3-ий снизу и двигаем чуть подальше, 4-ый еще чуть дальше и так далее. Ах да, не прямо вниз, а по диагонали, как дождь идет.
Теперь выделяем слой с рисунком и также Ctrl+L создаем 4 дубликата.
Теперь очень важный момент! Постарайтесь все правильно понять! Берешь самый нижний слой с рисунком и передвигаем его над самым верхним слоем
с рисунком! Выделяем самый нижний слой с дождем и нажимаем CTRL+E (убедитесь, что проставлен "глазок"). Теперь берем слой под образовавшимся рисунком и передвигаем его над этим слоем, после чего выбираем самый нижний слой с дождем и нажимаем CTRL+E. В результате у вас должно получиться 4 слоя с рисунком, на которых есть дождь.
Теперь открываем Окно-Анимация
Нажимаем на эту стрелочку и выбираем "Создать кадры из слоев"
Нажимаем кнопку "Play"
Сохранять анимацию нужно особым образом: выбираем "Сохранить для Web и устройств"