1). Начнём с того,что откроем картинку в фотошопе.

2).Создаём новый слой Layer > New > Layer и заливаем этот слой чёрным цветом (Edit > Fill - или - ALT + Backspace). Теперь идём Filter > Noise > Add noise:Amount: 400% Distribution: Gaussian Monochromatic да ( задавая разные параметры Amount в каждой картинке мы меняем капли и соответственно дождь).

3).Нажимаем Filter > Blur > Motion blur -  angle около -50 (под каким наклоном наш дождик будет идти) Distance около 20 (это делает наш дождь более проливным).Теперь,blending options слоя переключаем на vivid light - а opacity снижаем до 75%. Теперь повторяем пункты 2 + 3 несколько раз,чтобы создать реалистичную анимацию дальше в оригинале урок заканчивается,но новичкам понятно не будет,что дальше делать и как дождь заставить двигаться.  Итак,сохраняем наше изображение в формате JPEG (рис.1)

4). Открываем наше исходное изображение опять в фотошопе,повторяем всё также,как было написано только меняем значение Distance(около 20) и опять же сохраняем наше изображение.
Когда мы сделали достаточное количество кадров для нашей анимации,открываем все переделанные нами картинки и засовываем их в одно окошко. (рис.2)

5). Открываем окно анимации,если у вас оно не открыто,то идём Window->Animation.У нас появилось окошко!В правом вкрхнем боку у нас есть кружоу с треугольником внутри,жимём на него и тыкаем Makes Frames From Layers. Идём в Image Ready.Время отображения каждого кадра тут поставлено 0,1.
А потом File->Save Optimized As (рис.3)