Фотошоп для фотографа 2013

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

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

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


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

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

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


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


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

Создаем новый документ с произвольными размерами - 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 и готово.


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

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

Оригинал;

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