Создание и редактирование контуров. Сохранение контуров

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

прямолинейные (состоящие из прямолинейных отрезков) [1] ;

криволинейные (состоящие из кривых) [2]-[3] ;

замкнутые (не имеющие начальной и концевой точек) [3] ;

В основной панели инструментов расположены инструменты построения и редактирования контуров:

[2] Freeform реп (произвольное перо)

[3] Anchor point tool ( перо +)

[5] Convert point tool ( угол )

[6] Path selection tool ( выделение )

[7] Direct selection tool ( прямое выделение )

Щелкая мышью, разместим оставшиеся точки привязки.

Чтобы завершить создание контура, выполним одно из двух действий:

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

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

Чтобы завершить создание контура, выполним одно из двух действий:

если мы хотим создать открытый контур, щелкнем мышью на значке инструмента “перо” в палитре инструментов.

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

Чтобы удалить или добавить новую точку привязки, существуют инструменты “перо –” и “перо +”.

Выберем в палитре инструментов инструмент “перо +” и установите курсор на контуре в том месте, где мы хотим добавить точку привязки. (При этом рядом с курсором появился знак “плюс”.).
Дальше выполним одно из следующих действий:

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

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

Выберите в палитре инструментов инструмент “перо –” и установим курсор в той точке привязки, которую мы хотим удалить. (При этом рядом с курсором появился знак “минус”.)
Выполним одно из следующих действий:

щелкнем мышью; в результате форма кривой изменится в соответствии с оставшимися точками привязки;

нажмем кнопку мыши и, перемещая инструмент “перо –”, выполним настройку формы кривой.

Выберем в палитре инструментов инструмент “угол” и установим курсор на той точке привязки, состояние которой мы хотим изменить.

Выполним одно из следующих действий:

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

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

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

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

Вся информация о контурах содержится в палитре Paths (контуры) и сохраняется вместе с файлом при сохранении изображения.
Каждый созданный контур можно сохранить под отдельным именем. Для этого щелкнем по выбранному контуру. Затем щелкнем по указателю меню в верхнем правом углу палитры. Из меню выберем Save Path (сохранить контур) и введем имя. Контур сохранен под этим именем.
Чтобы добавить информацию о новом контуре, нажмем на пиктограмму внизу палитры.
Чтобы удалить информацию о контуре, выберем его, щелкнув по нему мышкой, и нажмем на пиктограмму

Рассмотрим, как можно преобразовать контур в выделение.
Создадим контур и в палитре Paths (контуры) выберем Make Selection (создать выделение).
Открылось диалоговое окно Make Selection (сделать выделение). Доступные опции:

Feather Radius (радиус растушевки) – определяет, насколько построенное выделение будет размытым;

Anti-aliased (сглаживание) – определяет, будет ли выделение шероховатым или сглаженным.

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

Источник

Редактирование контуров и их использование

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

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

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

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

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

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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:

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

Еще по теме.

Один комментарий »

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

Источник

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

Сегменты, компоненты и точки контура

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

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

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

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

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

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

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

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

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

Если выбран инструмент «Стрелка», контур или компонент контура можно выбрать целиком, щелкнув мышью в пределах контура при нажатой клавише «Alt» (Windows) или «Option» (Mac OS). Активизировать инструмент «Стрелка» можно, когда выбран любой другой инструмент, установив указатель над узловой точкой и нажав клавишу «Ctrl» (Windows) или «Command» (Mac OS).

Выбор нескольких контуров | Photoshop CC

Можно выбрать несколько контуров на одном или нескольких слоях.

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

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

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

Выйти из режима изоляции можно несколькими способами, такими как:

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

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

Создание дубликатов контуров

На панели Контур выберите контур, дубликат которого необходимо создать. В Photoshop CC можно выбирать несколько контуров одновременно.

Выполните одно из следующих действий.

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

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

Если опорная точка соединяет два сегмента, то при ее перемещении изменяются оба эти сегмента.

При рисовании с помощью инструмента «Перо» можно временно активировать инструмент «Стрелка» для корректировки уже нарисованных сегментов. Для этого при рисовании нажмите клавишу «Ctrl» (Windows) или «Command» (Mac OS).

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

Перемещение прямых сегментов

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

Корректировка положения и формы сегментов кривой

Чтобы скорректировать положение сегмента, перетащите сегмент. Удерживайте клавишу «Shift», чтобы ограничить корректировку углом, кратным 45°.

Для того чтобы скорректировать форму сегмента с любой стороны от выделенной опорной точки, перетащите опорную точку или управляющую точку. Удерживайте клавишу «Shift», чтобы ограничить движение углом, кратным 45°.

В Photoshop CC и CS6 корректировка сегмента контура также обеспечивает корректировку связанных сегментов, что позволяет интуитивно трансформировать очертания контуров. Чтобы только отредактировать сегменты между выбранными точками привязки аналогично более ранним версиям Photoshop, на панели параметров выберите «Ограничения перемещения контуров».

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

Удаление сегмента

Удаление линии направления опорной точки

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

Расширение открытого контура

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

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

Соединение двух открытых контуров

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

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

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

Удерживайте клавишу «Shift» в дополнение к клавише со стрелкой для перемещения на 10 пикселов за один раз.

Добавление и удаление узловых точек

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

Палитра инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо» , инструмент «Добавить опорную точку» и инструмент «Удалить опорную точку» .

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

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

Чтобы удалить опорные точки, не используйте клавиши «Delete» или «Backspace», а также команды «Редактирование» > «Вырезать» или «Редактирование» > «Удалить». Эти клавиши и команды удаляют как саму точку, так и присоединенные к ней сегменты.

Источник

LiveInternetLiveInternet

—Рубрики

—Метки

—Поиск по дневнику

—Подписка по e-mail

—Друзья

—Статистика

Часть урока скопирована с www.photoshop-master.ru

«Инструменты группы «Перо» и работы с контуром: и

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

Итак, все начинается с Пера .

Будем рассматривать инструменты группы «Перо» на примере яйца.

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

Возьмите и нарисуйте вот такую фигуру:

Это конечно не яйцо, а какой-то неотесанный камень.

— Редактирование контура

— Выделение контура

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

На самом деле заливка также перемещается вместе с контуром, только немного отстает.

Далее, возьмите инструмент

Если вы щелкните по пустому контуру этим инструментом, то появятся белые точки.

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

Таким образом вы можете редактировать контур.

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

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

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

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

Кроме того, точки можно удалять с помощью инструмента

Мы лишились половины яйца.

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

Нарисуйте нужную форму:

У вас надеюсь лучше!Затем берете стрелку редактирования и получаете что-то подобное:

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

С этого момента расширяем материал от меня:

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

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

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

Обратим внимание на панель свойств Пера под главным меню:

и так 1,2,3 отвечают за то каким образом мы будем работать с нашей формой.

на панели слоев появляется специальный слой,а выглядит все это примерно так:

Плюс метода: Можно в любой момент сменить цвет просто два раза кликнув на цветовую состовляющую этого слоя.

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

Белым цветом на слое с формой показана область заливки.

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

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

Чтоб было понятнее подробнее рассмотим панель Paths

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

Касательно 2 и 3 давайте подробнее:

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

Однако,если например выберем инструмент кисть,то он раскрасит контур кистью,вот пара примеров с разными кистями и настройками:

Аналогично раскрашиваются узлы фигуры (3) на скришноте.

допустим у вас есть выделение:

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

несколько примеров полученых контуров(первый без сглаживания второй с максимальный сглаживанием):

И так с работой в основно разобрались,теперь вспомним нашу главную панель свойст,вот она=)

4-11 выбор инстурментов,которымим мы будем создавать фигуру,от пера и свободного пера до типовых форм.

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

Какая область закрасится показано на значках темно-серым цветом,уж геометрию-то все знают?=)

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

Процитировано 8 раз
Понравилось: 1 пользователю

Источник