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

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

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

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

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

Выбираем изображение.

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

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

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

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

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

Делаем новый слой и используя инструмент Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша 'U') рисуем картинку как ниже.

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

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

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

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

Нажимаем Alt+Shift+D.

Откроется вот такое окно.

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

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

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

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

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

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

Текущий результат: ↓

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

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

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

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

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

Нажимаем, Ctrl+Alt+D. Откроется окно пера ставим радиус 6.

Идём в первый слой нажимаем Ctrl+J.

Нажимаем Ctrl+Shift+X. И с помощью тогоже самого инструмента. Делаем круги.

Делаем это всё ещё 4 раза (не забывая трансформировать слой с кругами каждый раз).

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

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