Выражаю особую благодарность Тине за данный урок ) Спасибо, что долго пинала )

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

2. создаем новый слой над нашей картинкой и заливаем его черным

3. на этот слой накладываем Фильтр - Шум обязательно ПО ГАУССУ! с такими параметрами

4. создаем дубликаты этого слоя, можно три, но лучше 5. Я создала три

5. далее создаем собственно сам дождь.

6. встали на первый наш черный слой с шумом,  выбираем угол наклона какой хотите, а смещение ставите 40

7. на втором слое угол оставляете тот же, смещение 60

8 на третьем слое угол тот же, смещение 80

9. изменяем режим наложения этих трех слоев, там можно экспериментировать, я поставила ОСВЕТЛЕНИЕ ОСНОВЫ

10. далее делаем анимацию. так как три слоя, то соответственно три кадра.

вот что в итоге у вас должно получиться

Дождь на моем аватаре с режимом наложения - Перекрытие и слои заливались не черным, а серым. Хотите летний светлый дождь, то режим наложения Экран и основа заливается серым.
чем меньше картинка тем меньше шаг Смещения ( на аватаре 10, на графнике приблизительно 5 ) Это вы будете решать экспериментальным путем когда будете делать анимацию )
Приятных и удачных вам экспериментов )