Реклама
Архивы
группа ХОББИ

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

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

 

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

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:

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

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