Как рисовать простые геометрические фигуры в Photoshop. Как нарисовать треугольник в "фотошопе" - советы и рекомендации

Витамины

Существует множество областей, в которых вы могли бы применить знания программы Photoshop. Могу с уверенностью вам сказать, что порой для двух разных областей требуются настолько разные навыки, что просто диву даешься. Дизайнер может даже не представлять, как можно отретушировать портрет. А фотограф и понятия иметь не будет, как работать с линейками. Но есть вещи, которые желательно знать всем. Как, например, создание простейших фигур. Разберемся, как нарисовать треугольник в фотошопе.

Способов рисования треугольника в Adobe Photoshop CS 6 несколько. Начнем с инструмента «многоугольник».

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

Теперь выбираем цвет будущего треугольника. На той же панели инструментов. Этот способ позволит нам создать треугольник залитый цветом.

А теперь на верхней панели устанавливаем кол-во углов треугольника.

Теперь делаем клик на рабочей области и протягиваем. Треугольник готов!

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

Возвращаемся к той же панели инструментов. Выбираем «перо».

Делаем 2 клика по рабочей области и замыкаем контур.

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

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

Как видите, выскочило окно, позволяющее выбрать нам два варианта. Обводка кистью или карандашом. Я применю кисть.

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

Обводка выполнена. Чтобы убрать контур, выберите инструмент «перо» вновь. Кликните левой клавишей мыши, чтобы вызвать контекстное меню. И выберите команду «удалить контур».

А теперь разберемся, как при помощи пера сделать треугольник заполненный цветом. Возвращаемся к контуру. Кликаем левой клавишей мыши. В выпадающем меню выбираем «образовать выделенную область». И переходим к боковой панели, к уже знакомому нам инструменту выбора цвета. Устанавливаем нужный. На той же панели ищем «заливку».

Кликаем по выделенной области.

Снимание выделение при помощи комбинации клавиш ctrl+d. Треугольник, залитый цветом готов!

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

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

Постигаем азы компьютерной графики

Открыв Adobe Photoshop, обратите внимание на панель инструментов. Чтобы перейти к фигурам, кликните мышкой по иконке в виде прямоугольника. В выплывающем окне вы увидите следующие инструменты:

«Прямоугольник»;
«Прямоугольник со скруглёнными углами»;
«Эллипс»;
«Многоугольник»;
«Линия»;
«Произвольная фигура».

Редактор предлагает несколько классических и произвольных форм

Всего существует три режима рисования:

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

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

Нет ничего проще, чем провести линию . Для этого применяется одноимённый инструмент.

Для круга используйте клавишу Shift либо меню дополнительных настроек

Перейдём к тому, как нарисовать круг в Фотошопе. Здесь всё происходит аналогичным образом. Выберите инструмент «Эллипс», определитесь с цветом и толщиной контура. Если вы хотите получить круг, а не эллипс, зажмите на клавиатуре клавишу «Shift» либо установите «окружность» в разделе геометрических параметров.

Рисуем красивую композицию стандартными средствами

Теперь давайте разберёмся, как нарисовать треугольник в Фотошопе. В этом случае всё не так очевидно, но при этом нисколько не сложнее. Всё, что нужно - выбрать «Многоугольники» и в маленьком окошке «Sides» задайте количество углов. Соответственно, чтобы получить треугольник, впишите цифру «3». Дальше всё делается точно так же, как в предыдущих случаях. При помощи инструмента «Многоугольник» можно получить фигуру с любым количеством углов. Если необходимо получить прямоугольный треугольник, нарисуйте квадрат, а затем отсеките половину по диагонали.

Стрелки в начале или конце можно задать в свойствах инструмента

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

Шаблоны, идущие в обычной комплектации приложения

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

Следующее семейство инструментов позволяет создавать геометрические фигуры разной формы.

R ectangle (Прямоугольник) () — соответственно, позволяет рисовать прямоугольник (а с нажатой клавишей — квадрат), залитый цветом переднего плана.
Rounded Rectsngle (Скругленный прямо угольник) — создает фигуры, подобные описанным выше, но позволяет задавать радиус скругления углов прямоугольника.

Ellipse (Эллипс) — создает овалы (в сочетании с нажатой клавишей — круги).
Poligon(Многоугольник) — позволяет создавать геометрические фигуры с произвольным количеством углов, а также — многолучевые звезды. По умолчанию создает выпуклый пятиугольник.
Line(Линия) — рисует прямые линии произвольной или заданной длины, толщины, цвета и направления.
Custom Shape(Произвольная фигура) — позволяет создать геометрическую фигуру произвольной формы и сохранить ее для использования вдальнейшем.

Создайте новый файл для тренировки.

Нажмите левой клавишей мыши на инструмент - фигуры- на панели инструментов, откроется окно выбора инструмента:

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

Для любой фигуры можно выбрать:

режим рисования:
- Слой-фигура . Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке "Контуры" панели "Слои".
- Контуры . Этот режим позволяет рисовать контуры фигур, которые можно заливать или обводить произвольным цветом. Контуры отображаются на вкладке "Контуры" панели "Слои".
- Заливка пикселов . При работе в этом режиме создаются не векторные, а растровые изображения, которые можно обрабатывать так же, как и любое растровое изображение
стиль и цвет фигуры

задать параметры, характерные для этой фигуры

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

Выберем первую фигуру - прямоугольник. На панели выберем режим - слой-фигура . Выберем стиль, щелкнув по треугольнику справа.

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

Теперь можно задать геометрические параметры:

Произвольно - как нарисуете, так и будет.
Квадрат - при растягивании мышкой фигуры, ширина и высота будут всегда одинаковы.
Заданный размер - можно задать ширину и высоту прямоугольника (в см) и щелкнуть по холсту. Появится прямоугольник с заданными размерами.
Задать пропорции - можно задать во сколько раз ширина будет меньше (или больше) высоты. При растягивании фигуры пропорция будет сохраняться.
От центра - рисует прямоугольник от центра.
Привязать к пикселам - края прямоугольника привязываются к границам пикселов.

Теперь выберите -произвольно- и растяните мышкой ваш прямоугольник на холсте. Вот, например, что получилось у меня при использовании стилей Button, Glass Buttons и Web Styles .

Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?

Рисуем прямоугольники со скругленными углами

Выберем вторую фигуру - прямоугольник со скругленными углами. На панели выберем режим - слой-фигура, радиус скругления углов - например, 15 и цвет (можно стиль, как хотите).Геометрические параметры такие же, как у прямоугольника.

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

Чем не блоки новостей и кнопочки меню?

Рисуем окружности

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

Вот, что получилось у меня:

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

Выберем фигуру - многоугольник. На панели выберем режим - слой-фигура, количество сторон в диапазоне от 3 до 100 (например, 3 - для треугольника, 6 - для шестиугольника), цвет и стиль. Рассмотрим геометрические параметры:

Радиус - радиус многоугольника.
Сгладить внешние углы
Звезда - со снятой галочкой многоугольник выпуклый, с поставленной галочкой многоугольник вогнутый.
Глубина лучей - если многоугольник вогнутый, то его вершины как бы образуют лучи. Этот параметр показывает какая часть радиуса многоугольника будет занята лучами. Чем больше %, тем длиннее и острее лучи.
Сгладить внешние углы - со снятой галочкой углы острые, с поставленной галочкой углы округлые.

Например:

Первый девятиугольник имеет радиус 3см, остальные галочки сняты.

Второй девятиугольник имеет радиус 3см, галочка у -звезда-, глубина лучей - 25%, остальные галочки сняты.

Третий девятиугольник имеет радиус 3см, глубина лучей - 50%, стоят все галочки.

Ко всем применен стиль.

Рисуем линии

Выберем фигуру - линии. На панели выберем режим - слой-фигура, толщину линии (в пикселах), цвет и стиль. Рассмотрим геометрические параметры:

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

Начало - стрелка в начале линии.
Конец - стрелка в конце линии.
Ширина - пропорции стрелки в процентном отношении к толщине линии (от 10% до 1000%).
Длина - пропорции стрелки в процентном отношении к толщине линии (от 10% до 5000%).
Кривизна - определяет степень изогнутости самой широкой части стрелки в месте, где она встречается с линией (от -50% до +50%).

Например:

У первой линии все галочки сняты, ширина - 500%, длина - 1000%, толщина - 2 пиксела.

У второй линии все тоже самое, но стоит галочка у -начало- и кривизна - 5%.

У третьей линии все тоже самое, но стоит галочка у -конец- и снята галочка у -начало-.

У четвертой линии стоят обе галочки, ширина - 500%, длина - 1000%, кривизна - 15%, толщина - 5 пикселов.

Ко всем применен стиль.

Рисуем произвольные фигуры

Выберем фигуру - произвольная фигура. На панели выберем режим - слой-фигура, цвет и стиль. Геометрические параметры такие же как у прямоугольника. Зато здесь есть выбор самой фигуры:

Рисуем несколько фигур в одном слое

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

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

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

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

Сохраняем фигуры

Предположим нам понравилась последняя фигура, которую мы создали и мы хотим использовать ее в дальнейшем. Для этого ее нужно сохранить. Для этого меню Редактирование -> Определить произвольную фигуру. Задайте имя для новой фигуры.

Теперь наша фигура появилась в раскрывающейся панели выбора произвольных фигур.

Adobe Photoshop занимает особое место среди пользователей. Это профессиональный редактор, который имеет огромное количество функций. При их правильном использовании можно осуществить ретушь фотографии, создать графические иллюстрации, объекты 3D и другое. Для новичков будет сложно сразу разобраться в самых простых вещах, например, как нарисовать треугольник в "Фотошопе". Или начинающему, возможно, будет тяжело работать со слоями. В Интернете можно найти огромное множество курсов по "Фотошопу". В них рассказываются о тонкостях работы, они носят образовательный характер.

треугольник?

Существует несколько способов рисования треугольников. Для этого стоит обратить внимание на панель инструментов - все необходимое находится здесь. Сначала нужно понять, как пользоваться инструментами в "Фотошопе". Каждый пункт на панели имеет свою особую функцию. Здесь есть кисти, линии, лупы, волшебные палочки и многое другое. Пользователю стоит обратить внимание на то, что в одной ячейке могут содержаться различные параметры. Например, в ячейке с ластиком можно обнаружить инструменты "Фоновый ластик" и "Волшебный ластик", нажав правой кнопкой мыши на инструмент. Графический треугольник можно нарисовать следующими инструментами, которые будут рассматриваться в статье:

инструмент "Линия";
инструмент "Многоугольник".

С помощью инструмента "Линия"

В "Фотошопе" с помощью линий? Очень просто. Выбираем одноименный инструмент, сверху в меню настроек можно отрегулировать нужные пользователю параметры. К примеру, цвет заливки, цвет контура, толщину линий, толщину обводки и другие пункты.

Для произвольного треугольника. После выбора параметров проводим первую линию. От конца первой рисуем вторую. Соединяем конец второй и начало первой линии. В меню слоев выделяем три полученные фигуры (Shift + левая кнопка мыши) и нажатием правой кнопки мыши выбираем пункт "Объединить фигуры". Некоторые могли заметить, что в процессе создания треугольника около курсора всплывало небольшое окно с градусами угла и длины линии. Благодаря этой небольшой панели пользователь может регулировать полученный треугольник.
Для прямоугольного равнобедренного треугольника. Необходимо с помощью зажатой клавиши Shift провести линию. Вторую линию проводим от конца первой, регулируя угол 45/90 градусов при зажатом Shift до тех пор, пока вспомогательные не укажут нужного места остановки. Соединяем эти две линии третьей.

С помощью инструмента "Многоугольник"

Наиболее простая команда для того, чтобы нарисовать треугольник в "Фотошопе". Как говорилось ранее, на панели инструментов в одной ячейке содержится множество разных инструментов. В ячейке, где находился инструмент "Линия", находится "Многоугольник". При его выборе сверху появляется панель редактирования (как это было с "Линией"). Там можно задать нужные параметры. Обязательно следует вписать в поле "Стороны" значение 3.

По умолчанию будет строиться равносторонний треугольник, где все стороны по 60 градусов. Полученную фигуру можно вытягивать и вдавливать, чтобы получить нужную форму. Для этого следует проделать следующий путь "Редактирование" > "Трансформирование контура" > "Масштабирование", или воспользоваться горячей клавишей Shift + T.

Равносторонний треугольник в фотошопе рисуется при помощи векторных объектов. Можно нарисовать закрашенный треугольник, можно треугольник с рамкой. Выбираем рисование многоугольников (Polygon tool).

Рисование многоугольников (Polygon tool)

Выбираем фигуры (гор. клавиша U ), затем Polygon tool (Инструмент Многоугольник), см. скриншот ниже.

Устанавливаем свойство "Fill Pixels".

Выбираем цвет заливки треугольника (первый цвет в панели инструментов), рисуем мышкой треугольник.

Треугольник с рамкой

Треугольник следует рисовать на новом пустом слое , без какой-либо заливки. Создать новый слой можно одновременным нажатием клавиш Alt + Ctrl + Shift + N .

Устанавливаем значение "Paths" (по-русски пути).

Рисуем мышкой треугольник.

Преобразуем векторный треугольник в выделение (Select), нажатием клавиш Ctrl + Enter .

Закрашиваем выделение (в данном случае белым цветом).

Alt + ← BackSpace — первый выбранный цвет.

Ctrl + ← BackSpace — второй выбранный цвет.