Превращаем фото в рисунок из цветных точек

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

Для удобства мы преобразуем фотографию в смарт-объект, это облегчит внесение необходимых изменений в фильтр. Я буду работать в Adobe Photoshop CS6, но вы можете использовать Фотошоп версии CC, CS5 и более ранние.

А это фото, которое я буду превращать в рисунок из цветных точек:

Конечный результат.

Откройте выбранное изображение в Фотошоп.

Давайте начнем с преобразования фонового слоя в смарт-объект. Для этого перейдите в меню Filter (Фильтр) и выберите Convert for Smart Filters (Преобразовать для смарт-фильтров). В результате все эффекты будут применяться, не изменияя исходное изображение.

Открылось окно, в котором говориться о том, что Фотошоп собирается преобразовать слой в смарт-объект. Нажмите OK.

C фотографией никаких изменений не произошло. Но если вы посмотрите на панель слоев, то увидите небольшой значок в правом углу миниатюрки слоя. Он говорит о том, что слой преобразован в смарт-объект. Так же обратите внимание, что Фотошоп переименовал слой из фонового в Слой 0.

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

Из списка выберите Solid Color (Цвет).

В открывшейся палитре цветов выберите черный цвет и нажмите OK.

Корректирующий слой автоматически расположится выше слоя с фото. Переместите его ниже изображения.

Передвинув слой, на рабочей области снова появилось изображение.

Сделайте активным Слой 0.

Для достижения нашего эффекта, нам необходимо в первую очередь превратить изображение во множество цветных квадратиков. Сделаем мы это при помощи фильтра Фотошоп Mosaic (Мозаика). Для этого перейдите во вкладку Filter > Pixelate (Фильтр - Оформление).

В результате открылось диалоговое окно. Поиграйте со значением Cell Size (Размер ячейки) и подгоните под свое изображение. Перемещайте ползунок влево, а затем вправо, чтобы увеличить или уменьшить размер ячеек. Большое значение образует большие квадратики, при уменьшении значения квадратики уменьшаются. В дальнейшем эти квадратики мы будем превращать в цветные точки, поэтому сразу определитесь с их размером. В моем случае я установил значение 60 квадратов.

Нажмите OK и вы увидите результат.

Обратите внимание на панель слоев, фильтр применился к изображению, как смарт-фильтр и расположен непосредственно под изображением. Если вы желаете изменить значение для Cell Site (Размер ячеек), то дважды кликните по смарт-фильтру, чтобы вновь открыть диалоговое окно и внести изменения.

Сейчас в отдельном документе мы создадим растровый кружок для дальнейшего узора. Создайте новый документ (Файл - Создать).

В диалоговом окне для ширины и высоты создаваемого документа введите значение равное размеру квадратика, которое вы установите в фильтре Мозаика, то есть 60 пикселей. Содержимое фона – белый цвет.

Документ получился довольно малого размера, поэтому зажмите клавишу Z и, кликая по квадратику, увеличьте его размер, я увеличил до 500%.

Чтобы нарисовать круг мы воспользуемся инструментом Elliptical Marquee Tool (M) (Овальная область). Он находится во вкладке инструмента Rectangular Marquee Tool (M) (Прямоугольное выделение).

Выбранным инструментом кликните в верхнем левом углу и переместитесь по диагонали в правый нижний угол, при его создании зажмите клавишу Shift. После того, как вы создали круг, отпустите сначала кнопку мыши, а затем Shift. У вас должно получиться идеально круглое выделение.

Перейдите в меню Edit > Fill (Редактирование – Выполнить заливку).

В диалоговом окне для параметра Use (Использовать) установите черный цвет и нажмите OK.

Круг заполнится черным цветом. Снимите выделение Ctrl + D.

На данный момент круг черный, а область вокруг него белая, но нам необходимо инвертировать цвета, чтобы было наоборот. Для этого зайдите в меню Image > Adjustments > Invert (Изображение – Коррекция – Инверсия) или нажмите Ctrl + I.

Как вы видите цвета изменились.

Теперь этот кружок мы превратим в узор. Перейдите во вкладку Edit > Define Pattern (Редактирование – Определить узор).

Давайте присвоим имя новому узору, я назвал Circle 60x60 px. Нажмите OK.

Документ с кругом нам больше не нужен, поэтому можете его закрыть. Перейдите в меню File > Close (Файл - Закрыть) или Ctrl + W.

Возвращаемся к нашему документу, выберите Слой 0 и добавьте к нему маску.

Никаких изменений на изображении не произошло, а на панели слоев справа от миниатюрки слоя появилась миниатюрка маски. Выберите непосредственно миниатюрку маски.

Теперь зайдите в меню Edit > Fill (Редактирование – Выполнить заливку). В диалоговом окне для параметра Use (Использовать) выберите Pattern (Узор) или (Регулярный), чуть ниже нажмите на миниатюрку узора, откроется палитра узоров.

Выберите только что созданный нами узор.

Нажмите OK, чтобы закрыть диалоговое окно. Квадратики превратятся в разноцветные кружочки (точки).

Я немного увеличил изображение, чтобы вы смогли лучше рассмотреть полученный результат. Каждый кружок окрасился в свой цвет, благодаря применению фильтра Мозаика. Вследствие того, что мы добавили корректирующий слой Цвет, все кружки разделяются черным цветом.

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

Для начала убедитесь, что у вас выбрана маска слоя, затем перейдите Редактирование – Выполнить заливку, в открывшемся окне для параметра Use (Использовать) выберите белый цвет и нажмите OK. Маска заполнится белым цветом и скроет все шаблоны кружков. Ниже Слоя 0 дважды кликните по фильтру Мозаика, откроется окно. Измените размер ячеек в большую или меньшую сторону при помощи ползунка и примените настройки, нажав OK.

Теперь вам придется повторить предыдущие действия и в новом документе создать узор с такими размерами, которые вы установили для фильтра Мозаика. Далее создайте шаблон и заполните маску слоя 0 (она уже создана) новым узором, напоминаю – это не обязательный шаг.

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

Перейдите на маску слоя 0, внизу панели слоев нажмите на значок fx для создания корректирующего слоя.

Из списка выберите Stroke (Обводка).

В открывшемся окне введите следующие значения:

Вот результат после применения стиля обводка:

Если вы хотите сравнить эффект до и после применения стиля, то просто нажмите на значок глаза слева от эффекта Обводка, чтобы отключить его.

Теперь увеличим насыщенность цветов для точек. Внизу панели слоев нажмите на значок Addnew fill or adjustment layer (Создать новый корректирующий слой или слой-заливку).

Выберите Hue/Saturation (Цветовой тон/Насыщенность).

Для насыщенности введите значение +20.

Цвет стал выглядеть богаче и интенсивнее.

И в заключении увеличим яркость за счет корректирующего слоя Levels (Уровни).

Для слоя Уровни режим наложения смените на Экран. Изображение получилось слишком ярким, поэтому необходимо снизить непрозрачность до 25%.

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

Ссылка на источник урока.