Как сделать полигональный портрет в фотошопе
Полигональный портрет или low poly — популярный арт-прием при обработке фотографий.
Сочетание Photoshop и Illustrator даст вам наиболее четкий и быстрый результат.
Если у вас нет Иллюстратора, вполне можно использовать Inkscape или Xara.
На самом деле, когда вы поймете принцип, вы сможете использовать любой инструмент.
Но автоматика вам не помощник. Ни один скрипт не даст и половины хорошего результата.
Ваш мозг, глаза и руки — вот самое главное.
Как сделать полигональный портрет в Фотошопе
Для тех, кто не ищет легкий путей — читайте дальше!
Техническая сторона рисования полигонального портрета крайне проста и реальным вызовом
для вашего терпения станет разве что монотонность работы ))
01. Выберите правильный образ.
Стоит выбрать высококачественное фото. Лучше всего подойдет портрет с яркими
выразительными деталями. Вам нужно будет зумиться, так что выберите фото с высоким разрешением.
02. Подтяните цвета и контраст.
Забросьте фото в Фотошоп, добавьте цвета и контраста. Вам нужно подобрать достаточно высокий
уровень контраста, чтобы потом проще было подбирать цвет полигонов. Однако не переборщите с
цветностью и контрастом. Не более, чем на 30%!
03. Уменьшите качество.
Если ваше фото слишком большое, уменьшите разрешение. 1000px по длинной стороне вполне
достаточно. Это поможет вам в дальнейшем подбирать цвета. Меньше пикселей — проще найти цвет.
04. Не забывайте работать на разных слоях.
05. Делаем цветной фон.
Полигональный портрет требует много внимания к деталям. Поэтому имеет смысл сделать чистый фон с
минимальным градиентом. Лучше всего конечно подойдет цвет на базе фона картинки. Тон кожи будет
смотреться более выигрышно.
06. Пробуем линию.
Линия яркого желтого цвета будет смотреться заметно на большинстве фонов. Толщина линии —
примерно 0,5 пунктов. В Фотошопе можно использовать Полигональное Лассо.
07. Начинаем с малого.
Самый простой способ — начать с глаз. Увеличьте фото по максимуму и обведите линией.
Излишняя аккуратность вам здесь не понадобится. Просто обведите форму. Обведите части глаза
и соедините всё вместе. В итоге у вас должна получиться единая сетка.
08. Обведите другие части лица.
Отдельно нос, второй глаз. Пользуйтесь зумом для ускорения навигации по фотографии.
09. Забудьте о незаконченных линиях.
Во время обводки у вас появится множество несостыкованных линий. Бросьте их на пока.
Доведение каждой линии наглухо отвлечет вас от основной задачи.
10. Разделите волосы.
При обрисовке большинства портретов, разделение волос превращается в особое упражнение.
Попробуйте разделить волосы на отдельные крупные локоны. Они не должны выглядеть идеально.
Просто поймайте направление локона и место его пересечения с другими.
11. Продолжаем.
Да, это довольно кропотливая работенка ) Поэтому когда закончите всё обводить — передохните!
Следующая часть ещё тяжелее.
12. Соединяем линии.
Вот теперь возвращаемся к нашим незакрытым линиям. Все их нужно соединить, чтобы цвет
не вылез наружу.
13. Полигонизируем!
Самая веселая часть полигонального портрета — собственно создание полигонов. Начиная снова
с маленьких объектов, начинает отрисовывать треугольники.
14. Баланс полигонов.
Используйте разные размеры полигонов. Маленькие для небольших объектов типа глаз. И побольше
для крупных частей. Но соблюдайте баланс. Разный размер полигонов придаст работе больше
выразительности.
15. Конвертируем в Live Paint.
Поздравляю! Вы сделали всю сетку. Самая трудная часть позади. Теперь всё выделите кроме фона и
нажмите Object > Live Paint > Make. Теперь можно покрасить сетку заливкой цветом.
16. Раскрашиваем.
Увеличьте глаз фотографии и выберите цвет с помощью пипетки. Залейте треугольник цветом.
И постарайтесь не попасть банкой в линию! И изучите хоткеи, если ещё не сделали этого.
17. Убираем сетку.
После того, как завершите процесс раскраски, переведите положение цвета обводки (stroke) в
положение None. Теперь проверьте всю картинку и поищите полигоны, которые забыли раскрасить.
18. Добавьте от себя по вкусу!
Вот и всё! Теперь у вас есть офигенный полигональный портрет. Теперь вы можете его немного
кастомизировать. Придайте ему индивидуальности — отколите пару полигонов, примените другие эффекты.
Полигональная графика – это особый вид графики, которая создается при помощи плоских многоугольников. Многоугольники задаются набором точек, состоят из ломаных линий и называются полигонами. Самый простой вариант – это треугольный полигон. С его помощью чаще всего рисуют полигональные портреты в различных программах. Создание изображения из треугольников называют триангуляцией.
Программы для триангуляции изображений
Подобная технология появилась давно и использовалась при создании первых видеоигр с эффектом 3D. Но сейчас полигональная графика переживает второе рождение и вновь становится популярной у дизайнеров и фотографов. Чаще всего полигоны используются при обработке фотографий. Но так как процесс триангуляции достаточно трудоемкий, были созданы специальные программы для полигональных портретов, ускоряющие обработку изображений. Чаще всего дизайнеры используют для этого два продукта компании Adobe – "Фотошоп" и "Иллюстратор".
Использование полигонов в "Фотошопе"
Рассмотрим один из самых быстрых способов создания полигонального портрета в "Фотошопе" - без использования специальных плагинов. Для начала нужно подготовить фото и обработать его специальными инструментами:
- Открываем программу и создаем новый файл формата А4 с разрешением в 300 пикселей.
- Перетягиваем фотографию и масштабируем ее до размера нового файла, удерживая клавишу Shift, чтобы не исказить пропорции.
- Выбрав на панели инструмент «Прямолинейное лассо», выделяем лицо человека по контуру. Не нужно стремиться сделать все идеально с первого раза, так как на последующих этапах мы будем поправлять контур.
- Используя сочетание клавиш Ctrl+J, дублируем контур на новый слой, а затем отключаем видимость у нижнего.
- Если освещение на фотографии не слишком качественное, для придания изображению объемности увеличиваем контраст, используя инструмент «Кривые».
- Дорисовываем цвета и тени. Сначала копируем слой и отключаем видимость нижнего, а затем выбираем на панели инструмент для осветления, выбираем в окне с диапазоном «Светлые тона» и выставляем значение экспозиции – 10%.
- Настраиваем кисть и обрабатываем лицо модели. Стараемся не проводить инструментом по одному и тому же месту несколько раз – это может вызвать слишком сильное осветление.
- При помощи инструмента «Затемнение» рисуем тени. В настройках выставляем диапазон «Тень», а экспозицию – 10%.
- Корректируем недостатки освещения при помощи инструмента «Штамп».
- Создаем еще одну копию слоя и добавляем цвет при помощи инструмента «Кисть». Выставляем непрозрачность 15% и добавляем несколько желтых пятен со стороны источника света, а синих – со стороны тени.
- Меняем режим наложения слоев на «Мягкий свет» и наносим еще немного цветовых пятен точечно, чтобы придать изображению больше объема.
- Зажимаем клавишу Alt и кликаем на разделительную линию между слоями, чтобы создать обтравочную маску для слоя с цветом.
- Выделяем три слоя, куда добавляли цвет и освещение, и, используя комбинацию клавиш Ctrl+Alt+E, клонируем их содержимое на один слой.
- Выключаем видимость нижних слоев. На всякий случай можно сделать копию слоя, перетащив его вниз с нажатой клавишей Alt.
Как правильно настроить сетку
Теперь приступаем непосредственно к созданию полигонального портрета в «Фотошопе». Сначала настраиваем сетку. Включаем ее видимость при помощи сочетания клавиш Ctrl+H. Выбираем в меню пункт «Редактирование», затем – «Установки» и «Направляющие». В появившемся окне с настройками выбираем стиль сетки – «Точки», расстояние между ними – 10 пикселей, меняем цвет на светло-серый. Теперь включаем привязку к сетке: идем во меню «Просмотр», затем – «Привязка к…» и выбираем пункт «Линии сетки». Теперь при использовании «Прямолинейного лассо» курсор сам будет «прилипать» к сетке, что облегчает создание полигонов.
Создание портрета из полигонов
Начинаем рисовать полигоны – ставим точку, затем еще одну и замыкаем контур, дважды кликнув по третьей точке. Мы создали треугольник. Идем во вкладку «Фильтр», выбираем пункт «Размытие» и ставим значение «Среднее». Теперь для создания полигонального портрета можно использовать специальную комбинацию клавиш, которая применяет последний используемый фильтр – Ctrl+F. Продолжаем обрабатывать все изображение тем же способом, создавая треугольники различных размеров. Стараемся создавать полигоны по форме, повторяя естественные изгибы. Затем поправляем контур и убираем ненужные детали нашего полигонального портрета, выделяя его прямолинейным лассо, и нажимаем Ctrl+Shift+Alt для инверсии обводки. Остается лишь нажать клавишу Del, чтобы удалить лишние детали.
Полигональный портрет в «Иллюстраторе»
«Иллюстратор» и «Фотошоп» созданы для различных целей, потому процесс обработки изображений в них отличается. В начале работы в обоих случаях создаем новый документ и на него перетягиваем изображение. Затем в «Иллюстраторе» нужно заблокировать слой с фотографией, чтобы она не смещалась. Рисовать полигоны будем при помощи инструмента «Отрезок линии». Толщину контура можно изменить, достаточно будет 4 пикселей. Вначале обводим контур объекта, а затем начинаем выделять области с бликами и тенями. Начинать рисовать можно с многоугольников – затем их легко будет разбить на треугольники, соединив вершины линиями. Таким образом создаем сетку из полигонов по всему изображению.
Центрирование перекрестных точек
Важно, чтобы линии сходились в одной точке, а все многоугольники были поделены на треугольники. Для облегчения работы запишем все дальнейшие действия. Выбираем в меню «Окно» пункт «Операция», создаем новую операцию и нажимаем пункт «Записать».
На следующем этапе центруем точки:
- При помощи инструмента «Частичное выделение» выбираем какой-либо перекресток из линий.
- В параметрах выравнивания выбираем «Выровнять по выделенной области».
- Нажимаем на панели кнопки «Горизонтальное выравнивание» и «Вертикальное выравнивание».
Эту операцию нужно повторить на всех местах с ошибками в построении. Для поиска ошибок нажимаем комбинацию клавиш Ctrl+Y и, ориентируясь по сетке, ищем проблемные места. Затем выделяем все изображение и идем в меню «Обработка контуров» и нажимаем пункт «Разделение». Снова заливаем контур, меняя его толщину на 2 пикселя. Последний этап – заливка контура. Для этого используем горячую клавишу для инструмента выделения – Y и букву I для инструмента «Пипетка». И, чередуя эти инструменты, заполняем треугольники цветом. Теперь полигональный портрет готов.
В этом уроке вы узнаете, как построить изображение при помощи обводки фотографии и создания геометрических форм.
Сложность урока: Сложный
Работа цифрового художника Mart Biemans под названием "Feel it" сочетает неоновую цветовую палитру с динамическими треугольниками и другими формами, создавая притягивающий взгляд эффект.
В этом уроке Mart расскажет про техники, которые он использовал при создании этой работы для онлайнового художественного коллектива slashTHREE. Вы узнаете, как построить изображение при помощи обводки фотографии и создания геометрических форм, а затем подберете цветовую схему и примените эффекты освещения.
Эти техники можно адаптировать для множества различных стилей - после завершения урока повторите его, и вы увидите, насколько далеко можно зайти.
Шаг 1
Первый шаг для создания стиля работы - выбрать подходящее фото.
Разместите фотографию в новом портретном Photoshop - документе размером А3. Убедитесь, что вокруг полей есть достаточно свободного места для эффектов.
Шаг 2
Создайте новый слой под фотографией, заполните его приглушенным цветом. Это будет фон нашей работы. Добавьте еще один слой над фото и небрежно обведите контур модели при помощи инструмента Перо (Pen Tool), заполнив его более темным цветом. Скройте этот слой.
Создайте третий слой над всеми остальными и обведите тени, заполнив их еще темнее. Не нужно оставлять много деталей.
Шаг 3
Включите слой с обводкой, затем повторите предыдущий шаг, используя различные цвета и режимы наложения, чтобы осветлить работу. Снова не стоит усердствовать с детализацией. Убедитесь, что осветлили зоны, на которых есть блики в оригинальной фотографии. Также не забудьте затемнить участки без освещения.
Шаг 4
На новом слое нарисуйте прямоугольник с ярким градиентом. Дублируйте его несколько раз, измените размер и заполните разными цветами.
Создайте различные вариации, используя Редактирование > Трансформирование > Деформация (Edit > Transform > Warp). Дайте себе волю, создав несколько абстрактных форм. Теперь поместите фигуры в местах бликов и измените режим наложения на Экран (Screen).
Шаг 5
Некоторые зоны (такие как руки) нужно визуально отделить. Для этого мы используем Карандаш (Pencil Tool). Установите размер около 19 px, если используете графический планшет, убедитесь, что галочка Симулировать нажим (Simulate pressure) установлена. Нарисуйте черные линии в темных местах и белые в светлых.
Шаг 6
На этом этапе я был недоволен цветовой схемой, поэтому добавил корректирующий слой Карта градиента (Gradient Map) красно-зеленого цвета. Если вы хотите повторить этот шаг, установите режим наложения на Замена светлым (Lighten) с Непрозрачностью (Opacity) 100%.
Шаг 7
Рисунок все еще немного плоский. Чтобы придать ему глубины, создайте новый слой, установите для него режим наложения Экран (Screen). Используйте большую круглую мягкую кисть светло-синего цвета, закрасив зоны, которые нужно осветлить.
Создайте другой слой, установите режим наложения Мягкий свет (Soft Light), Непрозрачность (Opacity) 58%. Черной кистью закрасьте зоны, в которых необходимо усилить тени.
Шаг 8
Теперь добавим "разбитый" эффект при помощи инструмента Прямолинейное лассо (Polygonal Lasso Tool). Выделите маленькие участки изображения, нажмите Ctrl + Shift + C, чтобы скопировать объединенную версию всех слоев, а затем вставьте всё это на новый слой. Переместите получившиеся кусочки и повторите шаг, сколько захотите.
Шаг 9
Завершите работу, отрегулировав цвета и добавив несколько штрихов Карандашом (Pencil Tool), сделав общий вид грубее. Похожего эффекта легко добиться, если перейти в меню Фильтр > Стилизация > Выделение краев (Filter > Stylize > Find Edges), но результат может получиться некачественным. К счастью, с нашим изображением фильтр работает хорошо, так как здесь только набор теней и цветов, которые фильтр может легко обвести.
В этом уроке вы узнаете, как с помощью инструмента выделения и фильтра, создать изображение с стиле Low Poly.
Сложность урока: Средний
Полигональное рисование (оно же Low Poly) стало очень популярным благодаря своему минимальному, но трехмерному виду. К счастью для нас, техника достижения этого эффекта в Photoshop проста (хотя на это требуется некоторое время, поскольку все треугольники на конечном изображении должны быть сделаны вручную).
Это очень простой, но повторяющийся процесс, который занимает очень много времени. Но результат стоит того. Вы можете использовать любое изображение, которое хотите.
Шаг 1
Открываем изображение для преобразования в Low Poly.
Шаг 2
Выбираем инструмент Polygonal Lasso Tool (Прямолинейное лассо) (L) и создаем выделение вокруг объекта.
Шаг 3
При активном выделении идем в меню Edit – Copy (Редактирование – Копировать) и затем Select – Deselect (Выделение – Отменить выделение).
Шаг 4
Шаг 5
Идем в меню Edit – Paste Special – Paste in Place (Редактирование – Специальная вставка – Вставить вместо).
Шаг 6
Переименовываем слой в Polygon (Полигональный).
Шаг 7
Выбираем инструмент Polygonal Lasso Tool (Прямолинейное лассо) (L) и создаем треугольное выделение в интересующей вас области, старайтесь выбрать область аналогичного цвета. Хорошей идеей будет начать с тех частей, где необходимы меньшие треугольники, чтобы получить больше деталей, а затем перейти к более крупным областям.
Шаг 8
При активном выделении идем в меню Filter – Blur – Average (Фильтр – Размытие – Среднее).
Шаг 9
Выбранным инструментом Polygonal Lasso Tool (Прямолинейное лассо) (L), создаем еще одно треугольное выделение, рядом с только что сделанным. Старайтесь начинать следующее выделение с тех же вершин, что и предыдущее.
Шаг 10
Теперь просто нажимаем Ctrl+Alt+F, чтобы применить снова тот же фильтр размытия к новой области.
Шаг 11
Повторяем этот же процесс (выделение + размытие) на всем изображении. Периодически сохраняем файл.
Шаг 12
Попробуйте сделать треугольники разных размеров, чтобы конечный результат выглядел интереснее.
Шаг 13
Как только вы закончите, и когда наша Low Poly графика будет находится на своем собственном слое, вы можете перемещать его, масштабировать, добавлять фоновое освещение, корректирующие слои, изменять цвет фона или просто использовать его как есть.
Секрет создания таких портретов кроется в хорошем референсе.
Вам не нужно быть мастером фотошопа или иллюстратора, чтобы продуктивно воспользоваться этим уроком, все, что вам нужно — это внимательность и терпение.
1. Для начала вам понадобится хороший фото-референс. Автор этого урока, например, решил создать свой автопортрет. Здесь важно отметить необходимость работы с перспективой, чтобы показать всю глубину фотографии, а также хорошее расположение света и тени. Стоит снабдить модель какими-нибудь аксессуарами с острыми углами, чтобы подчеркнуть мягкость кожи и одежды (например, очки, украшения или накрахмаленный воротничок).
Из полученных референсов вам нужно выбрать самые удачные фрагменты и из них собрать фотографию, которая будет вашим основным референсом. Как вы видите на картинке, автор взял лицо с одной фотографии, очки с другой, и несколько деталей с других снимков. Будьте придирчивы на этом этапе, поверьте, это того стоит.
Вырежьте понравившиеся фрагменты, создайте новый документ в Photoshop с черным фоном, и разместите каждый фрагмент на отдельном слое.
2. Теперь вам нужно скомбинировать их, чтобы добиться идеального референса. Сотрите ненужное и соберите все остальное вместе, используя режимы смешивания и маски.
Вам не нужно слишком внимательно придерживаться реальности фотографий. Например, автору не нравилось, как смотрятся очки на его ухе, поэтому он их просто немножко удлинил. Он также изменил те части волос, которые казались ему непривлекательными.
3. Теперь, когда вы получили необходимый референс, добавьте контраст, цветовой баланс и отрегулируйте уровни, чтобы получить более динамичное изображение.
Не стоит говорить об этом, но здесь все же стоит воспользоваться Автоконтрастом, Автотоном и Автоматической цветовой коррекцией, чтобы сэкономить время (если только вы не безапелляционный сторонник ручной настройки).
4. Автору хотелось, чтобы цвета его конечной работы были теплее, чем референс. Для этого он добавил фиолетовый слой с Режимом наложения «Экран».
5. И вот мы подошли к созданию треугольной сетки — эта часть отнимает больше всего времени. Нет никаких секретов — вам просто нужно сделать это вручную. Почему? Потому что ваше серое вещество понимает контуры лица гораздо лучше, чем любой скрипт или программа.
Хотя есть и кое-какие подсказки. На маленьких частях лица нужно рисовать маленькие треугольнички. Никогда не рисуйте четырехугольники — они здесь просто не к месту. Только треугольники. Вам будет проще, если нос человека на фото прямой, как у автора. Кругленькие носики рисовать гораздо тяжелее.
Создавайте свою сетку на пустом слое над референсом. Используйте светлый и контрастный цвет, например, зеленый или голубой, потому что таких цветов на чистом лице не бывает (только если у вас нет татуировки богомола или латиноамериканского макияжа).
6. Если вы уже дошли до этого шага, похлопайте себя по плечу: вы — молодец и проделали уже много тяжелой работы (но не всю).
Когда вы довели все до совершенства, поменяйте цвет сетки на белый, чтобы она контрастировала с черным фоном и сохраните в формате jpg.
7. Поместите свою сетку на рабочую поверхность и закрепите ее. Теперь нужно создать векторную сетку из треугольников. Воспользуйтесь инструментов Перо и контрастным цветом (розовеньким, например).
Опять-таки это займет много времени, поэтому включите приятную музыку, сделайте вкусный кофе и приступайте к этому долгому процессу.
Если вы хотите ускорить дело, то воспользуйтесь следующим советом: не обводите каждый треугольник, просто используйте Перо, чтобы отметить три точки. Это может показаться глупым, но когда вам нужно отрисовать несколько сотен треугольников — этот совет оказывается действительно полезным.
8. Вам, в общем-то, не нужно стараться идеально ровно совместить треугольники. В следующих шагах вы узнаете почему.
9. Вы хорошо потрудились, передохните. Не забывайте сохраняться.
10. Теперь о том, как расставить все точки на правильные места. Это простая процедура, но ее придется повторить столько раз, сколько у вам треугольников на портрете. С помощью инструмента Частичное Выделение, выберите каждый группу точек, которые должны стоять вместе.
11. Откройте панель «Выравнивание» и выберите Горизонтальное выравнивание относительно центра.
12. Затем нажмите на Вертикальное выравнивание относительно центра и все точки окажутся на своих местах. Юху!
13. Если нужно, передвиньте точки, чтобы скорректировать их расположение. Затем повторите шаги 10-12 для всех линий.
14. Спрячьте сетку, созданную в Photoshop. Снова проверьте, не забыли ли вы треугольники.
Если все в порядке, переходите к следующему шагу.
15. Поместите ваш референс на слой под векторной сеткой и постарайтесь аккуратно их совместить. Таким образом, вы не ошибетесь в дальнейшем выборе цвета, и портрет получится качественным. Закрепите слой с референсом.
16. И, наконец, самое веселое — начинаем добавлять цвет. Выберите треугольники по порядку, затем с помощью Пипетки определите цвет в середине каждого треугольника и залейте им, собственно, сами треугольники.
Продолжайте в том же духе до получения полигонального портрета! Успехов:)
Читайте также: