Как добавить эффект мозаики к фотографии

Из данной статьи вы узнаете, как добавить эффект мозаики к любой фотографии. Для достижения этого эффекта мы воспользуемся выделением и масками слоя.

Вот такое изображение мы создадим в итоге:

Как добавить эффект мозаики к фотографии

Ход выполнения

Программа: Adobe Illustrator CS3

Ресурсы:

  • Изображение девушки

Шаг 1

Откройте фотографию, к которой вы хотели бы применить эффект мозаики. Лучше всего для этого подходят портреты, но вы можете попробовать применить данный эффект к любой фотографии, к какой захотите. Дайте название данному слою. В моем случае, я назвал его «Girl»:

Как добавить эффект мозаики к фотографии

Шаг 2

Теперь мы создадим белую сетку. Сначала создайте новый слой. Далее выберете инструмент «Область(вертикальная строка)»(Single Column Marquee) и кликнете один раз в любом месте фотографии. Вы увидите вертикальное выделение шириной в 1 пиксель:

Как добавить эффект мозаики к фотографии

Шаг 3

Нажмите клавишу D, чтобы задать для фона и переднего плана цвета по умолчанию(черный и белый). При помощи инструмента «Заливка» заполните выделенную область белым цветом. Чтобы снять выделение, нажмите Ctrl + D:

Как добавить эффект мозаики к фотографии

Шаг 4

Давайте продублируем эту белую вертикальную линию пару раз. Сначала нажмите Ctrl + J, чтобы создать копию слоя с линией, далее нажмите Ctrl + T, чтобы перейти в режим «Свободное трансформирование»(Free Transform). Зажмите клавишу Shift и нажмите правую стрелку 16 раз, чтобы сдвинуть линию на 160 пикселей вправо, и далее нажмите Enter:

Как добавить эффект мозаики к фотографии

Шаг 5

Сейчас нажмите сочетание клавиш Ctrl + Shift + Alt + T десять раз, чтобы повторить команду трансформирования и дублирования. Вот так должна выглядеть палитра слоев на этом шаге:

Как добавить эффект мозаики к фотографии

Шаг 6

Выделите все слои, созданные на шаге 4 и 5(все вертикальные белые линии) и нажмите Ctrl + E, чтобы объединить их вместе. Вы можете выбрать пару слоев, удерживая клавишу Ctrl и нажимая на каждый слой. Назовите слой, полученный в результате объединения, «Merged Vertical Lines»(«Объединенные вертикальные линии»):

Как добавить эффект мозаики к фотографии

Шаг 7

Создайте копию слоя «Merged Vertical Lines», нажав Ctrl + J. Нажмите Ctrl + T, чтобы снова войти в режим «Свободное трансформирование» и поверните копию слоя на 90 градусов. Назовите новый слой «Merged Horizontal Lines»(«Объединенные горизонтальные линии»):

Как добавить эффект мозаики к фотографии

Шаг 8

На следующем шаге выделите слои «Merged Vertical Lines» и «Merged Horizontal Lines», удерживая клавишу Ctrl и нажав на каждый слой. Далее снова нажмите сочетание клавиш Ctrl + E, чтобы объединить данные два слоя в один. Назовите полученный слой «grid»(«Сетка»):

Как добавить эффект мозаики к фотографии

Шаг 9

Сетка, которую мы создали, слишком тонкая. Давайте сделаем ее толще. Дважды щелкните на слое «grid», чтобы открыть окно «Настройки наложения»(Blending Options). Установите флажок напротив стиля слоя «Обводка»(Stroke) и задайте белую обводку шириной в 5 пикселей, как показано на рисунке ниже:

Как добавить эффект мозаики к фотографии

Шаг 10

Мы почти закончили работу по созданию сетки. Осталась ещё одна вещь, которую необходимо сделать — растрировать эффект обводки(растрирование трансформирует эффект обводки в реальные пиксели). Нажмите правой кнопкой на слое «grid» и из контекстного меню выберете опцию «Растрировать стиль слоя»(Rasterize Layer Style). Внешне на изображении ничего не изменится, но вы увидите, что под именем слоя исчезнет эффект слоя:

Как добавить эффект мозаики к фотографии

Шаг 11

Теперь я покажу вам, как выделить отдельное поле ввода в сетке. Выберете инструмент «Волшебная палочка»( Magic Wand — клавиша W) и кликните один раз где-нибудь внутри поля ввода сетки(но перед данным убедитесь, что слой сетки активен). Сейчас, когда вы знаете, как выделить ячейку, нажмите Ctrl + D, чтобы снять выделение — мы воспользуемся данным на следующих шагах:

Как добавить эффект мозаики к фотографии

Шаг 12

Добавьте маску для слоя «Girl». Мы воспользуемся данной маской, чтобы скрыть определенные части лица при помощи созданной нами сетки. Если маска слоя черная, то слой будет в полном объеме скрыт, а если белая — то в полном объеме видим. Закрашивая маску черным цветом, мы скрываем те области слоя, которые закрасили. Для того чтобы добавить маску слоя, перейдите в Слои > Слой-маска > Показать все(Layer > Layer Mask > Reveal All):

Как добавить эффект мозаики к фотографии

Шаг 13

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

Как только вы сделали это, выберете инструмент «Прямоугольная область»(Rectangular Marquee) и зажмите клавишу Shift, чтобы добавить линии сетки, которые останутся после выделения ячеек:

Как добавить эффект мозаики к фотографии
Как добавить эффект мозаики к фотографии
Как добавить эффект мозаики к фотографии

Шаг 14

Снова нажмите D, чтобы установить цвета по умолчанию и нажмите один раз на маске слоя «Girl», чтобы выделить ее. Нажмите Ctrl + Shift + I , чтобы инвертировать выделение. Далее заполните выделение черным цветом. Вы должны приобрести результат, подобный приведенному ниже:

Как добавить эффект мозаики к фотографии

Шаг 15

Создайте новый слой. Заполните его белым цветом (нажмите D , чтобы установить цвета по умолчанию, и Ctrl + Backspace , чтобы заполнить слой цветом фона). Поместите этот слой ниже слоя с девушкой. Поскольку оба слоя белого цвета, то мы можем достичь эффекта, показанного ниже:

Как добавить эффект мозаики к фотографии

Шаг 16

Сейчас пришло время раскрасить мозаику. Создайте корректирующий слой «Цветовой тон/Насыщенность» (Слой > Новый корректирующий слой > Цветовой тон/Насыщенность — Layer > New Adjustment Layer > Hue/Saturation) и переместите ползунок цветового тона на значение -19, чтобы окрасить изображение в красный цвет (можно без проблем использовать другой цвет в зависимости от фотографии, которую вы обрабатываете). Назовите этот слой по тону, в который он окрашивает фотографию (в моем случае «Красный» или «red»):

Как добавить эффект мозаики к фотографии

Шаг 17

Нажмите один раз на маске слоя «red», чтобы выбрать ее. Нажмите D , чтобы снова установить цвета по умолчанию. Далее заполните маску черным цветом. Красный эффект больше не будет виден:

Как добавить эффект мозаики к фотографии

Шаг 18

Кликните по слою с сеткой, чтобы выделить его. Снова возьмите инструмент «Волшебная палочка» ( Magic Wand — клавиша W ) и кликайте по тем ячейкам сетки, для которых хотели бы применить тонирование. Зажимайте при этом клавишу Shift , чтобы добавлять выделение к существующему. Далее кликнете по маске слоя «red» и заполните выделение белым цветом. Это проявит эффект тонирования на ячейках сетки. Нажмите Ctrl + D , чтобы убрать выделение:

Как добавить эффект мозаики к фотографии

Шаг 19

Повторите шаги с 16 по 18 ещё пару раз для различных цветов (создайте корректирующий слой «Цветовой тон/Насыщенность» и переместите ползунок цветового тона на выбранный цвет; заполните слой-маску черным цветом; нажмите на слой с сеткой, чтобы сделать его активным, и при помощи инструмента «Волшебная палочка» выберете ячейку сетки, которую планируете окрасить; вернитесь обратно к корректирующему слою «Цветовой тон/Насыщенность», чтобы заполнить выделение белым цветом и проявить эффект тонирования):

Как добавить эффект мозаики к фотографии

Шаг 20

Создайте корректирующий слой «Карта градиента» (Gradient Map). Для этого перейдите в меню Слой > Новый корректирующий слой > Карта градиента (Layer > New Adjustment Layer > Gradient Map). Выберете из стандартного набора градиент «Фиолетовый, Оранжевый». Измените режим наложения слоя на «Мягкий свет» (Soft Light) и снизьте непрозрачность до 87%:

Как добавить эффект мозаики к фотографии

Готово!

Как добавить эффект мозаики к фотографии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *