Рисуем прямоугольники в Фотошопе

Rectangle Tool или как нарисовать прямоугольник в Photoshop CC 2017

Рисуем прямоугольники в Фотошопе

Самый простой способ нарисовать прямоугольник в Photoshop — воспользоваться инструментом «Rectangle Tool» (Прямоугольник). Инструмент «Rectangle Tool» принадлежит к группе инструментов для рисования фигур и занимает в ней почетное первое место.

Инструмент Rectangle Tool на палитре инструментов Photoshop

Конечно можно просто взять «Rectangle Tool» с палитры инструментов Photoshop. А можно активировать его при помощи горячих клавиш.

По нажатию клавиши [U] становится активным тот инструмент из группы инструментов для рисования фигур, который использовался последним.

Если это был не «Прямоугольник», то следует употребить сочетание клавиш [Shift+U], которое позволяет переключаться между различными инструментами в пределах данной группы.

Режимы рисования

Прямоугольник, равно как и любая другая фигура в Photoshop, может быть нарисован в одном из следующих режимов:

  • «Shape» (Фигура), когда создается векторный контур с растровой «начинкой». Такой прямоугольник может быть залит чистым цветом, градиентом или узором. Каждая нарисованная в режиме «Shape» фигура помещается в отдельный слой, помеченный особым значком, который информирует пользователя о том, что в данном слое располагается векторный объект. В последствии можно вернуться к любой созданной фигуре и изменить ее форму, заливку и обводку;
  • «Path» (Контур), когда создается векторный контур, выполняющий вспомогательные функции. Такой прямоугольник не является частью изображения, но может быть преобразован, к примеру, в область выделения или использован для получения векторной маски. Все нарисованные в режиме «Path» контуры являются элементами временными до тех пор, пока не будут сохранены. Для управления контурами в Photoshop имеется панель «Paths» (Контуры). Любой контур, как примитив векторный, всегда может быть отредактирован;
  • «Pixels» (Пикселы), когда к документу добавляется энное количество пикселей заданного цвета. Такой прямоугольник сразу становится частью растровой картинки. При рисовании в режиме «Pixels» не создается никаких векторных контуров и не добавляется никаких дополнительных слоев. Нарисованный в нем четырехугольник займет отведенное ему место в текущем слое. В дальнейшем работать с ним можно точно так же, как и с любым другим растровым изображением.

Прямоугольники, нарисованные в режимах: 1 — Shape; 2 — Path; 3 — Pixels

Для выбора режима, в котором требуется нарисовать прямоугольник, следует обратиться к «Options Bar» (Панели опций), когда инструмент «Rectangle Tool» уже активен. Все возможные режимы представлены в раскрывающемся списке «Pick tool mode» (что в русской версии Photoshop переведено как «Режим инструмента выбора», хотя более верным был бы перевод «Выбор режима работы инструмента»).

Раскрывающийся список Pick tool mode для инструмента Rectangle Tool

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

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

Далее речь пойдет лишь о тех уникальных параметрах инструмента «Rectangle Tool», которые определяют форму, размеры и место расположения прямоугольника.

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

В самом общем случае для того, чтобы нарисовать прямоугольник в Photoshop, необходимо:

  • Взять инструмент «Rectangle Tool»;
  • Выбрать режим рисования из выпадающего списка «Pick tool mode»;
  • Нажать левую кнопку мыши в том месте окна документа, где должна будет расположиться одна из вершин прямоугольника;
  • Удерживая левую кнопку мыши в нажатом положении, переместить курсор в точку, где должна будет находиться его противоположная вершина;
  • Отпустить кнопку мыши.

Но это далеко не единственный способ нарисовать прямоугольник в Photoshop. Для определения необходимой формы и размеров будущей геометрической фигуры можно прибегнуть к помощи выпадающего меню с параметрами инструмента «Rectangle Tool» или воспользоваться диалоговым окном «Create Rectangle». Кроме того, в процессе построения прямоугольника можно пользоваться горячими клавишами.

Панель опций

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

Выпадающее меню с параметрами инструмента Rectangle Tool

Для инструмента «Rectangle Tool» на панели опций доступны следующие параметры:

  • «Unconstrained» (Произвольно), который активен по умолчанию. Его использование позволяет рисовать прямоугольники произвольных форм и размеров придерживаясь представленной чуть выше последовательности действий;
  • «Square» (Квадрат), выбор которого приведет к тому, что все стороны и углы нарисованного четырехугольника будут равны между собой;
  • «Fixed Size» (Заданный размер), при активации которого можно сразу определить точные размеры будущего прямоугольника. При его выборе становятся доступны два текстовых поля: «W» (Ш) и «H» (В), в которые можно ввести, соответственно, требуемую ширину и высоту прямоугольника. Тогда останется только указать место, где должна расположиться фигура;
  • «Proportional» (Задать пропорции), при активации которого можно задать соотношение сторон будущего прямоугольника. При его выборе также становятся доступны два поля: «W» (Ш) и «H» (В), в которые можно ввести, соответственно, требуемое отношение ширины прямоугольника к его высоте. Тогда при рисовании четырехугольника он всегда будет иметь указанные пропорции;
  • «From Center» (От центра), при включении которого начальной точкой при рисовании прямоугольника будут не одна из вершин, а его геометрический центр. Данная опция может быть использована совместно с любым из вышеперечисленных параметров.

Процесс рисования прямоугольника при выборе различных параметров для инструмента Rectangle Tool: 1 — Unconstrained; 2 — Unconstrained + From Center; 3 — Square; 4 — Square + From Center; 5 — Fixed Size; 6 — Fixed Size + From Center; 7 — Proportional; 8 — Proportional + From Center

Горячие клавиши

При работе с инструментом «Rectangle Tool» можно пользоваться горячими клавишами. Так, если в процессе рисования прямоугольника:

  • Нажать и удерживать клавишу [Shift], то создаваемый прямоугольник будет иметь форму квадрата. Рисование прямоугольника с нажатой клавишей [Shift] протекает точно так же, как если бы для инструмента «Rectangle Tool» был выбран параметр «Square»;
  • Нажать и удерживать клавишу [Alt], то базовой точкой создаваемого прямоугольника будет его геометрический центр. То есть действие нажатой клавиши [Alt] равносильно активации опции «From Center» для инструмента «Rectangle Tool»;
  • Нажать и удерживать одновременно сразу две клавиши: [Alt] и [Shift], то создаваемый прямоугольник будет квадратом, а его базовой точкой будет его геометрический центр. Иными словами, клавиши [Alt] и [Shift] имеют тот же эффект, что параметр «Square» в сочетании с опцией «From Center», установленные для инструмента «Rectangle Tool» на панели опций;
  • Нажать и удерживать клавишу [Space] (Пробел), то можно изменить расположение создаваемого прямоугольника, а после отпуска клавиши продолжить рисование фигуры, но уже на новом месте.

Процесс рисования прямоугольника с использованием горячих клавиш: 1 — Shift; 2 — Alt; 3 — Alt+Shift; 4 — Space

Диалоговое окно Create Rectangle

Задать размеры прямоугольника в Photoshop можно в специальном диалоговом окне.

Если взять инструмент «Rectangle Tool», но не спешить растягивать прямоугольник в окне документа, а лишь кликнуть в том месте, из которого Вы планировали начать, то на экран будет выведено диалоговое окно «Create Rectangle» (Создать прямоугольник).

Диалоговое окно Create Rectangle

В окошке этом имеется два текстовых поля: «Width» (Ширина) и «Height» (Высота), куда можно ввести желаемые габариты фигуры. Также в нем есть возможность активировать опцию «From Center» (От центра).

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

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

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

к статье

Источник: http://KatalProject.ru/publ/photoshop/rectangle_tool/4-1-0-6

Фигуры в фотошопе: как нарисовать или вставить?

Рисуем прямоугольники в Фотошопе

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

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

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

  • Режим инструмента выбора. Здесь можно выбрать одно из трёх.
  1. Фигура. Значение установлено по умолчанию, и при нём создаётся векторная геометрическая фигура на отдельном слое, то есть происходит то, чего вы от инструмента и ждёте.
  2. Контур. Рисуется контур фигуры без заливки.
  3. Пикселы. Создаётся не векторная, а растровая фигура.
  • Заливка. Позволяет настроить цвет и тип (градиент, штриховку) нарисованной фигуры.
  • Обводка. Настройки контура фигуры: толщина, тип, цвет.
  • Ширина и высота. Позволяют уточнить размер фигуры, когда непозволительно делать это «на глаз».

Как всегда, создайте новый документ с белым фоном. Остальные параметры можно оставить по умолчанию или выбрать на своё усмотрение.

Прямоугольник

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

На панели параметров нажмите значок . Откроется окно геометрических настроек.

По умолчанию переключатель установлен в положение Прямоугольник. Если вы установите его в положение Квадрат, то при рисовании всегда будете получать фигуру с одинаковой длиной сторон. Аналогичного эффекта можно добиться и не нажимая флажок: для получения квадрата в процессе рисования прямоугольника достаточно удерживать нажатой клавишу Shift.

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

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

Флажок От центра позволяет рисовать прямоугольник от центра, а не из крайней точки.

Прямоугольник со скруглёнными углами

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

Эллипс

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

Многоугольник

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

Окно геометрических настроек от предыдущих фигур заметно отличается.

  • Радиус. В этом поле задаётся радиус будущего многоугольника.
  • Сгладить внешние углы. Если флажок установлен, то углы скруглены, если нет — углы острые, как в классическом многоугольнике.
  • Звезда. Установите флажок, если на выходе хотите получить звезду.
  • Глубина лучей. Это поле ввода задаёт, насколько длинными будут лучи.
  • Сгладить внутренние углы. Установите этот флажок если хотите, чтобы внутренние углы были скруглены, как показано на рисунке ниже.

Линия

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

  • Начало. Если флажок установлен, вместо линии вы получите стрелку, которая будет нарисована в месте, где вы щёлкнули кнопкой мыши.
  • Конец. Установите флажок, чтобы стрелка добавлялась в конец линии.
  • Ширина. Указывается в процентах по отношению к толщине (её можно задать на панели параметров в одноимённом поле).
  • Длина. Считается так же, как и ширина — по отношению к толщине, в процентах.
  • Кривизна. Значение указывается в диапазоне от -50% до 50% и определяет, насколько будет изогнута самая широкая часть стрелки. На рисунке изображены стрелки кривизной 0%, 30% и 50% (сверху вниз).

Произвольная фигура

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

Если щёлкнуть на шестерёнке, расположенной в правой части окна, откроется меню дополнительных параметров, содержащее категории фигур.

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

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

Полезные ссылки:

Источник: https://www.seostop.ru/fotoshop/figury.htm

Поделиться:
Нет комментариев

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

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.