ФотошопСундучок photoshopsunduchok
Начните свой путь в мир ФОТОШОПА сейчас!

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас один гость и ни одного зарегистрированного пользователя на сайте

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

Анимация дождя в фотошопе

Всем привет!

В данном уроке мы будем создавать анимацию дождя в фотошопе.

Вначале при помощи фильтров и корректирующих слоев мы создадим несколько слоев с дождем, далее перейдем в меню Анимация и оживим картинку.

Я подобрала несколько картинок, которые можно использовать для повторения урока. Вы их найдете в папке с исходниками. Также вы можете использовать собственные фотографии.

Открываем в фотошоп (Ctrl+O) изображение с пейзажем.

 

Размер изображения для создания анимации должен быть не очень большим, чем он больше, тем «тяжелее» получится анимашка в результате. Если ваше изображение большое, перейдите в меню Изображение-Размер изображения и уменьшите его размер примерно к 600-800 пикселей по длинной стороне. Чтобы изменение размера происходило пропорционально, значок замочка, отмеченный стрелочкой, должен быть активен.

Создаем новый пустой слой.

Переходим в меню Редактирование-Выполнить заливку и заливаем слой черным цветом.

Переходим в меню Фильтр-Шум-Добавить шум и выставляем такие параметры:

Получаем следующее:

Делаем две копии слоя (Crtl+J).

Для удобства можно их переименовать. Например, так, как на рисунке ниже. Чтобы изменить имя слоя, дважды кликните по названию слоя в палитре слоев и введите новое название, далее нажмите клавишу Enter.

Активируем слой «Дождь 1» и переходим в меню Фильтр-Размытие-Размытие в движении. Вводим такие значения:

Результат:

Активируем слой «Дождь 2» и снова переходим к Размытию в движении (Фильтр-Размытие-Размытие в движении), только угол меняем на 65.

Переходим к слою «Дождь 3» и к нему тоже применяем Размытие в движении со значением угла 85.

При помощи клавиши Ctrl выделяем все слои с каплями дождя.

Вызываем Свободное трансформирование (Ctrl+T) и, растягивая за уголки появившейся рамки, тянем наружу для увеличения слоев, и чтобы избавиться от полосок вверху и внизу.

 

Чтобы масштабирование происходило пропорционально и с центра, зажимаем клавиши Shift и Alt.

Отключаем видимость двух верхних слоев, нажав на «глазик» видимости слоя в палитре слоев.

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

Выставляем примерно такие параметры. Наша цель – избавиться от среднесерых тонов. Чем меньше останется светлых участков, тем меньше капель дождя получится в итоге. Мы сделаем легкий дождик, поэтому белых капелек оставим совсем чуток.

Результат:

Повторяем действия для слоев «Дождь 2» и «Дождь 3». Настройки Уровней применяем те же.

Дождь 2:

Дождь 3:

Снова выделяем на палитре слоев слои с дождем и меняем их режим наложения на Экран.

Приступаем к анимации.

Переходив меню Окно-Шкала времени.

Нажимаем на кнопку «Создать шкалу времени для видео».

А далее на иконку создания по кадровой анимации.

Появится следующее окно:

При активном первом кадре анимации переходим в палитру слоев и оставляем видимость фоновому слою с пейзажем и слою «Дождь 1».

В панели анимации создаем новый кадр.

Автоматически на новый кадр добавится то изображение, что в данный момент отображается в документе. То есть первый кадр.

Изменим это, оставив в палитре слоев видимость фоновому слою и слою «Дождь 2».

Создаем еще один новый кадр и в палитре слоев делаем видимыми фоновый слой и слой «Дождь 3».

При помощи клавиши Ctrl выделяем все кадры на палитре анимации, щелкаем клавишей мыши и внизу палитры, у времени, и в открывшемся окошке выбираем время проигрывания кадра, например, 0,2 секунды.

Меняем цикличность воспроизведения анимации. Если оставить «Однократно», анимашка после первого проигрывания остановится.

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

Наша анимация готова, осталось только сохранить.

Переходим в Файл-Сохранить для Web. В зависимости от версии фотошоп, название этого пункта немного меняется. У меня версия Adobe Photoshop CC 2014.

Выбираем формат gif, остальные настройки – на ваше усмотрение. Вы можете изменить размер, количество оттенков и т.п.

Анимация дождя готова, а наш урок подошел к завершению.

Вдохновения и хорошего настроения независимо от погоды!

БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

         

 

 

 Если Вы не хотите пропустить интересные уроки анимации в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.



Печать

Комментарии  

Валерий
0 # Валерий 14.09.2018 15:05
Спасибо огромное!
Ответить | Ответить с цитатой | Цитировать
Анатолий
0 # Анатолий 13.09.2018 12:04
Спасибо! Попробую
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты!
После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Для отображения Аватара (вашей картинки) необходимо на ту же почту иметь аккаунт на - Gravatar, это бесплатно.


Прикрепить фотографии