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

alexxlab
Разное |

Содержание

Как нарисовать прямоугольник в фотошопе 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: Инструмент «Прямоугольник»

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Чтобы снять выделение, достаточно кликнуть по любой другой части холста или нажать сочетание клавиш 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) работает только в случае, если мы выбрали пунктирную обводку. Мы можем изменить вид концов отрезков.

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

«Углы» (Corners) позволяют изменить вид угла при стыке линий обводки. Угля могут быть острыми (по умолчанию), закруглёнными или скошенными. Эта опция работает, если обводка расположена снаружи или посередине контура. Если обводка внутри контура, углы всегда остаются острыми.

Нажатие на кнопку внизу окна «Другие параметры. » (More Options. ) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:


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

Фигуры в фотошопе: как нарисовать или вставить?

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

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

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

  • Режим инструмента выбора. Здесь можно выбрать одно из трёх.
  1. Фигура. Значение установлено по умолчанию, и при нём создаётся векторная геометрическая фигура на отдельном слое, то есть происходит то, чего вы от инструмента и ждёте.
  2. Контур. Рисуется контур фигуры без заливки.
  3. Пикселы. Создаётся не векторная, а растровая фигура.
  • Заливка. Позволяет настроить цвет и тип (градиент, штриховку) нарисованной фигуры.
  • Обводка. Настройки контура фигуры: толщина, тип, цвет.
  • Ширина и высота. Позволяют уточнить размер фигуры, когда непозволительно делать это «на глаз».

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

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

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

На панели параметров нажмите значок

. Откроется окно геометрических настроек.

По умолчанию переключатель установлен в положение Прямоугольник . Если вы установите его в положение Квадрат , то при рисовании всегда будете получать фигуру с одинаковой длиной сторон. Аналогичного эффекта можно добиться и не нажимая флажок: для получения квадрата в процессе рисования прямоугольника достаточно удерживать нажатой клавишу 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
  2. 0
  3. +0
  6. Авторизоваться Зарегистрироваться

Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна.Регистрация займет всего минуту.

Зарегистрируйтесь, чтобы присоединиться к этому сообществу

Кто угодно может задать вопрос

Кто угодно может ответить

Лучшие ответы голосуются и поднимаются наверх

Спросил

Просмотрено 38k раз

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

  1. Создать новый документ
  2. Слой разблокировки 0.
  3. Щелкните слой 0, чтобы он был выбран.
  4. Нарисуйте в моем документе прямоугольник.

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

Что я неправильно понимаю о слоях в Photoshop? В Illustrator это добавило бы прямоугольник к выбранному слою.

Создан 27 мар.

Донни ПДонни П

23733 золотых знака66 серебряных знаков1313 бронзовых знаков

Выбрав инструмент Shape Tool , измените раскрывающееся меню на панели управления на что-то , отличное от , а не Path .

Если установлено значение Path , вы просто получите, ну … путь. Для пути не будет создан слой, будет создан только путь (и будет виден на панели Paths Panel ).

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *