Всем привет! Сегодня вы узнаете, как создать креативную композицию в стиле «Микс-медиа». Вы научитесь комбинировать различные графические элементы и объединять их при помощи маски слоя. Этот урок является хорошей практикой для дизайнеров, которые хотят попробовать себя в современном цифровом коллажировании.

Предварительный просмотр финального результата:


 

Шаг 1.

Создаем в фотошоп новый документ (Ctrl+N) размером 1195х1700 рх с белым фоном.


 

Шаг 2.

Тонко-текстурированный фон выглядит лучше, чем однородный, поэтому открываем изображение текстуры краски из ресурсов урока (Ctrl+O) и переносим (Move tool) ее в наш документ.


 

Шаг 3.

Обесцвечиваем текстурный слой, нажав Ctrl+Shift+U. Изменяем размер текстуры так, чтобы она соответствовала размерам документа.


 

Шаг 4.

Корректируем непрозрачность (Opacity) и лучше смешиваем текстуру с фоном, делая эффект тоньше. Для этого, дважды нажимаем л.кн.мыши по миниатюре текстурного слоя и открываем окно «Стилей слоя» (Layer Style). В первом разделе «Параметры смешивания» (Blending Options) устанавливаем непрозрачность (Opacity) на 60%, затем в разделе «Смешать, если» (Blend If) выполняем настройки текущего слоя (средний ползунок градиента создаем, удерживая Alt+клик л.кн.мыши).


 

Шаг 5.

Теперь нам необходимо создать несколько фигур, которые будут определять общую структуру дизайна и другие графические элементы. Устанавливаем черный цвет переднего плана (#000000). Инструментом Эллипс (Ellipse Tool) в режиме слой-фигуры (Shape Layer) рисуем черный круг, удерживая Shift. Работа с режимом векторных фигур очень продуктивна и экономит много времени. Они не зависят от разрешения и не теряют своего качества при трансформировании.



Далее, рисуем прямоугольник черного цвета инструментом «Прямоугольник» (Rectangle Tool). Изменяем правый верхний угол прямоугольника с помощью инструмента Стрелка (Direct Selection Tool).


 

Шаг 6.

Используем команду Трансформирование (Edit-Transform или Ctrl+T) для поворота прямоугольника под углом -45 град. Для контроля за изменением угла поворота открываем палитру «Инфо» (Window-Info).


 

Шаг 7.

Устанавливаем полосу поверх круга, затем дублируем слой с ней несколько раз (Ctrl+J) и распределяем копии, накладывая их немного друг на друга. Взгляните, как у меня выглядит палитра слоев.



Еще несколько раз дублируем полосы (Ctrl+J) и размещаем их вместе внизу круга.


 

Шаг 8.

Создаем еще один круг, больше предыдущего. Для этого дублируем первый круг (Ctrl+J) и масштабируем его до значения 145% (Ctrl+T, затем вводим в верхнем меню значения ширины и высоты). Аналогично можно масштабировать, удерживая Alt+Shift+перетаскивание рамки трансформирования наружу (одновременно следить за изменениями в полях ширины и высоты).


 

Шаг 9.

Теперь нам нужно сделать отверстие внутри круга. Активируем векторную маску слоя с большим кругом и копируем(Ctrl+C), затем вставляем (Ctrl+V) его контур (все выполняется здесь же, без создания нового слоя). Трансформируем дубликат контура до 80% (Alt+Shift+перетаскиваем контур внутрь) и нажимаем Ок.

На векторной маске должно появиться две окружности.



Активируем инструмент «Выделение контура» (Path Selection tool) и в верхнем меню нажимаем опцию «Вычесть область пересечения фигур» (Exclude overlapping shape areas). Теперь середина круга вырезана.


 

Шаг 10.

Нам не нужно все кольцо, а только его часть, поэтому скроем лишнее при помощи маски слоя. Сначала выделяем инструментом Полигональное Лассо (Polygonal Lasso) ту часть кольца, которая останется. Для ровных линий выделения удерживаем Shift. Выделив, нажимаем внизу панели слоев иконку маски (Add Layer Mask), скрывая правую часть кольца.


 

Шаг 11.

Создадим еще один круг кораллового цвета (#ff3838). Для этого, дублируем первый круг (Ctrl+J) и изменяем его цвет на коралловый (дважды нажимаем по иконке данного слоя и вводим значение цвета). Размещаем ниже всех слоев с фигурами. Увеличиваем круг (Ctrl+T) до размера чуть больше нашего полукольца.



Следуя инструкции в шаге 9, повторяем процесс создания кольца из кораллового круга.


 

Шаг 12.

Я хочу оставить лишь эту часть круга (обозначена выделением), а остальное скрыть на маске. Инструментом Полигональное Лассо (Polygonal Lasso) выделяем правую часть круга и нажимаем на иконку маски внизу панели слоев, скрывая лишнее.


 

Шаг 13.

Теперь создадим свой узор диагональной решетки. Создаем новый документ (Ctrl+N) размером 6х6 рх с прозрачным фоном (Transparent) и выбираем инструмент Карандаш (Pencil Tool) размером 1 рх. Рисуем перекрестный узор и определяем его (Edit-Define Pattern). Присваиваем узору имя и нажимаем Ок.


 

Шаг 14.

Заполним данным узором наше полукольцо. Создаем новый слой (Ctrl+Shift+N) выше предыдущего слоя и выбираем инструмент Заливка (Paint Bucket tool) в режиме узора (в верхнем меню выбираем «Pattern»). Находим в наборе узоров наш и заполняем им слой. Чтобы узор влиял только на полукольцо, добавляем обтравочную маску (клик пр.кн.мыши по миниатюре слоя с узором и выбираем из меню – Create Clipping Mask или Ctrl+Alt+G).


 

Шаг 15.

Дублируем слой с кругом (Ctrl+J) и помещаем копию выше слоя с обтравкой. Удаляем с копии маску слоя (клик пр.кн.мыши по маске на миниатюре слоя и выбираем из меню – Delete Layer Mask).



Инструментом «Выделение контура» (Select Path) удаляем внутренний круг, выделив его контур и нажав Delete(Удалить).


 

Шаг 16.

Снижаем непрозрачность (Opacity) дубликата круга до 0% и добавляем обводку (Stroke), открыв Стили слоя (Layer-Layer Style-Stroke). Выполняем настройки опции.


 

Шаг 17.

Инструментом Полигональное Лассо (Polygonal Lasso) выделяем левую часть круга и затем скрываем ее на маске, нажав ее иконку внизу панели слоев (Add Layer Mask).


 

Шаг 18.

Открываем изображение девушки (Ctrl+O) и извлекаем ее с фона инструментом Перо (Pen tool). Будьте внимательны при выделении волос. Создав контур вокруг нее, нажимаем Ctrl+Enter (выделение контура), копируем (Ctrl+C), затем вставляем (Ctrl+V) девушку в основной файл.


 

Шаг 19.

Преобразуем слой с девушкой в смарт-объект (Layer > Smart Objects > Convert to Smart Object) и уменьшаем его размер (Ctrl+T).


 

Шаг 20.

Добавляем к слою с моделью контурную резкость. Переходим в меню Filter > Blur > Smart Blur (Фильтр-Размытие-Умное размытие) и выполняем настройки фильтра.


 

Шаг 21.

Загружаем выделение слоя с малым кругом (Ctrl+клик по иконке данного слоя) и на слой с моделью добавляем маску(клик по иконке маски внизу панели слоев).


 

Шаг 22.

Теперь приоткроем некоторые области изображения модели. Для этого, выбираем слой с полосой внизу круга и загружаем его выделение (Ctrl+клик по векторной маске данного слоя).

Устанавливаем белый цвет (#ffffff) переднего плана и заполняем выделение (Alt+Backspace) на маске слоя с моделью.


 

Шаг 23.

Покажем полностью лицо и волосы девушки. Создаем выделение вокруг головы модели (Lasso tool)и, активируя маску слоя, нажимаем Alt+Backspace.


 

Шаг 24.

Добавляем два корректирующих слоя для слоя с моделью: Кривые (Curves) и Вибрация (Vibrance). Нажимаем внизу панели слоев иконку корректирующих слоев (Create New Adjustment Layer) и выбираем из списка нужное. В диалоговом окне каждой из коррекций активируем иконку обтравочной маски (внизу), чтобы изменения качались только слоя с моделью.


 

Шаг 25.

Открываем изображение оленя из материалов урока (img.035 в наборе). Нам необходимо изменить цветовой режим изображения с Index (индексированные цвета) на RGB. Для этого, переходим в меню Image > Mode > RGB(Изображение-Режим-RGB). Переносим оленя (Move tool) в наш файл и инвертируем цвета изображения (Ctrl+I).



Размещаем оленя слева позади девушки и изменяем режим смешивания (Blend Mode) слоя с ним на Замена светлым(Lighten).


 

Шаг 26.

Открываем изображение мужской головы (Ctrl+O) в фотошоп и обесцвечиваем изображение (Ctrl+Shift+U). Регулируем яркость и контраст, используя коррекцию «Кривые» (Image-Adjustments-Curves).


 

Шаг 27.

Переносим мужчину в композицию (Move tool), уменьшаем размер слоя (Ctrl+T) и отражаем его по горизонтали (Edit-Transform-Flip to Horizontally).



Изменяем режим смешивания слоя с мужчиной на Умножение (Multiply), добавляем маску слоя (Add Layer Mask) и черной кистью (Brush) скрываем на маске плечо.


 

Шаг 28.

Дублируем слой с головой (Ctrl+J) и инвертируем цвета копии (Ctrl+I).


 

Шаг 29.

Загружаем выделение круга в центре (Ctrl+клик по векторной маске данного слоя) и на слое с копией мужчины (где негатив) создаем маску (клик по иконке внизу панели слоев). Теперь негативное изображение осталось только внутри черного круга.


 

Шаг 30.

Добавляем на слой с внешним большим кругом стиль «Наложение градиента» (Gradient Overlay), открыв «Стили слоя»(иконка «Add Layer Style» внизу панели слоев).
Устанавливаем цвета градиента со скриншота.


 

Шаг 31.

Открываем изображение пламени и выбираем из набора одно. Выделяем его (Lasso tool) и копируем (Ctrl+C, Ctrl+V) в композицию. Размещаем пламя выше слоя внешнего круга.


 

Шаг 32.

Теперь расположим пламя внутри кольца. Загружаем выделение слоя с кольцом (Ctrl+клик по векторной маске данного слоя) и на слое с пламенем скрываем лишнее, добавляя маску (Layer Mask).


 

Шаг 33.

Изменяем режим смешивания слоя с пламенем на Экран (Screen) и увеличиваем его насыщенность при помощи коррекции «Цветовой тон/Насыщенность» (Image-Adjustments-Hue / Saturation). Выполняем настройки коррекции.


 

Шаг 34.

Сократим немного маску, чтобы удалить артефакты по краям изображения пламени, вызванные полупрозрачными пикселями. Активируем маску слоя с пламенем и применяем коррекцию «Уровни» (Ctrl + L). Увеличиваем значение полутонов (Midtones) до максимального (9,99) и нажимаем Ок.


 

Шаг 35.

Теперь дополним наши геометрические фигуры различными элементами. Открываем изображение лепестков тюльпана и выделяем один из них. Выделяем и переносим (Ctrl+C, Ctrl+V) лепесток в наш файл.


 

Шаг 36.

Размещаем лепесток выше того слоя, который хотите использовать для украшения.
На слое с лепестком создаем обтравочную маску (Ctrl+Alt+G), чтобы лепесток принял форму фигуры.


 

Шаг 37.

Открываем изображение всплеска (Ctrl+O), выделяем инструментом Лассо (Lasso tool) его верхнюю часть и копируем в композицию. Размещаем над верхней полосой. Уменьшаем его (Ctrl+T) и отражаем по горизонтали (Edit-Transform-Flip Horizintal).


 

Шаг 38.

Применяем к всплеску фильтр «Контурная резкость» (Filter-Sharp-Unsharp Mask), затем добавляем обтравочную маску(Ctrl+Alt+G).


 

Шаг 39.

Загружаем кисти «Гранж» из материалов урока через меню Edit-Preset Manager (Редактирование-Управление наборами-Кисти). Выбираем из набора кисть под номером 433 и на новом слое (Ctrl+Shift+N) выше нижних полос рисуем ярко-голубым цветом.


 

Шаг 40.

Добавляем на слой с рисунком обтравочную маску (Ctrl+Alt+G), чтобы он был только на одной полосе.


 

Шаг 41.

Добавляем еще несколько элементов в композицию. Отрываем набор сфер и выбираем одну. Переносим ее в композицию и размещаем справа от модели.



Открываем набор воздушных шаров из ресурсов урока и выбираем одно изображение. Переносим его в композицию и размещаем над девушкой.


 

Шаг 42.

Дополним картину бабочками и другими элементами. Выбираем инструмент Произвольная фигура (Custom Shapes) в режиме слой-фигуры (Layer Shape) и в верхнем меню выбираем из набора программы фигуру бабочки. Рисуем ее желтым цветом, удерживая Shift.

Вы можете нарисовать и свою бабочку, если вам нравится.



Далее, выбираем инструмент «Многоугольник» (Polygonal) и в верхнем меню указываем кол-во сторон: 3, чтобы получить треугольник. Рисуем треугольник белым цветом, затем Кистью (Brush) закрашиваем его часть желтым цветом.


 

Шаг 43.

Создаем изогнутую сетку в Иллюстраторе (Illustrator). Это очень просто, даже если вы никогда не работали с ним. Открываем Иллюстратор и создаем новый файл (Ctrl+N). Инструментом Перо (Pen Tool) рисуем две изогнутые линии напротив друг друга, затем двойным кликом по иконке инструмента «Blend» (Переход) открываем окно его настроек. Вводим нужное кол-во шагов (Specified Steps) и нажимаем Ок. Выделяем контуры линий (в панели слоев нажмите иконку кольца на миниатюре слоя) и нажимаем сочетание Ctrl+Alt+B (Создать переход). Копируем (Ctrl+C) фигуру, возвращаемся в Фотошоп и вставляем (Ctrl+V) ее в нашу композицию.


 

Шаг 44.

Добавляем маску слоя (Layer Mask) на слой с сеткой и черной мягкой кистью (Brush) скрываем верхнюю и нижнюю части фигуры.


 

Шаг 45.

Открываем «Стили слоя» (клик по иконке «Add Layer Style» внизу палитры слоев) и добавляем «Наложение цвета»(Color Overlay) для сетки.


 

Шаг 46.

Открываем изображение брызг краски из ресурсов урока (Ctrl+O) и переносим его в композицию. Размещаем брызги под всеми слоями работы и масштабируем их по размеру документа (Ctrl+T).


 

Шаг 47.

Добавляем еще несколько элементов-украшений. Загружаем звездные кисти из материалов урока в программу (Edit-Preset Manager-Brushes) и выбираем из данного набора кисть под номером 1148 рх. Изменяем ее настройки в панели кистей(F5): раздел «Форма отпечатка кисти» (Brush Tip shape) размер 300 рх, интервал (Spacing) 25%, угол (Angle) -17 град.



Рисуем звезду белого цвета в основании бабочки на платке модели.


 

Шаг 48.

Теперь создаем световую полосу. Создаем новый слой (Ctrl+Shift+N) и выбираем мягкую круглую кисть (Brush) размером 500 рх. На нижнем крае документа устанавливаем кисть наполовину и делаем клик, затем сплющиваем полученный полукруг до состояния тонкой полосы, используя Трансформирование (Ctrl+T).


 

Шаг 49.

Помещаем слой с полосой над звездой и инвертируем цвета (Ctrl+I).


 

Шаг 50.

Поворачиваем полосу под углом -45 град. (Ctrl+T).


 

Шаг 51.

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


 

Шаг 52.

Продолжаем добавлять блики на элементы картины.


 

Шаг 53.

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


 

Шаг 54.

Изменяем режим смешивания слоя с цветным свечением на Экран (Screen).


 

Шаг 55.

На лице девушки нарисуйте Пером (Pen tool) выделение и закрасьте его малиновым цветом, используя кисть (Brush).


 

Шаг 56.

Добавим блик на бабочка справа от модели. Для этого, создаем новый документ (Ctrl+N) размером 350 X 350 и заполняем его (Shift+F5) черным цветом. Переходим в меню Filter > Render > Lens Flare (Фильтр-Рендеринг-Блик) и устанавливаем яркость на 100%.


 

Шаг 57.

Переносим блик в композицию (Ctrl+A, Ctrl+C, Ctrl+V), устанавливаем блик над бабочкой и изменяем режим смешивания данного слоя на Экран (Screen).


 

Шаг 58.

Еще я добавил несколько ярких цветовых пятен в дизайн.


 

Шаг 59.

Дополним черные полосы внизу диагональными линиями. Инструментом «Произвольная фигура» (Custom Shape) рисуем фигуру мозаики (в верхнем меню выбираем из набора фигур «Мозаика 2»). Выделяем Лассо (Lasso) только середину и скрываем остальное на маске (клик по иконке «Add Layer Mask»).


 

Шаг 60.

Инструментом Линия (Line Tool) рисуем несколько тонких линий под углом 45 град. По всему холсту.


 

Шаг 61.

Наконец, добавляем текст внизу плаката (Type tool). Нажимаем Ctrl+0 и смотрим на композицию. Если вы чувствуете, что нужно что-либо добавить или убрать, не стесняйтесь делать это, старайтесь быть творческими.



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



Надеюсь, вам понравились приемы создания современного дизайна. Удачи и до встречи!
 

Используемые материалы:

Водные брызги
Голова мужчины
Брызги краски
Лепестки тюльпана
Кисти звезд
Кисти «Гранж»
Сферы
Воздушные шары
Олень
Текстура краски
Модель
Пламя