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

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

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

Содержание

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

Программа: 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%:

Готово!

Данная публикация представляет собой перевод статьи «How to Add a Grid Effect to Any Photo in Photoshop» , подготовленной дружной командой проекта Интернет-технологии.ру

Меню