3) Заливаем его черным цветом.

4) Идем Filter > Noice > Add Noice.
Настройки:
Amount: 100%
Distribution: Uniform
Monochromatic: Checked.

5) Затем выбираем Filter > Blur > Motion Blur.
Настройки:
Angle: -60
Distance: 15.

6) Теперь меняем режим отображения нашего слоя на Soft Light, хотя возможно зависит от картинки, ее яркости. Теперь у нас появился дождик.

Поменять режим отображения можно в окне слоев, как показано на картинке

7) Повторите шаги 2-6(пять шагов) несколько раз. Причем каждый раз в настройках Motion Blur(шаг 5) ставьте разные значения от 12 до 22, чтобы в конце получились пять разных дождиков. Когда у вас будут пять слоев-дождиков, сделайте их все невидимыми, чтобы видно было картинку, с которой вы начинали.

8 ) Теперь, когда у нас есть пять разных слоев-дождиков, переключаемся на ImageReady, File > Jump to Imageready.

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

10) Запустите анимацию и если она будет слишком быстрой, то выделите все кадры(выделить первый и держа shift тыкнуть последний) и нажмите на надпись 0 sec на кадре. Поставьте задержку, скажем 0.1 sec и снова пустите анимацию. Теперь все должно быть нормально.

11) Теперь сохраним картинку: File > Save Optimized As, сохраните, как GIF. Если не сможете сохранить(не найдете настройки), переключитесь на Photoshop и выберите FIle > Save For Web и там сохраните как GIF.

Все! У вас должно быть что-то вроде этого: