Emotion Digital Art

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Emotion Digital Art » Уроки Photoshop » [PST][EDA][ANT] Простая анимация дождя


[PST][EDA][ANT] Простая анимация дождя

Сообщений 1 страница 3 из 3

1

Программа: Adobe Photoshop
Анимация
Автор: Pulse
Источник: http://emdiart.ru
Время выполнения: ~5-10 минут


В этом уроке мы разберём эффект дождя, который можно создать в PS, не прибегая к использованию других программ. Применить данный эффект можно и для статики, и для анимации, в частности.
За основу мы возьмём этот исходник:
http://emotiondigital.artbb.ru/uploads/000e/32/ad/16861-5-f.jpg
Нам предстоит его затемнить и создать несложную анимацию.
Результат на выходе должен получиться таким:
http://emotiondigital.artbb.ru/uploads/000e/32/ad/16861-2-f.gif

Шаг первый. Затемнение.
Необязательно прибегать к этому шагу, но для осведомлённости расскажу и о нём.
Создаём новый слой: Ctrl+Shift+N. Берём мягкую кисть небольшого диаметра с минимальной жёсткостью и непрозрачностью (opacity) в 100%. Цвет в палитре выбираем тёмный. Затем мазками наносим на исходник, на небо. Светлые участки можно оставить нетронутыми.
Переключаем режим наложения слоя (Blending modes) на подходящий к вашей картинке.
В моём случае - Вычитание (Subtraction - альтернативный перевод), непрозрачностью (opacity)  в 100 процентов.
http://emotiondigital.artbb.ru/uploads/000e/32/ad/16860-1-f.jpg
Небо стало более тёмным. Сию процедуру можно повторить с помощью масок слоя (но это уже другая история http://emotiondigital.artbb.ru/uploads/000e/32/ad/3595-2.gif) Для создания более подходящей атмосферы, добавляем уровни (Levels), нажатием горячих клавиш  Ctrl+L
Выстраиваем настройки (двигаем ползунки) подобно скриншоту:
http://emotiondigital.artbb.ru/uploads/000e/32/ad/16860-2-f.jpg
Шаг второй. Создание дождя.
Создаём новый слой поверх предыдущих Ctrl+Shift+N, называем "Дождь 1". Добавляем заливку shift+f5 , цвет #5757575
Документ станет полностью серым.
Добавляем шум. Фильтр - Шум - Добавить шум (Filter-Noise -Add noise). Эффект ставим на 20%, "По Гауссу" и "Монохромный".
Идём в Фильтр - Размытие - Размытие в Движении (Filter- Blur-Motion Blur), выставляем нужный угол для создания косого или прямого дождя.
В моём случае, угол= -77, смещение = 20 пикс.
http://emotiondigital.artbb.ru/uploads/000e/32/ad/16860-3-f.jpg
Повторяем продуру несколько раз:
снова создаём новый слой (Ctrl+Shift+N), называем "Дождь 2", снова заливаем тем же цветом, применяем шум с теми же настройками. В Фильтр- Размытие - Размытие в движении сдвигаем ползунок ненамного в любую сторону. Я выставила значения в 23 %, при "монохромном" и "по Гауссу", угол наклона оставила тот же.
Далее создаём последний (для урока) слой, называем его "Дождь 3", все настройки оставляем от предыдущего слоя (цвет, шум), размытие в движении ставим (смещение) на 25%.
Все слои с дождём (Дождь 1, Дождь 2, Дождь 3) регулируем на Overlay (Перекрытие). В зависимости от исходника, можно менять режим наложения всех слоёв сразу на другой режим (например, если хотим светлый дождь, грибной, - изменяем режим наложения на "Screen" - Экран)
Если слоёв получается много, легче создать группу (О работе со слоями) и поменять Blending modes (режим наложения) разом (О режимах).
Шаг третий. Создание анимации.
Итак, мы подготовили основу для анимации, теперь можно приступать к её выполнению.
Создаём два новых кадра во вкладке "Анимация", Окно-Анимация (Window - Animation). Видим, что на первом кадре включена видимость всех слоёв с дождём, кликаем на кадр, чтобы активировать. Затем переходим во вкладку Слои (Layers) и отключаем видимость слоёв "Дождь 2" и "Дождь 3". Получается, что на первом кадре у нас отображаются только фон, затемнение, уровни и "Дождь 1".
На втором кадре отключаем видимость "Дождь 1", делаем видимым "Дождь 2", отключаем "Дождь 3", на 3 кадре - отключаем "Дождь 1", "Дождь 2", включаем "Дождь 3", соответственно.
Выставляем время кадра и цикличность (У меня ~0, 1 сек, цикличность - постоянно).
http://emotiondigital.artbb.ru/uploads/000e/32/ad/16860-4-f.jpg
Кликаем Play (запустить анимацию), чтобы проверить, всё ли получилось равномерно.
http://emotiondigital.artbb.ru/uploads/000e/32/ad/16861-1-f.gif
Ровный, немигающий дождь даст знать о том, что анимация выполнена качественно.
Осталось правильно сохранить наше творчество: Файл - Сохранить для Web и устройств... (File - Save for Web & Devices), выбрать формат .GIF, поиграть с настройками качества (количество цветов, дизериг и т.д.) и кликнуть "Сохранить" (Save).
http://emotiondigital.artbb.ru/uploads/000e/32/ad/16860-5-f.jpg
Дождь готов!

Вы также можете загрузить PSD-файл этого дождя, чтобы постигнуть все премудрости урока "изнутри" http://emotiondigital.artbb.ru/uploads/000e/32/ad/3595-2.gif

Скрытый текст:

Для просмотра скрытого текста - войдите или зарегистрируйтесь.


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

+1

2

Замечательный урок!!! все по полочкам разложила, наверное, специально для таких "мастеров фотошопа" как я)

+1

3

Прикольный урок мне понравился

0


Вы здесь » Emotion Digital Art » Уроки Photoshop » [PST][EDA][ANT] Простая анимация дождя


Рейтинг форумов | Создать форум бесплатно © 2007–2017 «QuadroSystems» LLC