Как сделать прямоугольник в фотошопе

Рисование прямоугольных фигур с помощью инструмента «Прямоугольник»

Инструмент «Прямоугольник» позволяет рисовать прямоугольные фигуры (векторные или пиксельные) и контуры фигур.

Выберите инструмент «Прямоугольник» (U) .

На панели «Параметры» настройте нужные эффекты инструмента, например заливку, обводку, ширину и высоту.

• Рисование прямоугольника: перетащите курсор по диагонали в любом направлении.
• Рисование квадрата: перетащите курсор по диагонали в любом направлении, удерживая нажатой клавишу Shift.
• Рисование от центра: расположите курсор-перекрестие в желаемом центре фигуры или контура и, удерживая клавишу Alt (Windows) или Option (macOS), перетащите курсор по диагонали к любому из углов.

Рисование и редактирование фигур

Узнайте, как создавать фигуры на холсте и использовать функцию «Свойства интерактивной формы» для взаимодействия с фигурами.

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

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

• Создание фигур
• Рисование произвольной фигуры
• Доступ к устаревшим пользовательским фигурам

• Заливка и обводка фигур
• Рисование звезды с помощью инструмента «Многоугольник»
• Рисование фигур в форме сердца в Photoshop

Создание фигур

Выполните эти быстрые действия для создания фигур в Photoshop:

Выберите инструмент «Фигура» На панели инструментов, нажмите и удерживайте значок группы инструментов Фигура (), чтобы вызвать различные варианты инструмента «Фигура» — Прямоугольник, Эллипс, Треугольник, Многоугольник, Линия и Произвольная фигура . Выберите инструмент для рисования нужной фигуры.

Настройка параметров инструментов группы «Фигура» На панели параметров инструментов группы «Фигура» можно задать следующие настройки:

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

• Удерживайте клавишу Shift во время рисования, чтобы сделать фигуры пропорциональными.
• Выбрав слой-фигуру, используйте инструмент Перемещение , чтобы перемещать фигуру и менять ее расположение на холсте.
• Чтобы легко масштабировать, трансформировать или поворачивать фигуру, выберите Редактирование > Свободное трансформирование или нажмите клавиши Control+T (Win) / Command+T (Mac).

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

Можно использовать элементы управления трансформированием и скруглением на холсте для коррекции внешнего вида фигуры. Модификаторы клавиатуры будут управлять трансформированием на холсте так же, как при использовании инструмента Трансформирование в Photoshop. Можно изменять радиус всех углов прямоугольника одновременно: удерживайте клавишу Alt (Win) или Option (Mac) во время перетаскивания для изменения радиуса одного угла. У треугольников изменяются все углы, даже если перетащить только один из них. С легкостью поворачивайте фигуру с помощью маркера поворота на холсте, который появляется при наведении курсора мыши на фигуру. Щелкните значок сброса () на панели «Свойства», чтобы сбросить сразу все изменения.

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

3 способа как в фотошопе нарисовать квадрат и прямоугольник

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

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

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

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

Способ 1. Инструмент произвольная фигура

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

На панели инструментов выберите инструмент Произвольная фигура. Дальше возможны два варианта развития событий:

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

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

В дальнейшем вы можете без потери качества изменять размеры этой фигуры. Для этого используйте инструмент Свободное трансформирование — Ctrl+T , и с помощью угловых маркеров изменяйте размер.

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

Вариант 2. Стандартный (растровый) квадрат/прямоугольник

Чтобы нарисовать сразу растровую фигуру используйте на панели параметров настройку Выполнить заливку пикселов. Но прежде чем начать ее рисовать — создайте новый слой!

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

Как сделать прямоугольник квадратным

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

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

По умолчанию размеры определяются пикселями. Если вы хотите изменить единицу измерения, сначала введите в поле какое-либо значение, а затем кликните по нему правой кнопкой мыши. Появится окно выбора единиц измерения. Доступно: пиксели, дюймы, сантиметры, миллиметры, пункты и пики.

Прямоугольник или квадрат со скругленными углами

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

Способ 2. Обводка выделенной области

Этот способ простой, как 5 копеек. выберите инструмент Прямоугольная область и нарисуйте прямоугольник пунктирной линией. Чтобы нарисовать квадрат удерживайте нажатой клавишу Shift .

Теперь нужно сделать обводку границ этой выделенной области. Для этого перейдите в Редактирование — Выполнить обводку.

Затем в новом окне настройте вид обводки: укажите толщину рамки, желаемый цвет и отметьте как будет проходить обводка:

• Внутри — значит рамка ляжет по внутренней стороне выделенной области;
• По центру — значит рамка разделится поровну на часть проходящую внутри выделения и на часть со внешней стороны;
• Снаружи — значит рамка будет огибать пунктир выделения.

Вот как может получиться:

На скриншоте выше я специально не убрал пунктирную линию, поскольку у вас она также не исчезнет. Чтобы окончательно от нее избавиться нажмите Ctrl+D .

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

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

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

Способ 3. Модификация выделения

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

Итак, нужно вновь выбрать инструмент Прямоугольная область, нарисовать рамку будущего прямоугольника или квадрата (с клавишей Shift ), а затем отправляемся в меню Выделение и выбираем команду Модификация — Граница.

Появится новое окно, в котором, в нашем случае, мы указываем ширину границы прямоугольника. Допустим, укажу 7 пикселей. Получим такой результат:

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

Останется только снять выделение — Ctrl+D . Думаю этот способ подходит только для своих редких специфических задач, поскольку растушевка и подрезанные углы только все портят.

Инструменты Прямоугольная и Овальная области в фотошопе

На панели инструментов самая первая группа — это инструменты для создания выделенной области — Прямоугольная область (Rectangular Marquee Tool) и Овальная область (Elliptical Marquee Tool). Их главная задача — создание выделенной области прямоугольной или овальной формы. Посмотрите на картинке как выглядят иконки и где они расположены на панели:

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

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

Почему в одной статье идет речь сразу о двух инструментах? — Потому что они одинаковые. Разница только в форме рамки с марширующими муравьями: в первом случае она прямоугольная, а во-втором — овальная.

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

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

1. нужно отредактировать только то, что вы выделили рамочкой, не испортив то, что за ее пределами;
2. нужно скопировать и вставить выделенный фрагмент;
3. перемещение выделенного фрагмента (чтобы переместить выделение, выберите инструмент Перемещение, а затем перетащите фрагмент);
4. для создания обводки.

Как пользоваться инструментами Прямоугольная и Овальная области

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

Вот как она выглядит:

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

Описание параметров инструментов

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

(кликните, чтобы увеличить)

1 Элемент — Набор параметров инструмента

Набор параметров представляет из себя меню с ранее сохраненными настройками инструмента. По умолчанию оно пустое.

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

2 Элемент — Группа элементов для создания выделенной области

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

Новая выделенная область

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

Добавить к выделенной области

Если вы щелкните по данной кнопке или нажмете и будете удерживать клавишу Shift , фотошоп добавит к указателю крошечный значок + (плюс), чтобы вы знали, что все, что вы выделите следующим, будет добавлено к текущей выделенной области.

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

Вычитание из выделенной области

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

Пересечение с выделенной областью

Если вы нажмете эту кнопку после того, как выделите область, фотошоп позволит нарисовать еще одну, частично перекрывающую первую. Марширующие муравьи появятся там, где пересекаются два выделения. Это немного непонятно, но не беспокойтесь, потому что вы редко будете использовать данный режим (а может и никогда). Используемое здесь сочетание клавиш — Shift+Alt .

3 Элемент — Растушевка

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

4 Элемент — Сглаживание

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

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

5 и 6 Элементы — Стиль и размеры

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

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

7 Элемент — Уточнить край

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

Чтобы нарисовать идеально квадратную или круглую выделенную область, нажмите и удерживайте клавишу Shift . Если вы хотите нарисовать от центра к краю (а не из угла в угол), нажмите и удерживайте клавишу Alt .

Если вам необходимо нарисовать идеально квадратную или круглую выделенную область от центра к краю, нажмите и удерживайте сочетание клавиш Alt+Shift .

Чтобы отменить выделение используйте комбинацию клавиш Ctrl+D .