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

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

В данном уроке Фотошопа мы рассмотрим процесс создания анимированной падающей капли.
Внимание: Сложный урок. ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.


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

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

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


1) Создайте новый файл с размерами - 200х200 пикселей (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")) и залейте фон каким-нибудь градиентом (Gradient Tool Инструмент - Градиент (Инструмент Градиент / Клавиша "G")). Я взяла цвет #B3B6F3 и белый фон.


2) 1ый кадр. Рисуем нашу капельку, которая уже начала падать. Цвет берите любой, мне понравились светлые чернила.


На ней нарисуем блик и придадим объем.

Используем прозрачные кисти или Burn Tool Инструмент - Затемнитель (Инструмент Затемнитель / Клавиша "O") и Dodge Tool Инструмент - Осветитель (Инструмент Осветитель / Клавиша "O").


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

кадр. Новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). Чуть ниже рисуем более вытянутую каплю. Потом снимите видимость первого слоя, чтобы не мешало.


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

кадр. То же, но еще вытянем каплю.


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

4ый кадр. Повторяем еще раз.


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

3) Что бывает, когда капля касается земли? Правильно, брызги.


Это 5ый кадр.


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

6й кадр. Капля почти размазалась, брызги во все стороны.


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

4) Идем в Image ready (открываем окно анимации в зависимости от версии: или Window > Animation (Окно > Анимация), или CS6: Widnow > Timeline (Окно > Шкала времени) или иначе). Не максимизируйте совместимость файла при сохранении.


На панели анимации должно быть 6 кадров.


На первом мы видим фон и слой 1, но втором фон и слой 2 и т. д. Всегда только 2 слоя видны, а на 6 кадре-последний слой и фон.


На той же панели выбираем время. Функция other (другое) - 0,12 сек. для каждого кадра.


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

Жмем File > save optimezed as... (Файл > Сохранить оптимизированным для...) и получаем картинку в фомате gif.


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

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


Автор: Strannytsa;

Текст доработан командой сайта PhotoshopPro.ru