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

Содержание

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

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

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

Без заливки

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

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

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

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

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

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

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

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

С заливкой

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

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

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

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

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

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

Всем WEB!

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

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

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

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

Я открываю вот такую картинку:

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

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

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

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

В следующем окошке указываем ширину и цвет обводки и жмем «ОК».

Вот что у нас получается. Убираем выделение при помощи сочетания клавиш Ctrl+D.

Прямоугольник готов.

Смотрим видео по теме:

(Пока оценок нет) Загрузка…

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

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

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

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

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

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

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

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

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

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

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

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

Подробнее о векторных и растровых типах изображения

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Скачать последнюю версию Photoshop

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

Настройки инструмента находятся на верхней панели.

Зажатая клавиша SHIFT позволяет сохранить пропорции, то есть нарисовать квадрат.

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

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

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

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

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

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

Выделение снимается клавишами CTRL+D.

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

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

Помогла ли вам эта статья?

ДА НЕТ

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

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

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

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

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

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

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

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

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

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

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

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

SHIFT, создавая квадрат.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь давайте узнаем, как создавать сами векторные фигуры. Мы начнем с первого инструмента в списке, это «Прямоугольник» (Rectangle Tool). Выберем его на панели инструментов:

Выбор инструмента «Прямоугольник» (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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Фигуры

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

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

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

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

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

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

Как создать прямоугольник с пунктирной линией в Photoshop? — Вокруг-Дом

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

Photoshop предлагает несколько стилей для пунктирных границ. Кредит: Изображение предоставлено Adobe.

Нарисуйте прямоугольник. Кредит: Изображение предоставлено Adobe.

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

Выберите «Не заполнять» на панели параметров. Кредит: Изображение предоставлено Adobe.

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

Укажите пунктирную границу для rectangle.credit: Изображение предоставлено Adobe.

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

Стилизуйте штрихи по желанию из окна Stroke.credit: Изображение предоставлено Adobe.

Нажмите кнопку «Дополнительные параметры». В этом окне отображаются те же три меню стилей, что и в меню «Параметры обводки», однако у каждого стиля есть описание. В меню «Caps» вы можете выбрать квадратные, круглые или торцевые концы для каждой черты. В меню «Выравнивание» укажите, хотите ли вы, чтобы тире отображались внутри, снаружи или по центру на границе прямоугольника. В меню «Углы» выберите угловые, круглые или наклонные углы. Если вам нужны тире или пробелы нестандартного размера, вы также можете указать размеры в текстовых полях этого окна.

Сожмите прямоугольник с одной стороны в illustrator или photoshop

Я хочу сделать прямоугольник сжатия с одной стороны в Photoshop или Illustrator. Точно так же, как показано на рисунке ниже. Я пробую его в иллюстраторе по эффекту -> Wrap -> . Но нет ни одного стиля, который соответствовал бы моим требованиям. Есть ли какой — нибудь способ сделать это?

photoshop adobe-illustrator
Поделиться Источник user3787092 18 января 2018 в 07:55
2 ответа
Нарисуйте прямоугольник с дугой срезанной с одной стороны
Я начинаю рисовать пользовательские фигуры, используя основную графику на iOS. Прямо сейчас я пытаюсь нарисовать прямоугольник с прозрачной дугой, вырезанной с одной стороны. Я пытаюсь использовать функцию CGContextAddArcToPoint , чтобы нарисовать дугу, но не могу понять суть. Кроме того, есть ли…
Создание шрифтов в Illustrator/Photoshop, экспорт их в .ttf/.otf
Есть ли способ экспортировать файлы photoshop/Illustrator в файлы .ttf или .otf? Я знаю, что в самих этих программах нет такой возможности, но, возможно, есть сторонняя программа, которая может их импортировать? Являются ли такие программы, как глифы или что-то еще, единственным способом создания…

0

Этот код VBA делает то, что вам нужно:
Sub draw() Dim Doc As Object Dim New_Path As Object Set Doc = CreateObject("Illustrator.Application").ActiveDocument Set New_Path = Doc.PathItems.Add New_Path.SetEntirePath (Array(Array(100, 100), Array(100, 200), Array(120, 200), Array(120, 100))) New_Path.Closed = True New_Path.PathPoints(3).RightDirection = Array(110, 180) New_Path.PathPoints(4).LeftDirection = Array(110, 120) End Sub
Поделиться Argut 19 января 2018 в 17:21

0

в Illustrator:
1) сгруппируйте объекты, которые вы хотите деформировать
2) поверните их на 90 градусов
3) Эффекты >> Деформация >> Верхняя Дуга… (Положительное значение = выпуклое, отрицательное значение = вогнутое)
4) Объект >> развернуть внешний вид
5) поверните так, чтобы он снова стоял вертикально.
Поделиться cybernetic.nomad 15 февраля 2018 в 23:54
Похожие вопросы:

создайте файл photoshop или файл illustrator с помощью php
Можем ли мы создать файл photoshop или файл illustrator с помощью php? Я хочу создать приложение flash, которое может выполнять простое распределение позиций с несколькими типами фигур, и эти…

высокое качество текста (photoshop/illustrator) через платформу .net
Я пытаюсь сгенерировать текст для печати в приложении .net, которое соответствует тому, что наши дизайнеры могут создать в Illustrator Photoshop &. Использование встроенного чертежа API из GDI+…

Рисование пути в Photoshop/Illustrator, с использованием его в iOS
Я ищу более удобный способ рисования пути, чем рисование его программно. Есть ли какой-нибудь способ нарисовать путь в Photoshop (или Illustrator) и получить этот путь к iPhone для использования в…

Нарисуйте прямоугольник с дугой срезанной с одной стороны
Я начинаю рисовать пользовательские фигуры, используя основную графику на iOS. Прямо сейчас я пытаюсь нарисовать прямоугольник с прозрачной дугой, вырезанной с одной стороны. Я пытаюсь использовать…

Создание шрифтов в Illustrator/Photoshop, экспорт их в .ttf/.otf
Есть ли способ экспортировать файлы photoshop/Illustrator в файлы .ttf или .otf? Я знаю, что в самих этих программах нет такой возможности, но, возможно, есть сторонняя программа, которая может их…

Лучший способ добавить логотип к фотографии: Illustrator vs Photoshop
Я понимаю, что Adobe Illustrator лучше подходит для создания логотипов, потому что их можно изменить до любого размера. Я также понимаю, что Adobe Photoshop лучше подходит для фактического…

Можете ли вы запускать программы (например, photoshop, illustrator) с Ruby?
Мне было интересно, можете ли вы использовать Ruby для управления другими программами на вашем компьютере. (Например, photoshop, illustrator, iTunes и т. д.) Либо начать бегать, либо сделать что-то…

Экспорт paths/shapes/splines из Rhino в Photoshop/Illustrator?
Мне очень нравится, как Rhino позволяет создавать сплайны. Можно ли создать сплайн в Rhino и экспортировать его для использования в качестве сплайна в Photoshop или Illustrator?

Как открыть Photoshop проектов в Illustrator с помощью Applescript?
Я пытаюсь написать сценарий, который берет несколько проектов, которые я отредактировал в photoshop, и открывает их в Illustrator, вносит некоторые изменения, сохраняет их кучей разных способов, а…

Illustrator / Photoshop Цветовых Профилей
Недавно я узнал, что могу получить свои цвета 1:1 для печати в photoshop, если назначу профиль: Photoshop 5 Default CMYK Однако на данный момент я делаю другой проект, который должен быть сохранен в…
✅ Как рисовать простые геометрические фигуры в Photoshop. Фигуры в фотошопе: как нарисовать или вставить? Как нарисовать человека женщину в одежде в движении карандашом
Инструменты для создания фигур в Фотошопе

Фотошоп является растровым редактором изображений, но в его функционал также включена возможность создания векторных фигур. Векторные фигуры состоят из примитивов (точек и отрезков) и заливки. На деле это векторный контур, залитый каким-либо цветом.
Сохранение таких изображений возможно только в растровых форматах, но, если требуется, рабочий документ можно экспортировать в векторный редактор, например, Illustrator.
Создание фигур
Инструментарий для создания векторных фигур находится там же, где и все остальные приспособления – на панели инструментов. Если есть желание стать настоящим профессионалом, то горячая клавиша вызова любого из этих инструментов – U.
Сюда входят Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Многоугольник», «Произвольная фигура» и «Линия». Все эти инструменты выполняют одну функцию: создают рабочий контур, состоящий из опорных точек, и заливают его основным цветом.
Как видим, инструментов довольно много. Поговорим обо всех кратко.
Прямоугольник.
C помощью данного инструмента мы можем нарисовать прямоугольник или квадрат (с зажатой клавишей SHIFT).
Урок: Рисуем прямоугольники в Фотошопе
Прямоугольник со скругленными углами.
Этот инструмент, как следует из названия, помогает изобразить такую же фигуру, но со скругленными углами.
Радиус скругления предварительно настраивается на панели параметров.

Эллипс.
При помощи инструмента «Эллипс» создаются круги и овалы.
Урок: Как нарисовать круг в Фотошопе
Многоугольник.
Инструмент «Многоугольник» позволяет нам рисовать многоугольники с заданным количеством углов.
Количество углов также настраивается на панели параметров. Обратите внимание, что в настройке указан параметр «Стороны». Пусть этот факт не вводит Вас в заблуждение.
Урок: Рисуем треугольник в Фотошопе
Линия.
С помощью данного инструмента мы можем провести прямую линию в любом направлении. Клавиша SHIFT в данном случае позволяет проводить линии под 90 или 45 градусов относительно холста.
Толщина линии настраивается все там же – на панели параметров.
Урок: Рисуем прямую линию в Фотошопе
Произвольная фигура.
Инструмент «Произвольная фигура» дает нам возможность создавать фигуры произвольной формы, содержащиеся в наборе фигур.
Стандартный набор Фотошопа, содержащий произвольные фигуры, также можно найти на верхней панели настроек инструмента.
В данный набор можно добавлять фигуры, скачанные из интернета.
Общие настройки инструментов
Как мы уже знаем, большинство настроек фигур находится на верхней панели параметров. Настройки, приведенные ниже, одинаково применяются ко всем инструментам группы.
Самый первый выпадающий список позволяет нам изобразить либо непосредственно фигуру целиком, либо ее контур или заливку по отдельности. Заливка в данном случае не будет являться векторным элементом.

Цвет заливки фигуры. Данный параметр работает, только если активирован инструмент из группы «Фигура», и мы находимся на слое с созданной фигурой. Здесь (слева направо) мы можем: выключить заливку полностью; залить фигуру сплошным цветом; залить градиентом; замостить узором.
Следующим в списке настроек идет «Штрих». Здесь имеется в виду обводка контура фигуры. Для штриха можно настроить (или отключить) цвет, причем задав тип заливки,
Далее следуют «Ширина» и «Высота». Данная настройка позволяет нам создавать фигуры с произвольными размерами. Для этого необходимо внести данные в соответствующие поля и кликнуть в любом месте холста. Если фигура уже создана, то изменятся ее линейные размеры.
Следующие настройки позволяют производить с фигурами различные, довольно сложные, манипуляции, поэтому поговорим о них более подробно.
Манипуляции с фигурами
Данные манипуляции возможны, только если на холсте (слое) уже присутствует хотя бы одна фигура. Ниже станет понятно, почему так происходит.
Новый слой.
Когда выставлена данная настройка, новая фигура создается в обычном режиме на новом слое.

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

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

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

Объединение компонентов фигур.
Данный пункт позволяет, после совершения одной или нескольких предыдущих операций, объединить все контуры в одну цельную фигуру.
Практика
Практическая часть сегодняшнего урока будет представлять собой набор сумбурных действий, направленных только на то, чтобы посмотреть в действии работу настроек инструментов. Этого уже будет достаточно для того, чтобы понять принципы работы с фигурами.
1. Для начала создадим обычный квадрат. Для этого выберем инструмент «Прямоугольник», зажмем клавишу SHIFT и потянем от центра холста. Можно воспользоваться направляющими для удобства работы.
2. Затем выберем инструмент «Эллипс» и пункт настроек «Вычесть переднюю фигуру». Сейчас мы будем вырезать круг в нашем квадрате.
3. Кликаем один раз по любому месту на холсте и, в открывшемся диалоговом окне, пропишем размеры будущего «отверстия», а также поставим галку напротив пункта «От центра». Круг будет создан точно в центре холста.
4. Нажимаем ОК и видим следующее:
5. Далее нам необходимо объединить все компоненты, создав цельную фигуру. Для этого выбираем соответствующий пункт в настройках. В данном случае это делать не обязательно, но, если бы круг выходил за границы квадрата, наша фигура состояла из двух рабочих контуров.
6. Поменяем цвет фигуры. Из урока мы знаем, какая настройка отвечает за заливку. Есть и другой, более быстрый и практичный способ смены цвета. Необходимо дважды кликнуть по миниатюре слоя с фигурой и, в окне настройки цвета, выбрать желаемый оттенок. Таким способом можно залить фигуру любым сплошным цветом.
Соответственно, если требуется градиентная заливка или узор, то пользуемся панелью параметров.
7. Зададим обводку. Для этого взглянем на блок «Штрих» на панели параметров. Здесь выберем тип обводки «Пунктир» и ползунком изменим ее размер.
8. Цвет пунктира зададим с помощью клика по соседнему цветовому окошку.
9. Теперь, если полностью отключить заливку фигуры,
То можно увидеть следующую картину:
Таким образом мы пробежались почти по всем настройкам инструментов из группы «Фигура». Обязательно потренируйтесь, моделируя различные ситуации, чтобы понять, каким законам подчиняются растровые объекты в Фотошопе.
Фигуры примечательны тем, что, в отличие от своих растровых собратьев, не теряют качества и не приобретают рваных краев при масштабировании. Вместе с тем, они обладают теми же свойствами и подлежат обработке. К фигурам можно применять стили, заливать любыми способами, путем объединения и вычитания создавать новые формы.
Навыки работы с фигурами незаменимы при создании логотипов, различных элементов для сайтов и полиграфии. При помощи данных инструментов можно выполнять перевод растровых элементов в векторные с последующим экспортом в соответствующий редактор.
Фигуры можно скачивать из интернета, а также создавать свои собственные. При помощи фигур можно рисовать огромные плакаты и вывески. В общем, полезность данных инструментов весьма сложно переоценить, поэтому уделите особое внимание изучению данного функционала Фотошопа, а уроки на нашем сайте Вам в этом помогут.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Как рисовать векторные фигуры в Photoshop, опции Заливка и Обводка
В этом уроке мы будем изучать основы работы с векторными формами (их ещё называют «фигурами», англ — Shapes) и слой-фигурами в Photoshop. Мы начнем с изучения применения пяти геометрических инструментов формы — «Прямоугольник» (The Rectangle Tool), «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), и инструмент «Линия» (Line Tool). Чтобы узнать о каждой из этих фигур подробнее, кликните по их названию.
Затем, в следующем уроке, мы узнаем, как работать с более сложными фигурами — инструментом «Произвольная фигура» (Custom Shape Tool).
Большинство пользователей позиционируют Photoshop как программу для редактирования фотографий, а если вы попросите рекомендовать хорошую программу для рисования эскизов, макетов и иллюстраций, вам, как правило, посоветуют Adobe Illustrator. Действительно, возможности рисования иллюстраций у программы Illustrator выходят далеко за пределы в Photoshop, но и Photoshop имеет достаточно широкие возможности для выполнения этих задач, как можно было бы ожидать от редактора изображений на основе пикселей. Это достигается в значительной степени благодаря векторным инструментам Photoshop, о которых и пойдёт речь в этом уроке.
Начиная с версии Photoshop CS6, в векторные инструменты внесли значительные обновления. Это добавление обводки, пунктира, типов заливки, изменение радиуса углов и т.п.
Инструменты форм
Adobe Photoshop имеет шесть инструментов формы, это «Прямоугольник» (The Rectangle Tool), «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool), «Эллипс» (Ellipse Tool), «Многоугольник» (Polygon Tool), «Линия» (Line Tool) и инструмент «Произвольная фигура» (Custom Shape Tool). Все они вложены в одном месте в панели инструментов. По умолчанию, на инструментальной панели отображён инструмент «Прямоугольник», но если вы нажмёте на него правой клавишей мыши, то откроется выпадающий список с остальными инструментами:

Инструменты векторных форм, верхний инструмент — «Прямоугольник» (Rectangle Tool)
Я выберу первый инструмент в списке, это «Прямоугольник» (Rectangle Tool).
Фигура, Контур или Пиксели
Прежде, начинать создавать какие-либо формы, в первую очередь необходимо указать Photoshop, какой тип формы мы хотим нарисовать. Это необходимо потому, что на самом деле Photoshop позволяет нам создать три абсолютно разных вида форм. Это «Фигура» (Shape), «Контур» (Path) и «Пиксели» (Pixel Shapes).

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

Выбор опции «Фигура» (Shape) на панели параметров
Заливка формы цветом
Следующее действие, которое мы, как правило, выполняем после выбора опции «Фигура», это выбор цвета, заполняющего форму, в версии Photoshop CS6 и выше, это делается с помощью клика по полю «Заливка» (Fill) в панели параметров:

Клик по кнопке в панели параметров для открытия диалогового окна свойств заливки фигуры.
Это действие открывает окно, которое позволяет нам выбрать один из четырех различных способов заполнения формы, каждый из которых представлен одним из четырех значков, расположенных вдоль верхней части окна. Назначение значков, начиная с левого края:
Нет цвета (No Color) — белый прямоугольник с красной диагональной линией, заливка отсутствует
Чистый цвет (Solid Color) — заливка сплошным цветом
Градиент (Gradient) — заливка градиентом
Узор (Pattern) — залива Photoshop-узором (паттерном)

Различные методы заливки формы
Нет цвета (No Color)
Как следует из названия, выбор этой опции оставит форму без заливки, с пустыми пикселями внутри. Для чего это нужно? Ну, в некоторых случаях может понадобится только сам контур. Также, часто нужна только обводка с прозрачными пикселями внутри.
Ниже показан простой пример того, как выглядит форма без заливки цветом. Все, что мы видим — это основной контур формы, который так и называется — «Контур» (Path). Контур отображается только в документе Photoshop, так что при сохранении вашей работы в формате JPEG или PNG, или при печати, контур виден не будет. Чтобы сделать его видимым, мы должны добавить к нему обводку, способы добавления которой мы рассмотрим далее:

Фигура «Прямоугольник» без заливки и обводки.
Чистый цвет (Solid Color)
Чтобы заполнить вашу форму однотонным цветом, выбирайте опцию «Чистый цвет» (Solid Color) вторая иконка слева:

Опция «Чистый цвет» (Solid Color) для заливки фигуры сплошным однотонным цветом
При активной опции, выберите цвет для фигуры, нажав на один из цветовых образцов. Цвета, которые при работе в Photoshop вы недавно использовали, будут отображены выше основных образцов:

Выбор цвета нажатием на образец.
Если нужного вам цвета нет среди представленных образцов,нажмите на значок «Палитра цветов» (Color Picker), расположенный в правом верхнем углу окна:

Клик на значок Color Picker для выбора собственного цвета.
Откроется диалоговое окно палитры цветов, выберите в неё цвет и нажмите OK, чтобы закрыть Color Picker после выбора нужного цвета.
Как видно на рисунке ниже, после этих действий мы имеем такую же форму, только теперь форма имеет цвет:

Фигура, залитая цветом.
Заливка градиентом
Чтобы заполнить вашу форму градиентом, выберите опцию «Градиент» (Gradient). Затем нажмите на одну из миниатюр для выбора предустановленного градиента, или используйте миниатюру полосы градиента, расположенную ниже, для создания своего собственного варианта градиента.

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

Форма, заполненная одним из предустановленных градиентов Photoshop.
Заливка узором (Patterns)
Наконец, опция заливки узором позволяет нам заполнить форму одним из предустановленных узоров Photoshop.
Нажмите на одну из миниатюр для выбора узора. Заранее в Photoshop установлено не так много вариантов узоров, выбор, загрузка и установка узора для заливки подробно описаны здесь.
Ниже показана та же форма, на этот раз заполненная узором:

Та же форма, только на этот раз залитая стандартным узором Photoshop.
Если вы не пока уверены, какой цвет, градиент или узор, нужен вашей фигуры, не волнуйтесь. Как мы увидим далее, вы всегда сможете вернуться к редактированию фигуры позже и изменить вид заливки.
Добавление обводки к векторной фигуре
Эта опция появилась в Photoshop, начиная с версии CS6. По умолчанию, Photoshop не будет добавляет обводку к краям фигуры, но добавить её так же просто, как и заливку цветом.
Для добавления обводки, нажмите на соответствующую опцию в панели параметров:

Опция добавления обводки.
Это открывает окно с параметрами, где мы можем выбрать цвет обводки, а также, задать многие другие параметры.
В верхней части окна у нас есть те же самые четыре иконы для выбора типа заливки линии обводки, это «Нет цвета» (No Color), «Чистый цвет» (Solid Color), Градиент (Gradient) и «Узор» (Pattern). По умолчанию выбран вариант «Нет цвета». Я выберу тип «Чистый цвет» (Solid Color). Выбирать и назначать цвет обводки точно таким же образом, как и цвет заливки, о чем рассказано выше.
Изменение толщины обводки
Чтобы изменить толщину обводки, используйте соответствующее поле ввода, расположенное непосредственно справа от прямоугольника образца цвета в панели параметров. По умолчанию, толщина установлена в 3 пт (пункта). Но вы можете задать другие единицы измерения, если нажмёте на это поле ввода правой клавишей мыши, откроется выпадающий список единиц измерения. Я, практически всегда, выбираю пиксели:

Изменение ширины и единиц измерения обводки.
Опция выравнивания краёв (Align Edges)
Правее всех других, в панели параметров расположена опция «Выровнять края». При включении этой функции (она включена по умолчанию) Photoshop приведёт в соответствие положение краёв обводки с пиксельной сеткой, что сделает изображение чётче.
Опция будет активна только при единицах измерения обводки пиксели.
Дополнительные параметры обводки
По умолчанию, Photoshop рисует обводку в виде сплошной линии, но мы можем изменить это, нажав кнопку «Задать тип штриха фигуры» (Stroke Options ) на панели параметров:

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

Диалоговое окно дополнительных параметров обводки
Опция «Выровнять» (Align) позволяет нам выбрать, будет ли обводка расположена внутри контура, снаружи или посередине.
Следующая опция «Концы» (Caps) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.
штрих заканчивается на границе своей заданной длины и конец имеет прямоугольную форму
конец имеет полукруглую форму и выступает на половину ширины за границу заданно длины штриха с каждой стороны
конец имеет прямоугольную форму и выступает на половину ширины за границу заданной длины штриха с каждой стороны
«Углы» (Corners) позволяют изменить вид угла при стыке линий обводки. Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.
Нажатие на кнопку внизу окна «Другие параметры. » (More Options. ) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:

Обводка внутри фигуры, в которой используется два типа штриха — отрезок и точка.
.
Фигуры в фотошопе: как нарисовать или вставить?
На прошлом уроке мы говорили о рисовании в Photoshop с помощью карандаша и кисти. Линии от руки — это прекрасно, но часто бывает, что нужно изобразить ровную геометрическую фигуру. Линейки и циркули ушли в прошлое, и теперь сделать это можно с помощью простых инструментов редактора.
Чтобы выбрать один из них, на палитре инструментов нажмите значок Фигуры.
Независимо от того, какой инструмент группы вы выберите, на панели параметров появятся следующие, общие для всех фигур, элементы.
Режим инструмента выбора. Здесь можно выбрать одно из трёх.
Фигура. Значение установлено по умолчанию, и при нём создаётся векторная геометрическая фигура на отдельном слое, то есть происходит то, чего вы от инструмента и ждёте.
Контур. Рисуется контур фигуры без заливки.
Пикселы. Создаётся не векторная, а растровая фигура.
Заливка. Позволяет настроить цвет и тип (градиент, штриховку) нарисованной фигуры.
Обводка. Настройки контура фигуры: толщина, тип, цвет.
Ширина и высота. Позволяют уточнить размер фигуры, когда непозволительно делать это «на глаз».
Как всегда, создайте новый документ с белым фоном. Остальные параметры можно оставить по умолчанию или выбрать на своё усмотрение.
Прямоугольник
Выберите фигуру Прямоугольник и, чтобы нарисовать его, щёлкните кнопкой мыши на холсте, а затем перемещайте указатель, удерживая при этом кнопку мыши нажатой. Точка, в которой вы щёлкнули, будет углом фигуры.
На панели параметров нажмите значок
. Откроется окно геометрических настроек.
По умолчанию переключатель установлен в положение Прямоугольник . Если вы установите его в положение Квадрат , то при рисовании всегда будете получать фигуру с одинаковой длиной сторон. Аналогичного эффекта можно добиться и не нажимая флажок: для получения квадрата в процессе рисования прямоугольника достаточно удерживать нажатой клавишу Shift .
Если параметры вашего прямоугольника заранее известны, установите переключатель в положение Заданный размер и в полях укажите требуемые значения. Фигура будет полностью нарисована, как только вы щёлкните на холсте кнопкой мыши.
После установки переключателя в положение Задать пропорции в ставших доступными полях для ввода вы можете указать соотношения сторон создаваемой фигуры.
Флажок От центра позволяет рисовать прямоугольник от центра, а не из крайней точки.
Прямоугольник со скруглёнными углами
Следующий пункт в списке геометрических фигур. Понятно, что от обычного он отличается скруглением на углах. Соответственно, и настройки у этой фигуры и прямоугольника почти идентичны. Радиус скругления можно указать в соответствующем поле панели параметров.
Эллипс
Параметры совпадают с прямоугольником, только вместо квадрата можно рисовать круг. Для этого в окне настроек геометрии установите флажок в положение Окружность либо во время рисования удерживайте нажатой клавишу Shift .
Многоугольник
С помощью этого инструмента можно нарисовать треугольник, додекаэдр, икосаэдр, звезду или вообще любую фигуру, которая содержит от трёх до ста сторон. Их количество можно задать в поле ввода Стороны , расположенном на панели параметров.
Окно геометрических настроек от предыдущих фигур заметно отличается.
Радиус. В этом поле задаётся радиус будущего многоугольника.
Сгладить внешние углы. Если флажок установлен, то углы скруглены, если нет — углы острые, как в классическом многоугольнике.
Звезда. Установите флажок, если на выходе хотите получить звезду.
Глубина лучей. Это поле ввода задаёт, насколько длинными будут лучи.
Сгладить внутренние углы. Установите этот флажок если хотите, чтобы внутренние углы были скруглены, как показано на рисунке ниже.
Линия
Используйте этот инструмент, чтобы создавать по-настоящему прямые линии — от руки их делать просто нецелесообразно. Чтобы добиться максимальной точности, настройте геометрические параметры в соответствующем окне.
Начало. Если флажок установлен, вместо линии вы получите стрелку, которая будет нарисована в месте, где вы щёлкнули кнопкой мыши.
Конец. Установите флажок, чтобы стрелка добавлялась в конец линии.
Ширина. Указывается в процентах по отношению к толщине (её можно задать на панели параметров в одноимённом поле).
Длина. Считается так же, как и ширина — по отношению к толщине, в процентах.
Кривизна. Значение указывается в диапазоне от -50% до 50% и определяет, насколько будет изогнута самая широкая часть стрелки. На рисунке изображены стрелки кривизной 0%, 30% и 50% (сверху вниз).
Произвольная фигура
Чтобы не создавать для каждой из десятков оставшихся фигур собственный инструмент, разработчики объединили их здесь. Все элементы панели параметров вам уже знакомы, кроме самого главного — кнопки Фигура , щелчок на которой открывает окно выбора фигур.
Если щёлкнуть на шестерёнке, расположенной в правой части окна, откроется меню дополнительных параметров, содержащее категории фигур.
Щёлкните на категорию и нажмите кнопку OK в окне подтверждения, чтобы отобразить фигуры желаемой группы. На рисунке ниже изображены элементы категории Музыка .
Благодаря рассмотренным инструментам вы буквально в два щелчка сможете нарисовать огромное количество фигур, на создание которых вручную ушло бы довольно продолжительное время.
Источники:
http://lumpics.ru/how-to-draw-a-shape-in-photoshop/
http://rugraphics.ru/photoshop/kak-risovat-vektornye-figury-v-photoshop
http://www.seostop.ru/fotoshop/figury.htm
Когда я рисую прямоугольник в Photoshop, он не помещает его ни на одном слое
Когда я рисую прямоугольник в Photoshop, он не помещает его ни на один слой — Graphic Design Stack Exchange
Сеть обмена стеков
Сеть Stack Exchange состоит из 177 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.
Посетить Stack Exchange
0
+0
Авторизоваться Зарегистрироваться
Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна.Регистрация займет всего минуту.
Зарегистрируйтесь, чтобы присоединиться к этому сообществу
Кто угодно может задать вопрос
Кто угодно может ответить
Лучшие ответы голосуются и поднимаются наверх
Спросил 6 лет, 2 месяца назад
Просмотрено 38k раз
Когда я рисую в Photoshop прямоугольник, он не помещается ни на один слой.Это похоже на необычное поведение.
Создать новый документ
Слой разблокировки 0.
Щелкните слой 0, чтобы он был выбран.
Нарисуйте в моем документе прямоугольник.
На данный момент на моей вкладке слоев все еще есть только слой 0. Если я создаю новый слой, а затем удаляю слой 0, прямоугольник все еще там.
Что я неправильно понимаю о слоях в Photoshop? В Illustrator это добавило бы прямоугольник к выбранному слою.
Создан 27 мар.
Донни ПДонни П
23733 золотых знака66 серебряных знаков1313 бронзовых знаков
Выбрав инструмент Shape Tool , измените раскрывающееся меню на панели управления на что-то , отличное от , а не Path .
Если установлено значение Path , вы просто получите, ну … путь. Для пути не будет создан слой, будет создан только путь (и будет виден на панели Paths Panel ).

Создан 27 мар.
Скотт Скотт
187k1919 золотых знаков254254 серебряных знака505505 бронзовых знаков
Это зависит от того, какой инструмент вы используете в Photoshop.Не могли бы вы указать, какой инструмент вы используете для создания прямоугольника?
Если вы используете инструмент «Перо», ваш путь останется там, когда вы удалите слой. Если вы пытаетесь добавить обводку к контуру, щелкните правой кнопкой мыши созданный контур и просто щелкните контур обводки. (Я также собираюсь предположить, что это, вероятно, то, что вы используете, поскольку это то, что я сам использовал бы в иллюстраторе, чтобы сделать это …) Вы должны получить меню со списком инструментов, я бы просто выбрал инструмент кисти, если вы пытаемся создать штрих.Вы также можете изменить внешний вид обводки, изменив цвет, тип кисти и ее размер, прежде чем наносить мазок при использовании инструмента «Кисть».
Если вы пытаетесь применить что-то вроде заливки, вы также можете просто щелкнуть путь правой кнопкой мыши и выбрать путь заливки.
Я не думаю, что вы неправильно понимаете, как работают слои, просто инструменты, которые вы, возможно, использовали в Illustrator, ведут себя в Photoshop по-другому.

Создан 27 мар.
Создать новый слой Выберите инструмент Rectangular Marquee Tool (горячая клавиша M ). Нарисуйте прямоугольник Перейти к редактированию Нажмите «Обводка» Отрегулируйте цвет и размер обводки Нажмите ОК

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

Создан 30 янв.
2
сделал следующие настройки, которые у меня сработали.
выберите форму и без заливки (/), затем измените обводку, кроме черного / белого, например. Красный и установите ход обычно меньше 0,1.

Создан 11 авг.
Graphic Design Stack Exchange лучше всего работает с включенным JavaScript
Ваша конфиденциальность
Нажимая «Принять все файлы cookie», вы соглашаетесь с тем, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Принимать все файлы cookie Настроить параметры
Как нарисовать квадрат или прямоугольник в Photoshop CS5
Простые формы очень полезны при разработке или редактировании изображений в Photoshop.Вы можете использовать кисть или ластик, чтобы рисовать фигуры от руки, или вы можете использовать некоторые инструменты в программе, чтобы рисовать фигуры с более точными или прямыми линиями. Однако у вас могут возникнуть проблемы с выяснением того, как нарисовать простой прямоугольник или квадрат в Photoshop CS5, поскольку инструмент прямоугольной области не имеет встроенной опции, которая позволяет вам очертить ваш выбор и нарисовать квадрат или прямоугольник на ваш холст. К счастью, есть инструмент, который поможет вам в этом.
Если вам нравится рисовать в Photoshop, то планшет Wacom может упростить задачу.
Очертание рамки в Photoshop CS5
Если вы собираетесь добавить много элементов в свой проект Photoshop, то неплохо попытаться разделить их на слои как можно больше. Это значительно упростит внесение изменений в отдельные части изображения позже, не затрагивая остальную часть изображения. Вы можете создать новый слой в любое время, нажав Shift + Ctrl + N на клавиатуре.Итак, как только вы определились, где вам нужно разместить квадрат или прямоугольник на изображении Photoshop, выполните следующие действия.
Шаг 1. Откройте изображение в Photoshop, затем выберите слой, в который вы хотите вставить квадрат или прямоугольник.
Шаг 2: Щелкните инструмент Rectangular Marquee Tool на панели инструментов в левой части окна.
Шаг 3. Нарисуйте контур фигуры на холсте.
Шаг 4. Щелкните Edit в верхней части окна, затем щелкните Stroke .
Шаг 5. Настройте параметры в окне Stroke по мере необходимости, затем нажмите кнопку OK , чтобы нарисовать прямоугольник или квадрат.
Ищете новый компьютер? У Amazon отличный выбор. Щелкните здесь, чтобы увидеть их самые продаваемые ноутбуки.
Ознакомьтесь с некоторыми полезными советами по управлению файлами и папками на компьютере с Windows 7.
Кермит Мэтьюз — писатель-фрилансер из Филадельфии, штат Пенсильвания, с более чем десятилетним опытом написания руководств по технологиям.Он имеет степень бакалавра и магистра компьютерных наук и большую часть своей профессиональной карьеры провел в сфере управления ИТ.
Он специализируется на написании контента об iPhone, устройствах Android, Microsoft Office и многих других популярных приложениях и устройствах.
Связанные
Нарисуйте форму прямоугольника со скругленными углами в Photoshop CS3 «Wonder How To
Как к
: Создаем стеклянную планку в Photoshop
Это видео покажет, как вам нужно сделать стеклянную планку в Photoshop.Adobe Photoshop — отличная программа для обработки фотографий и добавления интересных эффектов к вашим изображениям. Стеклянная полоса отличается цветным оттенком. Шаг 1 Выберите инструмент «Круглый прямоугольник» из … подробнее
Как к
: Создайте бумажный свиток в Photoshop
В этом видеоуроке от Tasktutorial вы узнаете, как сделать бумажный свиток в Photoahop.Выберите инструмент «Прямоугольник со скругленными углами» и нарисуйте фигуру, похожую на показанную. Откройте параметры слоя. Перейти к градиенту. Выберите указанный градиент и удалите показанный маркер. Отрегулируйте другой … еще
Как к
: Используйте инструменты векторной формы в Photoshop CS2
В этом видеоуроке Photoshop CS2 вы узнаете, как использовать инструменты векторной формы.Инструменты векторной формы включают инструмент «Прямоугольник», инструмент «Прямоугольник со скругленными углами», инструмент «Эллипс», инструмент «Многоугольник», инструмент «Линия» и инструмент «Пользовательская форма». Узнайте, как рисовать и перекрашивать вектор … подробнее
Новости
: Создание рисунков на устройстве iOS, часть 5: Фотография
Для iPhone существует бесконечное количество приложений для фотографий — это, пожалуй, одна из самых популярных арен для разработчиков приложений.Мы рассмотрели некоторые из них в «Раздачах по вторникам», но ничего исчерпывающего. Было бы упущением не упомянуть двух самых популярных лидеров — Hipstamatic (… подробнее
Как к
: Рисуем реалистичные волосы в Photoshop
Стефани Валентин покажет вам, как нарисовать реалистичные волосы в Photoshop.Добавьте новый слой краски, чтобы придать форму волосам, и сделайте это круглой кистью. Нарисуйте волоски по всей форме с помощью инструмента Smudge Tool. Затем добавьте новый слой и нарисуйте линию мягкой круглой кистью и тоже растушуйте … подробнее
Как к
: Создайте старую ржавую панель управления в Photoshop
Pixel Perfect — это «идеальное» шоу, которое поможет вам в ваших навыках Photoshop.Будьте удивлены и учитесь как мастер цифрового художника Берт Монрой берет стилус и цифровой блокнот и обращается с ними, как Моне и Пикассо с маслом и холстом. Изучите советы и хитрости, которые вам понадобятся, чтобы справиться с этими раскопками … подробнее
Как к
: Взломать любой замок или кодовый замок, не взламывая
Вы потеряли ключ или забыли код вашего замка? Это руководство поможет вам подобрать практически любую комбинацию или замок, не сломав их.Все, что вам нужно, это несколько предметов домашнего обихода и немного терпения, и вы будете в пути! You Wil … ещё
Как к
: Сделайте кнопку подписки на YouTube в Photoshop
В этом видео показано, как сделать кнопку подписки на YouTube с помощью Photoshop.Сначала перейдите в File> New или ctrl + N. Сделайте размер 960×150. Установите любое разрешение. В данном случае мы устанавливаем его на 300. Переходим к инструменту «Прямоугольник» и переходим к инструменту «Прямоугольник со скругленными углами». Make a Subs … еще
Как к
: Сделать фальшивую татуировку в Photoshop CS3
Первое, что нужно сделать, это открыть Photoshop.Найдите изображение человека и картинку, которую вы хотели бы использовать. Откройте эти документы. Сбоку на панели инструментов найдите инструмент «Кисть», чтобы правильно настроить картинку. Создайте прямоугольник внутри картинки. Затем нажмите Ctrl + c, чтобы вырезать клип … подробнее
Как к
: Создание значка электронной почты в Photoshop
Это видео проведет вас через процесс создания собственного значка для электронной почты с помощью Adobe Photoshop.Photoshop — отличный инструмент для различных целей, и в этом случае он может создать идеальный значок за считанные минуты. 1. Откройте Новый файл размером 500×500 … подробнее
Как к
: Используйте инструмент прямоугольной области в Photoshop CS3
Этот учебник Photoshop CS3 для начинающих знакомит новых пользователей Photoshop с инструментом прямоугольной области, командой заливки и работой с текстом.Вы узнаете, как создать рисунок типа «картинка для пожилых», используя простой текст и базовые формы, созданные с помощью прямоугольной маркировки … подробнее
Как к
: Создать эффект гравированного текста в Photoshop
В этом видео мы узнаем, как создать эффект гравированного текста в Photoshop.Сначала создайте новый документ в Photoshop и сделайте его настолько большим, насколько хотите. Теперь выберите темно-серый цвет переднего плана. Затем возьмите инструмент прямоугольник и нарисуйте фигурный слой, сделав цвет белым … подробнее
Как к
: Создайте кнопку подписки на YouTube в Photoshop
В этом учебном пособии объясняется, как использовать Photoshop для создания кнопки подписки на YouTube.Сначала выберите инструмент «Прямоугольник» и нарисуйте полосу. Выберите параметры цвета и отмените выбор наложения цвета. Затем перейдите к градиенту. Используя пипетку, выберите первый и второй цвет. Open la … ещё
Как к
: Создайте свой собственный логотип Adobe CS4 в Photoshop
В этом видеоуроке по программному обеспечению вы узнаете, как создать собственный логотип Adobe CS4 в Photoshop.Откройте Photoshop и нажмите ctrl + O, чтобы открыть новый документ. Установите высоту и ширину на 500 пикселей, выберите «Прозрачный» под содержимым фона и нажмите «ОК». Создайте новый слой … подробнее
Как к
: Отрегулируйте цвет глаз в Adobe Photoshop CS3
Это видео о том, как изменить цвет глаз.Первое, что нужно сделать, это загрузить картинку, на которой вы хотите изменить цвет глаз. Следующий шаг — увеличить глаз, над которым вы хотите работать. Просто нажмите кнопку «D» на клавиатуре и нарисуйте … подробнее
Как к
: Создайте иконку мобильного телефона в Photoshop
Из этого видеоурока вы узнаете, как создать значок мобильного телефона в Photoshop.Нарисуйте прямоугольник радиусом 30 пикселей, удерживая клавишу Shift. Щелкните правой кнопкой мыши на панели инструментов и выберите кнопку «Обводка». Откроется диалоговое окно «Стиль слоя». Установите цвет обводки и установите размер 2 пикселя. Select S … больше
Как к
: Нарисуйте каменного ангела в фотошопе
Стефани Валентин учит нас, как нарисовать каменного ангела в Photoshop.Вы создаете новый документ размером 1100 х 200 пикселей. Вы рисуете персонажа черной кистью 5 пикселей и 100% непрозрачности на новом слое. Сохраняйте этот слой всего процесса рисования. Затем создайте новый ла … подробнее
Как к
: Сделайте круглое платье для куклы
Channel Pullip учит, как сшить круглое платье для куклы.Для этого вам понадобится ткань. В примере она использовала тематический материал матросского цвета. Для застежки вам понадобятся кружево и отделка, резинка и липучка. Для начала разрежьте ткань на размер 17 см x 3 см, сложите пополам и … подробнее
Как к
: Нарисуйте карикатуру на грузовик
В этом видео показано, как нарисовать карикатуру на грузовик.Начните с прямоугольной формы, которая немного больше вверху и имеет закругленные углы. Это будет мангал. Создайте внутреннюю границу. Под решеткой нарисуйте передний бампер. В верхнем углу решетки нарисуйте … подробнее
Как к
: Добавить поддельные татуировки в Photoshop
Откройте другой холст.Неважно, какого размера вы его сделаете, главное, чтобы он был такого же размера или больше, чем та область, которую вы хотите покрыть на изображении. Откройте новый холст, перейдя в «Файл» и нажав «Создать». Выберите свои размеры и нажмите «Хорошо». Нарисуйте свой тату на … еще
Как к
: Розыгрыш машин
Хотите улучшить свои навыки рисования автомобилей? Пройдите через эти шаги, и у вас будут инструменты для создания наброска вашей собственной машины.Вы можете сделать из него веселую мультяшную машинку или сделать так, чтобы она выглядела резкой и реалистичной. Обновите свой движок для рисования и приготовьтесь узнать, как нам … больше
Как к
: Нарисуйте девушку
Рисование женщины во многом похоже на рисование мужчины, только более пышных.Вы можете использовать треугольники, чтобы набросать основную форму женщины, что даст вам ориентир для более детального наброска, пока вы не придадите ей желаемый вид. Заточите карандаш, возьмите бумагу для рисования и узнайте, как … больше
Как к
: Нарисуйте мультяшный самолет в двухточечной перспективе
Видео: .Шаг 1. Сегодня мы будем рисовать самолет. Начнем с прямоугольника в двухточечной перспективе. Прежде чем мы начнем, нам нужно выяснить, где будет наша линия горизонта и точки схода. Устройтесь поудобнее и подумайте, какой вид вам нужен. Нам нужно начать … больше
Как к
: Нарисуйте город в одной перспективе
Видео: .Шаг 1: Сегодня мы собираемся изобразить город в одноточечной перспективе — здания в городе переходят в одну точку. Начнем наш рисунок с точки схода и линии горизонта. Чтобы почувствовать рисунок, нам нужно определить, где находится Ванишин … подробнее
Как к
: Нарисуйте лицо старика в двухточечной перспективе
Видео: .Шаг 1: Сегодня мы собираемся нарисовать лицо старика. Начнем с прямоугольника в перспективе. Правильно, мы должны начать с изгиба некоторых основных форм, а затем сделать из них лицо. Мы должны обозначить линию горизонта двумя точками схода. Draw … еще
Как к
: Все приложения, необходимые для создания идеальной истории
Сегодня истории повсюду в социальных сетях, но так было не всегда.В 2013 году Snapchat представил миру эти временные окна в нашу повседневную жизнь. С тех пор истории проникли в другие популярные приложения. Однако, чтобы выделиться, нельзя полагаться только на … подробнее
Как нарисовать прямоугольную рамку в Adobe Photoshop?
Автор: Praveen, Последнее обновление: 21 мая 2017 г.
Если вы используете Custom Shape Tools и рисуете прямоугольник, он заполнен цветами и не создает пустой прямоугольник с рамкой.Рисование пустого прямоугольника с рамкой очень полезно для создания руководств по статье для ведения блога . С помощью Adobe Photoshop вы можете легко создать прямоугольную рамку и выполнить некоторые настройки. Вы можете настроить границы, например настроить ширину, цвет, прозрачность или непрозрачность.
Некоторые полезные статьи по Adobe Photoshop:
Как создать отражающий текст с помощью Photoshop
50+ отличных руководств по текстовым эффектам в Photoshop
Простое удаление морщин в Photoshop
Шаги по созданию и редактированию масок слоев в Photoshop
Как Удаление Adobe Photoshop CS5 в Mac OS X
100 самых популярных сайтов с учебными пособиями по Photoshop
Создание пустого прямоугольника с рамкой
Выполните следующие шаги, чтобы добавить прозрачную рамку прямоугольника в Adobe Photoshop.
Выберите «Инструмент прямоугольной области» на панели инструментов в левой части приложения. ( Вы можете использовать горячую клавишу «M» , чтобы выбрать инструмент Rectangle Marquee Tool)
Удерживая левую кнопку мыши, перетащите указатель мыши на , чтобы создать прямоугольник . Когда прямоугольник нарисован, отпустите кнопку мыши.
Теперь щелкните меню «Редактировать» в строке меню, затем щелкните «Обводка» , и откроется новое окно.
Введите ширину границы в текстовом поле «Ширина» .
Щелкните образец цвета , затем выберите цвет границы прямоугольника. Здесь я выбрал Красный цвет .
Выберите режим наложения и непрозрачность .
Щелкните «ОК» .
Вот и все. Хотя это небольшой учебник; Надеюсь, это будет полезно для новичков.
Как быстро осветлить в Photoshop?
Наконец, если вы хотите работать с высокой скоростью в Adobe Photoshop; тогда вы должны изучить комбинацию клавиш . Оформить заказ, 50 самых полезных сочетаний клавиш Adobe Photoshop, чтобы сэкономить ваше время и улучшить свои навыки редактирования в Photoshop.
Что читают другие?
Как добавить несколько фигур на один и тот же слой в Adobe Photoshop
Я работаю с формами в Adobe Photoshop почти каждый день в своей жизни.Даже в сообщениях, которые я пишу для этого блога, я часто включаю формы. Вы можете видеть их в виде кругов, квадратов и овалов вокруг вещей, которые мне нравится выделять на многих скриншотах, которыми я делюсь. Фигуры просты в использовании и очень универсальны, но они могут сбивать с толку, когда вы начинаете с ними работать. Большая часть путаницы возникает из-за того, как они расположены слоями друг с другом или по отдельности. Таким образом, хотя фигуры могут быстро стать одними из ваших лучших друзей в Photoshop, они также могут начаться как заноза в спине.
В сегодняшнем посте я собираюсь раскрыть некоторые тайны работы с фигурами в Adobe Photoshop. Вам нужно знать всего несколько правил, так что это не займет много времени. К концу этого поста вы научитесь многому, что необходимо для работы с фигурами, и сможете играть в рок-н-ролл.
Могучая снежинка
Поскольку здесь, в штате Мэн, идет довольно много снега, я думаю о снеге. Поэтому я думаю, что мы начнем с простой снежинки.Чтобы начать, я перейду к инструменту Custom Shape Tool на левой панели инструментов, а затем перейду к раскрывающемуся окну Shape на панели параметров вверху.
Вот инструмент Custom Shape Tool.
И здесь я выбираю параметр «Снежинка» в раскрывающемся списке «Форма» на панели параметров.
Отсюда я удерживаю клавишу Shift на клавиатуре, чтобы ограничить пропорции формы, а затем щелкаю мышью и перетаскиваю ее под углом в рабочей области.Это придаст мне форму.
Чтобы добавить цвет заливки и добавить или удалить обводку, а также настроить ее цвет, я воспользуюсь параметрами на панели параметров, которые обозначены как Заливка и Обводка . В этом случае я не использовал обводку, а сделал снежинку серой, чтобы она была видна.
Добавление нескольких фигур на один и тот же слой
Если вы когда-либо раньше баловались фигурами, вы, вероятно, знаете, что когда вы рисуете одну фигуру, а затем рисуете другую, Photoshop по умолчанию помещает вторую фигуру на отдельный слой.Если вы хотите добавить вторую (и третью и т. Д.) Форму на тот же слой, что и первый, вам нужно изменить одну небольшую настройку. Чтобы изменить настройку, я вернусь на панель параметров и нажму кнопку Path Operations . Затем, когда откроется меню, я нажимаю Combine Shapes вместо New Layer .
Затем я нарисую свою новую снежинку.
Если я посмотрю на слой на панели Layers , я увижу, что обе формы фактически находятся на одном слое.
Слияние штрихов
Поскольку эти две формы теперь находятся на одном слое, мы можем сделать с ними кое-что интересное. Я начну с добавления обводки и наблюдаю, как она применяется к обеим фигурам одновременно. Для этого я перейду к панели параметров и нажму на параметры обводки. Я выберу темно-серый цвет обводки, а затем установлю ширину 5 пикселей.
А теперь взглянем на снежинки.
Обе формы теперь имеют обводки.Довольно просто, правда?
Проверьте это. Если я использую инструмент Path Selection Tool , чтобы щелкнуть и перетащить меньшую снежинку в большую, посмотрите, что произойдет. Вместо того, чтобы накладываться друг на друга, везде, где формы соприкасаются, эта часть обводки исчезает, становясь непрерывной вокруг теперь соединенных фигур.
Вычитание передней формы
Продолжаем. Опять же, поскольку обе эти формы находятся на одном слое, я могу сделать с ними еще больше.Поскольку эти формы в настоящее время перекрываются, я могу вернуться к параметру «Операции с контурами» и выбрать Вычесть переднюю форму из имеющихся. Посмотрим, как это выглядит.
Похоже, меньшая снежинка откусила большую. Чтобы прояснить это, я нарисую круг и проделаю те же шаги, что и только что сделал, чтобы достичь того, что я только что сделал. Кстати, чтобы перемещать отдельные фигуры на одном слое, вам нужно использовать Инструмент выбора контура.Просто нажмите один раз на фигуру, которую хотите переместить, а затем нажмите еще раз и перетащите, чтобы выполнить фактическое перемещение.
Вот круг с вырезанным из него куском.
И если я перетащу эту снежинку в центр круга, я получу красивый эффект.
Вы начинаете понимать, как создаются нестандартные формы?
Пересекающиеся формы
Более того, я могу пересекать еще две формы, щелкнув опцию Intersect Shape Areas в меню «Операции с контурами».. «Пересечение» означает, что если две фигуры перекрываются, будет отображаться только перекрывающаяся часть верхней фигуры. Взглянуть. Снежинка поменьше перекрывает круг. Он у меня есть, поэтому синие контуры все еще видны.
Теперь, если я отключу, чтобы скрыть контуры, у меня останется вот что.
Обратите внимание, как обводка также окружает перекресток.
Исключая перекрывающиеся формы
Если я еще раз вернусь в меню «Работа с контурами» и выберу «Исключить перекрывающиеся фигуры» , я могу удалить все, что перекрывает обе соприкасающиеся фигуры.Проверь это.
Порядок штабелирования с изменением формы
Как я уже упоминал выше, для того, чтобы некоторые из этих аффектов были видны, необходим определенный порядок наложения. Если вы нажмете одну или несколько фигур с помощью инструмента «Выбор контура», а затем перейдете на панель параметров и нажмете меню «Расположение контура », вы увидите несколько различных вариантов.
Вы можете поднять фигуру или фигуры вверх, чтобы они оказались наверху стопки, и переместить их вниз.Каждая компоновка изменяет результат того, что я описал выше, поэтому потребуются некоторые эксперименты. Что касается того, что я сделал, снежинка поменьше была наверху стопки, а круг — внизу.
Сохранение как пользовательской формы
В этом последнем разделе я покажу вам, как сохранить комбинацию фигур в качестве произвольной формы, которую вы можете использовать снова и снова.
После размещения снежинки и круга там, где я хочу, чтобы они оставались, я возвращаюсь в меню «Операции с контурами» и выбираю опцию Объединить компоненты формы .Это объединит форму в одну.
Затем я перейду к пункту меню Edit> Define Custom Shape и щелкну, а затем назову фигуру, когда появится диалоговое окно Shape Name .
Наконец, я нажимаю кнопку OK и, чтобы проверить свою новую форму, я могу открыть раскрывающийся список «Форма», где моя новая нестандартная форма будет ждать меня.
И все!
Я надеюсь, что помог демистифицировать некоторые тонкости инструментов формы в Adobe Photoshop.С этой областью очень легко работать, когда вы освоитесь, поэтому важно как можно больше экспериментировать. Если у вас есть какие-либо вопросы относительно этой публикации, задайте их мне в разделе комментариев ниже или на форуме обсуждения Photoshop. Спасибо за прочтение!
Как сделать фотоколлаж из квадратов в Photoshop
В этом уроке я покажу вам, как создать фотоколлаж из квадратов / прямоугольников в Photoshop.
Мы будем использовать инструмент «Прямоугольник» для рисования фигур, сетку для помощи нам в компоновке фигур, «Свободное преобразование» для изменения размера и положения изображений и прямоугольных форм, «Тень» и «Обтравочную маску» для обрезки слоя изображения в слое прямоугольника.
После того, как вы расположили все прямоугольники так, как вам нравится, вы можете поиграть с другими инструментами Photoshop, чтобы добавить свои собственные художественные эффекты.

Скачать этот шаблон
Загрузите шаблон Rectangle Photoshop Collage здесь или найдите другие бесплатные шаблоны Photoshop Collage здесь.
frameborder = «0» <br/> allow = «акселерометр; autoplay; encrypted-media; гироскоп; картинка в картинке» <br/> allowfullscreen <br/> title = «Прямоугольный коллаж Photoshop.»<br/>>
Видео: Прямоугольный коллаж Photoshop. Посмотрите видео с подробными инструкциями и используйте письменные инструкции для быстрого ознакомления. Если вам понравилось это видео, я настоятельно рекомендую вам подписаться на мой канал Youtube — PhotoEffect .
1. Создайте новый документ.
Выберите File> New command в верхнем меню или просто нажмите Ctrl + N .
Появится стандартное диалоговое окно New.
Во всплывающем окне введите имя в поле Имя и введите следующую информацию:
Ширина 3000 пикселей, Высота 3000 пикселей, Разрешение 300 пикселей / дюйм, Цветовой режим RGB и Содержимое фона Прозрачный или Белый.
Нажмите ОК.
Создайте новый документ. 2. Создайте сетку.
Теперь нам нужно создать сетку, которая поможет нам симметрично расположить прямоугольные формы.
Как сделать сетку в фотошопе?
Сделать сетку в фотошопе довольно просто.
Просто выберите View> Show> Grid .
Откройте настройки сетки, выберите Правка> Настройки> Направляющие, сетка и фрагменты .
Откроется диалоговое окно настроек.
Выберите желаемый цвет линий сетки.
Я установлю для параметра «Линия сетки каждые» значение 10 процентов, а для параметра «Подразделения» — значение 1.
Выберите «Вид »> «Привязать» , чтобы включить привязку, которая поможет вам выровнять любой объект (включая форму) по вашему желанию.
Создавайте сетку каждые 10 процентов.
3. Выберите инструмент «Прямоугольник».
Выберите инструмент «Прямоугольник» на панели «Инструменты» или просто нажмите U .

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

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

Вы также можете выбрать цвет в палитре цветов.
4. Нарисуйте прямоугольник.
Чтобы нарисовать прямоугольную форму, щелкните внутри документа и перетащите его от начальной точки.
Когда вы отпускаете кнопку мыши, Photoshop завершает форму прямоугольника и заполняет его выбранным вами цветом.
Теперь продублируйте прямоугольник, который мы создали, перейдя в Слой > Дублировать слой или нажав 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 Collage.

Это учебник по фотоэффекту, и я только что показал вам, как создать фотоколлаж из квадратов в Photoshop. Если у вас есть какие-либо вопросы или комментарии относительно этого руководства, просто добавьте их в раздел ниже.Спасибо.
Квадратная кисть для Photoshop | Как сделать квадратную кисть
Кисть Photoshop Square — В Photoshop Как создать квадратную кисть
Введение
Кисть Photoshop Square — Квадратные кисти почти так же важны, как и любые другие обычные кисти или круглые кисти, которые можно найти в Photoshop. Итак, любителям фотошопа очень важно знать, как найти или сделать квадратную кисть Photoshop .В этой статье команда Clipping Path House рассказала о том, как создавать квадратные кисти, а также о том, как легко их найти в опциях кистей. Прежде чем это узнать, давайте посмотрим, что такое квадратные кисти и зачем они вам нужны.
Что такое квадратная кисть?
В Photoshop квадратная кисть — это кисть квадратной формы. Это означает, что вы можете использовать эту кисть для рисования линий, которые в конечном итоге будут выглядеть как длинный прямоугольник. Или вы можете использовать эту кисть для создания других фигур и рисунков.
Есть набор из 24 квадратных кистей в фотошопе. Каждая из кистей расположена и пронумерована в соответствии с их формой. №1 самый маленький по размеру и №1. 24 — самый большой.
Зачем нужна квадратная кисть
Вы можете использовать квадратные кисти Photoshop по нескольким причинам. Вы можете создавать определенные узоры и рисовать определенные рисунки квадратной кистью. Существуют сотни тысяч различных узоров и дизайнов, которые вы можете создать с помощью кистей Photoshop, и сюда также включены квадратные кисти.
Одно из самых важных применений квадратной кисти — рисовать с ее помощью пиксель-арт. Все мы видели, как выглядит пиксельное искусство, и если вы внимательно посмотрите, то увидите, что есть много маленьких квадратных точек, которые создают гигантский пиксель-арт. Итак, вы понимаете, зачем вам нужна квадратная кисть.
Как загрузить квадратную кисть
При установке Photoshop у вас будет установлена квадратная кисть. Но вам нужно искать его, так как по умолчанию будет закругленная кисть.Чтобы загрузить квадратную кисть, вам нужно выполнить несколько шагов. Я привел шаги ниже.
Открытие документа
Первый шаг для вас — открыть документ Photoshop. Потому что, не открывая документ, как вы можете выбрать или выделить кисть?
Выбор инструмента Brush Tool
На этом этапе вам нужно найти параметр кисти в окне Photoshop. Когда вы найдете его, щелкните, чтобы открыть параметр кисти в этом окне.
Открывающийся холст
После открытия инструмента кисти щелкните правой кнопкой мыши, чтобы открыть холст. На холсте вы увидите множество различных кистей округлой формы.
Открытие списка кистей
На холсте или в меню выбора кисти вы увидите стрелку в правом верхнем углу. Нажмите на эту стрелку, и откроется список кистей.
Выбор квадратной щетки
Наведите указатель мыши ниже, и вы найдете квадратные кисти в нижней части списка.Нажмите «Квадратные кисти», и все готово.
Как сделать квадратную кисть?

Если хотите, можете сделать свои собственные квадратные кисти. Для этого вам необходимо выполнить шаги, которые я дал ниже.
Первое, что вам нужно сделать, это открыть новое окно Photoshop.
После открытия окна вы найдете вариант выбора « Rectangular Marquee Tool ».Возьмите этот инструмент, нажав на эту опцию.
Теперь вам нужно сделать пустой раздел. Удерживая нажатой клавишу Shift и перетаскивая инструмент, вы легко можете сделать пустой выбор.
После того, как вы закончите создание пустого участка, вы должны сделать его черным. Для этого вы должны одновременно нажать клавиши SHIFT и DELETE. Вы увидите, что пустая часть станет черной.
Теперь вам нужно перейти к опции редактирования.Там вы найдете опцию «Определить новый набор кистей». Нажмите на эту опцию. После нажатия вы найдете свою кисть в своем пресете.
Это альтернативный способ, если по какой-либо причине вы не можете найти квадратные кисти, следуя приведенному выше методу.
Что делать, если вы теряете квадратную кисть?
Неудивительно, что опция квадратной кисти в списке кистей Photoshop отсутствует.
Это может случиться случайно.Если это произойдет, есть способ их найти.
Как я уже сказал, есть возможность открыть список кистей, щелкнув верхнюю стрелку в меню выбора кистей.
Если вы не найдете там опцию «Квадратные кисти», просто нажмите на «Устаревшие кисти».