ПОСЛЕДНИЕ ТЕМЫ

  • Нет сообщений для показа

Не так давно, мы показали как управляться со стилем Low Poly на примере оригами, абстракции и фракталов. Там мы показали основы работы с нужными инструментами и раскройкой. Сегодня мы рассмотрим пример прорисовки портрета в данном стиле в программе Adobe Photoshop. Аналогичную задачу можно решить с помощью иллюстратора, создав Векторную версию полигонального портрета такой методу. Но пока подружимся с Фотошопом.

1. Открываем Фотографию

 

Позировать сегодня нам будет Его Величество Джоффри, из Игры престолов. Надеюсь он будет не против.

 

При использовании данного стиля в Фотошопе мы получаем проблемку, так как изображения расстроен! «Проделывая деления на полигоны остается зазоры между ними».

 

 

Подсказка: при делении на полигоны, мы играемся с их формой и размером. Соответственно большие полигоны правильной формы создаем возле «щек и лба», но глаза например или зоны переходящих поверхностей делаем маленькими фигурами.

 

2. Делим портрет на зоны | Увеличиваем размер фото

Шаг 1

В общем сначала возьмем 23 Brush Tool / Кисть (B) и поделим наш портрет на зоны. Эти штрихи понадобятся нам, для разграничения размера полигонов. 

 

Шаг 2

Также в виду проблемы «зазоров в стыках» увеличим сначала изображения в два раза. После работы, мы вернем оригинальный размер. Для изменения размера изображения заходим в меню Image > Image Size / Изображение > Размер изображения (Ctrl+Alt+I).

 

3. Активируем сетку | Создадим контур

Шаг 1. Активация сетки

Чтобы показать или скрыть сетку, нужно перейти в меню View > Show > Grid / Просмотр > Показать > Сетка. Либо же нажать сочетание клавиш (Ctrl+').

 

 

Также проверьте, включена ли у вас привязке к сетке (если нет включите). Посмотреть включена или нет можно в меню View / Просмотр, должна стоять галочку «Привязка» и выберите привязку к сетке.

 

Шаг 2. Настройка сетки

Переходим в меню Edit > Preferences > Guide, Grid & Slices / Редактирование > Настройки > Направляющие, сетка и фрагменты...

 

 

В открывшемся окне в блоке сетка устанавливаем такие параметры:

  • Цвет: ставим по желанию, мы поставили в уроке (2f93b7)
  • Стиль: ставим пунктирная линия (— — — — — — —)
  • Линия через каждые: ставим 2 или 3 Пикселя и Внутреннее деление на 1

 

3. Создаем контуры полигонов

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

 

 

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

 

 

Если не попали в точки соединения, вам нужно активируем инструмент 42 Direct Selection Tool / Выделение узла (A) и править.

 

 

Переходы контуров в местах точек  могут быть прямолинейными и в форме дуги. Нас интересуют прямой контур, поэтому при рисовании зажимаем кнопку (Shift). Чтобы отменить замыкание контура нажмите (Ctrl+Z), чтобы удалить последнюю точку нажмите (Delete).

Главное рассказали начинаем деление.

 

 

Пример: мы столкнулись с тем, что не попали в точки соединения полигонов. Поэтому нам нужно исправить ситуацию.

Для этого мы можем использовать два способа:

  1. При использовании инструмента 38 Pen / Перо (P) зажимаем (Ctrl) и у нас выберется инструмент 42 Direct Selection Tool / Выделение узла пока не отпустим (Ctrl).
  2. или Выбрать в меню инструмент 42 Direct Selection Tool / Выделение узла (A)

 

 

Продолжаем делить портрет на полигоны, пока не сделаем одну часть портрета полностью.

 

 

После того как сделали часть портрета, нам нужно её скопировать и отразить на вторую часть портрета. Для этого мы выбираем инструмент 42 Path Selection Tool / Выделение контура (A) и с зажатой клавишей (Alt) переносим на вторую часть портрета.

Чтобы контуры полигонов отразить зеркально:

  • Нажимаем правую кнопку мышки и выбираем Free Transform Path / Свободное трансформирование контура

 

 

  • Ещё раз нажимаем правую кнопкой и выбираем Flip Horizontal / Отразить по горизонтали.

 

 

Если все проделали правильно, у вас получиться вот так:

 

 

Дальше нам нужно соединить контуры и настроить размер полигонов. Выбираем инструмент 42 Direct Selection Tool / Выделение узла (A) зажимаем левую кнопку мышки, выбираем пересечения контуров и просто тянем | соединяем их с нужними.

 

4. Создадим макрос | Размоем полигоны

Шаг 1

Заходим в меню Actions / Операции и нажимаем на иконку в виде папки «Создать новый набор» (Create New Set) в нижней части панели операций и назовите набор «Low Poly».

 

 

Выбираем инструмент 42 Path Selection Tool / Выделение контура (A) и кликаем в центр любого полигона.

 

 

Нажмите в блоке операций на кнопку «Создать новую операцию» (Create New Action) и назовите операцию «Размытие». Сразу присвоим функциональную клавишу (F2).

 

 

Теперь макрос включен и нам остаётся проделать нужные нам манипуляции. Первое что нам нужно сделать, это преобразовать контур полигона в Выделенную область.

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

 

 

Дальше размываем полигон, для этого переходим в меню Filter > Blur > Average / Фильтр > Размытие > Средний и отменяем выделение полигона.

 

 

Заходим обратно в блог контуры, выбираем наш «Рабочий контур» и завершаем запись операции.

 

Шаг 2

Макрос сделали, теперь можно взять инструмент 42 Path Selection Tool / Выделение контура (A), выбирать каждый полигон и нажимать (F2). Размойте все полигоны на портрете и продолжим.

 

5. Поменяем фон

Шаг 1. Удаление старого фона

Для удаления старого фона мы берем инструмент 42 Path Selection Tool / Выделение контура (A) и с зажатой левой кнопкой мыши выбираем все контуры портрета.

 

 

Нажимаем правую кнопку мышки и выбираем Выделить область. Жмем OK

 

 

Дальше берем инструмент 3 Marquee Tool / Прямоугольная область (M) нажимаем правую кнопку мышки, в открывшемся окне жмем Инверсия выделенной области и удаляем фон (Delete).

 

Шаг 2. Создадим градиентный фон

Для начало создадим новый слой и при помощи инструмента 34 Paint Bucket Tool / Заливка (G) зальем слой белым цветом.

 

 

Теперь нам нужно создать Радиальный градиент. Для этого нажимаем правой кнопкой мыши на слой, в открывшемся меню в самом верху найдете Blending Option / Параметры наложения... переходим в него.

 

 

В разделе Gradient Overlay / Наложение градиента ставим стиль Радиальный, а цвета ставим которые вам нужны

 

6. Решение проблемы «пробелы между полигонов»

Если приблизим портрет, заметим что у нас есть расстояние между полигонами. Мы их уберем, более того даже подчеркнем стиль low-poly.

 

 

Нам снова понадобиться Рабочий контур, выбираем его в блоке Контуры.

 

 

Нам нужно ещё подготовить инструмент 23 Brush Tool / Кисть (B), установите размер 1px, Жесткость и прозрачность на 100%.

 

 

Выбираем инструмент 38 Pen Tool / Перо (P) кликаем правой кнопкой мыши, в открывшемся меню, выбираем Обвести субконтур и устанавливаем на обводку Кистью

 

 

Получившуюся обводку мы смехчим при помощи эффекта Мягкого света и подуменьшим Opacity / Прозрачность до 60%

 

 

Вы ещё не забыли? "в начале урока мы увеличили размер портрета" теперь нам нужно его вернуть к первоначальному размеру.

 

 

На этом мы закончим урок, световые спецэффекты при помощи инструмента 23 Brush Tool / Кисть (B) и Цветокоррекцию вы сами индивидуально сможите сделать.

Результат

 


Обсуждаем урок и выкладываем свои работы

Комментарии (12)

Рейтинг 5 из 5 на основе 5 голосов
  1. Гость
  1. 5 / 5

Фотошопом никогда не пользовалась. и всегда думала что для его освоения требуется много времени-минимум полгода. следовала по инструкции и пыталась сделать что то подобное. не совсем получилось то что хотела. но результатом в целом довольна....

Фотошопом никогда не пользовалась. и всегда думала что для его освоения требуется много времени-минимум полгода. следовала по инструкции и пыталась сделать что то подобное. не совсем получилось то что хотела. но результатом в целом довольна. можно сказать первый шаг пройден. а вообще подобных сайтов по обучению раньше не видела. спасибо авторам)))

Подробнее
  Вложения
  Гость
  1. Гость

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

  Вложения
  Гость
  1. рита
  1. 5 / 5

я наконец то нашла этот урок! столько уроков пересмотрела. столько сайтов перерыла. а мне нужен был именно этот всем советую присмотреться к данной инструкции. многие забывают обратить внимание на нюансы. рассказывают только общее. здесь...

я наконец то нашла этот урок! столько уроков пересмотрела. столько сайтов перерыла. а мне нужен был именно этот всем советую присмотреться к данной инструкции. многие забывают обратить внимание на нюансы. рассказывают только общее. здесь даже чайник разберется спасибо

Подробнее
  Вложения
  Гость
  1. Аля Байдавлетова
  1. 5 / 5

на днях пробовала сделать все по инструкции - вышло не то что я планировала но суть мне стала ясна-это главное. есть вопросы конечно. например не поняла как правильно создать контуры полигонов. все остальное -смогла. а это нет а так...

на днях пробовала сделать все по инструкции - вышло не то что я планировала но суть мне стала ясна-это главное. есть вопросы конечно. например не поняла как правильно создать контуры полигонов. все остальное -смогла. а это нет а так инструкция конечно очень подробная. сколько терпения нужно было чтобы все изложить

Подробнее
  Вложения
  Гость
  1. Гость

Однозначно, сайт отличный, полезный, нужный! Авторы уроков и все кто причастен к этому, молодцы. Спасибо им большое.
А теперь по теме.
Признайтесь, Вам жалко денег!!? Если Вы ничего нового не узнали из курса, то можете потихоньку радоваться....

Однозначно, сайт отличный, полезный, нужный! Авторы уроков и все кто причастен к этому, молодцы. Спасибо им большое.
А теперь по теме.
Признайтесь, Вам жалко денег!!? Если Вы ничего нового не узнали из курса, то можете потихоньку радоваться. Ведь Вы уже чему то научились. А этот диск может стать хорошим подарком кому нибудь. То, что на диске уроки из бесплатной рассылке конечно не радует, особенно если они уже есть. Но товар стоит денег.

Подробнее
  Вложения
  Гость
  1. Гость

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

  Вложения
  Гость
  1. Гость

 Спасибо

  Вложения
  Последний раз редактировалось около 11 месяцев назад пользователем Administrator Administrator
  1. ирина якупова
  1. 5 / 5

огромное спасибо за этот урок мне для зачетной работы требовалось создать и обработать подобную иллюстрацию. девченки скинули ваш сайт - тут и научилась управилась за часа 2 наверное. сохранила для дальнейшей работы в закладках. еще раз спасибо

  Вложения
  Гость
  1. виктор с
  1. 5 / 5

я дистанционно работаю уже года 2. недавно поступил заказ-обработать кучу картинок в Фотошоп. а я с ним на вы и чтобы не потерять заказ перерыл весь интернет. следовал вашей инструкции-сдал заказ раньше срока-заказчик доволен. теперь боюсь...

я дистанционно работаю уже года 2. недавно поступил заказ-обработать кучу картинок в Фотошоп. а я с ним на вы и чтобы не потерять заказ перерыл весь интернет. следовал вашей инструкции-сдал заказ раньше срока-заказчик доволен. теперь боюсь придется полностью с вами изучить все от и до респект

Подробнее
  Вложения
  Гость
  1. артем прохоров
  1. 5 / 5

все сделал как говорили - не получилось с первого раза-бросил. запутался потом вернулся к началу и увидел ошибку при наложении градиента оказывается со второго раза наконец то получилось. горжусь результатом. жаль загрузить показать не могу....

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

Подробнее
  Вложения
  Гость
Здесь ещё нет оставленных комментариев.
Подробнее

Оставьте Ваш комментарий

Добавление комментария от гостя. Зарегистрируйтесь или войдите в свой аккаунт.
Вложения (0 / 3)
Поделитесь своим местоположением

Поиск

Пользователь