Товаров: 0 (0р.)

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

Содержание

1500+ бесплатные фигуры для Photoshop Технологии

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

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

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

  1. Люди
  2. Геометрические
  3. Транспорт
  4. Животные
  5. Логотипы
  6. Стрелки
  7. Линии и вспышки
  8. Медиа
  9. Цветы
  10. Другие формы

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

  • откройте программу Photoshop;
  • выберите “Редактирование” — “Управление предустановками”;
  • задайте тип предустановки в “Пользовательской форме”;
  • нажмите “Загрузить” — “Обзор”;
  • выберите набор фигур и после нажмите “Готово”.

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

Люди

60 силуэтов

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

Мега набор силуэтов

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

Sexy Girls

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

Революционная коллекция

Еще один набор пользовательских форм для Photoshop CS более специфического направления. Эта версия содержит две версии Че и Ленина (неровные и чистые), карту мира, форму старого самолета, некоторые звезды и символ молота и серпа.

Подписи

Оригинальное собрание автографов знаменитостей, в том числе «Братьев Джонас», Леди Гаги, Рианны, Джастина Бибера, Майли Сайрус и т.д. Скачай эти бесплатные фигуры для Photoshop и добавь подпись своего кумира на любимый постер.

Геометрия

Орнаменты

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

Сакральная геометрия

Если вы увлекаетесь сакральной геометрией, то эта подборка определенно для вас. Автор включил некоторые основные сложные конструкции, такие как Цветок Жизни и Куб Метатрона, а также некоторые основные формы многоугольников, с которыми можно играть и манипулировать ими, чтобы создавать новые фигуры 🙂

30 солнечные лучи

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

Рамки

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

Транспорт

Самолеты

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

Морская тематика

Бесплатный набор из 27 фигур мореходного транспорта и военных судов для Фотошопа. CSH и SVG версии фигур в ZIP-файле.

Флаги гоночных команд

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

Животные

Птицы

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

Фигуры животных

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

Логотипы

Логотипы авто

Коллекция самых популярных автомобильных брендов, 46 бесплатных фигур для Фотошопа. Среди них: Holden, Volkswagen, Honda, Toyota, Daewoo, Mazda, Ford, Hyundai, Vauxhall, Nissan. GMC, BMW, Ferrari, Porsche, Renault, Opel, Peugeot, Land Rover, MG, Mitsubishi, Subaru, Scania, Maserati, Alfa Romeo, Saab, Mercedes-Benz, Chevrolet, Chrysler, Skoda Auto, Suzuki, Lamborghini, Jaguar, Bently, Triump, Kia, Lotus, Jeep, Isuzu,Seat, Fiat, Citroen.

Набор лого

Желаете осветить какой-то популярный бренд? Сделать крутой принт? Этот пакет содержит около 38 случайных логотипов.

Стрелки

Набор пользовательских стрелок

120 бесплатных векторных фигурок стрелок в комплекте. Пользовательские фигуры в виде стрелок для Photoshop (файлы CSH) — отличное дополнение к вашей коллекции бесплатных форм и силуэтов. Как обычно, этот набор бесплатный для личного и коммерческого использования.

Рисованные стрелки

Векторные фигуры рисованных стрелок в формате файла CSH. 70+ пользовательских фигур для Фотошоп.

Линии и вспышки

Лучи света

Различные световые лучи для Photoshop. В наборе их всего 10, но каждая из них может стать отличным украшением для вашего творчества.

Молнии

Замечательный бесплатный набор фигур для рисования молний и световых эффектов. Формат файлов CSH и размер — 3 мб.

Солнечные вспышки

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

Медиа

Red Faction

Фигуры для PS в виде значков из игры Red Faction Guerrilla. Внутриигровые иконки для оружия, целей, миссий и т. д.

Valve

Бесплатный набор включает в себя более 50 пользовательских фигур из Half Life 2 и Portal Games. Все идеи, логотипы и изображения в этом файле защищены авторским правом VALVE, использование этих файлов в коммерческих целях является незаконным.

Круглые часы

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

Медиа фигуры

Набор фигур Photoshop в стиле медиа, наслаждайтесь! Все бесплатно, вам не нужно покупать его у GraphicRiver! Коммерческое или личное использование (будьте осторожны с использованием товарных знаков).

Цветы

Цветы

Отличное предложение — цветы в фотошопе для дизайнеров (25 цветочных силуэтов в наборе CSH). Эти символы в виде цветов сделаны в Photoshop и Illustrator. Отличное дополнение к вашей коллекции бесплатных векторных силуэтов!

Цветы. Кастомные фигуры

Большая коллекция из 47 прекрасных фигур в виде цветов. Используйте их для своих весенних и ярких дизайнов.

Цветочные баннера

Элегантный комплект из 5 баннеров украшенных цветами для ваших дизайнерских решений. Загружайте и используйте бесплатные фигуры для Photoshop в свое удовольствие.

Другие фигуры

Набор фигур

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

50е — набор кастомных фигур

Винтажная коллекция векторных фигур «Вещи из 50-х годов». Включены: 2 разные звезды, 3 разных бриллианта, пудель (нашивка на пудельной юбке), солод, гитара, шар для боулинга, очки, проигрыватель-автомат, Gumball Machine, виниловая пластинка и сам король Элвис.

Splat фигуры

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

Микс фигур

Интересный микс разнообразных кастомных фигур для Phoroshop. В наборе собраны работы от абстракции до реализма, интересные фигуры, стрелки, лица, предметы, капли и многое другое.

Забавные рисунки

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

Снежинки

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

Сделай сам

Набор фигур с инструментами плотника, маляра, кузнеца и др. Все для полета вашего творчества.

Email (Конверт) Photoshop фигуры

Полезные бесплатности — векторные email фигуры (конверты, письма) в формате CSH. Загрузите эти 9 бесплатных векторных форм, чтобы создать красивые значки для ваших шаблонов веб-дизайна.

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

Не забывайте использовать шаблоны Photoshop для создания своих сайтов.

Часто задаваемые вопросы

❓Что такое фигуры в Photoshop?

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

✅Как установить новые фигуры в Photoshop?

— В верхней части экрана Редактирование – Наборы – Управление наборами (Edit — Preset Manager).
— Кликаем по маленькой черной стрелке и из появившегося списка, путем нажатия левой кнопки мышки, выбираем вид дополнения – Заказные фигуры (Custom Shapes)
— Нажимаем кнопку Загрузить (Load)
— Появляется новое окошко. Здесь Вы указываете адрес скаченного файла c фигурами.
— Снова нажимаем Загрузить (Load)

Теперь, в диалоговом окне «Управление наборами» вы сможете увидеть в конце набора фигур новые, только что загруженные нами фигуры

✍Как использовать фигуры в Photoshop?

Для любой фигуры можно выбрать:

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

Слой-фигура. Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки, определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границы фигуры представляют собой контур, который появляется на вкладке «Контуры» панели «Слои».

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

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

— Стиль и цвет фигуры;

— Задать параметры, характерные для этой фигуры.

Читайте также:

50 бесплатных цветочных кистей и вензелей для Photoshop

40 Бесплатных Photoshop градиентов для дизайна

20 лучших премиальных и бесплатных плагинов для Photoshop, которые вы оцените!

Самые свежие, бесплатные и разные фигуры для Photoshop (Часть 3)

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

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

Так что качайте на здоровье.

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

  • Скачать 100+ замечательных и бесплатных фигур орнаментов для Photoshop
  • 500+ бесплатных Photoshop фигур (Shapes) для Ваших новых проектов

Геометрические фигуры для Photoshop.

Скачать исходники

141 различных фигур для Photoshop

Скачать исходники

Векторные и различные фигуры

Скачать исходники

Много разнообразных медиа фигур для Photoshop

Скачать исходники

Красивые Photoshop фигуры — Red-Faction

Скачать исходники

Классные фигуры разнообразных стрелок для сайта

Скачать исходники

Множество разнообразных фигур орнаментов

Скачать исходники

Разнообразные фигуры для Photoshop сердец

Страница загрузки

Очень красивые фигуры кофейных чашек

Страница загрузки

Несколько Photoshop фигур бумажных скрепок

Страница загрузки

60 классных и коммерческих фигур

Страница загрузки

Классные Photoshop фигуры шестерёнок

Страница загрузки

Несколько фигур не плохих цветов

Скачать исходники

Отличные фигуры для Photoshop флоральных цветков

Скачать исходники

Красивые фигуры ссылок

Страница загрузки

30 Photoshop фигур галочек для сайта

Страница загрузки

Очень красивые фигуры социальных закладок

Страница загрузки

Фигуры Photoshop — векторные формы, контуры и пиксельные заливки

Для упрощения примера я возьму инструмент «Эллипс» (Ellipse Tool) и выберу заливку сплошным красным цветом без обводки, подробнее о построении фигур и их заливке здесь, и, зажав Shift, построю правильный круг:



Векторная фигура в виде правильного круга

Photoshop помещает каждую новую нарисованную нами векторную фигуру на отдельный слой, называемый слой-фигурой. И если мы сейчас посмотрим на панель слоев, то увидим новый слой с фигурой с именем «Эллипс 1» (в англ. — Ellipse 1), расположенный выше фонового слоя. На то, что это слой с векторной фигурой, указывает значок, расположенный справа внизу миниатюры слоя:



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

Каждая новая векторная фигура получает свой собственный слой в панели слоёв.
В документе одна фигура готова, я нарисую вторую такую же фигуру рядом с первой так, чтобы вторая фигура немного перекрывала первую. Photoshop автоматически помещает эту вторую векторную фигуру на собственном слое (слой автоматически именован «Эллипс 1») на миниатюре слоя также имеется значок:



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

В настоящее время обе моих фигуры имеют красный цвет, но мы можем легко изменить цвет любой фигуры, просто дважды кликнув по миниатюре слоя в панели слоёв. Я дважды кликнул по миниатюре второй фигуры, это действие открывает окно палитры цветов (Color Picker), где я могу выбрать новый цвет. Причём, во время выбора цвета, цвет фигуры и миниатюры изменяется в реальном времени:



Изменение цвета фигуры после двойного клика по миниатюре слоя в панели слоёв. Обратите внимание, что при изменении цвета в палитре цветов, цвет также меняется в качестве предпросмотра у фигуры в документе и миниатюры слоя. Если Вы нажмёте кнопку «Отмена» вместо «ОК», палитра цветов закроется, а цвет фигуры не изменится (в моём случае, останется красным)

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

Выбрать векторную фигуру в документе можно с помощью инструмента «Выделение контура» (Path Selection Tool):

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



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

Я могу менять слои в стеке панели слоёв. Например, если я перетащу слой с красным кругом вверх, он закроет синий:



Перемещение слоя с красным кругом вверх.

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

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

Итак, давайте сложим две векторные фигуры. В панели слоёв выбираем синюю фигуру и нажимаем Ctrl+C. Затем удалим слой методом перетаскивания мышкой в корзину:



Удаление слоя после копирования

Теперь у нас на панели слоёв остался только слой с красной фигурой и фоновый. Нажимаем на слой с фигурой для его выбора и затем нажимаем комбинацию клавиш Ctrl+V на клавиатуре, чтобы вставить скопированную формы в слой. при этом фигуры объединятся в одну:



Объединённая фигура из двух кругов на одном слое.

Так как в данный момент обе фигуры находятся на одном слое, я могу изменить взаимодействие фигур друг относительно друга, выбирая различные варианты на панели параметров с помощью кнопки «Операции с контуром» (Path Operations):



Кнопка переключений режимов взаимодействия контуров («Операции с контуром»)

По нажатию на эту кнопку выпадает список с четырьмя различными режимами взаимодействия, это: Объединить фигуры (Add to Shape Area), Вычесть переднюю фигуру (Subtract from Shape Area), Область пересечения фигур (Intersect Shape Areas), и Исключить пересекающиеся фигуры (Exclude Overlapping Shape Areas):



Операции с контуром

Операция «Объединить фигуры» (Add to Shape Area) была инициирована в тот момент,когда мы вклеили скопированную фигуру в слой с фигурой. Давайте рассмотрим другие операции.

Вычесть переднюю фигуру (Subtract from Shape Area) — вторая (вклеенная) фигура больше не видны в документе. Вместо этого, Photoshop использует её, чтобы удалить часть первоначальной фигуры, ту часть, где две фигуры пересекаются:



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

Область пересечения фигур (Intersect Shape Areas) — На этот раз, остается видимым только тот участок, где две фигуры перекрывают друг друга:



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

Исключить пересекающиеся фигуры (Exclude Overlapping Shape Areas) — результат, противоположный предыдущему. Обе формы видны только в тех областях, где они не перекрываются:



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

Полное объединение компонентов фигур

И в списке осталась ещё одна команда — «Объединить компоненты фигур» (Merge Shape Components). Команда не зря отстоит особняком от других, т.к. она приводит к необратимым действиям — объединению образующих контуров. Если ранее мы просто переключались между командами, то после применения этой команды, переключиться уже будет нельзя.

Если мы нажмём на эту строку, то появится сообщение с предупреждением «Эта операция превратит фигуру в обычный контур. Продолжить?» (This operation will turn a live shape into a regular path. Continue?), после нажатия ОК контуры будут объединены, все внутренние линии пересекающихся контуров будут удалены, и две или несколько векторных фигур будут преобразованы в один контур, это показано на рисунке, объединение компонентов фигур при:
1. Объединить фигуры (Add to Shape Area)
2. Вычесть переднюю фигуру (Subtract from Shape Area)
3. Область пересечения фигур (Intersect Shape Areas)



Объединение компонентов фигур при различных состояниях операций с контурами

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

До сих пор мы использовали векторные инструменты в режиме фигур. Давайте переключим режим в панели параметров на «Контур» (Path). Обратите внимание, что после переключение из панели параметров исчезли некоторые опции, например, заливка цветом, обводка и т.п:



Панель параметров при режиме векторных инструментов «Контур» (Path)

Создадим новый документ Photoshop, на котором имеется только лишь один фоновый слой, возьмём инструмент «Эллипс» (Ellipse Tool), на панели параметров выберем, как я говорил выше, режим инструмента «Контур», и проведём контур на документе. Курсор vsib при этом примет вид креста в плюсиком:



Контур, созданный инструментом «Эллипс» в режиме «Контур».

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

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

Контур является всего-лишь инструментом для каких-либо действий — преобразования контура в выделенную область, обводки контура, заливки цветом, создание 3D экструзии из контура и т.п., но полноценным элементом рисунка контур не является.

И так как контура не зависят от слоев, они имеют свою собственную панель — Панель контуров (Paths panel) — которая, по умолчанию, сгруппирована в с панелями слоёв и каналов. На рисунке ниже я переключиться на панель контуров, где мы можем увидеть контур, который я только что нарисовал, он автоматически именован Photoshop как как «Рабочий контур (в англ. — Work Path):



Контур в документе и на панели контуров

Название «Рабочий контур» означает, что на данный момент этот контур является временным, но мы можем сохранить его как часть документа, для этого нам нужно просто его переименовать. Для переименования дважды кликните на его имени в панели контуров, после чего Photoshop откроет диалоговое окно для сохранения контура, предлагающее новое имя. Вы можете просто принять новое имя по умолчанию или ввести своё. Я назову свой «контур-эллипс»:



Путь для сохранения контура

Хотя, если честно, контур сохраняется при сохранении документа PSD и без переименования, возможно, в ранних версиях он и не сохранялся, я уже не помню.

Инструменты для работы с контурами — это «Выделение контура» (Path Selection Tool ), «Выделение узла» (Direct Selection Tool), а также инструмент «Угол» (Convert Point Tool) из группы «Пера» (Pen Tool).

Инструмент «Выделение контура» выделяет контур целиком со всеми узлами, «Выделение узла» выделяет один (или насколько, если зажать Ctrl) опорных узлов контура, инструмент «Угол» изменяет свойства опорных узлов.



Изменение контура с помощью инструмента «Выделение узла»

Операции с контурами

Внизу панели контуров имеются семь кнопок. Эти кнопки позволяют делать с контурами некоторые операции:



Кнопки операций с контурами.

Перечисляю, слева направо:

Выполнить заливку контура основным цветом (Fill path with foreground color) — контур на активном слое в панели слоёв будет залит основным цветом цветовой палитры. Если в документе есть только фоновый слой, значит, будет залит фоновый.

Выполнить обводку контура кистью (Stroke path with brush) — контур на активном слое будет обведён кистью основным цветом цветовой палитры. Толщина и жёсткость линии обводки зависит от настроек инструмента «Кисть» (Brush Tool). К примеру, если «Кисть» заранее настроена — круглая, 50% жёсткости, а основной цвет в палитре красный — такая и будет линия обводки, красная, мягкая, толщиной 3 пикселя.

Загрузить контур, как выделенную область (Load Path as a selection) — контур будет преобразован в выделенную область.

Сделать из выделенной области рабочий контур (Make work path from selection) — в данном случае, по понятным причинам, не активна.

Добавить маску (Add a mask) — к слою будет добавлена слой-маска по очертаниям контура, прозрачная область маски — внутри контура, работает только после преобразования контура в выделенную область.

Создать новый контур (Create new Path) — в данном случае не используется.

Корзина (Delete current Path) — тут думаю. понятно, нужна для удаления контура

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



Кнопки операций с контурами на панели параметров

Кнопка «Выделение» (Selection…) преобразует контур в выделенную область. В отличии от аналогичной кнопки внизу панели контуров, нажатие на эту кнопку преобразует контур в выделение не мгновенно, а открывает диалоговое окно с некоторыми параметрами и позволяет задать, к примеру, радиус растушёвки:



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

Маска (Mask) — добавляет к слою векторную маску. Если в панели слоёв имеется только фоновый слой, он преобразуется в обычный и к нему также добавляется векторная маска:



Векторная маска из фонового слоя

О третьей кнопке я расскажу чуть ниже.

Преобразование контуров в векторные фигуры

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



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

Нажатие на кнопку моментально преобразует контур a векторную фигуру:



Векторная фигура из контура. Цвет заливки фигуры взят из основного цвета цветовой палитры.

При этом фигура заливается сплошным цветом. Этот цвет соответствует основному цвету цветовой палитры.

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

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



Контур для создания векторной фигуры.

Для создания фигуры нам придётся всего-лишь добавить корректирующий слой «Цвет» (Solid Color). Откроется диалоговое окно слоя, где выберите цвет заливки будущей фигуры и нажмите ОК. Всё, фигура готова, она создана на новом слое. Результат, по сути, тот же, как и при использовании кнопки «Фигура».:



Векторная фигура из контура с помощью корректирующего слоя «Цвет» (Solid Color).

Пиксельная заливка (Fill Pixels)

Третий режим рисования фигур в Photoshop — это Пиксельная заливка (Fill Pixels), которая позволяет нам создавать пиксельные формы. Я выберите опцию «Пикселы» (Pixels) на в панели параметров:



Режим пиксельной заливки в панели параметров

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

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

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

На данный момент у меня имеется документ с одним единственным фоновым слоем. Я добавлю новый слой, нажав Ctrl+Shift+Alt+N, задам в цветовой палитре цвет, скажем, зелёный #5ab345, возьму инструмент «Эллипс», режим в панели параметров, как говорилось ранее, задан «Пикселы», нажимаю курсором мыши внутри документа и протаскиваю курсор для создания фигуры:



Создание пиксельной заливки.

После того, как я отпускаю клавишу мыши, фигура мгновенно заливается основным цветом с цветовой палитры:



Пиксельная заливка, созданная с помощью инструмента «Эллипс».

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

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

Недостатки пиксельного изображения подробно описаны в материале «Векторные и пиксельные формы в Photoshop».

Как рисовать векторные фигуры в Photoshop, опции Заливка и Обводка

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

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

Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите опцию «Фигура» (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…) открывает ещё одно окно, где мы можем задать длину штрихов и разрывов между штрихами. Вот пример прямоугольной фигуры с заливкой и пунктирной обводкой с разными длинами штрихов:



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

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

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

Постигаем азы компьютерной графики

Открыв Adobe Photoshop, обратите внимание на панель инструментов. Чтобы перейти к фигурам, кликните мышкой по иконке в виде прямоугольника. В выплывающем окне вы увидите следующие инструменты:

  • «Прямоугольник»;
  • «Прямоугольник со скруглёнными углами»;
  • «Эллипс»;
  • «Многоугольник»;
  • «Линия»;
  • «Произвольная фигура».

Редактор предлагает несколько классических и произвольных форм

Всего существует три режима рисования:

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

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

Нет ничего проще, чем провести линию. Для этого применяется одноимённый инструмент.

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

Перейдём к тому, как нарисовать круг в Фотошопе. Здесь всё происходит аналогичным образом. Выберите инструмент «Эллипс», определитесь с цветом и толщиной контура. Если вы хотите получить круг, а не эллипс, зажмите на клавиатуре клавишу «Shift» либо установите «окружность» в разделе геометрических параметров.

Рисуем красивую композицию стандартными средствами

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

Стрелки в начале или конце можно задать в свойствах инструмента

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

Шаблоны, идущие в обычной комплектации приложения

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

Как рисовать векторные фигуры в Photoshop CS6

В этом уроке мы научимся основам рисования векторных фигур в Photoshop CS6 с помощью простых в использовании инструментов форм !

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

Это руководство предназначено для пользователей Photoshop CS6 . Если вы используете более старую версию Photoshop, вам нужно ознакомиться с оригинальным учебником Shapes And Shape Layers Essentials.

Большинство людей считают Photoshop редактором изображений на основе пикселей, и если бы вы попросили кого-нибудь порекомендовать хорошую программу для векторного рисования, Adobe Illustrator обычно был бы наверху их списка. Это правда, что Photoshop не разделяет все возможности Illustrator, но, как мы увидим в этом и других руководствах этой серии, его различные инструменты для создания форм делают Photoshop более чем способным добавлять простые векторные рисунки в наши дизайны и макеты!

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

Рисование векторных фигур в фотошопе

Инструменты формы

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

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

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

Выбор инструмента Rectangle.

Формы, пиксели или контуры

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

Чтобы убедиться, что вы рисуете векторные фигуры, а не контуры или пиксели, выберите « Форма» в параметре « Режим инструмента» на панели параметров в верхней части экрана:

Установите для параметра «Режим инструмента» значение «Форма».

Заполнение формы цветом

Следующая вещь, которую мы обычно хотим сделать, это выбрать цвет для фигуры, и в Photoshop CS6 мы делаем это, щелкая образец цвета заливки на панели параметров:

Нажав образец цвета «Заполнить».

Это открывает окно, которое позволяет нам выбрать один из четырех различных способов заполнения формы, каждый из которых представлен одним из четырех значков вверху. Начиная слева, у нас есть значок « Нет цвета» (с красной диагональной линией через него), значок « Сплошной цвет», значок « Градиент» и значок « Узор» :

Четыре варианта заполнения фигуры (Без цвета, Сплошной цвет, Градиент и Узор).

Нет цвета

Как следует из названия, выбор « Без цвета» слева оставит форму полностью пустой. Почему вы хотите оставить форму пустой? Ну, в некоторых случаях вы можете захотеть, чтобы ваша фигура содержала только контур обводки. Мы увидим, как добавить обводку через несколько минут, но если вы хотите, чтобы ваша фигура содержала только обводку, без заливки, выберите «Без цвета»:

Параметр «Нет цвета» оставит фигуру пустой.

Вот быстрый пример того, как выглядит форма без цвета заливки. Все, что мы видим, — это основной контур фигуры, известный как путь . Путь виден только в Photoshop, поэтому, если бы вы распечатали документ или сохранили работу в формате, подобном JPEG.webp или PNG, путь не был бы виден. Чтобы сделать его видимым, нам нужно добавить к нему штрих, который мы научимся делать после того, как рассмотрим параметры Fill:

Только путь фигуры виден (и только в Photoshop), когда для параметра «Заливка» установлено значение «Нет цвета».

Сплошной цвет

Чтобы заполнить форму сплошным цветом, выберите параметр « Сплошной цвет» (второй слева):

Нажав кнопку «Сплошной цвет», заполните.

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

Выбор цвета, нажав на образец.

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

Нажав на иконку Color Picker.

Затем выберите нужный вам цвет из палитры цветов. Нажмите OK, чтобы закрыть палитру цветов, когда вы закончите:

Выбор цвета заливки для фигуры из палитры цветов.

Вот та же форма, что и раньше, на этот раз залитая сплошным цветом:

Основная форма, заполненная сплошным цветом.

градиент

Чтобы заполнить вашу фигуру градиентом, выберите параметр « Градиент» . Затем нажмите на одну из миниатюр, чтобы выбрать предустановленный градиент, или используйте параметры под миниатюрами, чтобы создать свою собственную. Мы узнаем все о создании и редактировании градиентов в отдельном руководстве:

Выбрав опцию «Градиент» вверху, затем выберите предустановленный градиент.

Вот та же форма, заполненная градиентом:

Форма заполнена одним из предустановленных градиентов Photoshop.

Шаблон

Наконец, выбор параметра Pattern позволяет нам заполнить форму шаблоном. Нажмите на одну из миниатюр, чтобы выбрать предустановленный шаблон. Photoshop не дает нам много шаблонов на выбор, но если вы создали свой собственный или загрузили некоторые из Интернета, вы можете загрузить их, нажав на маленький значок шестеренки (ниже значка Color Picker) и выбрав Load Узоры из меню:

Выбор параметра Pattern, затем выбор предустановленного шаблона.

Вот как выглядит форма, заполненная одним из предустановленных шаблонов Photoshop. Чтобы закрыть окно параметров цвета заливки, когда закончите, нажмите Enter (Win) / Return (Mac) на клавиатуре или щелкните пустое место на панели параметров. Если вы не уверены, какой цвет, градиент или рисунок вам нужны для вашей фигуры, не беспокойтесь. Как мы увидим, вы всегда можете вернуться и изменить его позже:

Форма, заполненная заданным рисунком.

Добавление обводки вокруг фигуры

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

Чтобы добавить обводку, щелкните образец цвета « Обводка» на панели параметров.

Нажав на образец цвета обводки.

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

Выбор параметра «Сплошной цвет» для обводки, затем выбор цвета из образцов.

Изменение ширины инсульта

Чтобы изменить ширину обводки, используйте параметр « Ширина обводки» непосредственно справа от образца цвета обводки на панели параметров. По умолчанию установлено значение 3 pt. Чтобы изменить ширину, вы можете либо ввести определенное значение непосредственно в поле (нажмите Enter (Win) / Return (Mac) на клавиатуре, когда вы закончите, чтобы принять его), либо нажать на маленькую стрелку справа от значение и перетащите ползунок:

Изменение ширины обводки.

Опция выравнивания краев

Если вы посмотрите дальше вправо на панели параметров, вы увидите опцию Align Edges . Если этот параметр включен (установлен флажок), Photoshop будет следить за тем, чтобы края векторной фигуры были выровнены по пиксельной сетке, благодаря чему они выглядят четкими и четкими:

Вы обычно хотите убедиться, что Align Edges отмечен.

Однако, чтобы Align Edges работал, его нужно не только выбрать, но и задать ширину штриха в пикселях (px), а не в точках (pt) . Поскольку в моей ширине обводки используются точки (тип измерения по умолчанию), я вернусь и введу новую ширину 10 пикселей:

Чтобы Align Edges работал, установите ширину штриха в пикселях (px).

Вот пример черного штриха размером 10 пикселей, примененного к фигуре:

Простая форма с черным штрихом, окружающим его.

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

Та же самая форма, теперь с Fill, установленным в No Color.

Больше вариантов инсульта

По умолчанию Photoshop рисует обводку сплошной линией, но мы можем изменить ее, нажав кнопку « Параметры обводки» на панели параметров :

Нажав кнопку «Параметры обводки».

Откроется окно «Параметры обводки». Отсюда мы можем изменить тип обводки со сплошной линии на пунктирную или пунктирную линию. Параметр « Выровнять» позволяет нам выбрать, должен ли обводка попадать в контур контура, вне контура или быть центрирован на контуре. Мы можем установить опцию Caps на Butt, Round или Square, и изменить углы на Mitre, Round или Bevel . Нажатие кнопки « Дополнительные параметры» внизу откроет более подробное поле, в котором вы можете установить конкретные значения тире и промежутков и даже сохранить свои настройки в качестве предустановки:

Варианты инсульта.

Вот тот же штрих, что и раньше, на этот раз пунктирной, а не сплошной линией:

Тип штриха изменился с сплошного на штриховой.

Плагин шорткодов, действий и фильтров: ошибка в шорткоде (ads-basics-middle)

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

Теперь, когда мы знаем, как выбрать различные инструменты форм Photoshop на панели «Инструменты», как выбрать цвет заливки и обводки и как изменить внешний вид обводки, давайте узнаем, как на самом деле рисовать векторные фигуры! Мы начнем с первого инструмента в списке, инструмента Прямоугольник . Я выберу его на панели инструментов, как и раньше:

Выбор инструмента Rectangle.

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

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

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

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

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

После того, как вы нарисовали свою первоначальную форму, ее текущие размеры появятся в полях Ширина ( W ) и Высота ( H ) на панели параметров. Здесь мы видим, что моя фигура была нарисована 533 пикселей в ширину и 292 пикселей в высоту:

Панель параметров показывает начальную ширину и высоту фигуры.

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

Используйте значок ссылки, чтобы сохранить пропорции фигуры при изменении ее размера.

Когда выбран значок ссылки, при вводе новой ширины или высоты Photoshop автоматически меняет другой, чтобы сохранить соотношение сторон. Здесь я вручную ввел новую ширину 500 пикселей, и поскольку у меня был выбран значок ссылки, Photoshop изменил высоту до 273 пикселей:

Изменение размера фигуры.

Выбор размера, прежде чем нарисовать форму

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

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

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

Вот несколько простых, но очень полезных сочетаний клавиш. Если вы нажимаете и удерживаете клавишу Alt (Победа) / Option (Mac) на клавиатуре при перетаскивании фигуры, вы будете рисовать ее из центра, а не из угла. Это работает с любыми инструментами формы Photoshop, не только с инструментом Rectangle Tool. Однако очень важно подождать, пока вы не начнете перетаскивать, прежде чем нажимать клавишу Alt / Option, и удерживать клавишу нажатой до тех пор, пока не отпустите кнопку мыши, иначе она не будет работать:

Нажмите и удерживайте Alt (Победа) / Option (Mac), чтобы нарисовать фигуру из ее центра.

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

Чтобы нарисовать идеальный квадрат с помощью инструмента «Прямоугольник», щелкните внутри документа, чтобы установить начальную точку, и начните перетаскивание, как обычно. Как только вы начали перетаскивать, нажмите и удерживайте клавишу Shift на клавиатуре. Это заставляет прямоугольник в идеальный квадрат. Опять же, убедитесь, что вы подождали до начала перетаскивания, прежде чем нажимать клавишу Shift, и держите ее нажатой до тех пор, пока вы не отпустите кнопку мыши, иначе она не будет работать. Вы также можете объединить эти два сочетания клавиш, нажав и удерживая Shift + Alt (Победа) / Shift + Option (Mac) при перетаскивании с помощью инструмента «Прямоугольник», который заставит фигуру сформировать идеальный квадрат и вытянуть его из центра. :

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

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

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

Параметры формы

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

Нажав на значок шестеренки.

Так как у меня выбран инструмент «Прямоугольник», при щелчке на значке шестерни отображаются параметры инструмента «Прямоугольник». За исключением Polygon Tool и Line Tool, которые мы рассмотрим позже, вы не будете часто использовать это меню, потому что мы уже узнали, как получить доступ к большинству этих параметров с клавиатуры. Например, опция Unconstrained позволяет нам свободно рисовать фигуры в любых измерениях, которые нам нужны, но, поскольку это стандартное поведение инструментов формы, нет необходимости выбирать его. Параметр « Квадрат» позволяет рисовать идеальные квадраты с помощью инструмента «Прямоугольник», но мы уже можем это сделать, нажав и удерживая клавишу Shift . А From Center нарисует фигуру из своего центра, но, опять же, мы уже можем это сделать, нажав и удерживая Alt (Win) / Option (Mac).

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

Параметры, которые вы увидите, будут зависеть от того, какой инструмент формы выбран.

Редактирование слоев формы

Ранее мы узнали, что для рисования векторных фигур в Photoshop нам необходимо убедиться, что в панели параметров на панели параметров установлен параметр « Фигуры» (в отличие от «Путь» или «Пиксели»). Когда мы рисуем векторную форму, Photoshop автоматически размещает ее на специальном слое, известном как слой Shape . Если мы посмотрим на мою панель «Слои», то увидим, что фигура, которую я нарисовал с помощью инструмента «Прямоугольник», находится на слое фигуры с именем «Прямоугольник 1». Название слоя будет меняться в зависимости от того, какой инструмент фигуры использовался, поэтому, если бы я нарисовал фигуру, скажем, с помощью Ellipse Tool, он был бы назван «Ellipse 1»:

Каждая новая векторная фигура появляется в своем собственном слое Shape.

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

Значок на миниатюре предварительного просмотра говорит нам, что это слой Shape.

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

Нажав образец цвета «Заливка» с выбранным слоем «Форма».

Затем я выберу другой цвет для моей фигуры из образцов:

Нажав на образец синего цвета.

Как только я нажимаю на образец, Photoshop мгновенно обновляет форму новым цветом:

Цвет формы был изменен без необходимости перерисовывать его.

И, если мы снова посмотрим на панель «Слои», мы увидим, что эскиз предварительного просмотра для слоя «Форма» также был обновлен новым цветом:

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

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

Давайте посмотрим на второй из инструментов формы Photoshop, Rounded Rectangle Tool . Я выберу его на панели инструментов:

Выбор инструмента Rounded Rectangle.

Инструмент Rounded Rectangle Tool очень похож на стандартный инструмент Rectangle Tool за исключением того, что он позволяет нам рисовать прямоугольники со скругленными углами. Мы контролируем закругление углов, используя параметр Радиус на панели параметров. Чем выше значение, тем более закругленными будут углы. Вам нужно установить значение радиуса перед рисованием вашей фигуры, поэтому я установлю свой 50 px:

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

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

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

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

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

Вот еще один пример скругленного прямоугольника, на этот раз с моим значением Radius, равным 150 px, достаточно большим (в любом случае, в данном случае), чтобы все левые и правые стороны прямоугольника выглядели изогнутыми:

Более высокое значение радиуса создает более закругленные углы.

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

Меньшее значение радиуса дает нам менее закругленные углы.

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

Если вы рисуете прямоугольник со скругленными углами и решаете, что вас не устраивает округлость углов, все, что вы действительно можете сделать, — это зайти в меню « Правка» в строке меню в верхней части экрана и выбрать « Отменить закругленный прямоугольник» (или нажмите Ctrl + Z (Победа) / Command + Z (Mac) на клавиатуре), чтобы удалить прямоугольник со скругленными углами из документа. Затем введите другое значение радиуса в панели параметров и повторите попытку:

Идем в Edit> Undo Rounded Rectangle Tool.

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

Чтобы нарисовать скругленный прямоугольник из его центра, а не из угла, начните перетаскивать фигуру, затем нажмите и удерживайте нажатой клавишу «Alt» (победа) / « Option» (Mac). Наконец, нажатие и удержание Shift + Alt (Победа) / Shift + Option (Mac) заставит фигуру превратиться в идеальный квадрат и вытянуть его из центра. Отпустите клавиши только после того, как вы отпустите кнопку мыши.

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

Инструмент Ellipse в Photoshop позволяет нам рисовать эллиптические или круглые формы. Я выберу его на панели инструментов:

Выбор инструмента Ellipse.

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

Рисование эллиптической формы с помощью Ellipse Tool.

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

Цветная форма.

Чтобы нарисовать идеальный круг с помощью Ellipse Tool, начните перетаскивать форму, затем нажмите и удерживайте клавишу Shift . Чтобы нарисовать эллиптическую фигуру из ее центра, нажмите и удерживайте Alt (Победа) / Option (Mac) после начала перетаскивания. Нажатие и удерживание Shift + Alt (Победа) / Shift + Option (Mac) нарисует идеальный круг из его центра. Как всегда, отпускайте клавиши только после того, как отпустите кнопку мыши:

Круг, нарисованный с помощью Ellipse Tool.

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

Инструмент Polygon Tool — это то, где вещи начинают становиться интересными. Я выберу его на панели инструментов:

Выбор инструмента Polygon.

В то время как инструмент «Прямоугольник» в Photoshop ограничен рисованием четырехсторонних многоугольников, инструмент «Многоугольник» позволяет нам рисовать многоугольники с любым количеством сторон! Это даже позволяет нам рисовать звезды, как мы увидим через мгновение. Чтобы нарисовать фигуру с помощью инструмента «Многоугольник», сначала введите необходимое количество сторон в параметре « Стороны» на панели параметров. Вы можете ввести любое число от 3 до 100. Сейчас я оставлю мое значение по умолчанию 5:

Введите необходимое количество сторон в параметре Стороны.

После того, как вы ввели количество сторон, щелкните документ и перетащите свою форму. Photoshop всегда рисует многоугольники из их центра, поэтому нет необходимости удерживать нажатой клавишу Alt (Победа) / Option (Mac). Удержание клавиши Shift после начала перетаскивания ограничит количество углов, под которыми можно нарисовать фигуру, что может помочь расположить фигуру так, как вам нужно:

5-сторонняя фигура, нарисованная с помощью Polygon Tool.

Если для параметра «Стороны» задать значение «3» на панели параметров, это поможет нам легко нарисовать треугольник:

Простой треугольник, нарисованный с помощью Polygon Tool.

А вот форма многоугольника с установленными сторонами 12. Как и параметр «Радиус» для инструмента «Прямоугольник со скругленными углами», Photoshop не позволяет нам изменять количество сторон после того, как мы нарисовали нашу форму, поэтому, если вы допустили ошибку, вам понадобится чтобы перейти в меню « Правка» в верхней части экрана и выбрать « Отменить инструмент многоугольника» (или нажмите Ctrl + Z (Win) / « Command» + Z (Mac)), затем введите другое значение в параметре «Стороны» и перерисуйте фигуру:

Двусторонняя форма многоугольника.

Рисование звезд с помощью инструмента «Многоугольник»

Чтобы нарисовать звезды с помощью инструмента «Многоугольник», щелкните значок шестеренки на панели параметров и выберите « Звезда» :

Нажав на значок шестеренки и выбрав Звезду.

Затем просто щелкните внутри документа и вытяните форму звезды. При выборе «Звезда» параметр «Стороны» на панели параметров контролирует количество точек в звезде, поэтому при значении по умолчанию 5 мы получаем 5-точечную звезду:

5-точечная звезда, нарисованная с помощью Polygon Tool.

Изменение значения Sides на 8 дает нам восьмиконечную звезду:

Управляйте количеством точек с помощью параметра «Стороны».

Мы можем создать форму звездообразования, увеличив параметр « Отступ по сторонам» за пределы его значения по умолчанию, равного 50%. Я увеличу это до 90%. Я также увеличу значение Sides до 16:

Создание звездообразования путем увеличения значения отступа по сторонам.

И вот результат:

Звездообразование, нарисованное с помощью Polygon Tool.

По умолчанию у звезд есть острые углы на концах их точек, но мы можем сделать их округленными, выбрав параметр Smooth Corners :

Включение гладких углов.

Вот стандартная пятиконечная звезда с включенной опцией Smooth Corners:

Опция Smooth Corners придает звездам веселый, дружелюбный вид.

Мы также можем сгладить отступы и сделать их округленными, выбрав параметр « Сглаживать отступы»:

Включение гладких отступов.

Выбрав Smooth Corners и Smooth Indent, мы получим больше формы морской звезды:

Включена звезда с Smooth Corners и Smooth Indents.

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

Последним из основных инструментов геометрической формы в Photoshop является Line Tool . Я выберу его на панели инструментов:

Выбор инструмента Линия.

Инструмент «Линия» позволяет нам рисовать простые прямые линии, но мы также можем использовать его для рисования стрелок. Чтобы нарисовать прямую линию, сначала установите толщину линии, введя значение в пикселях в поле « Вес» на панели параметров. Значением по умолчанию является 1 px. Я увеличу его до 16 пикселей:

Опция Weight контролирует толщину или ширину линии.

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

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

Рисование стрелок направления

Чтобы нарисовать стрелки, щелкните значок шестеренки на панели параметров, чтобы открыть параметры стрелок. Выберите, хотите ли вы, чтобы стрелка отображалась в начале линии, в конце или в обоих направлениях (если вы хотите, чтобы стрелка была направлена ​​в том же направлении, в котором рисуется линия, выберите «Конец»):

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

Вот линия, похожая на нарисованную ранее, на этот раз со стрелкой на конце:

Инструмент Линия позволяет легко рисовать стрелки направления.

Если размер стрелки по умолчанию у вас не работает, вы можете изменить его, изменив параметры Ширина и Длина . Вы также можете сделать стрелки более вогнутыми, увеличив параметр « Вогнутость» . Я увеличу его со значения по умолчанию от 0% до 50%:

Измените форму стрелки, увеличив ее вогнутость.

Вот как выглядит стрелка. Убедитесь, что вы изменили параметры Line Tool до того, как начнете рисовать свою форму, так как они не могут быть отрегулированы впоследствии (если вам нужно внести изменения, вам нужно отменить форму и начать все сначала):

Стрелка со значением вогнутости до 50%.

Скрытие контура пути вокруг фигуры

Как мы видели в этом уроке, всякий раз, когда мы рисуем фигуру с помощью любого из инструментов фигуры, Photoshop отображает только контур контура во время рисования фигуры. Когда мы отпускаем нашу кнопку мыши, именно тогда Фотошоп завершает форму и заполняет ее цветом. Проблема в том, что если вы посмотрите внимательно после рисования фигуры, вы увидите, что контур пути все еще там, окружая ее. Здесь мы можем видеть тонкий черный контур, окружающий форму. Это не имеет большого значения, потому что контур не будет печататься или отображаться в каком-либо сохраненном формате файла, таком как JPEG.webp или PNG, но он все еще может раздражать, когда вы работаете.

Контур пути все еще виден даже после того, как фигура нарисована.

Чтобы скрыть контур пути в Photoshop CS6, просто нажмите Enter (Win) / Return (Mac) на клавиатуре, и он исчезнет:

Нажмите Enter (Win) / Return (Mac), и контур исчезнет.

Куда пойти дальше …

И там у нас это есть! Это основные принципы рисования основных геометрических векторных фигур в Photoshop CS6 с использованием инструмента «Прямоугольник», инструмента «Закругленный прямоугольник», инструмента «Эллипс», инструмента «Многоугольник» и инструмента «Линия»! В следующем уроке мы узнаем, как добавлять более сложные и интересные фигуры к вашим проектам и макетам с помощью инструмента Photoshop Custom Shape Tool! Посетите наш раздел Основы Photoshop, чтобы узнать больше о Photoshop!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Совет

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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