Анимашки

обсуждение создания анимационных картинок
 
ФорумКалендарьЧаВоПоискПользователиГруппыРегистрацияВход

Поделиться | 
 

 Делаем дождь в Photoshop

Предыдущая тема Следующая тема Перейти вниз 
АвторСообщение
So-ni
Admin
Admin
avatar

Сообщения : 11
Дата регистрации : 2011-10-22

20111112
СообщениеДелаем дождь в Photoshop

Подобных уроков в сети много. Но здесь я выкладываю нюансы. Так что, если вы еще не научились делать дождь, то - ВПЕРЕД!



Делается довольно просто:

1. Открываем исходную картинку: наш фон, на котором будет лить дождь
Файл ► Открыть

Если взять фото с дождем эффект будет ярче.

Я взяла такой фон:


2. Создаем слой. Заливаем черным цветом

На картинке видно, что я использовала инструмент "Заливка"

3. Делаем два дубликата этого слоя.
Щелчок правой кнопкой мыши по слою ► Создать дубликат слоя

!Внимание! Делаем дубликаты слоев на этом этапе.



4. Добавляем шум на черный слой: Фильтр ► Шум ►Добавить шум

! Шум нужно добавлять на каждый слой отдельно !

Параметры для каждого слоя одинаковы, но программа будет изменять расположения каждой точки даже если мы воспользуемся командой повторить ранее примененный фильтр Ctrl + F





Выставляем указанные на картинке параметры:
- Эффект 80%. Чем больше эффект тем насыщеннее дождь. Главное не переборщить Smile
- Распределение - Равномерное
- Монохромный режим


5. Теперь, превращаем точки в дождь:


Фильтр ► Размытие ► Размытие в движении



Нас интересуют оба параметра:
- угол наклона
Если на фото у вас есть дождь, то подбираете подходящий угол наклона. Я взяла "-83%"

- смещение
Отвечает за длину штрихов. 20 пикселов - это довольно короткие штрихи. С увеличением цифры дождик переходит в ливень.

6. Проводим эту же операцию с двумя дубликатами.
Меняя параметр "Смещение" на 18 и 16 (не обязательно!)





Можно так же слегка изменить и угол наклона на 1-5%. Но я не делаю этого - не вижу необходимости.
Вообще параметры для дубликатов слоя можно вообще не менять. Дождь все равно будет "лить" за счет вариаций расположения точек шума.

7. Дождь мы сделали. Вот только не видно фоновой картинки.

Меняем "Параметры" наложения каждого слоя с дождем на "Экран" (Screen)



Если видны все три слоя, результат получается следующий:


Чтобы понять как у нас будет выглядеть дождь, оставляем видимость только у одного слоя с дождем.

По необходимости уменьшаем непрозрачность слоев с дождем до 70% (можно ставить любую в зависимости от задумки)



8. Дождь готов, чтобы анимировать его переходим в окно "Анимации"
Окно ► Анимации


9. Создаем три кадра


Щелкаем по пиктограммке с листиком внизу окна "Анимации"

10. На каждом кадре делаем видимым только один слой с дождем






Нажимаем на Play - наша анимашка готова!

Если не получилось - смотрим следующее сообщение ↓

11. В заключении сохраняем анимашку:

Файл ► Сохранить для Web и устройств





В окне сохранения сверяем все параметры с картинкой.

Если нужно изменяем размер картинки.

Обязательно просматриваем как картинка выглядит в браузере. Кнопка "Просмотр" внизу окошка (выделено красным прямоугольником)

Жмем "Сохранить". Вот и все.

Результат:



Последний раз редактировалось: So-ni (Сб Ноя 12, 2011 7:15 pm), всего редактировалось 1 раз(а)
Вернуться к началу Перейти вниз
Посмотреть профиль http://animashki.mirbb.com
Опубликовать эту запись на: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

Делаем дождь в Photoshop :: Комментарии

avatar
Если не получилось
Сообщение в Сб Ноя 12, 2011 7:00 pm  So-ni
Если же дождь не идет.

Возвращаемся назад:

1. Делаем три слоя, заливаем черным цветом.

2. Добавляем шум, как описано выше.

И тут внимательно!

Смотрим, чтобы при переключении видимости слоев шум менялся:


Если получилось, следуем инструкции выше описанной.

Если нет:

Делаем шум заново. Отдельно для каждого слоя, немного изменяя процент шума:
с 80% на 81% и 82% (к примеру)


Проверяем изменяется ли шум. На этот раз должен точно поменяться. Дальше возвращаемся к первоначальной инструкции.

 

Делаем дождь в Photoshop

Предыдущая тема Следующая тема Вернуться к началу 

Страница 1 из 1

Права доступа к этому форуму:Вы не можете отвечать на сообщения
Анимашки :: Создание анимашек :: Дождь-
Перейти: