Урок «Эффект дождя» / Анимация

Четверг, 05 Сентября 2013 г. 10:44 + в цитатник

Цитата сообщения Litizija

Прочитать целиком В свой цитатник или сообщество!

Урок «Эффект дождя» / Анимация

Урок «Эффект дождя»
Автор урока: Ленусик
В уроке использовано фото: Tatyana Forever/фотограф «Встреча в тумане..»
Исходник : Здесь, так же для своих работ можете использовать фото из альбома пленAIR «Зелёный шум» и обязательно возьмите себе этот сайт на заметку, там много интересных фото, которых можно использовать для своих работ в Adobe PhotoShop

Не забывайте, что все уроки пишутся для ознакомления, а вы обязательно экспериментируйте со своими настройками. Настройки зависят от выбранного Фото.

1. Открываем исходное изображение: Файл-Открыть
Я его немного откорректировала/затемнила, т.к. мы будем создавать дождь, поэтому должно быть пасмурно

2. В окне слои снимаем замочек, как это сделать см. Здесь

3. Придаем изображению необходимый размер: Изображение-Размер изображения (ширину - меняем, высота - меняется автоматически или наоборот и жмём OK)
Слой называем - «Фото»

4. В окне Слои жмём на листик и создаём «Новый слой», назовём его «Дождь 1»

5. Активируем инструмент «Заливка» , цвета в левой панели инструментов стоят черно-белый (если у вас стоят другие цвета, просто нажмите клавишу D) и заливаем его черным цветом

6 . Дублируем слой «Дождь 1» - Ctrl+J 2 раза, слои соответственно называем «Дождь 2» и «Дождь 3»

7. Становимся на слой «Дождь 1» и идём Фильтр-Шум-Добавить шум:
Эффект - 280%
Распределение - По Гауссу
Галочка стоит - Монохромный

8. Становимся на слой «Дождь 2» и идём Фильтр-Шум-Добавить шум:
Эффект - 290%
Распределение - По Гауссу
Галочка стоит - Монохромный

9. Становимся на слой «Дождь 3» и идём Фильтр-Шум-Добавить шум:
Эффект - 300%
Распределение - По Гауссу
Галочка стоит - Монохромный

10. Становимся на слой «Дождь 1» и идём Фильтр-Размытие-Размытие в движении:
Угол - 65-70% «+» или «-»
Смещение - 60 пикс.

10. Становимся на слой «Дождь 2» и идём Фильтр-Размытие-Размытие в движении:
Угол - значение не меняем
Смещение - 70 пикс.

10. Становимся на слой «Дождь 3» и идём Фильтр-Размытие-Размытие в движении:
Угол значение не меняем
Смещение - 80 пикс.

11. Теперь на каждом слое «Дождь 1», «Дождь 2» и «Дождь 3» изменим режим наложения» с «Обычного» на «Экран»

12. Становимся на слой «Дождь 1» и идём Изображение-Коррекция-Уровни
Сдвигаем черный и серый ползунки вправо (обращаем внимание на то, как меняется дождь), ставим примерно такие значения (запоминаем их):

13. На слоя «Дождь 2» и «Дождь 3» выставляем те же значения

14. Видим, что вверху и внизу края выглядят не совсем красиво (глазки для удобства на всех слоях вкл.), давайте их уберём, для этого:
Стоим на слое «Дождь 1», зажимаем клавишу Shift и кликаем по слою «Дождь 3» - выделилось три слоя
Воспользуемся Свободной трансформацией - Ctrl+T, появилась рамка для трансформации, за средние маркеры потянем вверх и вниз, таким образом скроем некрасивые края

Enter - применить

15. Кадрируем документ, чтобы избавиться от лишних пикселей
Инструментом «Рамка» обводим границы документа и жмём - Enter

16. На слоях «Дождь 1», «Дождь 2» и «Дождь 3» изменим «Непрозрачность» примерно на 70%

Что бы придать изображению законченный вид, добавим самую простую рамочку

17. В окне Слои жмём на листик и создаём «Новый слой», назовём его «Рамка» - слой располагается в самом верху
Ctrl+A - выделить холст
Идём Редактировать-Выполнить обводку: выбираем ширину, цвет рамочки, расположение по-центру и жмём ОК
Ctrl+D - выделение снимаем

18. Переходим в окно «Анимация»:
Задаём время 1 кадру - о,1 сек.

1 кадр - слои «Фото», «Дождь 1» и «Рамка»

Создаём 2 кадр, нажатием на листик в окне «Анимация» - слои «Фото», «Дождь 2» и «Рамка»

Создаём 3 кадр, нажатием на листик в окне «Анимация» - слои «Фото», «Дождь 3» и «Рамка»

Жмём на «Запуск воспроизведения анимации», проверяем и если всё устраивает сохраняем:
Файл - Сохранить для Web в формате GIF

Дерзайте! Жду ваших работ!
Закидывайте свои готовые изображения на любой хостинг типа radikal.ru, копируйте на radikale ссылку №1 и выкладывайте здесь в комментариях, я с огромным удовольствием посмотрю ваши работы!

Как скопировать и сохранить урок к себе на компьютер см. Здесь

Сказать «Спасибо» можно проголосовав нажатием на звёздочки и на кнопочку «Поделиться»

Урок взят отсюда

Серия сообщений "урок":
Часть 1 - Создание анимации в программе Corner-A ArtStudio
Часть 2 - Делаем маску из фото в ФШ
...
Часть 7 - Как сохранить анимацию на прозрачном фоне. Урок от MissKcu
Часть 8 - Как перенести анимацию на картинку. Урок от MissKcu
Часть 9 - Урок «Эффект дождя» / Анимация
Часть 10 - Шикарные уроки ФШ
Часть 11 - Уроки анимации
...
Часть 33 - Как убирать фон у картинок.
Часть 34 - Как сделать Новогодний шар
Часть 35 - 225 уроков по фотошопу

Серия сообщений "Анимация":
Часть 1 - Анимированные картинки с кодами. Осень.
Часть 2 - Как сохранить анимацию на прозрачном фоне. Урок от MissKcu
Часть 3 - Как перенести анимацию на картинку. Урок от MissKcu
Часть 4 - Урок «Эффект дождя» / Анимация
Часть 5 - Вертикальные НОВОГОДНИЕ И ЗИМНИЕ разделители
Часть 6 - Аватар Шадрина_ГалинаИз друзей Екатерина II возвращается на Украину -Рубрики К Новому году (26) Клипарт (18) Для работы с фотографией (15) Сайты
...
Часть 9 - Урок. Как работать с футажами в ФШ.
Часть 10 - Все для Пасхи! Клипарт, анимашки, фоны, разделители, открытки и многое другое ..
Часть 11 - Как убирать фон у картинок.

Серия сообщений "Уроки":
Часть 1 - РАМОЧНИК
Часть 2 - СПИСОК ВСЕХ МОИХ УРОКОВ
Часть 3 - Как перенести анимацию на картинку. Урок от MissKcu
Часть 4 - Урок «Эффект дождя» / Анимация
Часть 5 - Создание и Оформление канала на YouTube. Видео-курс
Часть 6 - МОЙ УРОК. КАК ДЕЛАТЬ РАМКИ В РАМОЧНИКЕ
...
Часть 8 - Иллюстрированный самоучитель по Photoshop
Часть 9 - Как сделать во флеш слайд-шоу
Часть 10 - Как к каждой записи сделать свой фон.