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

Обновлено: 04.07.2024

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

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

Выполните эти быстрые действия для создания фигур в Photoshop:

Выберите инструмент «Фигура»


На панели инструментов, нажмите и удерживайте значок группы инструментов Фигура (), чтобы вызвать различные варианты инструмента «Фигура» — Прямоугольник, Эллипс, Треугольник, Многоугольник, Линия и Произвольная фигура . Выберите инструмент для рисования нужной фигуры.

Инструменты группы «Фигура» в Photoshop

Настройка параметров инструментов группы «Фигура»

На панели параметров инструментов группы «Фигура» можно задать следующие настройки:


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

панель параметров группы инструментов «Фигура»

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

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

  • Удерживайте клавишу Shift во время рисования, чтобы сделать фигуры пропорциональными.
  • Выбрав слой-фигуру, используйте инструмент Перемещение , чтобы перемещать фигуру и менять ее расположение на холсте.
  • Чтобы легко масштабировать, трансформировать или поворачивать фигуру, выберите Редактирование > Свободное трансформирование или нажмите клавиши Control+T (Win) / Command+T (Mac).

Редактирование свойств фигуры

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

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


Щелкните значок сброса () на панели «Свойства», чтобы сбросить сразу все изменения.

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

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

Создание прямоугольника

Используйте диалог «Создание фигуры» (в приведенном выше примере это «Создание прямоугольника») для изменения параметров.

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

Дополнительные опции фигур

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

опции дополнительные


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

Поскольку на данный момент у меня выбран инструмент "Прямоугольник", нажатие на шестерёнку открывает мне именно опции" Прямоугольника". За исключением инструментов "Многоугольник" (Polygon Tool) и "Линия" (Line), оба из которых мы рассмотрим позже, вы будете использовать данную опцию редко, т.к. большее, что она может предложить, мы можем сделать при помощи клавиш клавиатуры. Например, опция "Произвольно" (Unconstrained) позволяет нам свободно рисовать фигуры любых размеров, но это и так заложено по умолчанию. Опция "Квадрат" (Square) позволяет создать правильный квадрат с помощью "Прямоугольника", но мы и так можем это делать, зажав клавишу Shift. "От центра" (From Center) даёт возможность начинать рисовать фигуру от ее центра, но опять же, мы уже можем это сделать, зажав клавишу Alt.

Если вы выберите либо "Заданный размер" (Fixed Size), либо "Задать пропорции" (Proportional) и введёте значения ширины и высоты, они будут также влиять и на следующую форму, которую вы будете создавать, а не только на рисуемую в данный момент. Поэтому вы должны помнить, что после использования одной из этих двух опций при создании фигуры, вы, когда закончите её создавать, должны вернуться и заново выбрать опцию "Произвольно" (Unconstrained), иначе все следующие фигуры будут создаваться в тех же размерах или пропорциях, что и предыдущая фигура:

опции


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

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

Теперь давайте разберёмся, как редактировать уже готовые фигуры. Убедитесь, что опция "Режим инструмента" в панели параметров установлена на "Фигура" (Shapes). Когда мы рисуем векторные фигуры, Photoshop автоматически помещает её на специальном типе слоя, известного как слой-фигура (Shape layer). На панели слоёв форма, которую я создал с помощью инструмента "Прямоугольник", расположена на слой-фигуре, автоматически именованным Photoshop'ом как "Прямоугольник 1" (Rectangle 1). Имя слоя изменяется в зависимости от того, каким из инструментов формы он был создан. Скажем, если при создании фигуры был использован, инструмент Эллипс, слой и будет называться "Эллипс 1":

квадрат


Каждая вновь созданная векторная форма появляется на новом собственном слое.

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

значок слой-фигуры


Значок в правом нижнем углу миниатюры говорит нам, что это слой-фигура.

Основное различие между слой-фигурой и обычным пиксельным слоем заключается в том, что слой-фигуры остаются полностью редактируемыми. Ранее, когда мы рассматривали, как выбирать цвета заливки и обводки для наших фигур, я упомянул, что мы всегда можем вернуться и изменить эти цвета даже после того, как мы полностью нарисовали фигуру.
Давайте рассмотрим подробнее, как это сделать. Для начала, убедитесь, что в панели слоёв выбран нужный слой с фигурой и в панели инструментов выбран инструмент с нужной фигурой. Затем, в панели параметров, просто нажмите на иконку-квадратик цвета заливки или обводки для выбора другого цвета. Вы также можете изменить ширину и другие параметры обводки. Я нажму на иконку цвета заливки:

цвета заливки


Нажатие на иконку цвета заливки фигуры для изменения этого цвета.

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

выбор цвета


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

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

цвет


Новый цвет фигуры-прямоугольника

Временное скрытие отображения контура вокруг фигуры

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

Пятиугольник, нарисованный инструментом "Многоугольник"


Пятиугольник, нарисованный инструментом "Многоугольник" (Polygon Tool). Тонкие чёрные линии контура отображаются даже после того, как фигура была создана.

Чтобы скрыть отображение контура, просто нажмите клавишу Enter. Повторное нажатие клавиши отобразит контур заново:

как временно скрыть контур


Контур на фигуре скрыт.

Кроме того, контур можно скрыть с помощью комбинации Ctrl+H. Повторное нажатие этой комбинации также отобразит контур в документе.

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

Photoshop: панель «Контуры»

Панель «Контуры»

A. Сохраненный контур B. Временный рабочий контур C. Контур векторной маски (отображается, только если выбран слой-фигура)

Выбор контура

Щелкните имя контура на панели «Контуры». Одновременно можно выбрать только один контур.

Отмена выделения контура

Щелкните пустое пространство на панели «Контуры» или нажмите клавишу «Esc».

Изменение размера миниатюр контуров

Выберите пункт «Параметры панели» в меню панели «Контуры» и выберите размер либо пункт «Не показывать», чтобы отключить отображение миниатюр.

Изменение порядка расположения контуров в списке

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

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

  • Для создания безымянного контура нажмите кнопку «Создать новый контур» в нижней части панели «Контуры».
  • Для создания именованного контура убедитесь в том, что не выбран ни один рабочий контур. Выберите пункт «Новый контур» в меню панели «Контуры» либо щелкните кнопку «Новый контур» в нижней части панели, удерживая клавишу «Alt» (Windows) или «Option» (Mac OS). Введите имя контура в диалоговом окне «Новый контур» и нажмите кнопку «ОК».
Выберите инструмент из групп «Фигура» или «Перо» и нажмите кнопку «Контуры» на панели параметров. Установите параметры инструмента и нарисуйте контур. Дополнительные сведения см. в разделах Параметры инструментов группы «Фигура» и О группе инструментов «Перо». По желанию нарисуйте дополнительные компоненты контура. Сменить инструмент рисования можно путем простого нажатия кнопки инструмента на панели параметров. Выберите один из перечисленных далее режимов, определяющих способ обработки перекрывающихся компонентов контура.

Добавление к области контура

Новая область добавляется к перекрывающимся областям контура.

Удаление из области контура

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

Пересечение областей контуров

Контур ограничивается до пересечения новой и существующей области.

Исключение наложения областей контура

Область наложения исключается из объединенного контура.

При рисовании с помощью инструментов группы «Фигура» удерживайте нажатой клавишу «Shift», чтобы временно выбрать вариант «Добавление к области контура», либо клавишу «Alt» (Windows) или «Option» (Mac OS), чтобы временно выбрать вариант «Вычитание из области контура».

Можно задать цвет и толщину линий контура по своему вкусу и для упрощения видимости. При создании контура — например, с помощью инструмент «Перо» — щелкните значок шестеренки ( ) на панели параметров. Теперь укажите цвет и толщину линий контура. Кроме того, укажите, следует ли выполнить предварительный просмотр сегментов контура по мере перемещения указателя мыши между щелчками (эффект «Просмотр»).


Параметры контура: толщина и цвет

При использовании инструмента группы «Перо» или «Фигура» для создания рабочего контура новые контуры отображаются на панели «Контуры» как рабочие контуры. Рабочий контур является временным. Чтобы не потерять содержимое рабочего контура, его необходимо сохранить. Если отменить выбор рабочего контура, не сохранив его, и снова начать рисовать, новый контур заменит существующий старый.

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

Контуры, сохраненные вместе с изображением, отображаются при повторном его открытии. При работе в Photoshop (Windows) контуры поддерживаются форматами JPEG, JPEG 2000, DCS, EPS, PDF и TIFF. При работе в Mac OS контуры поддерживаются всеми доступными форматами файлов.

Контуры, хранящиеся в форматах, не указанных в приведенном списке, не могут передаваться из системы Mac OS в систему Windows и обратно.

Сохранение рабочего контура

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

Сайт 03po.ru


Как создать контур в Фотошоп самым простым способом

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

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

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

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

Представим себе, что в процессе творчества нам захотелось, ну или же понадобилось использовать контур какого-то объекта. Создать контур мы можем, используя инструмент «Карандаш» или «Кисть», а в палитре цветов выбрать нужный цвет. Используемое во время прошлого разговора изображение кисти руки, будет помогать нам и сейчас:

 Как просто создать контур

Выберем инструмент карандаш или кисть. Если кто-то выберет кисть, то лучше, чтобы она была со 100% жёсткостью, то же самое относится и к инструменту «Карандаш».

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

 Как просто создать контур

Толщину (ширину) линии установим на своё усмотрение. Под толщиной или шириной линии мы понимаем размер кисти (карандаша), который выбираем и задаём самостоятельно.

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

 Как просто создать контур

В верхней части этого окна находятся два ползунка настроек:

 Как просто создать контур

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

Сделаем настройки. Выбрав карандаш или же кисть и путём перемещения ползунка (щёлкнул по нему и, удерживая левую кнопку мыши, переместил), установим толщину линии будущего контура равной 7 пикселям:

 Как просто создать контур

Значение размера и формы карандаша или кисти, конечно же, устанавливаем по своему усмотрению.

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

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

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

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

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

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

 Как просто создать контур

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

 Как просто создать контур

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

Если мы вернёмся к тому моменту, когда были поставлены две точки без нажатия клавиши Shift и увеличим масштаб видимости, то обнаружим, что выбранный нами (мной) инструмент «Карандаш» круглой формы, вовсе не круглый:

Как просто создать контур

И начав обводку инструментом «Карандаш» об элегантности будущего контура можно и не говорить, — её просто не будет. Конечно, всё зависит от того, что мы хотим получить в результате. Может быть, нам нужна именно такая линия контура, часть которой мы имеем сейчас.

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

Как просто создать контур

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

Как просто создать контур

А можно вести линию, располагая курсор-кружок инструмента «Кисть» (другими словами наконечник кисти) по центру, то есть часть линии контура идёт с внешней стороны ладони, а другая часть с внутренней стороны:

Как просто создать контур

После того как линия контура замкнётся мы, вернув масштабу видимости значение 100%, а так же выключив глазик слоя основного изображения или вовсе его удалив, можем полюбоваться на то, что у нас получилось:

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