Как сделать фон из треугольников

Обновлено: 14.05.2024

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

Рисуем треугольник

Метод 1: используем инструмент “Многоугольник”

Метод 2: пользуемся “Лассо”

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

Заключение

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

полигональный портрет

Полигональный портрет или low poly — популярный арт-прием при обработке фотографий.
Сочетание Photoshop и Illustrator даст вам наиболее четкий и быстрый результат.
Если у вас нет Иллюстратора, вполне можно использовать Inkscape или Xara.
На самом деле, когда вы поймете принцип, вы сможете использовать любой инструмент.
Но автоматика вам не помощник. Ни один скрипт не даст и половины хорошего результата.
Ваш мозг, глаза и руки — вот самое главное.

Как сделать полигональный портрет в Фотошопе

Для тех, кто не ищет легкий путей — читайте дальше!

Техническая сторона рисования полигонального портрета крайне проста и реальным вызовом
для вашего терпения станет разве что монотонность работы ))

01. Выберите правильный образ.

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

02. Подтяните цвета и контраст.

Забросьте фото в Фотошоп, добавьте цвета и контраста. Вам нужно подобрать достаточно высокий
уровень контраста, чтобы потом проще было подбирать цвет полигонов. Однако не переборщите с
цветностью и контрастом. Не более, чем на 30%!

low_poly_portret_2

03. Уменьшите качество.

Если ваше фото слишком большое, уменьшите разрешение. 1000px по длинной стороне вполне
достаточно. Это поможет вам в дальнейшем подбирать цвета. Меньше пикселей — проще найти цвет.

low_poly_portret_3

04. Не забывайте работать на разных слоях.

05. Делаем цветной фон.

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

low_poly_portret_4

06. Пробуем линию.

Линия яркого желтого цвета будет смотреться заметно на большинстве фонов. Толщина линии —
примерно 0,5 пунктов. В Фотошопе можно использовать Полигональное Лассо.

07. Начинаем с малого.

Самый простой способ — начать с глаз. Увеличьте фото по максимуму и обведите линией.
Излишняя аккуратность вам здесь не понадобится. Просто обведите форму. Обведите части глаза
и соедините всё вместе. В итоге у вас должна получиться единая сетка.

low_poly_portret_5

08. Обведите другие части лица.

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

low_poly_portret_6

09. Забудьте о незаконченных линиях.

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

10. Разделите волосы.

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

low_poly_portret_7

11. Продолжаем.

Да, это довольно кропотливая работенка ) Поэтому когда закончите всё обводить — передохните!
Следующая часть ещё тяжелее.

полигональный портрет

12. Соединяем линии.

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

13. Полигонизируем!

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

полигональный портрет

14. Баланс полигонов.

Используйте разные размеры полигонов. Маленькие для небольших объектов типа глаз. И побольше
для крупных частей. Но соблюдайте баланс. Разный размер полигонов придаст работе больше
выразительности.

15. Конвертируем в Live Paint.

Поздравляю! Вы сделали всю сетку. Самая трудная часть позади. Теперь всё выделите кроме фона и
нажмите Object > Live Paint > Make. Теперь можно покрасить сетку заливкой цветом.

полигональный портрет

16. Раскрашиваем.

Увеличьте глаз фотографии и выберите цвет с помощью пипетки. Залейте треугольник цветом.
И постарайтесь не попасть банкой в линию! И изучите хоткеи, если ещё не сделали этого.

полигональный портрет

17. Убираем сетку.

После того, как завершите процесс раскраски, переведите положение цвета обводки (stroke) в
положение None. Теперь проверьте всю картинку и поищите полигоны, которые забыли раскрасить.

полигональный портрет

18. Добавьте от себя по вкусу!

Вот и всё! Теперь у вас есть офигенный полигональный портрет. Теперь вы можете его немного
кастомизировать. Придайте ему индивидуальности — отколите пару полигонов, примените другие эффекты.

kak-narisovat-treugolnik-v-fotoshope

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

Существуют два (известных мне) способа.

risuem-treugolnik-v-fotoshope

Этот инструмент позволяет рисовать правильные многоугольники с заданным числом сторон. В нашем случае их (сторон) будет три.

risuem-treugolnik-v-fotoshope-2

После настройки цвета заливки

risuem-treugolnik-v-fotoshope-3

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

risuem-treugolnik-v-fotoshope-4

risuem-treugolnik-v-fotoshope-5

Кроме того, можно нарисовать фигуру без заливки, но с контуром. Линии контура настраиваются в верхней панели инструментов. Там же настраивается и заливка, вернее ее отсутствие.

risuem-treugolnik-v-fotoshope-6

У меня получились такие треугольники:

risuem-treugolnik-v-fotoshope-7

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

risuem-treugolnik-v-fotoshope-8

Этот инструмент позволяет рисовать треугольники с любыми пропорциями. Давайте попробуем изобразить прямоугольный.

Для прямоугольного треугольника нам понадобится точно нарисовать прямой (кто бы мог подумать…) угол.

Воспользуемся направляющими. Как работать с направляющими линиями в Фотошопе, читайте в этой статье.

Итак, статью прочитали, тянем направляющие. Одну вертикальную, другую горизонтальную.

risuem-treugolnik-v-fotoshope-9

risuem-treugolnik-v-fotoshope-10

risuem-treugolnik-v-fotoshope-11

Цвет заливки настраивается следующим образом:

risuem-treugolnik-v-fotoshope-13

Для обводки также можно настроить ширину и расположение.

risuem-treugolnik-v-fotoshope-14

Получаем следующие результаты:
Заливка.

risuem-treugolnik-v-fotoshope-15

risuem-treugolnik-v-fotoshope-16

После снятия выделения (CTRL+D) получаем готовый прямоугольный треугольник.

risuem-treugolnik-v-fotoshope-17

Вот такие два простейших способа рисования треугольников в программе Фотошоп.

Закрыть

Мы рады, что смогли помочь Вам в решении проблемы.

Отблагодарите автора, поделитесь статьей в социальных сетях.

Закрыть

Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

введите сюда описание изображения

Как можно сделать фон треугольником?


1 ответ 1

А вот так. Смотрите:


Всё ещё ищете ответ? Посмотрите другие вопросы с метками html css css3 или задайте свой вопрос.

Похожие

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

дизайн сайта / логотип © 2022 Stack Exchange Inc; материалы пользователей предоставляются на условиях лицензии cc by-sa. rev 2022.1.28.41306

Читайте также: