altПриветствуем вас в разделе уроков нашего сайта!
Очень надеемся, что наши уроки вам пригодятся, помогут воплотить в жизнь ваши небольшие графические фантазии :)

Если вы совсем новичок, я советую вам нажать кнопку "подробнее", чтобы узнать с чего начать изучение уроков.

Внимание! Копирование уроков сайта разрешено только при согласии администрации и при наличии в скопированном уроке прямой (кликабельной!) ссылки на оригинал-урок. 

Подробнее ...
 
Цветы и порывы ветра
Автор: Сатин   

В этом уроке мы научимся оживлять цветы на картинке, имитируя их движение от ветра:

alt

С чем мы познакомимся в этом уроке:  Цветовое выделение "Color range"

Потребуется знание уроков: Плавный переход между кадрами

1. Открываем картинку в Photoshop. Я выбрала вот такое исходное изображение:

 alt

Примечание: постарайтесь выбирать картинку, где цветы будут контрастировать с фоном - так их проще будет выделить, а значит и красивее выйдет анимация.

2. Создаем основу под анимацию. Т.е. выделяем цветы на картинке. Для этого идем в Select - Color Range (Выделение - Цветовое выделение):

alt

Жмем на наши цветочки, убедившись, что включен параметр "Selection", (маска) а не "Image" (изображение) - это поможет видеть в окне предпросмотра то, что вы выделяем.

Обратите внимание на бегунок "Fuzziness" (Разброс) - двигая его вы сможете выделять больше/меньше оттенков к тому цвету, на который тыкнули, выбирая цветы на картинке. Я дошла до значения "123" - максимум в моем случае, чтобы выделить побольше цветов, но не захватить в выделение забор:

alt

Жмем на Ок, получилось выделение наших цветов:

alt

4. Теперь их нужно перенести на новый слой. Нажимаем Ctrl+J и наше выделение перенеслось на новый слой:

alt

5. Движение на ветру.

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

6. Анимация и кадры

Переходим в Image Ready:

alt

В окне "Animation" (Анимация) дублируем наш единственный кадр, нажав на "Duplicate current frame" (дублировать активный кадр):

alt

Выставляем видимость слоев (значок глаза около слоя) следующим образом:

1 кадр - видно только базовый нижний слой
2 кадр - видно и базовый слой и слой с выделеными и сдвинутими цветочками:

alt

Время смены кадров от 0,1 до 0,25 сек:

alt

7. Плавное колыхание. Можно добавить промежуточные кадры для более медленого колыхания:

alt

Подробнее читайте в уроке "Плавный переход между кадрами".

Вот еще один результат с другой картинкой:

alt

P.S. Если у вас возникли какие-то вопросы по уроку – опишите в комментарии подробно вашу проблему, мы обязательно поможем вам разобраться! И не забудьте подписаться  на комментарии к уроку, если хотите получить ответ на свой вопрос как можно скорее.

Лучшее "спасибо" за урок - ваш комментарий! :)