Содержание

Узнаем как правильно нарисовать полигональный портрет в Фотошопе и Иллюстраторе

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

Программы для триангуляции изображений

Подобная технология появилась давно и использовалась при создании первых видеоигр с эффектом 3D. Но сейчас полигональная графика переживает второе рождение и вновь становится популярной у дизайнеров и фотографов. Чаще всего полигоны используются при обработке фотографий. Но так как процесс триангуляции достаточно трудоемкий, были созданы специальные программы для полигональных портретов, ускоряющие обработку изображений. Чаще всего дизайнеры используют для этого два продукта компании Adobe – «Фотошоп» и «Иллюстратор».

Использование полигонов в «Фотошопе»

Рассмотрим один из самых быстрых способов создания полигонального портрета в «Фотошопе» — без использования специальных плагинов. Для начала нужно подготовить фото и обработать его специальными инструментами:

  1. Открываем программу и создаем новый файл формата А4 с разрешением в 300 пикселей.
  2. Перетягиваем фотографию и масштабируем ее до размера нового файла, удерживая клавишу Shift, чтобы не исказить пропорции.
  3. Выбрав на панели инструмент «Прямолинейное лассо», выделяем лицо человека по контуру. Не нужно стремиться сделать все идеально с первого раза, так как на последующих этапах мы будем поправлять контур.
  4. Используя сочетание клавиш Ctrl+J, дублируем контур на новый слой, а затем отключаем видимость у нижнего.
  5. Если освещение на фотографии не слишком качественное, для придания изображению объемности увеличиваем контраст, используя инструмент «Кривые».
  6. Дорисовываем цвета и тени. Сначала копируем слой и отключаем видимость нижнего, а затем выбираем на панели инструмент для осветления, выбираем в окне с диапазоном «Светлые тона» и выставляем значение экспозиции – 10%.
  7. Настраиваем кисть и обрабатываем лицо модели. Стараемся не проводить инструментом по одному и тому же месту несколько раз – это может вызвать слишком сильное осветление.
  8. При помощи инструмента «Затемнение» рисуем тени. В настройках выставляем диапазон «Тень», а экспозицию – 10%.
  9. Корректируем недостатки освещения при помощи инструмента «Штамп».
  10. Создаем еще одну копию слоя и добавляем цвет при помощи инструмента «Кисть». Выставляем непрозрачность 15% и добавляем несколько желтых пятен со стороны источника света, а синих – со стороны тени.
  11. Меняем режим наложения слоев на «Мягкий свет» и наносим еще немного цветовых пятен точечно, чтобы придать изображению больше объема.
  12. Зажимаем клавишу Alt и кликаем на разделительную линию между слоями, чтобы создать обтравочную маску для слоя с цветом.
  13. Выделяем три слоя, куда добавляли цвет и освещение, и, используя комбинацию клавиш Ctrl+Alt+E, клонируем их содержимое на один слой.
  14. Выключаем видимость нижних слоев. На всякий случай можно сделать копию слоя, перетащив его вниз с нажатой клавишей Alt.

Как правильно настроить сетку

Теперь приступаем непосредственно к созданию полигонального портрета в «Фотошопе». Сначала настраиваем сетку. Включаем ее видимость при помощи сочетания клавиш Ctrl+H. Выбираем в меню пункт «Редактирование», затем – «Установки» и «Направляющие». В появившемся окне с настройками выбираем стиль сетки – «Точки», расстояние между ними – 10 пикселей, меняем цвет на светло-серый. Теперь включаем привязку к сетке: идем во меню «Просмотр», затем – «Привязка к…» и выбираем пункт «Линии сетки». Теперь при использовании «Прямолинейного лассо» курсор сам будет «прилипать» к сетке, что облегчает создание полигонов.

Создание портрета из полигонов

Начинаем рисовать полигоны – ставим точку, затем еще одну и замыкаем контур, дважды кликнув по третьей точке. Мы создали треугольник. Идем во вкладку «Фильтр», выбираем пункт «Размытие» и ставим значение «Среднее». Теперь для создания полигонального портрета можно использовать специальную комбинацию клавиш, которая применяет последний используемый фильтр – Ctrl+F. Продолжаем обрабатывать все изображение тем же способом, создавая треугольники различных размеров. Стараемся создавать полигоны по форме, повторяя естественные изгибы. Затем поправляем контур и убираем ненужные детали нашего полигонального портрета, выделяя его прямолинейным лассо, и нажимаем Ctrl+Shift+Alt для инверсии обводки. Остается лишь нажать клавишу Del, чтобы удалить лишние детали.

Полигональный портрет в «Иллюстраторе»

«Иллюстратор» и «Фотошоп» созданы для различных целей, потому процесс обработки изображений в них отличается. В начале работы в обоих случаях создаем новый документ и на него перетягиваем изображение. Затем в «Иллюстраторе» нужно заблокировать слой с фотографией, чтобы она не смещалась. Рисовать полигоны будем при помощи инструмента «Отрезок линии». Толщину контура можно изменить, достаточно будет 4 пикселей. Вначале обводим контур объекта, а затем начинаем выделять области с бликами и тенями. Начинать рисовать можно с многоугольников – затем их легко будет разбить на треугольники, соединив вершины линиями. Таким образом создаем сетку из полигонов по всему изображению.

Центрирование перекрестных точек

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

На следующем этапе центруем точки:

  1. При помощи инструмента «Частичное выделение» выбираем какой-либо перекресток из линий.
  2. В параметрах выравнивания выбираем «Выровнять по выделенной области».
  3. Нажимаем на панели кнопки «Горизонтальное выравнивание» и «Вертикальное выравнивание».

Останавливаем запись.

Эту операцию нужно повторить на всех местах с ошибками в построении. Для поиска ошибок нажимаем комбинацию клавиш Ctrl+Y и, ориентируясь по сетке, ищем проблемные места. Затем выделяем все изображение и идем в меню «Обработка контуров» и нажимаем пункт «Разделение». Снова заливаем контур, меняя его толщину на 2 пикселя. Последний этап – заливка контура. Для этого используем горячую клавишу для инструмента выделения – Y и букву I для инструмента «Пипетка». И, чередуя эти инструменты, заполняем треугольники цветом. Теперь полигональный портрет готов.

Создание полигонального портрета — CG Магнит

Сегодня мы покажем вам, как создать стильный полигональный портрет, используя Adobe Illustrator и Photoshop.

Секрет создания таких портретов кроется в хорошем референсе.

Вам не нужно быть мастером фотошопа или иллюстратора, чтобы продуктивно воспользоваться этим уроком, все, что вам нужно — это внимательность и терпение.

1. Для начала вам понадобится хороший фото-референс. Автор этого урока, например, решил создать свой автопортрет. Здесь важно отметить необходимость работы с перспективой, чтобы показать всю глубину фотографии, а также хорошее расположение света и тени. Стоит снабдить модель какими-нибудь аксессуарами с острыми углами, чтобы подчеркнуть мягкость кожи и одежды (например, очки, украшения или накрахмаленный воротничок).

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

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

2. Теперь вам нужно скомбинировать их, чтобы добиться идеального референса. Сотрите ненужное и соберите все остальное вместе, используя режимы смешивания и маски.

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

3. Теперь, когда  вы получили необходимый референс, добавьте контраст, цветовой баланс и отрегулируйте уровни, чтобы получить более динамичное изображение.

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

4. Автору хотелось, чтобы цвета его конечной работы были теплее, чем референс. Для этого он добавил фиолетовый слой с Режимом наложения «Экран».

5. И вот мы подошли к созданию треугольной сетки — эта часть отнимает больше всего времени. Нет никаких секретов — вам просто нужно сделать это вручную. Почему? Потому что ваше серое вещество понимает контуры лица гораздо лучше, чем любой скрипт или программа.

Хотя есть и кое-какие подсказки. На маленьких частях лица нужно рисовать маленькие треугольнички. Никогда не рисуйте четырехугольники — они здесь просто не к месту. Только треугольники. Вам будет проще, если нос человека на фото прямой, как у автора. Кругленькие носики рисовать гораздо тяжелее.

Создавайте свою сетку на пустом слое над референсом. Используйте светлый и контрастный цвет, например, зеленый или голубой, потому что таких цветов на чистом лице не бывает (только если у вас нет татуировки богомола или латиноамериканского макияжа).

6. Если вы уже дошли до этого шага, похлопайте себя по плечу: вы — молодец и проделали уже много тяжелой работы (но не всю).

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

Когда вы довели все до совершенства, поменяйте цвет сетки на белый, чтобы она контрастировала с черным фоном и сохраните в формате jpg.

Запускайте Illustrator.

7. Поместите свою сетку на рабочую поверхность и закрепите ее. Теперь нужно создать векторную сетку из треугольников. Воспользуйтесь инструментов Перо и контрастным цветом (розовеньким, например).

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

Если вы хотите ускорить дело, то воспользуйтесь следующим советом: не обводите каждый треугольник, просто используйте Перо, чтобы отметить три точки. Это может показаться глупым, но когда вам нужно отрисовать несколько сотен треугольников — этот совет оказывается действительно полезным.

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

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

10. Теперь о том, как расставить все точки на правильные места. Это простая процедура, но ее придется повторить столько раз, сколько у вам треугольников на портрете. С помощью инструмента Частичное Выделение, выберите каждый группу точек, которые должны стоять вместе.

11. Откройте панель «Выравнивание» и выберите Горизонтальное выравнивание относительно центра.

12. Затем нажмите на Вертикальное выравнивание относительно центра и все точки окажутся на своих местах. Юху!

13. Если нужно, передвиньте точки, чтобы скорректировать их расположение. Затем повторите шаги 10-12 для всех линий.

14. Спрячьте сетку, созданную в Photoshop. Снова проверьте, не забыли ли вы треугольники.

Если все в порядке, переходите к следующему шагу.

15. Поместите ваш референс на слой под векторной сеткой и постарайтесь аккуратно их совместить. Таким образом, вы не ошибетесь в дальнейшем выборе цвета, и портрет получится качественным. Закрепите слой с референсом.

16. И, наконец, самое веселое — начинаем добавлять цвет. Выберите треугольники по порядку, затем с помощью Пипетки определите цвет в середине каждого треугольника и залейте им, собственно, сами треугольники.

Продолжайте в том же духе до получения полигонального портрета! Успехов:)

 

Инструменты выделения в Adobe Photoshop

Самый простой способ создать выделение в

Adobe Photoshop — это воспользоваться режимом Быстрой маскиQuick Mask.

  • Режим Quick Mask/Быстрой маски
  • Для перехода из обычного режима рисования в режим Quick Mask необходимо нажать на кнопку внизу палитры инструментов или воспользоваться «горячей» клавишей Q.

    В режиме Quick Mask/Быстрой маски необходимо инструментом Pencil (Карандаш) или Brush (Кисть) с жестким краем (Hardness 100%) закрасить черным цветом (который в режиме Quick Mask/Быстрой маски будет представлен полупрозрачным красным) те элементы, которые необходимо удалить с изображения.

    После этого следует вернуться в обычный режим рисования, нажав на кнопку внизу палитры инструментов, и инвертировать выделение, выбрав из меню Select/Выделить команду Inverse/Инвертировать. Инвертировать выделение необходимо, так как при работе в режиме Quick Mask/Быстрой маски, в выделение попадает та часть изображения, которая не была закрашена. Можно конечно изначально в режиме быстрой маски закрашивать то, что на изображение не должно попасть в выделение, а ненужные объекты и дефекты оставлять не закрашенными, но, скорее всего, этот процесс будет более трудоемким.

Кроме того в Adobe Photoshop для выделения части изображения можно использовать любой из инструментов выделения: Rectangular marquee/Прямоугольное выделение, Elliptical marquee/Эллиптическое выделение, Lasso/Лассо, Polygonal Lasso/Полигональное лассо, Magnetic Lasso/Магнитное лассо, Magic Wand/Волшебная палочка.

Инструменты Rectangular marquee/Прямоугольное выделение и Elliptical marquee/Эллиптическое выделение на панели инструментов скрыты за одной пиктограммой. На панели инструментов отображается пиктограмма последнего выбранного инструмента. Для того чтобы открыть всплывающее меню необходимо нажать правой кнопкой мыши на стрелке справа, внизу от данной пиктограммы.

  • Rectangular marquee/Прямоугольное выделение
  • Инструмент предназначен для выделения прямоугольных или квадратных областей.

    Для того чтобы выделить прямоугольную область изображения необходимо:

      Шаг 1. Активизировать инструмент выделения Rectangular marquee/Прямоугольное выделение, нажав на панели инструментов пиктограмму , или (если последним выбранным инструментом выделения был не инструмент Rectangular marquee/Прямоугольное выделение) выбрать инструмент из всплывающего меню.

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

      Шаг 3. Продолжая удерживать левую кнопку мыши нажатой, переместить курсор мыши по диагонали к противоположному углу и отпустить кнопку мыши.

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

     

  • Elliptical marquee/Эллиптическое выделение
  • Инструмент предназначен для выделения эллипсов и окружностей.

    Для того чтоб выделить эллиптическую область на изображении необходимо:

      Шаг 1. Выбрать на панели инструментов инструмент Elliptical marquee/Эллиптическое выделение, нажав на пиктограмму , или (если последним выбранным инструментом выделения был не инструмент Elliptical marquee/Эллиптическое выделение) выбрать инструмент из всплывающего меню.

      Шаг 2. Подвести курсор мыши в точку на изображении, где, как предполагается, будет находиться угол воображаемого прямоугольника, внутрь которого будет вписан эллипс, и нажать левую кнопку мыши.

      Шаг 3. Продолжая удерживать левую кнопку мыши нажатой, переместить курсор мыши по диагонали к противоположному углу и отпустить кнопку мыши.

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

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

Инструменты Lasso/Лассо, Polygonal Lasso/Полигональное лассо, Magnetic Lasso/Магнитное лассо на панели инструментов скрыты за одной пиктограммой. На панели инструментов отображается пиктограмма последнего выбранного инструмента. Для того чтобы открыть всплывающее меню необходимо нажать правой кнопкой мыши на стрелке справа, внизу от данной пиктограммы.

  • Lasso/Лассо
  • Инструмент предназначен для создания выделений произвольной формы.

    Для того чтобы выделить на изображении область произвольной формы необходимо:

      Шаг 1. Выбрать на панели инструментов инструмент Lasso/Лассо, нажав левой кнопкой мыши на пиктограмме , или (если последним выбранным инструментом выделения был не инструмент Lasso/Лассо) выбрать инструмент из всплывающего меню.

      Шаг 2. Подвести курсор мыши к объекту, который необходимо выделить, и, нажав левую кнопку мыши, обвести объект и замкнуть контур.

     

  • Polygonal Lasso/Полигональное лассо
  • Инструмент так же предназначен для создания выделений произвольной формы, но при этом контур выделения состоит из прямолинейных сегментов.

    Для того чтобы выделить на изображении область с помощью инструмента Polygonal Lasso/Полигональное лассо необходимо:

      Шаг 1. Выбрать на панели инструментов инструмент Polygonal Lasso/Полигональное лассо, нажав на пиктограмму , или (если последним выбранным инструментом выделения был не инструмент Polygonal Lasso/Полигональное лассо) выбрать инструмент из всплывающего меню.

      Шаг 2. Подвести курсор в любую точку рядом с объектом, который нужно выделить, и щелкнуть левой кнопкой мыши – это будет первая точка контура.

      Шаг 3. Переместить курсор мыши на следующую точку контура недалеко от первой и снова щелкнуть левой кнопкой мыши. Программа автоматически построит между двумя точками отрезок прямой.

      Шаг 4. Продолжая таким образом проставлять точки, обвести весь объект и замкнуть контур.

     

  • Magnetic Lasso/Магнитное лассо
  • Инструмент предназначен для выделения областей произвольной формы.

    При использовании инструмента Magnetic Lasso/Магнитное лассо не требуется очень точно следовать контуру выделяемого объекта. Если объект имеет достаточно хороший контраст по отношению к окружающему его фону, то линия границы выделяемой области будет сама притягиваться к краю объекта.

    Для того чтобы выделить на изображении область с помощью инструмента Magnetic Lasso/Магнитное лассо необходимо:

      Шаг 1. Выбрать на панели инструментов инструмент Magnetic Lasso/Магнитное лассо, нажав на пиктограмму , или (если последним выбранным инструментом выделения был не инструмент Magnetic Lasso/Магнитное лассо) выбрать инструмент из всплывающего меню.

      Шаг 2. Подвести курсор мыши к краю объекта, который необходимо выделить.

      Шаг 3. Кликнуть левой кнопкой мыши и начать медленно перемещать курсор вдоль линии планируемого контура выделения. Особое внимание следует уделять опорным точкам, появляющимся по мере формирования контура и при щелчках мышью, а если положение какой-либо опорной точки не соответствует запланированному, достаточно нажать клавишу DELETE чтобы удалить ее, вернуть курсор до положения предыдущей опорной точки и повторить его передвижение вдоль линии выделения.

      Шаг 4. Замкнуть контур, т. е. соединить конечную опорную точку с начальной, подведя к ней курсор или просто дважды щелкнув кнопкой мыши.

     

  • Magic Wand/Волшебная палочка
  • Инструмент предназначен для выделения области с одинаковыми или подобными по цвету пикселями. Параметры допуска устанавливаются с помощью параметра Tolerance/Допуск на панели опций данного инструмента. Чем больше величина этого параметра, тем больше цветов попадает в выделенную область. Значение допуска меняется от 0 до 255. При Допуске равном 0 — выделяется область одного цвета, при допуске равном 255 — выделяется все цвета, то есть все изображение.

    Для выделения области изображения, залитой одним цветом, необходимо:

    Шаг 1. Выбрать на панели инструментов инструмент Magic Wand/Волшебная палочка, нажав на пиктограмме .

    Шаг 2. Подвести курсор мыши к той точке изображения, которая должна быть включена в область выделения, и щелкнуть левой кнопкой мыши. В результате вокруг точки появится контур выделения, ограничивающий область, цвет которой совпадает с цветом указанной точки с учетом допуска, заданного параметром Tolerance/Допуск.

 

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

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

Для того чтобы вычесть новое выделение из старого необходимо перед использованием инструмента нажать клавишу Alt (Option на Macintosh).

Совместное использование клавиш SHIFT и Alt приводит к тому, что выделенной остается область совмещения (наложения) старого и нового выделения (Shift и Option на Macintosh).

 

Инструмент «Многоугольное лассо» — Photoshop Selections

Автор сценария Стив Паттерсон.

Photoshop Polygonal Lasso Tool , еще один из его основных инструментов выделения, немного похож на нечто среднее между Rectangular Marquee Tool и стандартным инструментом Lasso Tool , которые мы рассматривали в предыдущих уроках. Это позволяет нам легко рисовать контуры произвольной формы на основе многоугольных фигур с прямыми сторонами. Но в то время как инструмент «Прямоугольная область» ограничивает нас рисованием четырехсторонних многоугольников (прямоугольников или квадратов), инструмент «Многоугольное лассо» позволяет нам рисовать столько сторон, сколько нам нужно, с такой же свободой, как инструмент «Лассо», для движения в любом направлении. необходимость!

Этот урок из серии Как сделать выделение в Photoshop.

По умолчанию инструмент «Многоугольное лассо» скрыт за стандартным инструментом «Лассо» на панели «Инструменты». Чтобы добраться до него, щелкните инструмент «Лассо», затем удерживайте кнопку мыши нажатой, пока не появится всплывающее меню, показывающее дополнительные доступные инструменты. Выберите инструмент Polygonal Lasso Tool из списка:

Инструмент «Многоугольное лассо» скрывается за стандартным инструментом «Лассо» на панели «Инструменты».

После того, как вы выбрали инструмент «Многоугольное лассо», он появится вместо стандартного инструмента «Лассо» на панели «Инструменты». Чтобы вернуться к инструменту «Лассо» позже, нажмите и удерживайте инструмент «Многоугольное лассо», затем выберите инструмент «Лассо» во всплывающем меню:

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

Вы можете переключаться между тремя различными инструментами лассо в Photoshop (инструмент «Лассо», инструмент «Многоугольное лассо» и инструмент «Магнитное лассо», который мы рассмотрим позже), удерживая нажатой Shift и повторное нажатие буквы L .

Плагин шорткодов, действий и фильтров: ошибка в шорткоде [ ads-basics-middle-2 ]

Рисование прямолинейных многоугольных выделений

Рисование выделений с помощью инструмента «Многоугольное лассо» очень похоже на рисование прямых путей с помощью инструмента «Перо» . Начните с щелчка где-нибудь вдоль края объекта или области, которую нужно выделить, затем отпустите кнопку мыши. Это добавляет в документ точку, обычно называемую точкой привязки или точкой крепления. Когда вы отодвинете инструмент «Многоугольное лассо» от точки, вы увидите тонкую прямую линию, отходящую от курсора мыши, немного похожую на паука, плетущего паутину, с другим концом линии, прикрепленным к опорной точке. Щелкните еще раз, чтобы добавить вторую точку, затем отпустите кнопку мыши. Линия «прикрепится» к новой точке, и теперь обе точки будут соединены прямой линией.

Продолжайте перемещаться по объекту или области, щелкая, чтобы добавить новую точку в любом месте, где линия должна изменить направление, прикрепляя конец линии к каждой новой точке по мере продвижения. В отличие от стандартного инструмента «Лассо», а также многих других инструментов выделения Photoshop, нет необходимости удерживать кнопку мыши нажатой при перемещении от точки к точке. Просто нажмите, чтобы добавить точку, отпустите кнопку мыши, перейдите к следующему месту, где линия должна изменить направление, затем нажмите, чтобы добавить новую точку:

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

После того, как вы обошли объект или область, завершите выбор, щелкнув еще раз начальную точку, которую вы добавили. Photoshop преобразует все прямые линии в контур выделения. Маленький кружок появится в правом нижнем углу значка курсора, когда вы окажетесь достаточно близко к начальной точке, чтобы завершить выделение. Здесь я увеличил детали, чтобы круг был лучше виден:

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

Вы также можете закрыть выделение, просто дважды щелкнув в любом месте с помощью инструмента «Многоугольное лассо». Photoshop автоматически закроет выделение прямой линией от точки, по которой вы щелкнули, до исходной точки.

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

Пустой рекламный щит.

На первый взгляд может показаться, что рекламный щит имеет форму прямоугольника, так зачем возиться с инструментом «Многоугольное лассо», если инструмент «Прямоугольная область» должен работать нормально? Давайте попробуем. Я нажму на клавиатуре букву M , чтобы быстро выбрать инструмент Rectangular Marquee Tool, затем щелкну в верхнем левом углу рекламного щита, чтобы начать выделение, и перетащу вниз в правый нижний угол. Чтобы завершить выделение, я отпущу кнопку мыши:

Попытка выделить рекламный щит с помощью инструмента «Прямоугольная область».

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

Я нажму Ctrl+D (Win) / Command+D (Mac), чтобы удалить неудавшийся контур выделения. На этот раз давайте попробуем выделить рекламный щит с помощью инструмента «Многоугольное лассо». Я возьму инструмент «Многоугольное лассо» на панели «Инструменты», как мы видели ранее, затем, чтобы начать выделение, я щелкну в верхнем левом углу рекламного щита и отпущу кнопку мыши. Это устанавливает мою начальную точку для выбора. Я перейду в верхний правый угол и щелкну, чтобы добавить вторую точку. Photoshop соединяет две точки тонкой прямой линией. Я нажму, чтобы добавить третью точку в правом нижнем углу, затем щелкну, чтобы добавить четвертую точку в нижнем левом углу, привязывая прямую линию к каждой новой точке, пока я обхожу рекламный щит. Опять же, я не удерживаю кнопку мыши, когда перемещаюсь от точки к точке. Я просто нажимаю, чтобы добавить точки, а затем каждый раз отпускаю кнопку мыши:

Щелкните в каждом из четырех углов с помощью инструмента «Многоугольное лассо», начиная с верхнего левого угла и двигаясь по часовой стрелке.

Если вы допустили ошибку и щелкнули, чтобы добавить точку не в то место, нет необходимости начинать заново. Просто нажмите клавишу Backspace (Win) / Delete (Mac) на клавиатуре, чтобы отменить последнюю добавленную точку. Если вам нужно отменить несколько точек, продолжайте нажимать Backspace (Win) / Удалить (Mac), чтобы отменить точки в порядке, обратном их добавлению.

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

.

Инструмент «Многоугольное лассо» упростил выбор рекламного щита.

Теперь, когда рекламный щит выбран, я открою изображение, которое хочу добавить к нему:

Фотография будущего рекламного щита.

Я нажму Ctrl+A (Win) / Command+A (Mac), чтобы быстро выбрать все изображение, затем Ctrl+C (Win) / Command+C (Mac) , чтобы скопировать его в буфер обмена. Чтобы добавить изображение на рекламный щит, я вернусь к своей исходной фотографии, затем перейду к меню Edit в верхней части экрана и выберу команду Paste Into :

Команда Photoshop «Вставить в» позволяет нам вставлять изображение непосредственно в выделение.

Это помещает вторую фотографию прямо в выделение, и после небольшого изменения размера с помощью команды Free Transform в Photoshop изображение появляется на рекламном щите для всеобщего обозрения:

Кто не был бы рад быть больше, чем жизнь на рекламном щите?

Для более подробного объяснения того, как вставить одно изображение в другое, обязательно ознакомьтесь с нашим руководством «Помещение изображения внутри другого изображения в Photoshop ».

Далее мы рассмотрим, как инструмент «Многоугольное лассо» справляется с чем-то более сложным, чем четырехсторонний рекламный щит, и что происходит, когда мы сталкиваемся с закругленной или изогнутой частью объекта!

Не все, что вы захотите выделить с помощью инструмента «Многоугольное лассо», будет таким же простым, как четырехсторонний рекламный щит, но шаги всегда одинаковы. Просто щелкните, чтобы добавить точки вдоль объекта в тех местах, где контур выделения должен изменить направление, затем щелкните исходную начальную точку, чтобы завершить выделение.

Вот фото старого здания. Я хочу заменить небо на фотографии, а это значит, что мне нужно выделить небо, обрисовав часть выделения вокруг верха и сторон здания. Поскольку здание почти полностью состоит из прямых плоских поверхностей, инструмент «Многоугольное лассо» должен упростить его:0003

Чтобы выделить небо на фотографии, мне нужно выделить стороны и верх здания.

Я начну выделение с левой стороны здания, щелкнув, чтобы установить начальную точку, затем я медленно обойду здание снаружи, щелкая, чтобы добавить точки по мере необходимости. Я немного увеличу , чтобы было легче увидеть, что я делаю, нажав пару раз Ctrl++ (Win) / Command++ (Mac). Чтобы прокрутить изображение внутри окна документа, удерживайте нажатой пробел , который временно переключает вас на ручной инструмент , затем щелкните и перетащите изображение, чтобы переместить его. Отпустите пробел, чтобы вернуться к инструменту «Многоугольное лассо»:

.

Лучше запри окна. Инструмент «Многоугольное лассо» без труда лазает по стенам зданий.

Переключение между инструментом «Многоугольное лассо» и инструментом «Стандартное лассо»

Пробираясь по крыше здания, я натыкаюсь на то, что кажется проблемой. Часть рисунка на крыше на самом деле закруглена, что является плохой новостью для инструмента «Многоугольное лассо», поскольку он может рисовать только прямолинейные выделения. К счастью, Photoshop позволяет легко переключаться между инструментом «Многоугольное лассо» и стандартным инструментом «Лассо» для таких случаев, как этот. Просто удерживайте Alt (Win) / Option (Mac), затем начните перетаскивать мышью. Это временно переключает вас на стандартный инструмент «Лассо», и с его помощью мы можем легко обвести любые закругленные или изогнутые области объекта:

Удерживая клавишу Alt (Win) / Option (Mac), начните перетаскивание, чтобы временно переключиться на стандартный инструмент «Лассо».

После того, как вы обвели край закругленной или изогнутой поверхности, отпустите клавишу Alt/Option, а затем отпустите кнопку мыши. Вы вернетесь к инструменту «Прямолинейное лассо», и в этот момент вы сможете продолжать перемещаться по объекту и нажимать, чтобы добавить больше точек:

Отпустите клавишу Alt (Win) / Option (Mac), затем отпустите кнопку мыши, чтобы вернуться к инструменту «Многоугольное лассо».

После того, как я закончу выделение вокруг здания, я удостоверюсь, что получил все краевые пиксели неба по бокам и вверху фотографии, щелкнув инструментом «Многоугольное лассо» в серой области монтажного стола вокруг Фото. Если вы не видите область монтажного стола, нажмите Ctrl+- (Win) / Command+- (Mac) несколько раз, чтобы уменьшить масштаб, пока не появится монтажный стол. Photoshop не будет выбирать монтажный стол, он выберет только пиксели изображения:

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

Чтобы завершить выделение, я еще раз щелкну начальную точку, и небо на фотографии будет выделено:

Небо готово к замене.

Я вернусь к масштабу 100%, нажав Ctrl+Alt+0 (Win) / Command+Option+0 (Mac). Если мы посмотрим на мою панель «Слои», мы увидим, что мой документ состоит из двух слоев. Фотография здания находится на верхнем слое, а фотография темного облачного неба находится на фоновом слое под ним:

Облака, которыми я хочу заменить небо, находятся на слое ниже изображения здания.

Выбрав верхний слой, я собираюсь удерживать нажатой клавишу Alt (Win) / Option (Mac) и щелкнуть значок Layer Mask в нижней части панели «Слои». Это преобразует мой выбор в маску слоя , и мы видим, что миниатюра маски слоя была добавлена ​​к верхнему слою. Обычно выделенный объект или область остаются видимыми в документе, в то время как все, что не выделено, скрывается из поля зрения, но, удерживая нажатой клавишу Alt/Option, я перевернул маску слоя, которая скроет небо (выделенная область) и сохранит видимым здание (невыделенная область):

Черные области в маске слоя скрыты от просмотра в документе. Белые области остаются видимыми.

Теперь, когда небо на фотографии здания скрыто, облака на фотографии под ним видны сквозь документ:

Если вам не нравится погода в Photoshop, просто подождите несколько минут. Это изменится.

Удаление выделения

В приведенном выше примере контур выделения исчез, когда мы преобразовали его в маску слоя, но обычно, когда вы закончите выделение, созданное с помощью инструмента «Многоугольное лассо», вы можете удалить его, перейдя в меню «Выбор ». в верхней части экрана и выбрав Отменить выбор , или вы можете нажать сочетание клавиш Ctrl+D (Win) / Command+D (Mac). Вы также можете просто щелкнуть в любом месте документа с помощью инструмента «Многоугольное лассо» или любого другого инструмента выделения Photoshop.

Куда идти дальше…

Далее мы рассмотрим третий инструмент лассо, который Photoshop дает нам для выделения, Magnetic Lasso Tool ! Чтобы узнать о других инструментах выделения, см. нашу полную серию «Как сделать выделение в Photoshop». Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!

Создание потрясающего низкополигонального рисунка в Photoshop и Illustrator (12 уроков) | Учебники

11,9 тыс. Акции

Здесь у нас есть классный иллюстратор и уроки Photoshop  для создания низкополигональных портретов , иллюстраций, текстур и игровых персонажей. В этих уроках вы научитесь различным приемам создания низкополигонального стиля , который в последнее время появляется в Интернете.

Вас также могут заинтересовать следующие современные статьи по теме.

  • 16 новых руководств по созданию фотоэффектов в Photoshop
  • 25 Примеры креативного брендинга, визуальной айдентики и логотипов
  • Сверхгибкие адаптивные темы WordPress с кодировкой HTML5
  • 1000+ бесплатных контурных иконок для дизайнеров

Неограниченное количество загрузок


Более 1 500 000 шрифтов, мокапов, бесплатных материалов и материалов для дизайна

Скачать сейчас

Классные низкополигональные / геометрические уроки Photoshop

Adobe Photoshop и Illustrator — отличный инструмент для потрясающих фотоэффектов, текстовых эффектов и популярных трендов редактирование отличных снимков, где свет, цветовой баланс и резкость нуждаются в небольшой корректировке или где необходимо удалить некоторые элементы.

Как создать геометрический векторный портрет WPAP в Adobe Illustrator

В этом уроке вы узнаете, как создать портрет WPAP (Wedha’s Pop Art Portrait) в Adobe Illustrator самим мастером WPAP!

Ссылка на учебник

Создание низкополигонального портрета в Adobe Illustrator Учебное пособие

В этом уроке Брено Битенкур показывает шаг за шагом, как создать стильный низкополигональный портрет в Illustrator и Photoshop.

Ссылка на учебник

Как создать полигональную векторную мозаику в Illustrator Учебник

В этом уроке мы создадим мозаику, состоящую из полигонов. В этом несложном деле нам поможет бесплатный плагин Scriptographer и наша фантазия. Получайте удовольствие и наслаждайтесь нашим новым руководством по Adobe Illustrator!

Ссылка на учебник

Как создать автопортрет в геометрическом стиле в Illustrator

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

Ссылка на учебник

Как создать низкополигональную геометрическую иллюстрацию простым способом

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

Ссылка на учебник

Создание потрясающих геометрических иллюстраций в Photoshop

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

Ссылка на учебник

Как создать цветок в геометрическом стиле

В этом кратком уроке мы собираемся создать геометрическую букву «F» в форме цветка с помощью Adobe Illustrator. Для этого мы будем использовать некоторую геометрию, основные формы и панель Pathfinder.

Ссылка на учебник

Как создать низкополигональный текстовый эффект в Photoshop

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

Ссылка на учебник

Создание низкополигональных художественных портретов в Adobe Illustrator и Photoshop

В этом уроке вы увидите, как создать классную зернистую работу с низкополигональным (полигональная сетка из небольшого количества полигонов) поворотом . Сначала мы создадим несколько векторных портретов, а затем займемся текстурированием в Photoshop с помощью самодельных кистей.

Ссылка на учебник

Создание трехмерной бумажной птицы с помощью геометрических фигур в Adobe Illustrator

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

Ссылка на учебник

Как создать низкополигональную художественную иллюстрацию горы в Illustrator

В этом уроке вы узнаете, как создать классную низкополигональную иллюстрацию горы с помощью векторных контуров. Мы добавим градиенты для имитации 3D-эффекта, а затем перенесем дизайн в Photoshop, чтобы отполировать его крутыми текстурами.

Ссылка на учебник

Автор: Yasir Jawaid
Дизайн — мое хобби. Я люблю Фотошоп и Иллюстратор. Я специализируюсь на дизайне пользовательского интерфейса, дизайне логотипов, дизайне мокапов, дизайне фирменных бланков и дизайне визитных карточек. Я также доступен для работы на фрилансе.

Как использовать инструмент «Многоугольное лассо» в Photoshop —

Постобработка » Учебники по Photoshop » Как использовать инструмент «Многоугольное лассо» в Photoshop

Либерти Стембридж мы расскажем, как использовать инструмент многоугольное лассо в фотошопе, от базовых до более продвинутых методов. Инструмент «Многоугольное лассо» очень универсален, поэтому стоит научиться им пользоваться.

Скачать бесплатно электронную книгу: Базовая композиция в пейзажной фотографии

Что такое инструмент «Многоугольное лассо»

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

+80 Photoshop Actions для
Природные фотографы

  • 8 BONUS WEB RESIZE и REARSIZE ACTION
  • Работа на Photoshop CC (WIN/MAC)
  • Работа на Photoshop CC (WIN/MAC)
  • .

    Как использовать инструмент «Многоугольное лассо»

    Чтобы выбрать инструмент «Многоугольное лассо», нажмите L на клавиатуре, а затем нажмите Shift-L , чтобы переключаться между параметрами инструмента «Лассо», пока не дойдете до инструмента «Многоугольное лассо». Кроме того, вы можете найти его на левой панели инструментов.

    Чтобы сделать выбор с помощью инструмента:

    • Чтобы начать выделение, просто щелкните точку, с которой вы хотите начать. Отсюда это очень похоже на использование инструмента «Перо» для выделения.
    Начало выделения с помощью инструмента «Многоугольное лассо».
    • Каждая созданная вами «точка» по сути становится опорной точкой, в которой встречаются две линии. Размещая точку, вы создаете новую линию, которая может идти в любом направлении. Продолжайте нажимать, чтобы разместить точки и создать желаемую форму.
    • После того, как вы сделали свой выбор, щелкните исходную начальную точку, чтобы завершить выбор.

    Когда вы закончите выделение, вы увидите, как линии меняются и начинают мерцать — это означает, что ваш выбор активен. Если вы недовольны своим выбором и хотите изменить его, нажмите Control + D , чтобы отменить выбор.

    Завершение выделения с помощью инструмента «Многоугольное лассо».

    Ограничение угла ваших линий

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

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

    Редактирование вашего выбора

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

    Чтобы удалить из вашего выбора:

    Точно так же, если вы понимаете, что включили в свой выбор что-то, что вам не нужно, вы можете легко удалить это, не делая заново весь выбор. Вместо этого, удерживая нажатой клавишу «Alt» или «Option», щелкайте по частям, которые вы хотите удалить из выделения, при этом готовое выделение все еще активно. Это автоматически удалит этот раздел из вашего текущего выбора.

    Исправление ошибок в середине выделения

    Поскольку инструмент многоугольного лассо использует опорные точки для создания выделений, вы можете редактировать их почти так же, как при использовании инструмента «Перо». Например, если вы обнаружите, что поместили точку привязки в неправильном месте при выборе, нажмите удалить или Ctrl+Z , чтобы удалить эту точку привязки.

    Lightroom Presets Pack:

    Essentials

    • 22 Fantastic Lightroom Presets
    • Works on Lightroom CC  for Win/Mac

    $ 19.00

    Переключение между инструментом «Многоугольное лассо» и стандартным инструментом «Лассо»

    Хотя инструмент «Многоугольное лассо» удобен для вырезания фигур с прямыми краями, большинство объектов не являются полностью прямыми и могут иметь закругленные углы или неровности, с которыми приходится бороться. К счастью, Photoshop отвечает этой потребности, позволяя легко переключаться между инструментом «Многоугольное лассо» и стандартным инструментом «Лассо», не прерывая и не завершая выделение. Стандартный инструмент лассо позволяет свободно рисовать выделение и отлично подходит для работы с кривыми.

    Чтобы переключиться на стандартный инструмент лассо при выделении с помощью инструмента многоугольное лассо, удерживайте нажатой Alt или Option . Пока вы удерживаете кнопку alt/option, вы будете свободно рисовать с помощью стандартного инструмента лассо.

    Статьи по теме Photoshop:

    • Как изменить любой цвет в Photoshop?
    • Как изменить размер холста в Photoshop?
    • Сглаживание краев с помощью сглаживания в Photoshop
    • Как инвертировать маску в Photoshop
    • Как разъединить слои в Photoshop?

    Заключительные мысли

    Инструмент «Многоугольное лассо» — это универсальный инструмент, который может пригодиться в самых разных ситуациях. Изучение всех тонкостей этого инструмента сделает создание выделений в фотошопе проще и быстрее. Также стоит изучить другие инструменты выделения, такие как инструмент прямоугольного выделения и инструмент магнитного лассо — каждый инструмент предназначен для использования в различных задачах.

Автор записи

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

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