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

Приступаем к уроку Фотошопа
Выбираем изображение.

Создаем новый документ с произвольными размерами - File > New (Файл > Новый / Сочетание клавиш 'Ctrl+N').

Создаём новый слой (New Layer (Новый слой / Сочетание клавиш 'Ctrl+Shift+N')) и с помощью инструмента Move Tool (Перемещение / Клавиша 'V') перетаскиваем изображение на новый слой.

Делаем новый слой и используя инструмент Ellipse Tool (Инструмент Овальная форма / Клавиша 'U') рисуем картинку как ниже.
Как нарисовать подобную картинку: создаем самый маленький кнуг внутри (с зажатым Shift для ровного круга), далее в режиме 'вычитания' (выставляться в верхней панели настроек) вырезаем сердцевину... Продолжая создавать подобные окружности, создаем картинку как ниже.

Нажимаем Ctrl+клик на слое, чтобы создать выделение данного слоя.

Нажимаем Alt+Shift+D.
Откроется вот такое окно.

Идём на layer 1 (Слой 1). Нажимаем Ctrl+J.

Идём на Layer 2 (Слой 2), нажимаем Shift+Ctrl+X и у вас откроется вот это окно.

Чтобы сделать круги используем вот этот инструмент. Bloat Tool (Вздутие / Клавиша 'B').
Текущий результат: ↓

Идём на слой C. Нажимаем Ctrl+T для трансформации и изменяем вот эти настройки.

Нажимаем Ctrl+клик на слое C чтобы выбрать его.

Нажимаем, Ctrl+Alt+D. Откроется окно пера ставим радиус 6.
Идём в первый слой нажимаем Ctrl+J.
Нажимаем Ctrl+Shift+X. И с помощью тогоже самого инструмента. Делаем круги.
Делаем это всё ещё 4 раза (не забывая трансформировать слой с кругами каждый раз).

Открываем окно анимации (зависит от версии, Window > Animation (Окно > Анимация) или CS6: Widnow > Timeline (Окно > Шкала времени), или иначе).


Используем инструмент Duplicate Current Frame Tool (Дублировать кадр) пять раз.

Ставим на каждый кадр 0,2 секунды.

Делаем на палитре слоёв на каждом слое вот такие настройки видимости. ↓
Отключаем первый слой.
1.

2.

3.

4.

5.

6.

Сохраняем в формате .Gif и готово.
Финальный результат

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