Нарисовать в фотошопе прямоугольник: Рисование фигур с помощью инструментов группы «Фигура» в Photoshop

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

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

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

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

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

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

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

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

Результат:

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

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

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

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

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

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

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

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

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

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

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

Инструменты векторных форм: Прямоугольник (Rectangle Tool)

Как только вы отпустите клавишу мыши, Photoshop заполнит форму цветом или другим типом заливки, выбранным в панели параметров:

Сразу по отпусканию левой клавиши мыши Photoshop заполняет форму цветом или другой заранее установленной заливкой.

Изменение размера фигуры уже после того, как вы её нарисовали

После того, как вы нарисовали свою ​​первоначальную фигуру (в нашем случае, прямоугольник), её нынешние размеры появятся в полях ввода «Ширина» (Ш, в англ. — W) и «Высота» (В, в англ. — H) в панели параметров.
Здесь мы видим, что мой прямоугольник имеет 464 пикселя в ширину и 257 в высоту:

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

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

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

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

Как заранее задать размер фигуры, перед тем, как её нарисовать

Если вы заранее знаете точную ширину и высоту своей создаваемой фигуры, в Photoshop имеется опция для построения фигуры с заданными размерами.

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

Диалоговое окно для построения фигуры с заранее заданными размерами.

Рисование фигур из центра

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

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

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

Чтобы нарисовать правильный квадрат с помощью инструмента «Прямоугольник», нажмите мышкой внутри документа, чтобы установить начальную точку и начните перетаскивание курсора, как обычно. После того, как вы начали перетаскивание, нажмите и удерживайте клавишу Shift. Это заставит прямоугольник превратиться в квадрат. Опять таки, отпускайте Shift только после того, как отпустите клавишу мыши. Вы также можете комбинировать клавиши Shift и Alt, чтобы построить правильный квадрат от центра:

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

Опять таки, в процессе создания фигуры, вы увидите только пустой контур, и, как только вы отпустите клавишу мыши (т.е. закончите создания фигуры), Photoshop зальёт готовый контур цветом.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

На этой странице

Фигуры

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

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

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

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

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

Нажмите Alt/Option и нажмите инструмент «Фигура», чтобы просмотреть все доступные инструменты.

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

Как в фотошопе задать размер прямоугольника в сантиметрах — Фотошоп: видео уроки для начинающих

Представляем Вашему вниманию подробные видео на тему «Как в фотошопе задать размер прямоугольника в сантиметрах»:

Фигуры. Работа с фигурами в Adobe Photoshop.

Как поменять единицы измерения в фотошопе

Обрезать картинку в Фотошоп — вырезать часть фотографии заданного размера, фото на документы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Совет

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!

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

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

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

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

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

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

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

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

Результат:

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

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

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

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

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

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

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

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

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

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

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

Модификация фигур в Photoshop

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

• Выберите требуемый стиль обводки.
• Щелкните значок Выровнять и выберите параметр для определения положения обводки относительно контура.
• Щелкните значок Концы и выберите тип конца для определения вида обоих концов контура.

Срезанные концы Создает квадратные концы, которые заканчиваются в конечных точках.

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

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

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

• Щелкните значок Угол для отображения обводки в угловых точках.

Угловые стыки Создает острые углы, которые выходят за пределы конечной точки, если длина среза находится в пределах среза.

Скругленные стыки Создает скругленные углы, которые выходят за конечные точки на половину ширины обводки.

Скошенные стыки Создает скругленные углы, которые заканчиваются в конечных точках.

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

Инструменты векторных форм: Прямоугольник (Rectangle Tool)

Как только вы отпустите клавишу мыши, Photoshop заполнит форму цветом или другим типом заливки, выбранным в панели параметров:

Сразу по отпусканию левой клавиши мыши Photoshop заполняет форму цветом или другой заранее установленной заливкой.

Изменение размера фигуры уже после того, как вы её нарисовали

После того, как вы нарисовали свою ​​первоначальную фигуру (в нашем случае, прямоугольник), её нынешние размеры появятся в полях ввода «Ширина» (Ш, в англ. — W) и «Высота» (В, в англ. — H) в панели параметров.
Здесь мы видим, что мой прямоугольник имеет 464 пикселя в ширину и 257 в высоту:

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

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

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

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

Как заранее задать размер фигуры, перед тем, как её нарисовать

Если вы заранее знаете точную ширину и высоту своей создаваемой фигуры, в Photoshop имеется опция для построения фигуры с заданными размерами.

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

Диалоговое окно для построения фигуры с заранее заданными размерами.

Рисование фигур из центра

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

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

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

Чтобы нарисовать правильный квадрат с помощью инструмента «Прямоугольник», нажмите мышкой внутри документа, чтобы установить начальную точку и начните перетаскивание курсора, как обычно. После того, как вы начали перетаскивание, нажмите и удерживайте клавишу Shift. Это заставит прямоугольник превратиться в квадрат. Опять таки, отпускайте Shift только после того, как отпустите клавишу мыши. Вы также можете комбинировать клавиши Shift и Alt, чтобы построить правильный квадрат от центра:

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

Опять таки, в процессе создания фигуры, вы увидите только пустой контур, и, как только вы отпустите клавишу мыши (т.е. закончите создания фигуры), Photoshop зальёт готовый контур цветом.

Изменение форм в Photoshop

На панели «Параметры обводки» выполните любое из следующих действий:

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

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

Круглый колпачок Создает полукруглые концы, выступающие на половину ширины штриха за конечные точки.

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

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

• Щелкните значок «Угол», чтобы увидеть обводку в угловых точках:

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

Скругленное соединение Создает закругленные углы, выходящие на половину ширины штриха за конечные точки.

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

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

.

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

Что ж, когда придет время печатать, я предполагаю, что вы вернетесь в поисках помощи, потому что установка разрешения на что-то настолько низкое (16 ppi) приведет к дают ужасные результаты и оставляет вам ужасно низкое качество изображения, которое, безусловно, непригодно для хранения и печати … в лучшем случае будет нормально на экране, хотя у меня также есть свои сомнения, так как большинство экранов с разрешением 72ppi или выше. Dpi относится к печати, ppi — к экрану… Чтобы узнать об этом немного больше, вы можете прочитать эту статью https://99designs.com/blog/tips/ppi-vs-dpi-whats-the-difference/ хотя информативно, у нее есть пара точностей, и она не обширна в любом случае, новичкам по-прежнему хорошо понимать эти концепции.

1) Отсутствие согласованности в Photoshop здесь, в пользовательском интерфейсе (так было уже много лет), когда дело доходит до предоставления пользователям возможности выбирать единицы измерения для элементов (формы, изменение размера и т. Д.), Что приводит к запутанному и плохому UX, особенно для тех, кто не знаком с it

2) Используйте DPI, если вам нужно распечатать документ, PPI не будет иметь большого значения, так как вы можете увеличивать и уменьшать масштаб на экране, в то время как печать будет иметь фиксированный вид.Просто убедитесь, что вы знаете лучшие настройки для вашего принтера (или службы печати), и используйте этот DPI для своего документа. Затем, если вам нужно работать с метрическими или британскими размерами, установите это в Pref. (Единицы) и при создании фигур сделайте то, что предложено выше, выберите фигуру и щелкните свой документ. Когда будет предложено ввести размер, используйте что-то вроде «3 дюйма» без кавычек, чтобы ввести размер 3 дюйма, и Photoshop создаст форму с желаемыми размерами.

Надеюсь, это поможет 🙂

Ура!

.

Преобразование объектов в Photoshop

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

Чтобы выполнить преобразование, сначала выберите элемент для преобразования, а затем выберите команду преобразования. При необходимости отрегулируйте контрольную точку перед выполнением преобразования. Перед применением кумулятивного преобразования вы можете выполнить несколько манипуляций подряд. Например, вы можете выбрать «Масштаб» и перетащить маркер для масштабирования, а затем выбрать «Искажение» и перетащить маркер для искажения.Затем нажмите Enter или Return, чтобы применить оба преобразования.

Photoshop использует метод интерполяции, выбранный в области «Общие» диалогового окна «Параметры», для вычисления значений цвета пикселей, которые добавляются или удаляются во время преобразований. Этот параметр интерполяции напрямую влияет на скорость и качество преобразования. Бикубическая интерполяция по умолчанию является самой медленной, но дает лучшие результаты.

.

Размер изображения Photoshop и разрешение

Принтер разрешение измеряется в чернильных точках на дюйм, также известное как dpi. Как правило, чем больше точек на дюйм, тем лучше качество печати. ты получишь. Большинство струйных принтеров имеют разрешение примерно От 720 до 2880 точек на дюйм. (Технически струйные принтеры производят микроскопические брызги чернил, а не фактические точки, как в фотонаборных устройствах или лазерных принтерах.)

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

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

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

.

Рисование фигур с помощью инструментов Photoshop

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

Градиент: Выберите предустановку градиента или щелкните градиент, чтобы открыть диалоговое окно «Редактор градиента». Установить дополнительные параметры градиента:

• Угол определяет угол, под которым применяется градиент.
• Reverse — переворачивает ориентацию цветов градиента.
• Стиль определяет форму градиента.
• Scale изменяет размер градиента.
• «Выровнять по слою» использует ограничивающую рамку слоя для вычисления градиентной заливки. Вы можете перетащить в окно изображения, чтобы переместить центр градиента.

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

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

.

Быстрое выделение в Photoshop

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

.

Добавить к выделенному: Удерживайте клавишу Shift или выберите «Добавить к выделенному» на панели параметров, затем нарисуйте новый прямоугольник или лассо вокруг отсутствующей области. Повторите этот процесс для всех недостающих областей, которые вы хотите добавить к выделению.

Вычесть из выделенного: Есть два варианта вычитания из выделенного:

1. Используйте параметр «Вычесть из выделенного» на панели параметров.
   • Отключите параметр «Вычитание объекта» на панели параметров.
   • Удерживайте клавишу Option (Mac) / Alt (Win) или выберите «Вычесть из выделенного» на панели параметров, затем нарисуйте точный прямоугольник или лассо вокруг границы области, которую вы хотите вычесть из выделения.
2. Используйте опцию «Вычитание объекта» на панели опций

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

1. Включите параметр «Вычитание объекта» на панели параметров.
2. Удерживайте клавишу Option (Mac) / Alt (Win) или выберите «Вычесть из выделенного» на панели параметров, затем нарисуйте грубый прямоугольник или лассо вокруг области, которую вы хотите вычесть из выделения.

.

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

Последнее обновление — 27 октября 2020 в 01:50

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

Без заливки

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

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

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

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

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

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

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

И вот, прямоугольник готов. При помощи инструмента «Перемещение» (самый первый в колонке инструментов слева) его можно двигать как угодно.

С заливкой

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

В этот же момент фигура окрасится в зелёный цвет. Если рамка не нужна, необходимо проделать те же самые действия и для инструмента «Штрих», то есть окрасить рамку в зелёный цвет при помощи палитры цветов.

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

Вот так выбираем пунктирную линию.

Ну а слева имеется не менее интересный инструмент. С его помощью можно регулировать толщину рамки нашего прямоугольника. Кликните по треугольничку (смотрите скрин) — появится ползунок, который и позволяет увеличить или уменьшить толщину.

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

Всем WEB!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.

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

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

Как использовать инструмент «Прямоугольник» в Photoshop?

Adobe Photoshop — это программа для редактирования растровых изображений. Он разработан Adobe.Inc и доступен как для операционных систем macOS, так и для Windows. Вы можете использовать Photoshop для создания или редактирования изображений, плакатов, баннеров, логотипов, пригласительных билетов и различных видов графического дизайна. Он предоставляет различные инструменты для проектирования и редактирования, и инструменты фигур являются одним из них. Инструменты «Фигуры» в Photoshop — один из наиболее часто используемых инструментов в Photoshop.Мы можем рисовать различные типы фигур, такие как прямоугольники, многоугольники, эллипсы и т. Д. В Photoshop, используя различные инструменты фигур, такие как инструмент «Прямоугольник», инструмент «Многоугольник», инструмент «Эллипс», инструмент «Линия» и пользовательские формы. Их используют все типы людей, включая иллюстраторов, дизайнеров, редакторов и так далее. Их можно использовать по-разному в зависимости от потребностей пользователя. Они также помогают сделать нашу работу намного быстрее и проще, потому что без них нам пришлось бы рисовать каждую из фигур вручную с помощью инструмента «Перо», что сделало бы работу намного более утомительной и трудоемкой.Инструменты формы находятся под инструментом «Текст» на панели инструментов, как показано на рисунке ниже:

Внимание, читатель! Все, кто говорит, что программирование не для детей, просто еще не встретили подходящих наставников. Присоединяйтесь к демонстрационному классу для первого шага к курсу программирования, специально разработан для учащихся 8-12 классов.

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

Инструмент «Прямоугольник»

Инструмент «Прямоугольник», как следует из названия, помогает нам рисовать прямоугольники на холсте.

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

Шаг 1: Откройте любой документ Photoshop или новый документ.

Шаг 2: Выберите инструмент прямоугольник на панели инструментов.

Шаг 3: Курсор изменится на знак (+). Нарисуйте поверх холста.

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

Теперь, если мы хотим сделать квадратную форму, мы можем сделать это только с помощью инструмента прямоугольник, но когда мы рисуем прямоугольник, мы должны удерживать с ним Shift Key .Он будет создавать квадраты, как показано ниже:

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

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

Есть много свойств, которые можно посмотрим, давайте разберемся с этим по порядку сверху вниз:

1. Ширина (W) и высота (H)

Вы можете видеть, что в этих полях уже есть некоторые значения. Это определяет ширину и высоту прямоугольника. Мы можем изменить значение W и H индивидуально.Если мы положим W = 0, прямоугольник станет вертикальной линией, а когда H = 0, прямоугольник станет горизонтальной линией. Кроме того, между полями есть символ клипа, если мы щелкнем по нему, а затем при изменении ширины или высоты, другие изменения сохранят соотношение.

2. Ось X и ось Y

Эти параметры говорят о положении прямоугольника на холсте. Теперь, изменяя значение оси X и оси Y, мы можем перемещать прямоугольник вверх, вниз, влево или вправо.

3. Заливка

Это параметр заливки цветом в инструментах рисования. По умолчанию цветовая заливка не применяется. Если мы щелкнем по нему, то появятся образцы цвета, как показано ниже:

Примечание: Мы также можем заполнить наши формы градиентами и узорами.

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

Прямоугольник закрашен градиентом

Прямоугольник закрашен сплошным цветом

Прямоугольник закрашен узором

4.Обводка

Эта опция помогает нам определить цвет, градиент и узор границы (или границы) фигуры (здесь прямоугольник). По умолчанию он черный. Мы также можем изменить ширину обводки. На всех изображениях выше прямоугольник имел ширину обводки 4 пикселя. Диапазон значений ширины штриха может быть от 0 до 1200 пикселей.

5. Параметры изогнутого угла

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

По умолчанию все значения установлены на 0 пикселей.Четыре поля определяют значения четырех углов прямоугольника, чтобы сделать их скругленными. Диапазон значений от 0 до 1000 пикселей. Вот пример, в котором все углы скруглены на 100 пикселей:

Инструмент «Прямоугольник со скругленными углами»

Инструмент «Прямоугольник со скругленными углами» аналогичен инструменту «Прямоугольник». Единственная разница между ними в том, что углы закруглены, по умолчанию он установлен на 10 пикселей, а остальные настройки такие же, как у инструмента прямоугольник.

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

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

Шаг 1: Откройте любой документ Photoshop или новый документ.

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

Шаг 3: Вы увидите, что указатель изменится на знак (+).

Шаг 4: Перетащите на документ Photoshop, чтобы нарисовать эллипс, как показано ниже:

Инструмент «Эллипс»

Инструмент «Эллипс» в Adobe Photoshop используется для рисования эллипсов и кругов в документе Photoshop.

Как нарисовать эллипс?

Давайте разберемся, как нарисовать эллипс с помощью инструмента эллипс.

Шаг 1: Откройте любой документ Photoshop или новый документ.

Шаг 2: Выберите инструмент эллипс на панели инструментов.

Шаг 3: Вы увидите, что указатель изменится на знак (+).

Шаг 4: Перетащите на документ Photoshop, чтобы нарисовать эллипс, как показано ниже:

Примечание: Чтобы нарисовать круг, мы должны нажать клавишу SHIFT во время рисования

Свойства инструмента Эллипс

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

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

1. Ширина

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

2. Высота

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

Примечание: На изображении выше между опциями «Ширина и высота» есть значок в виде клипа. Если он выбран, ширина и высота увеличиваются пропорционально.

3. Ось X

Определяет положение эллипса / окружности, созданного по оси X. Увеличение его значения заставляет фигуру перемещаться по горизонтали вправо, а уменьшение ее значения заставляет фигуру перемещаться по горизонтали влево от документа.

4. Ось Y

Определяет положение эллипса / окружности, созданного по оси Y. Увеличение его значения заставляет фигуру перемещаться вертикально вверх, а уменьшение ее значения заставляет ее двигаться вертикально вниз по документу.

5. Заливка

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

Мы можем выбрать любой цвет, и последовательно форма будет заполнена выбранным цветом, как показано ниже (здесь мы выбрали красный цвет):

6.Обводка: Поле рядом с заливкой — Обводка. Это поле определяет обводку (или границу) фигуры.

7. Радиус обводки: Это поле определяет ширину обводки. По умолчанию он установлен на 1 пиксель. Максимальное значение может быть от 0 до 1200 пикселей. Если обводка установлена ​​на 0 пикселей, обводка к фигуре не применяется.

8. Параметры обводки: Это поле определяет тип обводки: пунктирный, штриховой, нормальный и многие другие, которые можно применить к обводке.

9. Операции с контурами: Эта опция позволяет нам комбинировать формы для создания новых форм. Есть четыре варианта: объединить формы, вычесть из передней формы, пересечь области формы, исключить перекрывающиеся слои.

(i) Вот пример сложения фигур

(ii) Вот пример вычитания из передней формы.

(iii) Вот пример пересечения из областей формы.

(iv) Вот пример исключения перекрывающихся слоев.

Инструмент «Многоугольник»

Инструмент «Многоугольник», как следует из названия, помогает нам рисовать многоугольники в нашем документе Photoshop.

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

Давайте разберемся, как рисовать многоугольники с помощью инструмента «Многоугольники»:

Шаг 1: Откройте любой документ Photoshop или новый документ.

Шаг 2: Выберите инструмент «Многоугольник» на панели инструментов Photoshop.

Шаг 3: Перетащите курсор на документ, чтобы нарисовать многоугольник, как показано ниже:

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

Инструмент «Линия»

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

Как рисовать линии?

Шаг 1: Откройте любой документ Photoshop или новый документ.

Шаг 2: Выберите инструмент «Линия» на панели инструментов Photoshop.

Шаг 3: Перетащите на документ Photoshop, чтобы нарисовать линию, как показано ниже:

Свойства инструмента линии такие же, как свойства других инструментов формы.

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

Как следует из названия, инструмент «Пользовательские фигуры» позволяет нам добавлять в наш документ Photoshop некоторые пользовательские фигуры, отличные от стандартных геометрических фигур. Чтобы понять этот инструмент, давайте сначала посмотрим на панель свойств инструмента настраиваемых фигур, как показано ниже:

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

Как создавать формы клиентов?

Шаг 1: Откройте пустой документ Photoshop.

Шаг 2: Выберите инструмент пользовательских фигур на панели инструментов.

Шаг 3: Теперь нажмите на опцию формы, чтобы выбрать желаемую форму (здесь мы выбрали птицу), как показано ниже:

Выбор фигур из библиотеки форм

Шаг 4: Теперь перетащите поверх документа, чтобы создать форму, как показано ниже:

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

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

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

Параметр настроек инструмента Custom Shapes

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

Использование настроек пользовательских фигур

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

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

Что такое инструмент «Прямоугольник»?

Инструмент «Прямоугольник» — один из шести инструментов «Форма», включенных в Photoshop. Это полезно для создания форм с прямоугольными размерами.

Создание одной формы — три способа

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

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

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

Инструменты «Прямоугольник»

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

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

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

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

Рисование других фигур — или нет

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

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

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

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

Как нарисовать прямоугольник, квадрат, эллипс и круг в Photoshop — лучшие технические советы

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

Photoshop поставляется с инструментами «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Многоугольник», «Линия» и «Настраиваемая форма», которые можно использовать для рисования формы в вашем дизайне. Эти инструменты сгруппированы в наборе инструментов Photoshop. Чтобы активировать один, нажмите и удерживайте группу инструментов, пока не увидите параметры. Выберите инструмент, который хотите использовать.

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

В зависимости от того, что вы хотите сделать. Если вы хотите создать что-то из пустого холста, просто перейдите в File -> New (Ctrl + N) , чтобы создать новый проект. Или, если вы хотите нарисовать фигуру на изображении, перейдите в Файл -> Открыть (Ctrl + O) , чтобы открыть изображение, на котором вы хотите нарисовать фигуру. Когда ваш холст будет готов, нажмите и удерживайте группу инструментов, как описано выше, и выберите инструмент «Прямоугольник».

Щелкните и удерживайте в любом месте области холста.Это будет вашей отправной точкой. Перетащите указатель мыши в любом направлении, пока не получите желаемую форму. Чтобы получить квадратную форму, нажмите и удерживайте клавишу Shift на клавиатуре сразу после щелчка в начальной точке.

Панель «Свойства» появится сразу после создания фигуры. Если вы не видите эту панель, вы можете открыть ее, выбрав Окно -> Свойства . На этой панели можно установить тип обводки фигуры и заливку фигуры.

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

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

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

Рисование эллипса и окружности

Щелкните и удерживайте инструмент группы, как описано выше, и выберите инструмент «Эллипс».

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

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

Если вы регулярно используете Photoshop, вы можете использовать сочетания клавиш для оптимизации рабочего процесса.Мы собрали 62 основных ярлыка для Photoshop, которые вы можете скачать в формате PDF.

Полное руководство по использованию инструмента «Форма» в Photoshop

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

Photoshop Shape Tool позволяет рисовать векторные фигуры в Photoshop. Они настолько хороши, что вам не нужно переключать его аналог, Adobe Illustrator, для рисования вектора, если вам не нужна конкретная функция.Из этого туториала для начинающих вы узнаете, как использовать инструмент «Форма» с нуля. В конце концов, мы сделаем простой проект по рисованию простого дерева с помощью инструментов формы.

Предварительный просмотр

Вот векторное дерево, которое мы нарисуем с помощью инструментов формы.

Шаг 1

Лучший способ научиться пользоваться инструментами — это попрактиковаться в них. Сначала мы создадим новый файл. Вы можете нажать кнопку «Создать» на домашней странице или щелкнуть «Файл»> «Создать».Не нужно беспокоиться о размере файла, все подойдет.

Шаг 2

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

Шаг 3: Рисование формы

Чтобы нарисовать фигуру, просто щелкните и перетащите кнопку мыши. Если вы удерживаете Shift, вы можете ограничить прямоугольник. Если вы удерживаете Alt, вы будете рисовать от центра к краю. Удерживайте Alt и Shift, чтобы добиться обоих. На изображении ниже показан результат, полученный с помощью инструмента «Прямоугольник». Он также работает с инструментами «Прямоугольник со скругленными углами», «Эллипс» и «Многоугольник».

Шаг 4

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

Шаг 5

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

Шаг 6: изменение формы

Вы можете изменить свойства формы после ее создания на панели параметров. Установите ширину и высоту фигуры в поле ввода W и H. Для многоугольной формы вам нужно установить количество его сторон, прежде чем создавать форму.

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10: Заливка и обводка

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

Шаг 11

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

Шаг 12

Последнее поле предназначено для заливки узором. В списке есть готовые к использованию выкройки. Если этого недостаточно, вы можете найти массу бесплатных рисунков Photoshop в Интернете.Просто введите в Google запрос «Шаблон Photoshop». Шаблон Photoshop сохраняется в файле формата PAT. Щелкните меню панели и выберите «Импортировать узоры», а затем выберите файл PAT, который хотите загрузить.

Шаг 13

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

Шаг 14

Вы можете контролировать толщину линии обводки на панели параметров.

Шаг 15

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

Шаг 16: Объединение фигур

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

Шаг 17

Выберите «Объединить фигуры», чтобы добавить новую фигуру к существующей. Попробуйте следующие три варианта, чтобы увидеть результат.

Шаг 18

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

Шаг 19

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

Шаг 20

Комбинация форм зависит от их положения в стопке. Изображение ниже состоит из прямоугольника внизу, круга и многоугольника звезды вверху.Прямоугольник объединяется с кругом, а затем вычитается из звезды. Мы можем разместить многоугольную звезду между прямоугольником и кругом, выбрав ее и нажав кнопку «Отправить фигуру назад».

Шаг 21: Выровняйте и распределите формы

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

Шаг 22

И, конечно же, есть инструмент «Линия», который позволяет провести линию.Очень просто использовать, просто установите толщину линии на панели параметров инструментов. Щелкните и перетащите, чтобы нарисовать линию.

Шаг 23: Инструмент «Линия»

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

Шаг 24

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

Шаг 25: Инструмент нестандартной формы

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

Шаг 26

Форму можно изменить с помощью инструмента «Прямое выделение». Щелкните и перетащите, чтобы выбрать точки привязки. Затем вы можете переместить их в соответствии со своими потребностями.

Шаг 27: Рисование векторного дерева

Наконец, давайте воспользуемся изложенной выше теорией, чтобы сделать что-нибудь реальным. Простое векторное дерево. Сначала мы нарисуем листья.Активируйте инструмент Эллипс и выберите зеленый цвет для его Заливки. В раскрывающемся меню «Заливка» щелкните значок радуги, чтобы выбрать цвет. Щелкните и перетащите, чтобы нарисовать зеленый эллипс.

Шаг 28

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

Шаг 29

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

Шаг 30

Убедитесь, что фигура выделена, и затем нажмите Edit> Copy или Ctrl + C. Мы собираемся объединить эту фигуру с другими листьями в следующих шагах.

Шаг 31

Нарисуйте еще один лист из эллипсов. На этот раз цвет должен быть светлее.

Шаг 32

Объедините формы, а затем, пока форма все еще выделена, нажмите Ctrl + V, чтобы вставить исходные листья, которые мы скопировали ранее. Если форма листьев вставлена ​​на новый слой, возможно, ваша вторая форма листьев не выбрана.Вы можете повторно выбрать форму, используя инструмент «Выделение контура». Установите для вставленной формы значение «Пересечение областей формы».

Шаг 33

Форма вставки будет пересекать существующую форму листьев. В результате листья приобретают более темный оттенок.

Шаг 34

Мы собираемся повторить процесс еще раз. Нарисуйте несколько эллипсов более светлым зеленым цветом. Объедините их все.

Шаг 35

Вставьте форму первых листьев и установите ее так, чтобы она пересекала существующую форму.

Шаг 36

Нарисуйте круги в виде фруктов.

Шаг 37

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

Шаг 38

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

Заключение

Это то, что у нас есть сейчас, дерево из векторных фигур.Очевидно, есть много возможностей, которые мы можем изучить с помощью векторных возможностей Photoshop. Надеюсь, вам понравится этот урок, и вы узнаете из него кое-что.

GIMP Draw Rectangle — javatpoint

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

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

Мы обсуждали, как рисовать линию, круг и стрелки в GIMP в предыдущем разделе. В этой теме мы поговорим о том, как рисовать прямоугольник, квадрат, квадраты и подобные формы. GIMP поддерживает прямой инструмент под названием rectangle select tool для рисования прямоугольника и подобных фигур. Рисование прямоугольника — простой процесс.Давайте посмотрим, как рисовать разные прямоугольные формы в GIMP:

Как рисовать прямоугольник, квадрат и прямоугольники в GIMP?

Рисование прямоугольника или подобных фигур в GIMP — фундаментальная и простая задача в GIMP. Если вы знакомы с интерфейсом GIMP, то это простой процесс.

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

Шаг 1. Создайте или откройте изображение

Самый важный и первый шаг — создать образ.Мы можем создать изображение, выбрав опцию New из меню файла. Мы также можем нажать клавиши CTRL + N , чтобы сделать то же самое. Также доступны другие параметры для создания и открытия изображения, такие как открыть, открыть недавнее, создать и т. Д. Откроется окно с запросом свойств изображения.

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

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

Теперь выберите инструмент выделения прямоугольника в меню Инструменты.Чтобы выбрать этот инструмент, перейдите в меню Tools-> Selection Tools-> Rectangle Select или нажмите клавишу R .

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

Шаг 3: Нарисуйте форму

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

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

Шаг 4: Обвести выделение

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

Чтобы обвести выделение, выберите параметр Выбор обводки в меню редактирования. Откроется окно для указания ширины контура и других аспектов:

Задайте значения и выберите опцию Stroke .Будет создан контур с активным цветом фона:

.

Шаг 5. Заполните фон цветом или текстом

Теперь наша коробка готова; мы можем залить в это поле цвет фона или текст, или и то, и другое. Заливать его не обязательно. Чтобы залить цвет фона, выберите цвет в инструменте цвета, приведенном ниже на панели инструментов:

После выбора цвета нажмите клавиши « CTRL +, » и « CTRL +. », чтобы залить его цветом фона и цвета переднего плана соответственно.Он заполнит цвет активной формы. Это будет выглядеть так:

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

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

Шаг 6: Сохраните изображение

Когда мы закончим рисование или редактирование, мы можем сохранить нашу работу в различных форматах изображений, используя параметры Экспорт или Экспорт как из меню файла. Это позволяет нам сохранять файл в нескольких форматах изображений, таких как Jpg, Jpeg, Png, diff и т. Д.

Как нарисовать звезду в форме квадратного круга в Photoshop CC

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

Для начала мы собираемся использовать здесь этот небольшой пункт меню. Я нажимаю, удерживаю и опускаю его. Я просто нажимаю, удерживаю, удерживаю, удерживаю кнопку мыши, пока не получу эти параметры. Начнем с инструмента Ellipse Tool. Что мы собираемся сделать, так это здесь, вверху, вы можете выбрать заливку для своего эллипса. Так что щелкните, щелкните и выберите все, что вам нравится. Если вы хотите выбрать более индивидуальный цвет, чем просто случайные здесь.Вы можете нажать на этот маленький значок радуги здесь. Вы получаете палитру цветов, которую мы использовали несколько раз. Сдвиньте Hue вверх, пока не найдете то, что хотите использовать. Выберите этот. Щелкните «ОК». Вы можете щелкнуть в любом месте здесь, чтобы избавиться от раскрывающегося списка «Заливка».

Итак, что мы хотим сделать, это щелкнуть, удерживать и перетащить. И вы получите любую старую форму. Итак, если я перейду к «Редактировать», «Шаг назад». И что мы хотим сделать, мы сделали это с помощью инструмента Rectangle Marquee Tool. Кто помнит, какую клавишу мы удерживаем на клавиатуре, чтобы получить идеальный круг? Ага, помните, это Shift.Так что удерживайте нажатой клавишу «Shift», чтобы зафиксировать высоту и ширину. Если вы добьетесь нужного размера и скажете: «Нет, не совсем правильно», вам не нужно возвращаться назад, вы можете перейдите в «Редактировать», «Преобразовать контур» и перейдите в «Масштаб». И то же самое: зажмите Shift на одном из этих краев, растяните его, и вы можете сделать его красивым и большим. Я делаю свой супер большим. Что-то подобное. Когда вы закончите, нажмите «Return» на клавиатуре, иначе ничего не получится. Так что нажмите «Вернуться». Вот как нарисовать эллипс.

Самое замечательное в использовании здесь этого конкретного инструмента, этих маленьких частей формы, заключается в том, что они масштабируемы, они векторные. Они могут увеличиваться и уменьшаться в размерах, без проблем. Давайте посмотрим на некоторые другие формы. Мы собираемся использовать прямоугольник. Это кажется довольно скучным, но подождите, потому что с этим можно кое-что сделать. Итак, выбрав его, выберите «Цвет заливки». В этом случае я буду использовать черный цвет. Вот он. Не выбирайте это, поэтому «Редактировать», «Шаг назад». Пока не беспокойтесь о цвете.Что вы можете сделать, это увидеть эту панель слоев, вы можете щелкнуть в этой темно-серой области, чтобы убедиться, что ничего не выбрано. Теперь я могу выбрать черный цвет заливки, обводка — это линия вокруг внешней стороны, я собираюсь включить ее, чтобы показать вам. Так что у меня будет белый лайнер снаружи. Это будет, скажем, 3 пикселя, просто для примера, на самом деле не нужен Stroke, но я хочу показать вам, как это работает.

Мы собираемся нарисовать прямоугольник примерно здесь.И вы говорите: «Да, это прямоугольник, Дэн». Вы должны увидеть вот эти Свойства. Самое замечательное в использовании этого конкретного инструмента — это то, что их можно настраивать. Вы можете видеть, что Обводку здесь можно сделать очень толстой. Это слишком толсто. Вы можете решить, где располагается эта Обводка, я думаю, что это именно этот вариант. Нет, это именно этот вариант, первый. Итак, есть внутренняя часть квадрата, то есть поперек … вы можете видеть любую сторону этого квадрата Или это внешняя сторона квадрата.Я не хочу никого из них. Ты мне не нравишься, Инсульт, я нажимаю на него. И я просто нажимаю на Обводку, этот маленький значок.

Видите эту маленькую красную линию? Это значит, пожалуйста, «без инсульта». Потрясающие! Другие вещи, которые вы можете сделать с прямоугольниками, все еще не очень интересные, — это эти углы. У вас, вероятно, установлено по умолчанию это, где у него темно-серая рамка. Смотрите, щелкните по нему. Это не совсем очевидно, но если он у вас выключен, значит, он должен выглядеть так, и что я собираюсь сделать, так это то, что вы можете изменить один конкретный угол.Итак, что я собираюсь сделать, скажем, 20 пикселей в этом углу. Нажмите «Return», и вы увидите, что у меня радиус 20 пикселей. Вероятно, недостаточно большой, чтобы вы могли его увидеть. Радиус 50 пикселей. Я собираюсь увеличить масштаб, чтобы нам было легче увидеть это вместе. Человек, редактирующий это видео, вероятно, скажет: «Тебе следовало сделать это раньше, тебе пришлось передвигаться». Итак, небольшой трюк с этим —

.

Кто знает, что такое 50 пикселей, действительно зависит от размера картинки. Так что я считаю весьма полезным видеть эти маленькие значки здесь? Практически все значки в Photoshop, вы можете навести на них курсор, увидеть это как маленькие стрелки ширины руки? Щелкните, удерживайте и перетащите его вправо.Вы можете видеть, что он идет вверх, и вы можете видеть мою маленькую — давай перейдем сюда. Перетащите их назад, чтобы перейти к квадрату, перетащите их обратно. Вы можете заблокировать их вместе, чтобы, когда вы перетащите их все вверх, они все сойдутся вместе или вернутся к нулю.

Я просто хочу, чтобы это было немного округлым, и мы собираемся изменить его позже, когда будем делать наш Type. В конце концов, это будет та коробка. Мы сделаем еще пару вещей: я собираюсь уменьшить масштаб, «Командование…» И я хочу сделать звезды в углу, вот эти ребята.Так что звезды — это не сложно, но … посмотрите это, нажмите и удерживайте. Они заходят в этот инструмент, называемый Polygon Tool, нажимают на него. И по умолчанию он даст мне многоугольник. Я не уверен, что это за форма, Пентагон? Я хочу сказать, Пентагон. И вы можете поменять стороны здесь, у меня может быть 10 сторон. Теперь это то, что я не могу назвать. Переходим к «Отменить». Я использую ярлык, поэтому «Редактировать». ‘Шаг назад’. Это здесь. На Mac это довольно безумно, это «Command-Option-Z», шаг назад.На ПК это «Control-Alt-Z». Просто шаг назад. Я использую это довольно часто. Я, наверное, собираюсь использовать это с этого момента в курсе. Если вы видите, что я иду назад и отменяю, я просто перейду к этой опции здесь, используя свой хитрый ярлык.

Итак, что я хочу сделать, это то, что я хочу пятигранную звезду, но что я хочу сделать, это увидеть здесь эту маленькую шестеренку? Прежде чем начать рисовать, нажмите «Звездочка», поиграйте со вставкой, 50% даст вам традиционную звезду. Посмотрите это здесь, вы можете отменить его и просто поэкспериментировать.Поэкспериментируйте с отступами, например … Мне очень нравится этот, если вы опуститесь до 15, а затем поверните стороны до 50, вы получите что-то вроде звездообразования. Это очень удобно, я не знаю. Как я покупаю вино? Я смотрю на этикетку, а много ли на ней этих золотых наклеек? Я их даже не читаю, но так покупаю вино.

Выбрав этот слой, я собираюсь щелкнуть по мусорному ведру, чтобы избавиться от него, и я собираюсь получить свою звезду. Итак, «Инструмент многоугольника», сторона, вернемся к «5».Нажмите на маленькую шестеренку, и я скажу 50%. Если вы дойдете до 80%, они будут супер острыми. Вы также можете сгладить его края, просто немного поэкспериментируйте. Просто сделаю традиционную звезду. Я собираюсь вытащить — если хочешь прямо, это наш волшебный ключ, который мы сделали. Мы уже использовали его несколько раз. На данный момент это будет любой старый размер. Итак, я собираюсь растянуть и удерживать клавишу «Shift». Видите ли, это как бы запирает его в более удобные формы. Это не прямо вверх и вниз, я не знаю почему, но вы можете, вот так, поехали, в конце концов я понял.Так что удерживайте Shift и просто вращайте его, пока не получите вид … он зафиксировал его в симметричной форме, вот что я хочу сказать.

Давайте посмотрим, как изменить его цвет. Итак, с этим слоем, наверху, я собираюсь выбрать белый цвет. Во-первых, предположим, что этот цвет исчез, вероятно, потому, что вы используете инструмент «Перемещение». Если вы находитесь на этом слое с помощью инструмента «Перемещение» — он отлично подходит для перемещения, но если вы хотите вернуться к форме, просто выберите этот инструмент, убедитесь, что этот слой выбран, и он снова появится.Вы можете уйти сейчас, потому что это почти все, что касается форм. Я собираюсь посмотреть на непрозрачность, потому что я хочу воссоздать такой звездный эффект и вот эту штуку. Погодите, я на самом деле собираюсь нарисовать этот круг и там. Вы можете полностью уйти, если уже знаете, как изменить непрозрачность.

Я хочу преобразовать этого парня, чтобы он стал меньше. Итак, слой выбран, «Редактировать», «Трансформировать», «Масштабировать». Теперь, что я собираюсь сделать до конца этого курса, это очень долгий путь, я собираюсь использовать ярлык, и он здесь, Free Transform.Он делает все это понемногу, действительно легко масштабируется. Я собираюсь использовать «Команду Т». Вам не обязательно, вы можете зайти сюда и использовать эту версию. «Command T» — отличный способ научиться чему-то. На ПК это «Control T», поэтому удерживайте «Command T» и то же самое, удерживайте «Shift» в углах, и я могу изменить его размер. Так что я хочу, чтобы это было об этом, нажмите «Return». Мне нужна другая версия, поэтому я собираюсь щелкнуть по ней правой кнопкой мыши и сказать «Дублировать слой». «Многоугольник 2», нажмите «ОК». И что я собираюсь сделать, это, вероятно, тот, который находится внизу.Итак, этот парень наверху, этот парень внизу. Я собираюсь растянуть его, используя мой супер-новый ярлык, «Command T», и я собираюсь масштабировать его, поэтому, если я удерживаю «Shift», я могу перетащить его туда, тогда я все равно могу схватиться за центр и попробуйте выровнять их, и это обычно работает.

Еще одно небольшое сокращение, которым я хочу с вами поделиться. Я собираюсь нажать «Esc», «Esc» означает «Я не это имел в виду». Я собираюсь вернуться туда, где это было. У меня все еще две звезды друг на друге. А вот на нижнем я нажму «Command T», «Control T» на ПК.Удерживая Shift, вы получаете это из верхнего левого угла. Если я удерживаю «Shift Option» на Mac или «Alt» на ПК, поэтому посмотрите вниз на клавиатуру, удерживайте «Shift», а если у вас Mac, удерживайте «Shift Option». Если вы работаете на ПК, удерживайте Shift и Alt. Что он делает, вы видите разницу? Его размер изменяется от центра. Я не хочу слишком сильно обманывать вас ярлыками. Вы не обязаны, вы можете просто выровнять его, использовать Shift и просто выровнять его, но я хочу сделать мой немного больше, чем он был примерно там. На самом деле ничего не происходит, кроме этого нижнего. Я хочу уменьшить непрозрачность, видите ползунок «Непрозрачность» здесь? Он будет опускать его, пока я не найду что-то, что мне нравится.На самом деле я собираюсь использовать Transform. Я собираюсь сделать его немного больше. У нас есть Drop Shadows на этом. Позже это будет выглядеть лучше, но мы еще не дошли до этого.

Если я хочу повторно … Я также изменю размер этого верхнего. На самом деле я хочу, чтобы оба были немного меньше. Удерживая обе эти клавиши. Ты, ты. Я сделаю то же самое с кругом. Итак, этот парень выбрал мой Эллипс, я собираюсь продублировать его. Щелкните правой кнопкой мыши «Дублировать слой». Вы должны дать им имя.Я буду честен с вами, я никогда не беспокоюсь, если я не отправлю его кому-то, на кого мне нужно произвести впечатление. Я перехожу к своей «Команде Т». Я собираюсь взять одну из этих боковых частей, удерживая «Shift Option» на моем Mac. Сделайте немного больше. Что я, вероятно, собираюсь сделать, так это то, что у меня есть большой сверху, я собираюсь положить его внизу.

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

Последнее, что я хочу сделать, это получить это … Я хочу, чтобы оно было длиннее, поэтому я собираюсь использовать «Command T» на Mac, «Control T» на ПК и просто перетащить его. из. Самое классное в живых фигурах то, что угол все еще сохранился.Неважно, как долго, это не искажает. Так что я собираюсь перетащить его, чтобы он отключился, даже за край, это не имеет значения. «Enter» на моей клавиатуре, чтобы закончить его, и я собираюсь использовать его как своего рода вне страницы в поле типа обрезки. Еще одна вещь, которую я хочу, — это маленький кружок здесь внизу. Я буду ленивым. Вместо того, чтобы нарисовать Эллипс и придать ему цвет, я собираюсь схватить этого парня, я собираюсь щелкнуть по нему правой кнопкой мыши, я собираюсь дублировать его. Да, я дам этому имя, потому что вы смотрите на меня, давайте перейдем к «Малому кругу».Я собираюсь трансформировать его. Удерживая мои горячие клавиши, хватаясь за что угодно, но не за центр, и он собирается упасть сюда, куда-то. Нажмите «Return» на клавиатуре.

Вот и готово наше видео о создании эпической формы. Давайте перейдем к следующему видео, где мы начнем добавлять Type, а затем сделаем Drop Shadows. Еще много предстоит сделать, но давайте сделаем это в следующем видео. Ну пока.

квадратов сетка фотоколлаж в Photoshop

В этом уроке я покажу вам, как создать фотоколлаж из квадратов / прямоугольников в Photoshop.

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

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

Приступим!

Окончательный результат.

Скачать этот шаблон

Загрузите шаблон Rectangle Photoshop Collage здесь или найдите другие бесплатные шаблоны Photoshop Collage здесь.Если вам понравились мои работы, подпишитесь на мой канал на YouTube — PhotoEffect или Купите мне кофе.

Видео: Прямоугольный коллаж Photoshop.

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

Выберите File> New (или просто нажмите Ctrl + N ).

Во всплывающем окне введите имя в поле Имя и введите следующую информацию:

Ширина 3000 пикселей, Высота 3000 пикселей, Разрешение 300 пикселей / дюйм, Цветовой режим RGB и Содержимое фона Прозрачный или Белый.

Нажмите ОК.

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

Как сделать сетку в фотошопе?

Сделать сетку в Photoshop довольно просто.

Просто выберите View> Show> Grid .

Откройте настройки сетки, выберите Правка> Настройки> Направляющие, сетка и фрагменты .

Откроется диалоговое окно настроек.

Выберите желаемый цвет линий сетки.

Я установлю для параметра «Линия сетки каждые» значение 10 процентов, а для параметра «Подразделения» — значение 1.

Выберите «Вид »> «Привязать» , чтобы включить привязку, которая поможет вам выровнять любой объект (включая форму) по вашему желанию.

Создавайте сетку каждые 10 процентов.

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

Нажмите Shift + U , чтобы просмотреть шесть доступных инструментов формы, пока не станет активным тот, который вам нужен.

На панели параметров убедитесь, что в меню выбрана форма, затем выберите цвет формы.

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

Цвет также можно выбрать в палитре цветов.

Наконец, заполните размер обводки.

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

Щелкните образец цвета на панели параметров и выберите доступный цвет.

Цвет также можно выбрать в палитре цветов.

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

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

Теперь продублируйте форму прямоугольника, выбрав Layer> Duplicate Layer , или нажав Ctrl + J .

Затем измените размер и положение дублированного слоя с прямоугольной формой, используя Edit> Free Transform Path .

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

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

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

После того, как вы закончите создание всех фигур, вы можете скрыть сетку, выбрав View> Show> Grid .

Нарисуйте на документе прямоугольную форму.

Нарисуйте другую форму прямоугольника или скопировав существующую форму прямоугольника с помощью Ctrl + J, а затем переместив ее с помощью функции «Свободное преобразование».

5. Вставить изображение
В этом уроке Photoshop Collage я буду использовать изображения, которые я скачал с Pixabay.
Вы должны разместить слой изображения над слоем «Прямоугольник».

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

Перейдите в Файл> Поместить , чтобы открыть изображение, которое вы хотите вставить.

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

Если ваш файл не отображается, попробуйте просмотреть все файлы, выбрав «Все форматы» в списке «Тип файлов».

Нажмите кнопку «Поместить».

Теперь вы можете редактировать изображение следующим образом:

• Измените размер изображения, перетащив любой угол, удерживая нажатой клавишу Shift , чтобы изображение не искажалось.
• Переместите изображение, щелкнув и удерживая в любом месте изображения, а затем перетащите.
• Поверните изображение, перемещая курсор дальше от любого угла, пока не увидите две стрелки. Щелкните и удерживайте, а затем перетащите изображение.
• Нажмите Введите ключ , когда закончите.

Вставьте изображение в ваш документ.

6. Создайте обтравочную маску
Когда слои помещаются в обтравочную маску, содержимое самого нижнего слоя (слой «Прямоугольник») обрезает слои над ним (слой изображения).

Убедитесь, что на панели «Слои» слои для обрезки перечислены последовательно.

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

Щелкните слой изображения, который нужно обрезать, затем выберите «Слой »> «Создать обтравочную маску» (или просто нажмите Alt + Ctrl + G ).

Расположите слой изображения над слоем «Прямоугольник».

Теперь содержимое слоя «Прямоугольник» обрезает слой изображения.

7. Вставить другое изображение
Повторите шаги с 5 по 6, чтобы открыть и изменить каждое изображение, которое вы хотите вставить.

Вставьте все изображения.

8. Сохраните документ
Выберите File> Save или просто нажмите Ctrl + S , чтобы сохранить файл проекта.

Откроется диалоговое окно «Сохранить как».

Перейдите в папку, в которой вы хотите сохранить файл проекта.

Введите имя в текстовое поле «Имя файла» и оставьте формат Photoshop по умолчанию (* .PSD; *. PDD).

Нажмите «Сохранить», чтобы сохранить файл проекта.

Когда вы закончите, вы, вероятно, также захотите использовать Файл> Сохранить как (Shift + Ctrl + S), чтобы экспортировать изображение в более широко используемый формат, такой как JPEG, PNG, TIFF и т. Д.

Вот результат:

Прямоугольный коллаж Photoshop.

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

.