Реклама
Архивы
Базовый курс Фотошоп
уроки фотошоп
группа ХОББИ

Анимация дождя.

На улице уже несколько дней идет дождь. Весна не торопится радовать нас солнцем. Холодно, сыро, пасмурно. Все это создает соответствующее настроение, чтобы нарисовать дождь и в фотошопе . Откроем  такую же пасмурную  фотографию и добавим туда дождя. В конце должен получиться вот такой бесконечный дождь.

 

Начнем творить

1-Файл открыть. Выберите понравившуюся фотографию.

 

2-Слой-новый -слой.

3-Редактирование-выполнить заливку. Нажать на галочку и, в появившемся окне, выбрать "черный". Нажать ok.

 

Документ станет черным.

 

4-Сделать две копии черного слоя. Как сделать посмотреть в статье что такое слои в фотошопе.

 

5-Вернутся на нижний черный слой, отключить глазки у среднего и верхнего черных слоев.

 

На черном слое у нас будет дождь. Нарисовать дождь в фотошопе можно с помощью фильтров.

6-Фильтр-шум-добавить шум, эффект 24-25 , по Гаусу, монохромный.

 

На картинке появится шум в виде белых точек. Из этих точек фильтром размытие сделаем струи.

 

7-Фильтр-размытие-размытие в движении, угол-83, смещение-15.

 

 8-В окне слоев поставить непрозрачность  45%.

 

На картинке покажется изображение со струями дождя.

 

9-Активировать средний черный слой и включить глазок. Дождь делаем и на этом слое, но с другим значением размытия.

 

10-Фильтр-шум-добавить шум. Параметры те же.

11-Фильтр-размытие-размытие в движении, смещение 20.

12-В окне слоев непрозрачность та же-45%

Картинка примет такой вид:

 

13-Активировать верхний слой и включить глазок. Повторить все так же, только в размытии смещение-25. (Фильтр-размытие-размытие в движении -25)

 

Так что нарисовать дождь в фотошопе очень просто, теперь переходим к анимации дождя.

14- В окне анимации, на первом кадре, поставить время 0,1 и сделать две  копии кадра, нажав на значок копирования.

 

15-Кликнуть по первому кадру,чтобы он стал активным. Перейти в окно слоев, выключить в два верхних глазка.

 

16-В окне анимации встать на второй кадр.

 

Перейти в окно слоев и выключить глазок у нижнего слоя с дождем, а включить на среднем слое с дождем.

 

17- В окне анимации стать на третий кадр.

 

В окне слоев выключить глазок у среднего слоя и включить верхний слой.

 

18-Теперь, чтобы появилась анимация дождя, в окне анимации нажимаем на пуск. Предварительно поставьте количество повторений  "постоянно".

 

И на картинке  начнется дождь.

 

19-Файл-сохранить для и Web и устройств .Сохранить нужно  в gif.

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Google Plus
Опубликовать в Мой Мир
Опубликовать в Одноклассники

30 комментариев

  • Любовь:

    Просто чудеса! Специалисту все подвластно.

  • Зухра:

    Анимация получилась,но какая -то слегка прерывистая что-ли…не знаю как объяснить…немного дождь идет скачкообразно)))Хотя все параметры поставила точно)
    Надежда не поняла один момент?
    Вот когда для каждого слоя повторяем процесс с фильтрами,то с первым Фильтром-шум все понятно…А со вторым Размытие,повторять Размытие в Движении или размытие по Гауссу?

    • admin:

      Для каждого слоя значения шум и непрозрачность одинаковые,а размытие в движении по нарастающей 15, 20,25.А скачки из-за размытия по Гаусу, должно быть размытие в движении,чтобы точки вытянулись в струи.Это я допустила опечатку,прошу прощения.Спасибо,что сказали.

  • Зухра:

    Я горе-аниматор)))))Все сделала по-другому,дождь идет конечно,но только сама картинка анимирует тоже,неестественно смотрится…как-будто даже цвет картинки светлее становится,когда кадры меняются…Не пойму в чем дело…Может и в фотошопе самом дело?Некоторые вполне доступные уроки на других сайтах тоже иногда не получаются,особенно,где эффекты освещения применяются…В режимах наложения я не знаю где взять -Осветление?У меня есть Осветление основы,так тогда получается всегда иначе,чем в уроках…Я в ступоре)))

    • admin:

      А прозрачность, в окне слоев для, каждого слоя одинаковая? Или может какой-то кадр с тремя «глазками».

  • Зухра:

    Может с фильтрами что не так???)

    • admin:

      Не должно быть такого. Может быть, случайно, значения шума не одинаковое поставили. Еще нужно проследить,чтобы был активным слой,с которым работаете, и на нем включен глазок.Бывает,что делаешь одно и тоже действие два раза на одном слое, забывая поменять слой.
      Сделала сейчас дождь по своему уроку,все получается.Попробуйте повнимательней:
      1-шум-не меняется
      2-непрозрачность-45-не меняется
      3-размытие-меняется для каждого слоя
      4-слой,с которым работаете-синий и с глазком.

  • Зухра:

    Все вроде правильно,я дотошная в таких вопросах,прозрачность одна и та же,45,размытие немного увеличила,но немного…посмотрела что у Вас например 20,следующий слой-25,я на 5 и увеличивала.Слои тоже и глазки…Попробую еще раз Надежда,наверное Вашу картинку возьму,попробую..хотя думаю что не в этом дело конечно)

  • Зухра:

    Вот водопад(анимация воды на Вашем уроке) сразу же получился и смотрится у меня так же…органично…а с дождиком затор)Попробую и напишу,спасибо большое за советы!)

  • Зухра:

    Ураааа)))Получилось Надежда)))И с Вашей картинкой и с другой фоткой)Прямо дотошно весь путь прошла)))Спасибо,такой дождик симпатичный,не налюбуюсь)

  • Зухра:

    Так и не поняла в чем причина была…?Может я по Гауссу опять делала,но теперь уже ладно)Главное что получилось)Спасибо еще раз)
    Надежда,я вот хотела Вас спросить…Я видела такую картинку,(урок такой)там собачка мордочку поворачивает,прямо как живая)))У Вас нет ничего подобного?)Там я пока не справилась,урок наспех и наверное для опытных скорее всего,что то делала не так…У Вас замечательный сайт…)Очень хорошо объясняете!Дай Вам бог всего,всего хорошего!)

    • admin:

      И должно было получиться.Насчет собачки.Анимацию движения по разному можно делать.Это нужно посмотреть каким способом именно эта собака сделана.

  • Зухра:

    Надежда я дам ссылку Вам позже,мне нужно ее найти прежде,где-то записала у себя в шпаргалках)))
    У Вас анимация гораздо проще показана, а результат даже лучше…Почему я раньше только не набрела на Ваш замечательный сайт)))Я так намучилась с анимацией)))

  • Галина:

    очень хороший урок, тем более осень, а вы не могли бы дать урок, листик летит, или листики летят, для начинающих, я могу, канечно, анимацию чужую листиков вставить, хочу свою, летит листик волшебно и красиво, спасибо

  • Людмила:

    Доброго вам дня, Надежда!! Хочу поблагодарить вас за такой прекрасный урок!!!
    А еще , будьте так добры, научите нас делать дождь с кругами в лужах .
    Буду вам очень- очень признательна!!

  • Людмила:

    Прочитала просьбу за анимацию листьев..
    А мне бы хотелось получить знания по анимации листьев, летящих с разных сторон, встречающихся и дальше летящих в противоположные стороны.. короче оисывают траекторию буквы Х
    Заранее благодарю..

  • Людмила:

    Добрый вечер, Надежда!! Вы уж простите.. что так. захотелось мне. как говорят.. все и сразу..
    Не хотела вас напрягать!
    Буду более последовательной.

  • Людмила:

    Когда будет у вас время.. я ведь очень понятливая..
    Еще раз прошу прощения!

  • Людмила:

    Добрый вечер!
    Надежда. с большим удовольствием посмотрела картинки художников на вашем сайте.. спасибо за подборку!
    Хочу у вас попросить урок наложения анимированого уже готового фона летящих снежинок.. допустим в коллаж..
    Буду премного благодарна.. а то все путаюсь

  • Людмила:

    спасибо за ответ.. жду с нетерпением

  • Инга:

    Надежда, дорогая, здравствуйте!
    Сердечно и искренне благодарю Вас за Ваши изумительнейшие уроки! Здоровья вам, счастья и добра!

  • Наталья:

    Отличный дождик получился. Но, знаете чего не хватает? Эффекта удара капель о зонтик. Словно девушка в коконе или вообще не в той реальности, где идет дождик.

  • Amálie:

    Уважаемый Наденька другой супер учебник, который я хочу попробовать … Спасибо …!**************

Комментировать