Как нарисовать прямоугольник в фотошопе
Хоть квадрат и прямоугольник это простейшие геометрические фигуры, но, чтобы их нарисовать в фотошопе, нужно приложить некоторые усилия и обладать базовыми знаниями. Новичок без должной подготовки, скорее всего, не справится с этой задачей.
В этой статье разберем 3 самых популярных способа как нарисовать прямоугольник или квадрат в фотошопе.
Но прежде, чем приступить к выбору способа рисования, нужно определиться с будущими параметрами. Прямоугольник/квадрат может быть:
- залит сплошным цветом или только с отрисовкой границ;
- произвольный или с точно заданными размерами;
- с возможностью в любое время менять его размеры без потери качества.
Способ 1. Инструмент произвольная фигура
В этом способе прямоугольник или квадрат будут нарисованы залитым сплошным цветом. Если вам нужна только граница, переходите к следующим двум способам.
На панели инструментов выберите инструмент Произвольная фигура. Дальше возможны два варианта развития событий:
Вариант 1. Квадрат или прямоугольник с дальнейшей возможностью изменять размеры без потери качества
Здесь, конечно, подразумевается использование векторной фигуры. Чтобы ее нарисовать нужно выбрать параметр Слой-фигура:
В дальнейшем вы можете без потери качества изменять размеры этой фигуры. Для этого используйте инструмент Свободное трансформирование — Ctrl+T , и с помощью угловых маркеров изменяйте размер.
Для тех кто не знает : векторные фигуры состоят не из пикселей, а из специальные математических формул. Поэтому изменение размера — это не процесс растягивания/сжатия пикселей, а сложный математический пересчет, за счет чего не происходит никакой потери качества.
Вариант 2. Стандартный (растровый) квадрат/прямоугольник
Чтобы нарисовать сразу растровую фигуру используйте на панели параметров настройку Выполнить заливку пикселов. Но прежде чем начать ее рисовать — создайте новый слой!
Но на самом деле можно рисовать сразу и векторный, а потом просто растрировать его. Тут уже выбирайте сами.
Как сделать прямоугольник квадратным
Обыкновенное правило с зажатой клавишей Shift с произвольными фигурами не работает. Поэтому нужно воспользоваться панелью параметров инструмента и выбрать настройку, чтобы фотошоп рисовал именно квадрат.
В этой же панели, обратите внимание, вы можете указать точный размер необходимого прямоугольника/квадрата или рисовать его по заранее определенным пропорциям.
По умолчанию размеры определяются пикселями. Если вы хотите изменить единицу измерения, сначала введите в поле какое-либо значение, а затем кликните по нему правой кнопкой мыши. Появится окно выбора единиц измерения. Доступно: пиксели, дюймы, сантиметры, миллиметры, пункты и пики.
Прямоугольник или квадрат со скругленными углами
Чтобы получить фигуру со скругленными углами, делайте все то же самое, что описано выше, но в самом начале выберите инструмент Прямоугольник со скругленными краями. На панели параметров инструмента нужно будет указать только радиус закругления.
Способ 2. Обводка выделенной области
Этот способ простой, как 5 копеек. выберите инструмент Прямоугольная область и нарисуйте прямоугольник пунктирной линией. Чтобы нарисовать квадрат удерживайте нажатой клавишу Shift .
Теперь нужно сделать обводку границ этой выделенной области. Для этого перейдите в Редактирование — Выполнить обводку.
Затем в новом окне настройте вид обводки: укажите толщину рамки, желаемый цвет и отметьте как будет проходить обводка:
- Внутри — значит рамка ляжет по внутренней стороне выделенной области;
- По центру — значит рамка разделится поровну на часть проходящую внутри выделения и на часть со внешней стороны;
- Снаружи — значит рамка будет огибать пунктир выделения.
Вот как может получиться:
На скриншоте выше я специально не убрал пунктирную линию, поскольку у вас она также не исчезнет. Чтобы окончательно от нее избавиться нажмите Ctrl+D .
В этом способе, чтобы нарисовать фигуру точного размера, нужно сперва на панели параметров инструмента Прямоугольная область указать Стиль — Заданный размер или Заданные пропорции. После этого станут активными поля, куда введите значения ширины и высоты в пикселях. Кликом правой кнопкой мыши по одному из этих полей вызовет меню изменения единиц измерения.
Способ 2.1 Закрашивание выделения
Самый банальный способ рисования прямоугольника — нарисовать рамку выделения (как описано выше) и просто закрасить ее любым цветом. Вот вам и прямоугольник или квадрат.
Способ 3. Модификация выделения
На самом деле этот способ мне меньше всего нравится из-за очевидного минуса — углы прямоугольника будут подрезанными, а сама граница рамки в состоянии растушевки и повлиять на эти факты не представляется возможным.
Итак, нужно вновь выбрать инструмент Прямоугольная область, нарисовать рамку будущего прямоугольника или квадрата (с клавишей Shift ), а затем отправляемся в меню Выделение и выбираем команду Модификация — Граница.
Появится новое окно, в котором, в нашем случае, мы указываем ширину границы прямоугольника. Допустим, укажу 7 пикселей. Получим такой результат:
А теперь нужно просто закрасить получившуюся рамку. Для этого подойдет инструмент Кисть. Здесь, кстати, можно подойти к вопросу более творчески и закрасить, например, разными цветами. Результат:
Останется только снять выделение — Ctrl+D . Думаю этот способ подходит только для своих редких специфических задач, поскольку растушевка и подрезанные углы только все портят.
Узнайте, как в Photoshop работать с инструментом «Прямоугольник».
Инструмент «Прямоугольник» позволяет рисовать прямоугольники и прямоугольники со скругленными углами на холсте.
Выберите инструмент Прямоугольник
На панели инструментов щелкните и удерживайте значок группы инструментов Фигура (), чтобы вызвать различные варианты инструмента «Фигура». Выберите инструмент Прямоугольник .
Настройте свойства фигуры инструмента «Прямоугольник»
На панели параметров инструментов группы «Фигура» можно задать следующие настройки:
- «Режим»: задайте режим для инструмента «Прямоугольник» — «Фигура», «Контур» и «Пиксели».
- «Заливка»: выберите цвет заливки прямоугольной фигуры.
- «Обводка»: выберите цвет, ширину и тип обводки фигуры.
- «Ширина обводки»: вручную укажите ширину обводки прямоугольника.
- Stroke type (Тип обводки): выберите тип обводки для построения прямоугольника.
- Shape W&H (Ш и В фигуры): вручную задайте ширину и высоту фигуры.
- «Операции с контуром»: используйте операции с контуром для настройки взаимодействия нарисованных прямоугольников друг с другом.
- «Выравнивание контура»: используйте этот параметр для выравнивания и распределения прямоугольников.
- «Упорядочение контура»: используйте этот параметр для настройки порядка расположения создаваемых прямоугольников.
- Дополнительные параметры фигур и контуров: щелкните значок шестеренки () для доступа к дополнительным параметрам прямоугольных фигур и контуров, чтобы задать такие атрибуты, как ширина и цвет отображаемого на экране контура, и параметры соблюдения пропорций при построении прямоугольника.
- Radius of rounded corners (Радиус скругления углов): вручную задайте радиус скругления углов прямоугольника.
Рисование прямоугольника
Щелкните холст, чтобы вызвать диалоговое окно «Создание прямоугольника». В этом диалоговом окне можно вручную задать размер, радиусы углов прямоугольника и выбрать выравнивание по центру. Для применения изменений нажмите кнопку «ОК». Разместите и перетащите указатель мыши на холсте, чтобы нарисовать прямоугольник. При этом автоматически создается новый слой на панели «Слои».
На панели инструментов самая первая группа — это инструменты для создания выделенной области — Прямоугольная область (Rectangular Marquee Tool) и Овальная область (Elliptical Marquee Tool). Их главная задача — создание выделенной области прямоугольной или овальной формы. Посмотрите на картинке как выглядят иконки и где они расположены на панели:
Как видите, в этой группе имеются еще другие инструменты: горизонтальная и вертикальная строка.
Прежде всего я рекомендую почитать статью, которая объяснит, что такое выделение и выделенная область. Что скрывается под этими понятиями, для чего они нужны в фотошопе и как вы можете понять их принцип действия. Освоив эту информацию, можно переходить к прямоугольной и овальной областям, поскольку они относятся к инструментам для создания выделения.
Почему в одной статье идет речь сразу о двух инструментах? — Потому что они одинаковые. Разница только в форме рамки с марширующими муравьями: в первом случае она прямоугольная, а во-втором — овальная.
Выбрав нужную форму и настроив ее на панели параметров, мы можем создавать выделения в документе, для их дальнейшего редактирования.
В каких случаях нам нужны выделения я писал в этой статье. Отмечу лишь самые популярные причины использования выделения:
- нужно отредактировать только то, что вы выделили рамочкой, не испортив то, что за ее пределами;
- нужно скопировать и вставить выделенный фрагмент;
- перемещение выделенного фрагмента (чтобы переместить выделение, выберите инструмент Перемещение, а затем перетащите фрагмент); .
Как пользоваться инструментами Прямоугольная и Овальная области
Выберите на панели нужную форму (прямоугольник или овал) выделения, настройте ее на панели параметров (как это можно сделать речь пойдет ниже), затем зажмите левую клавишу мыши над вашим изображением и, не отпуская клавишу мыши, ведите ее в сторону. Вы увидите, как будет появляться рамочка с движущимися пунктирными линиями (их называют «марширующие муравьи»). Нарисовав рамочку нужного размера, отпустите кнопку мыши. Все, приступайте к редактированию.
Вот как она выглядит:
Таким образом, инструменты Прямоугольная и Овальная области необходимы для создания выделения в фотошопе.
Описание параметров инструментов
Панель параметров позволяет более детально настроить рамочку выделения, которая подойдет для любой, даже самой сложной цели. Рассмотрим ее поближе.
(кликните, чтобы увеличить)
1 Элемент — Набор параметров инструмента
Набор параметров представляет из себя меню с ранее сохраненными настройками инструмента. По умолчанию оно пустое.
Это полезная функция в случае, если вы часто чередуете определенные настройки. Как она работает: установить определенные значения на панели параметров, затем перейдите в меню наборов и выберите команду Сохранить . Данный элемент является универсальным для каждого инструмента, поэтому более подробно о нем читайте в статье Управление наборами в фотошопе.
2 Элемент — Группа элементов для создания выделенной области
В данную группу входят четыре кнопки, о которых я подробно упомянул в статье, посвященной выделению в фотошопе. Но вкратце я еще раз опишу, что каждая кнопка из себя представляет.
Новая выделенная область
Это стандартный режим, он включается по умолчанию, когда вы впервые рисуете рамочку выделения.
Добавить к выделенной области
Если вы щелкните по данной кнопке или нажмете и будете удерживать клавишу Shift , фотошоп добавит к указателю крошечный значок + (плюс), чтобы вы знали, что все, что вы выделите следующим, будет добавлено к текущей выделенной области.
Этот режим удобен, если вы выбрали почти все, что хотели, но заметили что кое-что пропустили. Вместо того, чтобы начинать сначала, можно переключиться в этот режим и обвести область, как будто создаете новую.
Вычитание из выделенной области
Нажав эту кнопочку или нажав и удерживая клавишу Alt , вы добьетесь противоположного эффекта. Под указателем мыши появится крошечный значок — (минус) сообщающий, что вы находитесь в режиме вычитания из выделения.
Пересечение с выделенной областью
Если вы нажмете эту кнопку после того, как выделите область, фотошоп позволит нарисовать еще одну, частично перекрывающую первую. Марширующие муравьи появятся там, где пересекаются два выделения. Это немного непонятно, но не беспокойтесь, потому что вы редко будете использовать данный режим (а может и никогда). Используемое здесь сочетание клавиш — Shift+Alt .
3 Элемент — Растушевка
Если вам требуется смягчить края выделения так, чтобы они вписывалась в фон или в другое изображение, используйте Растушевку. Она позволяет сделать так, чтобы одно изображение мягко растворялось в другом.
4 Элемент — Сглаживание
Установите этот флажок, чтобы сгладить цветовой переход между пикселями по краям выделенной области и пикселями фона. Как и растушевка, оно немного смягчает по краям, чтобы изображения лучше сливались, однако вы не можете контролировать степень сглаживания.
Рекомендуется оставить этот флажок установленным, если вы не хотите, чтобы края были очень резкими, зубчатыми и грубыми. Подробнее о сглаживании.
5 и 6 Элементы — Стиль и размеры
Если вам потребуется ограничить выделенную область фиксированным размером или пропорцией (так, чтобы отношения между ее шириной и высотой не менялись), вы можете выбрать из раскрывающегося списка вариант Заданный размер или Заданная пропорция, а затем ввести желаемые значения в появившиеся поля ширины и высоты (6 элемент).
Оставив выбранным вариант Обычный, вы сможете нарисовать выделенную область любого размера.
7 Элемент — Уточнить край
Данная кнопка позволяет перейти в диалоговое окно Уточнить край. В этом окне подробнейшим и детальнейшим образом, можно настроить края выделенной области. Это особенно актуально, когда нужно создать выделение волос, шерсти, травы и других очень мелких и насыщенных количеством деталей.
Чтобы нарисовать идеально квадратную или круглую выделенную область, нажмите и удерживайте клавишу Shift . Если вы хотите нарисовать от центра к краю (а не из угла в угол), нажмите и удерживайте клавишу Alt .
Если вам необходимо нарисовать идеально квадратную или круглую выделенную область от центра к краю, нажмите и удерживайте сочетание клавиш Alt+Shift .
В этой статье вы научитесь рисовать в фотошопе разные виды треугольника: равносторонний, равнобедренный, разносторонний и прямоугольный.
Как нарисовать равносторонний треугольник
У равностороннего треугольника все три стороны равны.
Самый простой вариант нарисовать в фотошопе такой треугольник — с помощью инструмента Многоугольник.
Выберите этот инструмент и на панели настроек сразу укажите количество сторон — 3.
Следующим этапом нужно определиться каким должен быть будущий треугольник: векторной фигурой, растровым со сплошной заливкой или нужен только контур. Рассмотри все варианты.
Векторный треугольник
На панели параметров выберите опцию Слой-фигура.
Теперь можно рисовать и сам треугольник. Во время создания вы будете видеть его границы. Это нужно для того, чтобы рассчитать его размеры. Также, пока не отпустили клавишу мыши, можно его крутить.
Векторный треугольник хорош тем, что можно быстро сменить его цвет, а также безболезненно изменить его размеры без потери качества. Для этого вызовете команду Свободного трансформирования — Ctrl+T .
Чтобы позже превратить его в растровый треугольник, используйте команду Растрировать.
Растровый треугольник со сплошной заливкой
Получится такой же треугольник, что и примером выше, но он будет сразу в растре.
Для этого на панели параметров нужно выбрать настройку Выполнить заливку пикселов.
Перед созданием такого треугольника, нужно первоначально создать для него новый слой.
Теперь рисуйте фигуру и она будет как самый обычный элемент растрового изображения.
Как нарисовать контур равностороннего треугольника
Для такой фигуры выберите на панели параметров опцию Контуры.
Рисуйте треугольник. У вас, естественно, получится только его контур. Далее, при этом же выбранном инструменте, сделайте клик правой кнопкой мыши внутри контура. Появится контекстное меню. Выберите команду Образовать выделенную область.
Откроется диалоговое окно. Радиус растушевки оставьте 0. Жмите Ок.
В итоге мы из контура сделали выделенную область.
А теперь, как в примерах с квадратом и кругом, можно сделать обводку выделенной области.
Для этого выполните команду Редактирование — Выполнить обводку. Появится окно, в котором укажите толщину линии обводки, а также как она будет проходить относительно пунктирной линии выделения: внутри, по центру, снаружи.
Фотошоп сделал обводку, теперь уберите пунктир выделения, чтобы не мешал — Ctrl+D . Результат:
Как нарисовать равнобедренный треугольник
У равнобедренного треугольника две стороны равны.
Разберем пример, когда нужно нарисовать равнобедренный треугольник заданных размеров. Допустим, основание 300 пикселей и высота 400 пикселей.
Создадим новый документ в фотошопе, который будет превышать будущие размеры треугольника, например, 600 на 600 пикселей.
Теперь с помощью направляющих и инструмента Линейка наметим габариты треугольника. Для этого сначала создайте горизонтальную направляющую ближе к низу документа (это будет основание). Затем вертикальную направляющую ближе к левому краю (от нее будем считать ширину):
Итак, основание (оно же ширина) договорились будет 300 пикселей. Отмеряем это расстояние от левой направляющей. Для этого возьмите инструмент Линейка и проложите прямой отрезок измерения (с зажатой клавишей Shift ). На панели параметров смотрите в поле Ш.
В точке, где будет 300 пикселей проложите еще одну направляющую.
Теперь тоже самое сделаем с измерением высоты, напомню, она 400 пикселей. Отмеряем от нижней направляющей.
Так получили габариты треугольника в соответствии с заданными размерами. Теперь в этом прямоугольнике нужно нарисовать треугольник.
Нужно отметить, где проходит середина. Поскольку ширина 300 пикселей, то середина будет проходить на 150. Отсчитаем это расстояние Линейкой и проведем там еще одну направляющую.
Возьмите инструмент Линия (расположен там же, где и многоугольник). На панели параметров выберите опцию в зависимости от того, какой треугольник нужен. Здесь прямая аналогия с тем, что было описано у равностороннего треугольника. Я выберу Слой-фигуру.
Теперь, начиная с вершины, соединяйте углы треугольника линией. Благодаря направляющим, линия будет примагничиваться четко к центру пересечений, а значит нарисуем фигуру ровно пиксель в пиксель.
Объедините три стороны в один слой.
Для этого выделите их на палитре, а затем вызовете контекстное меню и выберите команду Объединить слои.
Равнобедренный треугольник по заданным размерам нарисован!
Как нарисовать разносторонний треугольник
В разностороннем треугольнике все стороны различны.
Для того, чтобы нарисовать такой треугольник, выберите инструмент Прямолинейное лассо. С помощью него можно произвольно начертить все три стороны. Главное соединить начальную и конечную точку.
В результате получится выделенная область.
После этого, либо сделайте обводку выделения, либо закрасьте все выделение цветом. Это уже разбирали выше. Потом снимите пунктир выделения — Ctrl+D .
Как нарисовать прямоугольный треугольник
В прямоугольном треугольнике один из углов равен 90 градусов.
Если нужен прямоугольный треугольник с заранее известными размерами, например, размеры катетов 200 и 300 пикселей, то проще всего сделать следующим образом:
Создайте новый документ в фотошопе с высотой и шириной равными размерам катетов: например, ширина пусть 300 пикселей, а высота 200 пикселей.
Рабочая область в фотошопе всегда прямоугольной формы, поэтому угол в 90 градусов будет уже обеспечен. Две стороны прямоугольника — его катеты. Останется только провести диагональ — это будет гипотенузой.
Будем действовать по аналогии с примером выше. Берем инструмент Линия и ставим опцию Слой-фигура.
Теперь обводим линией по краям и соединяем две точки по диагонали:
На палитре слоев опять три слоя-фигуры. Их можно объединить в один слой (команда Объединить слои).
Прямоугольный треугольник готов, можно закрасить его в какой-нибудь цвет:
Пожалуй, самая распространенная геометрическая фигура это прямоугольник или квадрат, что по сути одно и то же. Единственное отличие в том, что у квадрата все стороны равны.
Но разговор не о том. В этом уроке по Фотошопу вы узнаете, как сделать прямоугольник двумя методами. Приступим!
Метод №1: С помощью инструмента «Прямоугольник»
Переходим к панели инструментов в левой части экрана, и находим группу “Фигуры”, где, при наведении, откроется список со всеми доступными фигурами. Нам нужен самый первый – “Прямоугольник”.
Благодаря этому потрясающему инструменту мы сможем построить прямоугольник любых размеров с нужным соотношением сторон. При этом качество не будет ухудшаться даже при масштабировании, т.к. фигура создается в векторе. Задать нужные параметры фигуры можно в верхнем горизонтальном меню программы. В основном задаются настройки заливки, границы и толщины линий, образующих фигуру.
Благодаря зажатой клавише SHIFT вы сможете нарисовать на холсте прямоугольник с равными сторонами – т.е. квадрат. Также вы можете изначально задать размеры фигуры в верхней панели:
После того, как вы зададите размеры, нужно кликнуть мышкой на холст, после чего появится небольшое окошко, в котором потребуется подтвердить создание прямоугольника с заданными параметрами. Если все нормально, то просто кликаем “ОК”.
Метод №2: С помощью инструмента “Выделенная область”
Этим способом мы пользуемся реже, но иногда он выручает. Чтобы нарисовать прямоугольник нам понадобится в панели инструментов найти группу “Выделение” и в раскрывшемся списке выбрать “Прямоугольная область”. См. скриншот ниже:
Если вы не в первый раз открываете программу Фотошоп, то должны знать, что это за инструмент.
Для начала нам нужно будет создать выделенную область в виде прямоугольника на холсте. Опять же, если хотите, чтобы получился квадрат, зажмите клавишу SHIFT.
Теперь нам нужно залить прямоугольную область. Вызвать окно с параметрами заливки можно благодаря комбинации горячих клавиш SHIFT+F5.
В пункте содержание можно выбрать желаемый метод заливки. Если стоит “Основной цвет”, то прямоугольник закрасится, цветом, который выбран в палитре цветов в качестве основного. В нашем случае это красный:
Можно поступить еще проще и выбрать в панели инструментов “Заливку”, а потом кликнуть по выделенной области на холсте.
Чтобы снять выделение, достаточно кликнуть по любой другой части холста или нажать сочетание клавиш CTRL+D.
Важно! Обратите внимание, что и у инструмента “Прямоугольная область” есть панель с настройками наверху, где вы сможете задать желаемые настройки, включая пропорции фигуры.
На этом наш небольшой урок о том, как нарисовать прямоугольник в программе Фотошоп, подошел к концу.
Читайте также: