Прямоугольник в фотошопе нарисовать: Как рисовать векторные фигуры в Photoshop CS6 / Фотошоп-мастер – Как в фотошопе нарисовать прямоугольник без заливки – Как нарисовать прямоугольник в фотошопе без заливки — Фотошоп: видео уроки для начинающих

Содержание

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

логотип KatalProject Rectangle Tool (Прямоугольник) — справка по Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

Панель опций

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

Выпадающее меню с параметрами инструмента Rectangle Tool Photoshop CC 2017 — панель опций — параметры инструмента 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 Photoshop CC 2017 — рисование прямоугольника — параметр Unconstrained
Photoshop CC 2017 — рисование прямоугольника — параметры Unconstrained и From Center Photoshop CC 2017 — рисование прямоугольника — параметр Square
Photoshop CC 2017 — рисование прямоугольника — параметры Square и From Center Photoshop CC 2017 — рисование прямоугольника — параметр Fixed Size Photoshop CC 2017 — рисование прямоугольника — параметры Fixed Size и From Center
Photoshop CC 2017 — рисование прямоугольника — параметр Proportional Photoshop CC 2017 — рисование прямоугольника — параметры 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 Photoshop CC 2017 — рисование прямоугольника — клавиша Shift Photoshop CC 2017 — рисование прямоугольника — клавиша Alt Photoshop CC 2017 — рисование прямоугольника — клавиши Alt и Shift Photoshop CC 2017 — рисование прямоугольника — клавиша Space

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

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

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

Диалоговое окно Create Rectangle Photoshop CC 2017 — диалоговое окно Create Rectangle

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

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

Видео к статье

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В появившемся диалоговом окне ставим галочку напротив «Наложение цвета». Кликаем по окошку, заполненному цветом и выбираем понравившийся.

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

Теперь научимся меня размер прямоугольника.

Изменить размер прямоугольника в фотошопе крайне просто. Выбираем инструмент «Перемещение» и кликам по прямоугольнику.

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

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


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

Построение прямоугольников в Photoshop

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

Способ 1: Инструмент «Прямоугольник»

Данный инструмент находится в группе «Фигуры» на левой панели.

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

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

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

Способ 2: Выделенная область

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

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

«Прямоугольная область» нуждается в заливке. Для этого можно нажать сочетание клавиш SHIFT+F5 и настроить тип заливки.

Также можно воспользоваться инструментом «Заливка».

Выделение снимается клавишами CTRL+D. Для прямоугольной области также можно задать произвольные размеры либо пропорции (например, 3х4).

Кроме того, существует возможность создать выделение с заданными пропорциями, например, 3х4.

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

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

Содержание статьи
1Способ 1. Инструмент произвольная фигура
2Способ 2. Обводка выделенной области
3Способ 3. Модификация выделения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

выбираем новый слой

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

сделайте новый слой активным

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

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

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

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

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

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

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

задайте параметры обводки

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

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

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

рамка готова

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

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

В открывшемся окне нажмите “Drop Shadow”, настройте нужные параметры, или оставьте все как есть и нажмите ОК

задайте параметры тени

Шаг 10. Сохраните картинку, с нарисованной прямоугольной рамкой.

сохраните вашу работу в Фотошоп

Успехов!

С уважением,
Владимир Есипов

Как нарисовать квадрат в фотошопе

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

И так приступаем. Вначале рисуем квадрат с заливкой. Для этого я открываю в фотошопе вот такую картинку:

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

Теперь в верхней панели нажимаем на стрелочку, чтобы открылись параметры и задаем ширину, высоту либо выбираем произвольный квадрат:

Рисуем вот такой квадрат. Цвет заливки, естественно, можно менять.

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

Такой прямоугольник необходимо рисовать на новом слое, поэтому создайте его. «Слои – Новый».

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

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

Далее нажимаем «Редактирование – Выполнить обводку»

Указываем ширину и цвет обводки и нажимаем «ОК».

Получился вот такой квадрат без заливки, как мы и хотели:

А также смотрим тематическое видео:

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

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

Как нарисовать равносторонний треугольник

У равностороннего треугольника все три стороны равны.

Самый простой вариант нарисовать в фотошопе такой треугольник — с помощью инструмента Многоугольник.

Выберите этот инструмент и на панели настроек сразу укажите количество сторон — 3.

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


Векторный треугольник

На панели параметров выберите опцию Слой-фигура.

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

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

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


Растровый треугольник со сплошной заливкой

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

Для этого на панели параметров нужно выбрать настройку Выполнить заливку пикселов.

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

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


Как нарисовать контур равностороннего треугольника

Для такой фигуры выберите на панели параметров опцию Контуры.

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

Откроется диалоговое окно. Радиус растушевки оставьте 0. Жмите Ок.

В итоге мы из контура сделали выделенную область.

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

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

Фотошоп сделал обводку, теперь уберите пунктир выделения, чтобы не мешал — Ctrl+D. Результат:


Как нарисовать равнобедренный треугольник

У равнобедренного треугольника две стороны равны.

Разберем пример, когда нужно нарисовать равнобедренный треугольник заданных размеров. Допустим, основание 300 пикселей и высота 400 пикселей.

Шаг 1

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

Шаг 2

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

Итак, основание (оно же ширина) договорились будет 300 пикселей. Отмеряем это расстояние от левой направляющей. Для этого возьмите инструмент Линейка и проложите прямой отрезок измерения (с зажатой клавишей Shift). На панели параметров смотрите в поле Ш.

В точке, где будет 300 пикселей проложите еще одну направляющую.

Теперь тоже самое сделаем с измерением высоты, напомню, она 400 пикселей. Отмеряем от нижней направляющей.

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

Шаг 3

Нужно отметить, где проходит середина. Поскольку ширина 300 пикселей, то середина будет проходить на 150. Отсчитаем это расстояние Линейкой и проведем там еще одну направляющую.

Шаг 4

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

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

Шаг 5

Объедините три стороны в один слой.

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

Готово

Равнобедренный треугольник по заданным размерам нарисован!

Как нарисовать разносторонний треугольник

В разностороннем треугольнике все стороны различны.

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

В результате получится выделенная область.

После этого, либо сделайте обводку выделения, либо закрасьте все выделение цветом. Это уже разбирали выше. Потом снимите пунктир выделения — Ctrl+D.

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

В прямоугольном треугольнике один из углов равен 90 градусов. 

Если нужен прямоугольный треугольник с заранее известными размерами, например, размеры катетов 200 и 300 пикселей, то проще всего сделать следующим образом:

Шаг 1

Создайте новый документ в фотошопе с высотой и шириной равными размерам катетов: например, ширина пусть 300 пикселей, а высота 200 пикселей.

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

Шаг 2

Будем действовать по аналогии с примером выше. Берем инструмент Линия и ставим опцию Слой-фигура.

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

Шаг 3

На палитре слоев опять три слоя-фигуры. Их можно объединить в один слой (команда Объединить слои).

Готово

Прямоугольный треугольник готов, можно закрасить его в какой-нибудь цвет: