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

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

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

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


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

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

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


Первое что мы должны сделать – это открыть новый документ с настройками как на изображении ниже (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")): ↓


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

2. Открываем или создаем по вашему вкусу любое изображение сердца: ↓


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

3. Теперь создаем дубликат нашего сердца - Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J").


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

4. Следующее действие – с помощью инструмента Lasso Tool Инструмент - Лассо (Инструмент Лассо / Клавиша "L") и нажмите Ctrl+X.


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

5. Создайте новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")) и вклейте туда нашу выделенную область (Ctrl+V), и назовите его Layer Piece 1, скройте, снимая глаз со слоя Heart Layer.


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

6. Теперь трансформируйте этот кусочек, как показано на картинке с помощью Ctrl+T и нажмите ENTER.


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

7. Проделываем тоже самое что и с предыдущим кусочком: ↓


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

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

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

8. Создайте еще пять слоев с нашими новыми 5 – и кусочками в итоге получается 7 слоев Палитра должна быть похожей на ту что на изображении ниже: ↓


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

9. Теперь распространите часть Сердца каждого слоя с помощью инструмента Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V"), и Ваше изображение должно выглядеть как показано ниже: ↓


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

10. Теперь создайте New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N") и нарисуйте стрелу с помощью инструмента Polygonal Lasso Tool Инструмент - Многоугольное лассо (Инструмент Многоугольное лассо / Клавиша "L").


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

11. Теперь выполните заливку стрелы любым цветом (Paint Bucket Tool Инструмент - Заливка (Инструмент Заливка / Клавиша "G")) и используйте настройки слоя → Blending Options (Параметры наложения) там выбираем Bevel and Emboss (Тиснение и рельеф) настройки ниже: ↓


Bevel and Emboss (Тиснение и рельеф): ↓

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

12. Теперь Ваше изображение должно выглядеть, как показано ниже: ↓


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

13. Теперь скройте все слои кроме слоя Original Heart Layer (Главного слоя с сердцем) и откройте Окно Анимация Ctrl+Shift+M или Window > Animation (Окно > Анимация). Создайте 2 дубликата в окне анимация как показано ниже: ↓


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

14. Сделайте в палитре слоев то же самое что и на картинке: ↓


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

15. Теперь Ваше изображение должно выглядеть, как показано ниже: ↓


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

16. Теперь выберите FRAME-2 (Кадр-2) и тогда скройте следующие слои: ↓


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

17. Теперь выберите Слой 9 и создайте следующее регулирование с помощью Инструмента Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V"), и тогда Ваше изображение должно выглядеть как показано ниже: ↓


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

18. Теперь выберете FRAME-3 (Кадр-3) и скройте следующие слои: ↓


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

19. Теперь выберите каждый слой кусочка и создайте следующее регулирование с помощью инструмента Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V").


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

20. Теперь нажмите кнопку Play, анимация готова.


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

21. Теперь можно и сохранять нашу анимацию - File > Save optamized as (Файл > Сохранить оптимизированный как...).. и используйте следующие параметры настройки: ↓


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

22. Вот что получилось: ↓


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

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

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