Как нарисовать прозрачный квадрат в фотошопе. Фигуры в фотошопе: как нарисовать или вставить? Рисование прямоугольных выделений

При подготовке картинок к публикации в интернет, иногда требуется добавить простую прямоугольную рамку.

Просто нарисовать прямоугольник в Фотошоп.

Поэтому новички и задаются вопросом “Как нарисовать прямоугольник в Фотошоп”.

На самом деле процедура достаточно простая.

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

Шаг 1. Открываем картинку, на которой нужно нарисовать прямоугольник

Шаг 2 . Создаем новый слой и уже на новом слое будем рисовать прямоугольник, чтобы создать новый слой просто нажмите на соответствующую иконку на панели Layers

Шаг 3 . Сделайте новый слой активным, просто щелкните по нему мышкой

Шаг 4 . На главной панели инструментов, выбирайте инструмент выделяющий прямоугольную область

Шаг 5 . Рисуете прямоугольник нужных размеров

Шаг 6 . Кликаете правой кнопкой мышки внутри выделенной области и в появившемся контекстном меню выбираете “Stroke… ” (Выполнить обводку)

Шаг 7 . В открывшемся окне “Stroke ” задайте параметры вашего прямоугольника: Width — толщину, Color – цвет и нажмите ОК .

Шаг 8 . Поздравляю! Вы нарисовали прямоугольник в Фотошоп!

Чтобы убрать пунктир, нажмите CTRL + D

Шаг 9 . При желании придать вашей рамке дополнительную выразительность, добавьте к ней тень. Наведите мышь на слой с рамкой, нажмите правую кнопку, в появившемся окне найдите “Blending Options… ”

Rectangular Marquee (Прямоугольная область выделения) - один из простых инструментов выделения в Фотошоп, наряду с Elliptical Marquee (Овальной областью выделения) и Polygonal Lasso (Многоугольным Лассо).

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

Как видно из названия, инструмент Rectangular Marquee (Прямоугольная область выделения) удобен тогда, когда вам нужно нарисовать выделение в форме прямоугольника или квадрата.

Вы найдете инструмент Rectangular Marquee (Прямоугольная область выделения) расположенным на самом верху панели инструментов в Фотошоп.

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

Если вы используете Photoshop CS4 или Photoshop CS3 , и ваша панель установлена виде колонки, инструмент Rectangular Marquee (Прямоугольная область выделения) будет второй иконкой сверху:

Рисование прямоугольных выделений

Перед вами фото нескольких деревянных кубиков:

Видите тот большой красный кубик в самом верху?

Предположим, я хочу изменить его цвет – самое простое, что можно сделать.

Теперь, если бы это был фильм «Звездный путь » (Star Trek), мне бы нужно было просто сказать: «Компьютер, выдели красный кубик на самом верху », а затем: «Измени цвет на пурпурный » или какой-нибудь другой цвет.

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

Но только не вы и я, мы видим его, и видим, что это четкая фигура прямоугольника, а это значит, что такая задача выделения отлично подходит для инструмента Rectangular Marquee

Для начала я выберу инструмент Rectangular Marquee (Прямоугольная область выделения) в панели инструментов, как мы видели ранее. Вы также можете выбирать инструменты, используя их короткие команды на клавиатуре. Нажатие на букву M на клавиатуре тотчас вызовет инструмент Rectangular Marquee (Прямоугольная область выделения). Затем, чтобы начать выделение, я кликну в верхнем левом углу кубика.

Удерживая кнопку мыши, я направляюсь к нижнему правому углу кубика:

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

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

Любое редактирование, которое я делаю на этой стадии, применится только к этому кубику и ни к какому другому:

Для того, чтобы изменить цвет кубика, мы используем коррекцию изображения Фотошоп Hue/Saturation (Цветовой тон/Насыщенность). Чтобы его выбрать, я перехожу в меню Image (Изображение) в верхней части экрана, где выбираю Adjustments (Коррекция), а затем Hue/Saturation (Цветовой тон/Насыщенность):

Это действие откроет диалоговое окно Hue/Saturation (Цветовой тон/Насыщенность).

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

Изменить цвет проще простого путем перемещения ползунка Hue (Цветовой тон) влево или вправо до тех пор, пока вы не получите желаемый цвет. Я подвину ползунок вправо до значения 28 , чтобы выбрать оранжевый.

Затем, чтобы добавить немного насыщенности, я перемещу ползунок Saturation (Насыщенность) вправо к значению около +25 :

Когда я останусь доволен новым цветом, я нажму ОК для выхода из диалогового окна.

Мне больше не нужно мое выделение, поэтому, чтобы удалить его, я перехожу к меню Select (Выделение) вверху экрана и выбираю Deselect (Снять выделение):

Более быстрый способ удаления выделения – с помощью короткой команды Ctrl+D , но годится любой способ.

Теперь без контура выделения мы можем видеть, что изменению с помощью коррекции Hue/Saturation (Цветовой тон/Насыщенность) подвергся только участок внутри прямоугольного выделения.

Прежний красный кубик стал оранжевым, в то время как остальная часть фото осталась без изменений:

Выделение деревянных кубиков с помощью инструмента Rectangular Marquee (Прямоугольная область выделения) было несложным, но что если объект, который нам нужно выделить абсолютно квадратный? Это следующее, что мы рассмотрим!

Создание квадратных выделений

Совсем недавно мы увидели, как легко выделить объект прямоугольной формы или участок на фото при помощи инструмента Rectangular Marquee (Прямоугольная область выделения). Но что если вам нужно выделить что-то абсолютно квадратное? Есть ли способ преобразовать контур выделения в квадрат? Не только есть способ сделать это, их даже два, хотя один из них более быстрый, чем другой.

Перед вами фото нескольких плиток в гранжевом стиле, которое я открыл в Фотошоп:

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

Инструмент Rectangular Marquee (Прямоугольная область выделения) должен быть активным в любое время.

Options Bar (панель настроек) в верхней части экрана отобразит настройки, заданные для этого инструмента.

Один из параметров называется Style (Стиль), и по умолчанию он установлен на Normal (Обычный), это означает, что мы можем создавать выделение произвольных размеров. Для того, чтобы превратить выделение в квадрат, для начала измените параметр Style (Стиль) на Fixed Ratio (Фиксированные пропорции), затем введите значение 1 в обоих параметрах Width (Ширина) и Height (Высота) (1 – стандартное значение для длины и ширины, поэтому, возможно, вам не придется его изменять):

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

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

На этот раз, благодаря параметру, который я установил в Options Bar (Панели настроек), контур моего выделения преобразован в квадрат:

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

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

Единственная проблема в использовании такого метода преобразования выделения в квадрат заключается в том, что параметры в Options Bar (Панели настроек) «привязчивые », то есть они не переключатся автоматически к своим стандартным настройкам, когда вы в следующий раз захотите использовать этот инструмент. Я даже не могу сказать вам, сколько раз я пытался создать прямоугольное выделение, в то время как у меня получалось выделение, преобразованное в квадрат или фигуру, с каким-нибудь другим закрепленным масштабом, а все потому, что я забывал изменить параметр Style (Стиль) обратно на Normal (Обычный). Поэтому, прежде чем применять любое преобразование, давайте прямо сейчас изменим наш параметр обратно на режим Normal (Обычный):

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

Намного лучший способ преобразования выделения в квадрат с помощью инструмента Rectangular Marquee (Прямоугольная область выделения) – использование быстрой команды на клавиатуре. Кликните левой кнопкой мыши в стартовой точке и начните создавать прямоугольное выделение как обычно, затем зажмите клавишу Shift во время создания выделения. Как только вы нажмете клавишу Shift , вы увидите, что контур выделения превратился в идеальный квадрат.

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

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

Также, если вы зажмете клавишу Shift перед началом выделения, вы включите режим «Добавить к выделению », а это не то, в чем мы нуждаемся сейчас, а также может привести к нежелательному результату, если у вас уже есть одно активное выделение, и вы пытаетесь начать еще одно новое. Итак, запомните, чтобы превратить выделение в квадрат с помощью быстрой команды на клавиатуре, сначала кликните, чтобы установить стартовую точку и начать создавать выделение, затем зажмите клавишу Shift . Отпустите кнопку мыши для завершения выделения, затем отпустите клавишу Shift .

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

Создание выделения из центра

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

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

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

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

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

Также, если вы нажмете и будете удерживать клавишу Alt до начала установки стартовой точки, вы переключитесь в режим «Удалить из выделения », который нам сейчас не нужен и может привести к нежелательным результатам, если у вас уже есть одно активное выделение, и вы хотите создать еще одно новое.

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

Так же вы можете создавать квадратное выделение из центра. Просто добавьте клавишу Shift к быстрой команде на клавиатуре. Кликните в центре квадратного объекта или участка, который необходимо выделить, и начните создавать свое выделение, затем зажмите клавиши Shift+Alt , которые преобразуют контур выделения в идеальный квадрат и заставят его растягиваться во всех направлениях от заданной точки.

Когда вы закончите, отпустите кнопку мыши, затем отпустите клавиши Shift и Alt .

Быстрое удаление выделения

Когда вы завершите работу с выделением, и оно вам больше не понадобится, вы можете снять выделение через меню Select (Выделение) в верхней части экрана, выбрав Deselect (Снять выделение), как мы видели ранее, или можете воспользоваться быстрой командой на клавиатуре Ctrl+D . Или, для более быстрого удаления выделения прямоугольника или квадрата, просто кликните где-нибудь внутри окна документа при активном инструменте Rectangular Marquee (Прямоугольная область выделения).

Перевод: Анцыперович Александра ;

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

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

Вслед за этим выберем инструмент «Прямоугольник ».

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

Используя стрелки на клавиатуре можно подвинуть его в сторону. Теперь чтобы получился полноценный квадрат нужно сделать ему обводку. Переходим в меню «Выделение - Модификация - Граница ».

Указываем ширину 5 и жмем «ОК ».

Теперь берем инструмент «Кисть », нужный нам цвет и закрашиваем обводку.

Чтобы убрать выделение нужно нажать на клавиатуре сочетание клавиш «Ctr+D ».

Вот такой квадрат в Фотошопе в результате получился.

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

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

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

Пожалуй, самая распространенная геометрическая фигура это прямоугольник или квадрат, что по сути одно и то же. Единственное отличие в том, что у квадрата все стороны равны.

Но разговор не о том. В этом уроке по Фотошопу вы узнаете, как сделать прямоугольник двумя методами. Приступим!

Метод №1: С помощью инструмента «Прямоугольник»

Переходим к панели инструментов в левой части экрана, и находим группу “Фигуры”, где, при наведении, откроется список со всеми доступными фигурами. Нам нужен самый первый – “Прямоугольник”.

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

Благодаря зажатой клавише SHIFT вы сможете нарисовать на холсте прямоугольник с равными сторонами – т.е. квадрат. Также вы можете изначально задать размеры фигуры в верхней панели:

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

Результат:

Метод №2: С помощью инструмента “Выделенная область”

Этим способом мы пользуемся реже, но иногда он выручает. Чтобы нарисовать прямоугольник нам понадобится в панели инструментов найти группу “Выделение” и в раскрывшемся списке выбрать “Прямоугольная область”. См. скриншот ниже:

Если вы не в первый раз открываете программу Фотошоп, то должны знать, что это за инструмент.

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

Теперь нам нужно залить прямоугольную область. Вызвать окно с параметрами заливки можно благодаря комбинации горячих клавиш SHIFT+F5 .

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

Чтобы снять выделение, достаточно кликнуть по любой другой части холста или нажать сочетание клавиш CTRL+D .

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

На этом наш небольшой урок о том, как нарисовать прямоугольник в программе Фотошоп, подошел к концу.

До встречи в наших следующих уроках!

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

Я продемонстрирую вам несколько способов рисования прямоугольника, и все они когда-либо вам понадобятся.

Начнем с фигур. Создаем новый документ. 1000 на 1000 пикселей будет вполне достаточно.

Теперь переходим к панели инструментов и ищем инструмент прямоугольник.

Удерживая правую кнопку мыши, проводим по рабочему полю.

Прямоугольник готов! Чтобы избавиться от тонкой черной рамки, растрируйте слой. Растрирование вы найдете в окне слоев.

Теперь второй способ. Выделенная область.

На верхней панели ищем вкладку «Слои» и создаем новый.

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

Проводим по рабочему полю, зажав правую клавишу мышки.

Образовалась выделенная область, которую мы должны заполнить. Поэтому перемещаемся к инструменту «Выберите основной цвет». Кликом по нему мы открываем карту цветов и выбираем любой оттенок, который нам заблагорассудится.

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

А теперь комбинация клавиш ctrl+d и выделение снято! Прямоугольник готов!

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

А вот теперь мы выполним обводку выделенной области, для чего мы переходим к верхней панели и нажимаем вкладку «Редактирование». Нас интересует команда «Выполнить обводку».

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

Нажимаем комбинацию клавиш ctrl+d для снятия выделения и наслаждаемся результатом.

Как видите, у нас получилась полноценная рамка в виде прозрачного треугольника.

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

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

Для начала попробуем изменить цвет. Опять же, существует несколько методов. Первый – инструмент заливка. Выбираете нужный цвет на панели инструментов. Затем кликаете по инструменту «заливка». А после уже по нашему прямоугольнику.

Был прямоугольник желтый, а стал зеленым. Очень просто, не находите?