Отличия моего урока от подобных ему:

- Я попытаюсь рассказать несколько иной способ, чем ранее написанный на других сайтах
- Надеюсь, что он будет крайне подробным
- Я использую Русскую версию фотошопа CS3

Разбираем урок на аватаре пользователя Kisame_H

Итог:

1. Загружаем свое изображени. (В дальнейшем Ава1)

2.Смотрим размер изображения.
->> Для етого нажимает пр. кнопкой мыши по названию изображения , в моем случае "Naruto-base.ru..."
->> Из выпавшего меню выбираем "Размер изображения..."

3. Создаем новое изображение большего размера чем Ава1. (В дальнейшем Ава2)
->> Фаил (В верхней левой части экрана)
->> Новый

4. Заливаем изображение черным цветом.
->> Для этого используем инструмент "Заливка" (Значек в виде Наклоненного Ведерка)
->> В панели инструментов (слева) выбираем "Палитру цветов" и выбираем черный цвет - 000000

5. Настраиваем шум
->> Фильтр ( В верхней части экрана 6 слева)
->> Шум ->> Добавить шума
->> Настраиваем как у меня
->> Параметр "Количество" определяет силу дождя. Чем выше параметр тем сильнее дождь

6. Настраиваем размытие
->> Фильтр ( В верхней части экрана 6 слева)
->> Размытие ->> Размытие в движение
->> Настраиваем по желанию. Угол - определяет угол наклона дождя. Смещение длинну нождя. Чем меньше тем хуже сочитается с картинкой. Советую настраивать етот параметр с 30

7. Копируем полученное изображение (Ава2) на Ава1
->> Выделить (В верхней части экрана 5 слева) ->> Все
->> Комбинация клавиш Ctrl + C
->> Переходим на Ава1
->> Комбинация клавиш Ctrl + V

8. Настраиваем стиль слоя. И прозрачность.
->> Стиль слоя (там где у меня подчеркнуто) - Перекрытие
->> Прозрачность (там где у меня подчеркнуто) настраиваем по вкусу. У меня стоит 100%, так как картинка хорошо легла и при 100%

9. Ну вот у нас получилась картинка с дождем.

10. Настраиваем анимацию.
->> Для этого нажимае "Окно" (В верхней части экрана 9 слева)
->> Анимация
->> Создаем 2 дубликата Кадра (Для этого тыкаем там где у меня подчеркнуто)

11. Настройка кадров
->> 1 кадр - оставляем без изменений
->> 2 кадр - перемещаем изображения дождя влево. Так как дождь у нас больше самой картинки, перемещение слоя должно быть полностью закрывать задний план.
->> 3 кадр - перемещаем в верхний правый угол изображение дождя.

12. Сохраняем как гиф
->> Фаил ->> Сохранить для Web..
->> Сохранить

Ну вот, у нас получилась анимация дождя. Надеюсь и у вас получится.