PsLessonS Учебник Инструменты Обработка фото Эффекты Работа с текстом Дизайн Анимация Графика Фильтры Кисти Переводы терминов Фотошоп Online
Главная » PsLessons » Анимация

Создаем анимацию плывущих облаков

Данный урок Фотошопа посвящён несложной, но довольно реалистичной анимации, которая символизирует течение времени.

Примечание: урок под очень старую версию Photoshop CS2 (2005).


1. Начнём с того, что откроем в Фотошопе выбранное изображение неба.

2. Создаём прямоугольное выделение с помощью инструмента Rectangular Marquee Tool (Инструмент «Прямоугольная область» / Клавиша «M»), как показано на изображении ниже:

3. Жмём Ctrl+J, чтобы скопировать выделение на новый слой (новый слой создастся автоматически), затем передвигаем его на правую сторону используя инструмент Move Tool (Инструмент «Перемещение» / Клавиша «V»).

4. Жмём Ctrl+T, кликаем на слое правой кнопкой мыши и выбираем Flip Horizontal (Отразить по горизонтали):

Результат этой операции:

5. Объединяем оба слоя с облаками (Ctrl+E). Выбираем инструмент Clone Stamp Tool (Инструмент «Штамп» / Клавиша «S») и клонируем область соединения слоёв.

До правки соединения облаков.
После правки соединения облаков.

6. Создаём дубликат слоя с небом. Передвигаем слой-оригинал к левому краю, слой-дубликат - к правому:

7. Объединяем оба слоя. Этот шаг - основа для создания правдоподобной анимации.

8. Вставляем изображение часов. Для этого открываем его, Ctrl+A, Ctrl+C, переходим на изображение неба, с которым работаем, и жмём Ctrl+V.

9. Меняем режим наложения слоя с часами на Linear Burn (Линейный затемнитель).

10. Стираем границы изображения с помощью инструмента Eraser Tool (Инструмент «Ластик» / Клавиша «E») с мягкими краями.

11. Выделяем стрелку часов. Например используя инструмент Pen Tool (Инструмент «Перо» / Клавиша «P»).

12. Жмём Ctrl+Shift+J, чтобы вырезать выделенную стрелку с этого слоя и вставить её на новый слой.

13. Переходим на предыдущий слой. Воспользуемся инструментом Clone Stamp Tool (Инструмент «Штамп» / Клавиша «S»), чтобы заполнить вырезанное место и вторую стрелку.

14. Переходим на слой со стрелкой. Дублируем его. Жмём Ctrl+T.


Передвигаем точку-центр вращения трансформируемой области в центр стрелки:

15. Поворачиваем стрелку на 60°.

16. Дублируем слой. Повторяем пункты 14, 15.


17. Повторяем пункт 16 ещё 3 раза до получения следующего результата:

18. Переходим в ImageReady (Shift+Ctrl+M) и на первом кадре делаем невидимыми все слои со стрелками.


Примечание: в новых версиях анимация создается в панели Window - Timeline (Окно - Шкала времени). Процесс создания анимации на примере Photoshop CC вы можете посмотреть в уроке - «Создание анимации в Photoshop CC».


19. Дублируем кадр. Передвигаем слой с облаками влево.

Будьте внимательны и передвиньте слой настолько, чтобы достичь положения облаков как на исходной картинке.

20. Создаём промежуточные кадры. Ставим следующие настройки:

21. Выделяем и удаляем последний 13й кадр в окошке анимации.


22. Кликаем на первом кадре и делаем видимым 1й слой со стрелкой.

Остальные слои со стрелками остаются невидимыми.

23. Выделяем 2й кадр, прячем 1й слой со стрелкой и делаем видимым 2й слой со стрелкой.

24. Точно также поочерёдно выделяем следующие 4 кадра и поочерёдно делаем видимыми оставшиеся 4 слоя со стрелкой, пряча ненужные слои.

25. Жмём Ctrl+Alt+Shift+S, чтобы сохранить оптимизированный GIF-файл.


Ну вот и всё. Немного муторно, зато получается неплохо.

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