Ваш браузер устарел. Рекомендуем обновить его до последней версии.
Урок № 3 - Анимация - дождь за окном.

Урок № 3 - Анимация - дождь за окном.

Опубликовано 17.04.2014

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

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

разблокируем слой для работы с ним

Дождик у нас будет идти на улице, значит нам нужно выделить именно стекла на картинке. Активируем инструмент  Прямолинейное лассо - Добавить к выделенной области. Как активировать инструмент, где он находится - подробно расписано  - Здесь. Выделяем на картинке стекла. Выделили - поставе на выделенную область мышку - щелкните правой клавишей, выберите команду - Растушевка

растушевывать выделенную область

Откроется окно, в котором  можно будет задавать размытие  края в пикселях - пока постав те 1, потом будете сами подбирать размер. Размывать край нужно, если вы создаете движение в отдельных участках - размытие даст  возможность  более органично вписать выделенный участок в картинку.

задаем радиус растушевки в пикселях

Не снимая выделения с картинки - скопируйте выделенные участки на новый слой, для этого нажмите комбинацию клавиш - Ctrl+J, нажмите 3 раза, чтобы получилось три новых слоя. Вот, что должно получиться - сама картинка и три слоя, выделенных фрагментов из картинки

вот так должно у вас выглядеть в панели слоев

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

Кликаем по миниатюре слоя - вокруг фрагмента появилось выделение

Слой у нас активный верхний  - зальем его черным цветом, где инструмент и как менять цвет - все подробно расписано - здесь. Отключим глазок на верхнем слое, активный второй слой сверху - заливаем его черным цветом, делаем активным  последний вынесенный слой и заливаем его цветом. Выделение мы не снимаем. Вот, что у нас должно получиться

заливаем слои черным цветом

У нас глазок открыт на первом снизу выделенном слое, он активный, применяем к нему фильтр - Шум. Фильтр - Шум - Добавить шум, в открывшемся окне задаем параметры шума
анимация дождик за окном - урок анимацииК первому участку мы применили Эффект шума поставили 23,6, переходим на второй слой - открываем глазок и применяем шум с эффектом - 23,6, переходим на третий слой и применяем шум, с эффектом - 23,64. Теперь нам нужно размыть эти слои - создать дождик, дать ему угол наклона, для этого открываем Фильтр - Размытие - Размытие в движении и выставляем все необходимые параметры. В своей картинке я  буду создавать прямой дождь - угол наклона выбрала  90, а смещение выставили 20, чтобы удлинить струи

применяем к слою фильтр - размытие в движении - урок анимации - дождик за окном

К остальным двум слоя  - примените размытие с теми параметрами, которые вы выставили, если  вы что то не совсем понимаете, то следует посмотреть вот этот урок - в нем все подробно расписано и показано в картинках. По мере изучения тех или иных  инструментов, в последующих уроках я не буду тратить время на повторение пройденного. После того, как к трем слоям вы примените фильтр размытие  - снимаем выделение - оно теперь нам не будет нужным. Для этого в верхней панели инструментов открываем  - Выделение - и нажимаем на команду - Отменить выделение

отменяем в слое выделение - урок анимации - дождик за окном

Когда вы научитесь создавать  сложные анимации,  которые будут всего на 6 кадрах, но при этом для ее создания у вас будет более 20 -30 слоев, так вот, чтобы не запутаться в слоях и чтобы было легче ориентироваться в панели слоев - давайте сразу научимся собирать слои в папку для определенного движения в картинке. С собранными в папку слоями  будет легче работать - одновременно ко всем слоям можно будет применять режим наложения, вращать их, увеличивать или уменьшать. В нашей картинке движение - это дождь за окном. Выделяем первый слой , зажимаем клавишу  Shift, удерживая ее - клика ем по последнему слою  - слои выделяться, удерживая клавишу - нажимаем на значок - Новая группа - слои соберутся  в папку
Собираем слои в папку - урок анимации - дождик за окномЧтобы поменять режим наложения в нашей группе слоев - в самой папке должен быть открыт глазок на одном слое, открыт глазок у самой папки и слой с папкой должен быть активным - синим. Открываем режимы наложения и подбираем режим к картинке - я покажу вам, как будет выглядеть картинка с режимом наложения Экран и с режимом  - Перекрытие

Меняем режим наложения слоя - урок анимации - дождик за окном

Видите, как режим наложения изменяет настроение в картинке? Режим наложения - Экран - создал в ней светлый день и легкий дождик, поменяла режим на - Перекрытие - и сразу в картинке появился вечер. Пробуйте разные режимы для своих работ, применяйте разные режимы и смотрите , что у вас получается.           Я выбрала режим - Перекрытие.
Собираем анимацию - первый кадр - это основной слой картинки+ первый слой с дождиком, выставляем время задержки -  0,2 и создаем дубликат кадра

создаем кадры анимации из слоев - урок анимации - дождик за окном

И смотрим, что у нас получилось

кошка на окошке, за окном город, дождик и вечер - урок анимации

Сохраняем анимацию в папке у себя на компе. Как сохранить анимацию на компе? Смотрим здесь.
Творческого вам вдохновения и красивых работ! Всем  удачи.

 

При копировании урока - активная ссылка на первоисточник - Обязательна,  уважайте мой труд. Спасибо.