Коллажирование совмещенное с анимацией дает интересный результат. В данном уроке будет показано, как сделать коллаж и изолированную анимацию.

Создаем новый файл, вставляем текстуру (пример) и если необходимо изменить цветовой тон, создаем корректирующий слой «Цветовой тон/Насыщенность».

Коллаж с изолированной анимацией-01

Вставляем изображение (пример) и размещаем его на рабочем поле под нужным углом при помощи функции «Поворот»: вкладка «Редактирование» — «Масштабирование».

Коллаж с изолированной анимацией-02

Добавляем к слою слой-маску и в ней кистью черного цвета мягкого типа прокрашиваем края, а при большом диаметре изображение можно обработать так, чтобы переход между двумя изображениями был незначительным.

Коллаж с изолированной анимацией-03

Вставляем изображение туч (пример),  добавляем слой-маску и скрываем края, а также над девушкой скрываем часть слоя. Изменяем для слоя режим наложения на «Умножение».

Коллаж с изолированной анимацией-04

Вставляем слой с планетами (пример), добавляем слой-маску и обрабатываем, как предыдущий слой.

Коллаж с изолированной анимацией-05

Создаем корректирующий слой «Поиск цвета» и подбираем вариант.

Коллаж с изолированной анимацией-06

В окне слоев выделяем слои с девушкой, тучами и планетами и объединяем в группу: Ctrl + G. Создаем дубликат группы.  Дубликат группы преобразовываем в смарт-объект.

Коллаж с изолированной анимацией-07

Растрируем смарт-объект.

Коллаж с изолированной анимацией-08

Полученному слою придаем четкость контурам. При помощи фильтра «Ксерокопия»: вкладка «Фильтр» — «Галерея фильтров» придаем контуры. Перед этим на панели инструментов нужно в верхнем квадрате задать черный цвет, а в нижнем — белый.

Коллаж с изолированной анимацией-09

Изменяем слою режим наложения на «Мягкий свет» и делаем непрозрачность слоя меньше в зависимости от изображения. К слою добавляем слой-маску и в ней скрываем края слоя.

Коллаж с изолированной анимацией-10

Раскрываем группу нажатием на треугольник в миниатюре слоя. Становимся на слой с девушкой. Правой кнопкой мыши нажимаем на слой-маску и в контекстном меню выбираем «Применить слой-маску».

Коллаж с изолированной анимацией-11

Если необходимо увеличить длину и объем волос, то применяем «Марионеточную деформацию»: вкладка «Редактирование». Закрепляем булавками лицо, тело и руки девушки, чтобы они оставались неподвижными и оттягиваем волосы.

Коллаж с изолированной анимацией-12

На слое с контурами скрываем линии волос.

Коллаж с изолированной анимацией-13

Создаем корректирующий слой «Яркость/Контрастность» и придаем яркости и света изображению.

Коллаж с изолированной анимацией-14

Снижаем непрозрачность группы «девушка».

Коллаж с изолированной анимацией-15

В окне слоев выделяем слои: слой контур девушки, группу, корректирующий слой «Поиск цвета» и текстуру, объединяем их в группу «коллаж».

Добавляем текстовые слои и их объединяем в группу «текст». Под группой коллаж создаем новый слой и заливаем его цветом, сочетающимся с общей тональностью коллажа.

Под группу «коллаж» вставляем изображение планеты (пример).

Коллаж с изолированной анимацией-16

Добавляем к группе «коллаж» слой-маску и в ней кистью черного цвета тип «гранж» делаем видимым ниже находящийся слой.

Коллаж с изолированной анимацией-17

Создаем новый слой и в нем кистью мягкого типа белого цвета и небольшого диаметра рисуем точки.

Коллаж с изолированной анимацией-18

Создаем инструментом «Фигура» прямые линии.

Коллаж с изолированной анимацией-19 Коллаж с изолированной анимацией-20

В окне слоев выделяем слои с линиями и объединяем их: Ctrl + E.

Коллаж с изолированной анимацией-21

Слой с точками называем «анимация 1», а слой с прямыми – «анимация 2».  Слою «анимация 2» меняем режим наложения на «Мягкий свет». Перетаскиваем эти два слоя под группу «коллаж».

Коллаж с изолированной анимацией-22

Во вкладке «Окно» активируем «Шкала времени» («Анимация»).

Коллаж с изолированной анимацией-23

Под рабочим полем появится рабочее поле анимации,  делаем раскадровку.

На первом кадре задаем «Выбор времени отображения кадра» — 0,1 сек или 0,2 сек. и «Выбор параметров цикла» — «Постоянно».

Для первого кадра слой «анимация 1» перемещаем вниз вправо.

Коллаж с изолированной анимацией-24

Для первого кадра слой «анимация 2» перемещаем влево вниз.

Коллаж с изолированной анимацией-25

Создаем второй кадр и слой «анимация 1» перемещаем вверх влево, а слой «анимация 2» вверх вправо.

Коллаж с изолированной анимацией-26

Становимся на первый кадр и удерживая нажатой клавишу Ctrl нажимаем на второй кадр, тем самым выделяя их. Далее нажимаем на иконку «Создание промежуточных кадров» и в диалоговом окне задаем количество кадров.

Коллаж с изолированной анимацией-27

Сохраняем анимацию: Shift + Ctrl + Alt + S либо вкладка «Файл» — «Сохранить для web и устройств».

В диалоговом окне задаем характеристики для анимации.

Коллаж с изолированной анимацией-28

Сохраняем изображение в формате gif.

Коллаж с изолированной анимацией