Уроки Фотошопа на русском

Темы уроков Фотошопа

  • главная
  • спецэффекты
  • спецэффекты с текстом
  • обработка фото
  • анимация
  • компьютерная графика
  • коллажирование
  • дизайн
  • faq

Уроки по сложности

  • Низкая
  • Средняя
  • Высокая
  • Теория

Дополнительно

  • фотошоп онлайн
  1. Уроки Фотошопа
  2. › Уроки по созданию анимации
  3. › Создаем простую анимацию волны

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

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

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

Категория: Уроки по созданию анимации

Сложность: Средняя

Дата: 09.08.2009

Обновлено: 17.03.2012

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


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

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

Чтобы сделать круги используем вот этот инструмент. Изображение 12. Создаем простую анимацию волны используя Фотошоп 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 (Окно > Шкала времени), или иначе).


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

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

Используем инструмент Изображение 19. Создаем простую анимацию волны используя Фотошоп Duplicate Current Frame Tool (Дублировать кадр) пять раз.


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

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


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

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

Отключаем первый слой.

1.

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

2.

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

3.

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

4.

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

5.

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

6.

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

Сохраняем в формате .Gif и готово.


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

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

Оригинал;

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

Уроки Фотошопа на русском
Уроки Фотошопа | PhotoshopPro.ru

Copyright © 2017 PhotoshopPro.ru | Все материалы принадлежат их владельцам.