Создаем анимацию стекающей россы используя Фотошоп

| Категория: Уроки по созданию анимации в Фотошопе | Сложность урока: Средняя

В данном уроке Фотошопа мы рассмотрим процесс создания анимации стекающей россы.


Финальный результат

Создаем анимацию стекающей россы используя Фотошоп

Приступаем к уроку Фотошопа


1. Для начала возмем изображение предмета, имеющего на поверхности капли. Автор взял вот такое аппетитное фото вишни. ↓


Создаем анимацию стекающей россы используя Фотошоп

2. Продублируем этот слой Ctrl+J (это будет слой 1) и на нем с помощью инструмента Magic Wand Tool Инструмент - Волшебная палочка (Инструмент "Волшебная палочка" / Клавиша "W") выделяем каплю, которая потом должна стекать и падать. Нажимаем Ctrl+V - выделеная капля копируется на новом слое, и дальше мы ее немного сдвигаем для создания иллюзии движения.


Создаем анимацию стекающей россы используя Фотошоп

3. Теперь дублируем этот слой с каплей (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")). И передвигаем каплю на другую ягоду, от куда она потом тоже будет стекать.


Создаем анимацию стекающей россы используя Фотошоп

4. Возвращаемся на 1 слой. Опять используя Magic Wand Tool Инструмент - Волшебная палочка (Инструмент "Волшебная палочка" / Клавиша "W") выделяем каплю, нажимаем Ctrl+V и получаем новый слой с каплей.


Создаем анимацию стекающей россы используя Фотошоп

Создаем анимацию стекающей россы используя Фотошоп

5. Передвигаем новую каплю для иллюзии падения.


Создаем анимацию стекающей россы используя Фотошоп

6. Идем в Image Ready нажимаем Ctrl+Shift+M и затем открываем окно анимации Window > Animation (Окно > Анимация). Дублируем еще 3 раза кадр и ставим время как на рисунке.


Создаем анимацию стекающей россы используя Фотошоп

7. Выбираем второй кадр и оставляем видимость слоя с первой каплей, остальные слои прячем. И слегка сдвигаем эту каплю.


Создаем анимацию стекающей россы используя Фотошоп

Создаем анимацию стекающей россы используя Фотошоп

8. Выбираем третий кадр, а слой со второй каплей, и проделываем тоже самое.


Создаем анимацию стекающей россы используя Фотошоп

Создаем анимацию стекающей россы используя Фотошоп

9. В четвертом кадре видимость слоев делаем как рисунке.


Создаем анимацию стекающей россы используя Фотошоп

10. Теперь ваша картинка должна выглядеть вот так. ↓


Создаем анимацию стекающей россы используя Фотошоп

11. Теперь можно включить анимацию.


Создаем анимацию стекающей россы используя Фотошоп

12. Сохраняем файл в формате gif через File > Save optamized as (Файл > Сохранить оптимизированный как...).


Создаем анимацию стекающей россы используя Фотошоп

Вот и все.


Финальный результат

Создаем анимацию стекающей россы используя Фотошоп

Оригинал;

Урок подготовлен для Вас командой сайта PhotoshopPro.ru