Как объединить контуры в фотошопе

Как добавить несколько фигур на один слой в Photoshop

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

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

Форма снежинки

Слева на панели инструментов выберите инструмент Custom Shape Tool (U) (Произвольная фигура) .

Затем на верхней панели параметров из раскрывающегося меню выберите фигуру «Снежинка 3».

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

Чтобы заполнить желаемым цветом снежинку, добавить или удалить обводку, используйте функции Fill (Заливка) и Stroke (Обводка) на панели параметров. Я не буду добавлять обводку к своей фигуре, а просто закрашу её в серый цвет.

Добавление нескольких фигур на один слой

Если вам когда-либо приходилось работать с фигурами, вы вероятно, знаете, что при рисовании фигур, Photoshop по умолчанию помещает последующие фигуры на отдельный слой. Если вы хотите добавить вторую и последующие фигуры на один слой, необходимо изменить одну опцию. Вернитесь на панель параметров и кликните по кнопке Path Operations (Операции с контурами). В открывшемся списке выберите не New Layer (Новый слой), а Combine Shapes (Объединить фигуры).

Теперь я нарисую вторую снежинку.

Посмотрите на панель слоёв и вы увидите, что обе фигуры расположились на одном слое.

Слияние фигур

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

Обратите внимание на снежинки.

Вокруг обеих фигур появилась обводка.

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

Вычитание передней фигуры

Продолжаем. С этими фигурами можно проделать и другие действия. Поскольку в данный момент одна фигура перекрывает другую, вернитесь к параметру «Операции с контуром» и выберите опцию Subtract Front Shape (Вычесть переднюю фигуру). Давайте посмотрим, что же произошло со снежинками.

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

Вот круг с вырезанной из него снежинкой.

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

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

Пересечение фигур

Помимо этого, можно сделать, чтобы они пересеклись, для этого нам поможет опция Intersect Shape Areas (Область пересечения фигур) в раскрывающемся меню «Операции с контурами». В этом случае будет отображаться область, где пересекаются две фигуры. У меня снежинка перекрывает круг и видны синие контуры.

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

Здесь видно, как обводка очерчивает пересечение.

Исключение перекрывающихся фигур

Вернитесь в раскрывающееся меню «Работа с контурами» и выберите опцию Exclude Overlapping Shapes (Исключить перекрывающиеся фигуры). Этим мы удалим область, где две фигуры перекрываются.

Изменение порядка наложения фигур

Для того, чтобы конкретные эффекты были видимыми, должен присутствовать определённый порядок наложения. Кликните по одной или нескольким фигурам инструментом «Выделение контура», а затем перейдите в верхнюю панель параметров и раскройте меню Path Arrangement (Упорядочение контура). Вам представится несколько различных вариантов.

Вы можете переместить фигуру или несколько фигур на передний план или задний план. Каждое расположение будет сопровождаться своим конкретным результатом, но здесь понадобятся некоторые эксперименты. У меня расположение фигур такое: снежинка располагается сверху (на переднем плане), а круг – снизу (на заднем плане).

Сохранение пользовательской фигуры.

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

После того, как вы разместите свои фигуры с желаемым результатом, вернитесь в меню «Операции с контурами» и выберите опцию Merge Shape Components (Объединить компоненты фигуры). Этим вы зафиксируете результат в единое целое.

Далее перейдите в меню Edit > Define Custom Shape (Редактирование – Определить произвольную фигуру), в появившемся диалоговом окне дайте название новой фигуре.

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

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

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

Ссылка на источник урока.

Контуры

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

Создание выделений

Построение выделений, позволяющих редактировать только часть изображения без воздействия на остальные области — одна из важнейших особенностей работы в Photoshop.

1. Самое очевидное применение контуров в Photoshop — это создание на выделений их основе. Откройте какое-нибудь изображение, содержащее объекты с четкими границами, и выберите инструмент «перо».
2. Обведите один из объектов, используя при этом как можно меньше опорных точек. Щелчки образуют прямолинейные сегменты между точками, а протягивание — криволинейные.
3. При вычерчивании контуров удобно пользоваться клавишами-модификаторами. Когда у вас активно «перо», нажатие клавиши Control/Command вызывает инструмент «стрелку», которая позволяет перемещать точки и изменять форму сегментов. Отпустите клавишу — и можете продолжать работать «пером».
4. Чтобы замкнуть контур, щелкните на первой опорной точке (приближаюсь к ней курсор слегка видоизменяется). Если поместить «перо» на сегмент контура, оно превращается в инструмент «перо+», служащий для добавления точек на контур.
5. Перемещая опорные точки и двигая регуляторы «стрелкой», добейтесь того, чтобы контур облегал объект как можно точнее. Форму сегментов можно изменять также, протягивая их «стрелкой». Если это помогает плохо, подвигайте лучше регуляторы.
6. С готовым контуром можно поступить двояко: либо экспортировать его как обтравочный в программу верстки, напр. в QuarkXPress, либо преобразовать в выделение. Если вы выбираете последнее, нажмите кнопку «выделение в контур» в нижней части палитры Paths (Контуры) или, удерживая Control/Command, щелкните на строке контура на палитре Paths.
7. Чтобы сохранить контур как обтравочный, выберите из меню же палитры Paths команду Clipping Path (Обтравочный контур). Поле Flatness (Спрямление) в большинстве случаев можно оставлять пустым. Нажмите ОК. Начертание шрифта, которым отображается имя контура на палитре Paths, меняется, показывая, что контур является обтравочным.
8. Теперь файл можно сохранить в формате EPS, DCS или TIFF для экспорта в программу верстки или для печати непосредственно из Photoshop. EPS предпочтительнее, так как обтравочный контур будет отображаться в превью.
9. Контур можно экспортировать и в программу Illustrator. Выберите команду File > Export > Paths to Illustrator (Файл > Экспорт > Контуры в Illustrator). Раскрывающийся список в диалоге Save позволяет выбрать контур для экспорта, если у вас их несколько.

Создание сложных контуров

Объекты более сложных форм требуют более сложной техники построения контуров.

1. Контуры удобны для создания простых плавных выделений, но Photoshop 5 предлагает средства для формирования и очень сложных контуров.
2. Двойным щелчком на пиктограмме инструмента «магнитное перо» откройте палитру его параметров. Для обводки морского конька мы задали здесь следующие установки: Curve Fit (Точность) 2 пиксела, Width (Ширина) 10 пикселов, Frequency (Частота) 30 и Edge Contrast (Контраст границ) 10 процентов.
3. Приступая к вычерчиванию контура, щелкните в начальной точке, а выполнять обводку можно с отпущенной кнопкой мыши — так легче контролировать движение курсора. Не забывайте обращаться к клавишам-модификаторам: для добавления точек вручную нажимайте Alt/Option, для вычерчивания прямых пользуйтесь щелчками с удержанием Alt/Option.
4. Конечная форма вычисляется на основе магнитного контура и параметров, заданных вами на палитре Options. Чем меньше значение Curve Fit, тем больше точек будет в контуре. Контур обычно получается более гладким, чем граница выделения, созданного с помощью инструмента «магнитное лассо». Здесь мы преобразовали контур в выделение, растушевали на 2 пиксела и использовали в качестве слой-маски.
5. Векторный слой может содержать более одного контура (тогда они называются подконтурами). В качестве подконтура мы добавили плавник. Этот подконтур можно преобразовать в выделение и добавить в слой-маску. Будьте осторожны при превращении в выделения подконтуров, которые пересекаются, так как в полученном выделении останутся только пересекающиеся области.
6. Чтобы загрузить подконтур как выделение, выделите его инструментом «стрелка» (при этом становятся видны все его опорные точки) и нажмите кнопку «контур в выделение» в нижней части палитры Paths.

Объединение подконтуров

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

1. Для объединения подконтуров вовсе необязательно обращаться к векторной программе. Проделаем это в Photoshop. Выделим подконтур плавника, затем, протягивая «стрелкой», выделим сразу все точки, залезающие в другой подконтур, и удалим их.
2. В Photoshop объединять контуры приходится вручную. Активизируем «перо» и выделяем контур плавника. Если поместить курсор на конечную точку, тот видоизменяется — внизу справа появляется маленький квадратик. Щелкнув на конечной точке, мы можем либо продолжить вычерчивание контура, либо объединить ее с другой конечной точкой.
3. Удерживая Shift+Control/Command, выделяем контур морского конька. Щелчком на конечной точке, ближайшей к контуру плавника, объединяем две точки и поочередно замыкаем остальные пробелы. Теперь у нас единый контур для всего конька.

Контуры как средство рисования

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

1. Обводка контуров дает неплохие художественные эффекты. Нарисуйте простой контур, вроде стилизованного солнца.
2. Установите цвет похожий на солнечный и выберите одну из самых маленьких художественных кистей на палитре Brushes (Кисти). Выделите контур и выберите из меню палитры Paths команду Stroke Path (Обвести контур). В открывшемся диалоге выберите вариант Airbrush (Аэрограф) и нажмите ОК.
3. Задавая различные значения в поле Fade (Ослабление) на палитре параметров «аэрографа», можно получить ослабление интенсивности штрихов. Введите в это поле 300, затем, протягивая «стрелкой» при нажатой клавише Shift, выделите «лучи» солнца. Выберите команду Stroke Subpaths и снова укажите вариант Airbrush.
4. Чтобы получить более естественные штрихи, дополните файл какой-нибудь абстрактной картинкой. Выберите инструмент «палец», задайте на палитре его параметров величину Pressure (Нажим) 70 процентов и режим наложения Darken (Затемнение). Дважды обведите солнце текстурной кистью среднего размера.
5. На палитре History (Протокол) в качестве исходного материала для «восстанавливающей кисти» укажите обводку. Создайте новый слой и залейте его белым. Обведите контур снова, выбрав в диалоговом окне вариант History Brush (Восстанавливающая кисть). В качестве альтернативы к слою с картинкой можно применить какой-нибудь художественный фильтр и использовать его результат в качестве исходного материала для «восстанавливающей кисти».
6. Слегка сдвинув слой с обводкой относительно слоя с контуром, мы придали штрихам дополнительную глубину, затем задали обводку еще раз, теперь инструментом «палец». Попробуйте и другие варианты, например, различные режимы наложения или команду Fade (Ослабление).

Хитрости при формировании контуров

Некоторые клавиатурные комбинации помогут вам ускорить построение контуров.

1. Чтобы дублировать контур, протяните его, удерживая Control+Alt (Command+Option). Если вы хотите дублировать несколько подконтуров, выделите их, чтобы стали видны опорные точки, и протяните один из них, удерживая Control+Alt (Command+Option).
2. Инструмент «угол» преобразует гладкую опорную точку в линейную (без регуляторов). В процессе формирования контура «угол» можно вызвать нажатием клавиши Alt/Shift. Для превращения линейной точки в гладкую, протяните на ней инструментом «угол». Преломив инструментом «угол» регулятор, вы превращаете гладкую точку в угловую.
3. Превратить границу обычного выделения в контур так же просто, как и контур в выделение. Диалоговое окно, вызываемое командой Make Work Path (Создать рабочий контур), позволяет задавать допуск, определяющий, насколько много точек будет в контуре. Укажите в поле Tolerance значение от 0.5 до 20 пикселов. Чем ниже значение, тем меньше точек.

Как объединить контуры в фотошопе

Вы здесь: Главная Созд. шрифтов. FontLab 5 42. Слияние контуров

Главное меню

• Главная
• Создание элек.книг
• Adobe PhotoShop CS5
• CorelDRAW X5
• Corel Painter 12
• Corel Paint Shop Pro X4
• Редактор Bryce 5.5
• Редактор DAZ Studio 4
• Artweaver 1.23
• Photobie 7.1
• Paint.NET 3.5.10
• Inkscape 0.48
• GIMP 2.8.2
• Соз. шриф. Font Creator 6
• Созд. шрифтов. FontLab 5
• Windows 10
• ОС Linux Mint 17
• Восстановление дисков
• Прикладные программы
• Архиваторы
• Дефрагментаторы
• Защита данных
• Полезные программы
• Создание скриншотов
• Плееры
• Материалы студентам
• Политика конфиденциальности и защиты информации
• О хостинге BeGet
• Карта сайта

42. Слияние контуров

С несколькими контурами можно выполнять объединительные операции.

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

Команда Contour → Transform → Merge Contours (Контуры → Трансформировать → Слить контуры) объединяет выделенные контуры. Другая возможность — выполнить комбинацию клавиш Ctrl + F10 на клавиатуре ПК. Области пересечения сливаются (Рис. 58), образуя единый контур. На инструментальной панели Contour (Контур) предлагается кнопка для сваривания контуров с тем же именем ().

Рис. 58. Несколько контуров сливаются в один

Команда Tools → Outline → Delete Intersection (Инструменты → Контур → Удалить пересечение) удаляет у контура области, перекрываемые выделенными ранее контурами (Рис. 59). Для удобства установите на инструментальную панель Contour (Контур) дополнительную кнопку с тем же именем ().

Рис. 59. Удаление пересечения

Команда Tools → Outline → Get Intersection (Инструменты → Контур → Оставить пересечение) создает новый контур, который включает в себя область пересечения двух или более контуров, выделенных перед слиянием. При пересечении может одновременно получиться несколько контуров, так как новые контуры создаются из всех попарных пересечений выделенных контуров. Если пересекаемые контуры образуют несколько областей пересечения, то все ветви этой области будут включены в состав одного соединенного контура (Рис. 60). На инструментальной панели Contour (Контур) предлагается кнопка с тем же именем ().

Рис. 60. Удаление непересекающихся областей

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

Объединение и вычитание векторных фигур в Photoshop

Из этого урока мы узнаем, каким образом в Photoshop можно комбинировать две или более векторные фигуры стандартными методами компьютерной графики — это Объединение фигур, (Add Shape), Вычитание (Subtract), Пересечение (Intersect) и Исключение (Exclude). Мы вкратце рассмотрели эти варианты в материале «Фигуры Photoshop — векторные формы, контуры и пиксельные заливки» а сейчас мы изучим их более подробно.

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

Итак, давайте начнём.

Для начала я создал в Photoshop новый документ с фоном белого цвета, и использовал инструмент «Эллипс» (Ellipse Tool) для рисования векторной фигуры в виде правильного круга.

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

Векторная фигура в виде правильного круга, нарисованная инструментом «Эллипс». Панель слоёв документа содержит фоновый слой и слой с фигурой.

У меня по-прежнему выбран инструмент «Эллипс», и я нарисую вторую аналогичную фигуру, частично перекрывающую первую.

По умолчанию, Photoshop предполагает, что каждый раз, когда мы рисуем новую фигуру, мы хотим создать отдельную, независимую форму, и поэтому он располагает новую фигуру на новом слое. Если мы снова посмотрим на панель слоёв, то увидим, что у меня теперь появился второй слой-фигура (автоматически именованный как «Эллипс 2»), расположенный над над слоем с первой фигурой. Обе формы полностью отделены друг от друга:

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

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

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

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

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

Примечание. Если вы выбрали на инструментальной панели один из инструментов векторных фигур, но не видите эти параметры в панели параметров, убедитесь, что у вас включён режим «Фигура» (Shape), а не «Контур» или «Пиксели»:

Объединение фигур (Add to Shape Area)

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

Я удалить вторую фигуру, которую добавил минуту назад, путем перетаскивания слоя «Эллипс 2» в корзину.

Теперь в моём документе снова имеется только фоновый слой и один слой-фига с кругом:

Панель слоёв документа содержит фоновый слой и слой с фигурой.

Нажимаем на слой с фигурой для его выбора (если он не выбран), нажимаем на кнопку операций с контурами и выбираем опцию Объединение фигур (Add to Shape Area). Наводим курсор на документ. Обратите внимание, как теперь выглядит курсор. В правом нижнем углу курсора появился небольшой плюс (+), давая мне знать, что любая форма следующая нарисованная фигура будет добавлен к существующей, а не появится в собственном слое Shape.

При выбранной операции «Объединение фигур» курсор изменил свой вид на крестик с плюсиком. На рисунке курсор мыши находится немного правее красного круга.

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

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

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

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

Помните, что операции с контурами работают только при активном контуре в панели контуров. Если я в данный момент добавлю новую фигуру, даже, если у меня включена операция «Объединение фигур», новая фигура добавится на новый слой. Чтобы новая фигура добавилась на слой к имеющейся, сделайте активным (должен быть подсвечен) контур в панели контуров.

Вычитание фигуры (Subtract from Shape Area)

Я отменил свой ??последний шаг и убрал вторую фигуру, нажав Ctrl+Z на клавиатуре. На этот раз я выберу операцию Вычесть переднюю фигуру (Subtract from Shape Area):

Выбор операции Вычесть переднюю фигуру (Subtract from Shape Area).

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

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

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