Обводка контура в Фотошоп
В этом уроке я расскажу вам, как использовать функцию Stroke Path (Обводка контура). Это очень важно знать, так как на практике данная функция используется довольно часто. Обводка контура используется для создания различных текстовых эффектов, рамок, контурных эффектов и прочее.
Создание рабочего контура
Чтобы выполнить обводку контура, в Фотошоп сначала необходимо создать контур. Рабочий контур можно создать при помощи практически любого инструмента.
Давайте создадим его из текста. Для этого напишите любой текст, создайте для него выделение, перейдите на вкладку Контуры и в верхнем правом углу из меню выберите Образовать рабочий контур.
Создание нового слоя
Для обводки нам нужно создать новый слой. В ином случае обводка не появится на текстовом слое или на слое с векторными фигурами.
Обводка контура
В качестве инструмента для обводки в Фотошоп можно воспользоваться Кистью, Ластиком, Пальцем, Затемнителем и другими инструментами. Наиболее часто используемым инструментом является Кисть. Давайте посмотрим, как это работает.
Активируйте инструмент Кисть, из набора кистей выберите любой понравившийся вам образец. Я буду использовать кисть в виде пунктирной линии .
Возьмите инструмент в виде черной стрелочки Path Selection Tool (Выделение контура) и кликните правой кнопкой мыши по контуру. Из меню выберите Выполнить обводку контура и в появившемся окне установите Кисть (которая должна быть установлена по умолчанию).
Для удаления контура, нажмите клавишу Bacspace или кликните правой кнопкой мыши по контуру и выберите Удалить контур. Вы увидите результат.
Вот такая обводка в виде пунктирной линии получилась у меня:
Для создания обводки вы можете использовать другие более оригинальные кисти. Помните, что создавать обводку необходимо на новом слое. Нет необходимости каждый раз создавать новые контуры, просто выбирайте разные кисти и производите обводку на отдельных слоях. Вы можете сохранить понравившуюся вам обводку и экспортировать её в Иллюстратор.
Ниже представлены несколько образцов обводки контура, используя различные кисти. Данный приём вы можете использовать как для векторных, так и для растровых объектов.
Почему в фотошопе не удается выполнить обводку контура?
Потому что у них в культуре волосы на лобке раньше считались признаком плодородия, а теперь это плавно переросло в то, что это признак приличия и «достойности» девушки. Девушка с бритыми лобковыми волосами считается девушкой легкого поведения.
Полина Воробьева 5
привет, рисую в саи, решила попробовать в фотошопе, но столкнулась с проблемой контура, не могу нормально нарисовать контур, может есть специальные настройки? как ты так ровно контур делаешь?
Перестала работать заливка в фотошопе, как это исправить?
На новом слое выделяю необходимую область, беру заливку с нужным цветом и щёлкаю по области. Никаких изменений с цветом не происходит, область не заливается. Может кто объяснит в чём дело. Заранее спасибо!
Как и многие инструменты в фотошопе, инструмент «Заливка» имеет дополнительные настройки. В вашем случае интерес представляет настройка режима и настройка непрозрачности. После того, как выбрали инструмент «Заливка», посмотрите вверху в меню инструмента, режим должен быть «Нормальный», а непрозрачность 100%. Также проследите, какой у вас выбран цвет. Основной цвет не должен совпадать с цветом фона.
Если это не поможет, попробуйте сбросить настройки фотошопа до настроек по умолчанию.
В фотошопе нарисовала пером фигуру. Хочу выполнить обводку контуром но не получается.
Как сделать контур в Photoshop?
Самый лучший способ — это нарисовать контур пером. Подходит для простых и сложных объектов.
Выбираем инструмент «перо», горячая кнопка «P».
В верхней панели указываем тип — «фигура», в пункте «заливка» ставим «нет цвета». Далее в пункте «контур» выбираем нужный цвет и задаём размер контура. В дальнейшем всё это можно будет изменить.
После настройки инструмента можно смело рисовать любой контур. )
не заливается контур
Еще вопрос: можно ли контур преобразовать в выделение, раскрасить, а затем снова превратить в контур и редактировать его с заданной заливкой?
Cossack
Участник
- 11.12.2008
- #4
Ответ: не заливается контур
Забанен
- 11.12.2008
- #5
Ответ: не заливается контур
Fill path with foreground color
Мозги не компостируйте — создавайте пустой слой, применяйте к нему свой контур в качестве векторной маски и извращайтесь сколько угодно.
molmolmol
Участник
- 16.12.2008
- #6
Ответ: не заливается контур
Забанен
- 17.12.2008
- #7
Ответ: не заливается контур
Нет такой возможности в ФШ. Делайте в Люстре, а затем помещайте в ФШ смарт объектом.
Обход такой: в ФШ вы можете создать шейп, fill установить в 0%, повешать эффект Stroke — у вас будет фигура с обводкой без заливки. Разомкнутость имитируется маскированием. То есть вам придется замаскировать участок этого шейпа.
Cossack
Участник
- 17.12.2008
- #8
Ответ: не заливается контур
я только дополню визуализацией.
Вложения
Забанен
- 17.12.2008
- #9
Ответ: не заливается контур
Этого мало: зачитайте текст и выложите аудио-файл. Ведь иначе до автора темы не дойдет — вы ж его за дурака считаете.
Лучше бы показали как эффективно маскировать этот шейп.
Cossack
Участник
- 18.12.2008
- #10
Ответ: не заливается контур
Вложения
Забанен
- 18.12.2008
- #11
Ответ: не заливается контур
Что-то типа этого я и предполагал.
Козак, тут не демиарт — не надо иллюстрировать чужие сообщения и демонстрировать свой ламеризм.
Если у вас слой с векторной маской граница которой используется для слоевых эффектов, то вы можете замаскировать его слоевой маской непосредственно. А чтобы она маскировала в том числе и слоевые эффекты типа обводки, в свойствах слоя надо включить Layer Mask Hides Effects.
Однако если маскирование не требует альфа-канала, то есть не нужны градиентные прозрачности, то эффективнее маскировать векторной же формой. Существует два пути: Knockout и Clipping.
В первом случае вы кладете форму поверх целевого слоя, задаете Fill=0, и в свойствах смешивания включаете опцию Knockout: Shallow. При этом оба слоя должны находится в группе (в сете), иначе дырка будет до самого фона, а если его нет — до клеточек. При этом не надо связывать слои для одновременных трансформаций (например перемещения) — трансформируйте саму группу (сет).
Knockout скрывает все что попадает в границы слоя, показывая то, что выходит за его границы.
Во втором случае кладете маскирующую форму под слой, задаете ей Fill=0, создаете из двух слоев Clipping Group и для слоя маскирующей формы отключаете включенную по умолчанию опцию Blend Clipped Layer As Group. Чтобы оба слоя можно было трансформировать одновременно — связываете их (linking).
Clipping действует наоборот- он скрывает все что вне его границ, показывая только то, что внутри них.
Как вариант — результат обоих методов можно закинуть в смарт и получить один слой готовый к недеструктивной трансформации, а для пользователей цс3 и 4 — и для недеструктивной фильтрации.
4 простых способа сделать обводку в Photoshop
Приветствую всех читателей моего блога! На связи Федор Лыков. В данной статье мы будем с вами разбирать вопрос, как сделать обводку в фотошопе.
Adobe Photoshop – профессиональный растровый графический редактор. Имя данного приложения уже давно стало нарицательным, а человек, умеющий использовать его инструменты в глазах других людей сразу становится на две головы выше. Фотошоп явно не нуждается в лишнем представлении и именно в нём мы сегодня с вами и будем работать.
При оформлении рисунков, картинок и документов часто применяется обводка, чтобы выделить и украсить объект или текст на общем фоне. Делается это быстро и не сложно, так что, господа, не переживаем. Всё будет на прежнем уровне доступно объяснено.
Если вы до сих пор не прочитали статью про графические редакторы, то обязательно перейдите по ссылке и почитайте. Там много интересной информации, которая может помочь вам разобраться в некоторых мелочах и нюансах работы.
Что же, не будем более задерживаться на вступлении, а приступим побыстрее к делу! Приятного вам чтения!
Обводка. Что это такое и зачем она нужна?
Наверняка все мы еще в школьные годы, скучая на уроке, карандашом или ручкой обводили рисунки на обложке в тетради. Здесь нас ждет примерно тот же эффект. Мы будем таким образом выделять картинку или текст на фоне других объектов в вашем объекте. Так же, таким образом можно сделать очень неплохой внешний стиль вашей итоговой композиции.
По своей сути, обводка – это внешние линии, которые проходят по контуру нужного вам объекта. Они могут иметь несколько типов, давайте их вкратце рассмотрим.
| Название типа | Описание | Назначение |
| Цвет | Линии границы одного цвета | Самый обычный тип. Используется для обычного выделения |
| Градиент | Контур с переходящим цветом по вектору градиента | Более интересный вариант, больше подходит для оформления. |
| Узор | Граница с наложением узора | Аналогично предыдущему больше подходит для украшения объекта. |
Дальше мы рассмотрим наглядно каждый тип, и вы уже сможете сами понять какой из них подойдет для вас в вашей цели.
Рассмотрение будет вестись на самой последней версии Photoshop CC 2020, но в данной функции различий не будет и на более ранних версиях, поэтому вы сможете применить эти знания на фотошопе cs5, cs6 и на более ранних.
Приступаем к непосредственному разбору!
Более детально тема Фотошоп раскрыта в данном курсе. Здесь вас научат с нуля разбираться в данном редакторе и плюс сможете с этими знаниями хорошо зарабатывать.
Делаем обводку к любому слою в Photoshop
Первым делом заходим в программу и создаем файл изображения или открываем готовый.
Далее нам необходим объект, на котором мы и будем делать обводку. Давайте рассмотрим на примере текста, который я создам.
Для этого в левой части на панели инструментов выбираем инструмент для ввода текста, который выглядит как значок с буквой «Т».
После выбора с помощью него в рабочей области программы, зажав левую кнопку мыши и ведя курсор в сторону. После выделения нужной области отпускайте левую кнопку и вводите свой текст.
В верхней части вы сможете выбрать шрифт, направление текста и стиль, но данная статья не об этом, поэтому особо не будем на этом задерживаться.
После добавления текста, он отобразится в панели слоёв в правой нижней части экрана. Откройте вкладку «слои», если она у вас не открыта и нажмите два раза левой клавишей мыши на наш новый текстовый слой, либо правой кнопкой и из выпадающего списка выбирайте пункт «Параметры наложения» («Blending options» в англоязычной версии).
В появившемся окне настроек нам необходим пункт «выполнить обводку» («Stroke» в английской версии). Убедитесь, что галочка слева от пункта установлена.
Сейчас я расскажу про имеющиеся здесь настройки:
- Размер – регулирует толщину линии обводки
- Положение – внутри, снаружи, из центра. Соответственно, устанавливает положение обводки и в какую сторону она будет утолщаться при изменении размера
- Режим наложения – очень много вариантов режимов наложения цвета или узора. Попробуйте выбрать разные, чтобы наглядно увидеть разницу.
- Непрозрачность – ползунок регулирует прозрачность линии обводки
- Тип обводки – то, что мы рассматривали в начале статьи в таблице.
- Цвет – комментарии излишни.
Рекомендую обязательно поиграть с данными параметрами и подобрать оптимальный для вас стиль. С цветом все достаточно ясно и понятно.
С градиентом и узором немного тяжелее, так как с градиентом нужно поиграть, чтобы подобрать правильный и подходящий вам, но это будет стоить того.
Узоров, встроенных в программу, достаточно мало, но, к счастью, имеется возможность скачать в интернете дополнительные текстуры, которые могут сделать очень ваши линии очень красивыми. Текстур формата «.pat» в интернете очень молния, например какая-нибудь молния легко найдется на тематическом сайте.
Ищите примерно так: «pat текстура скачать»
Чтобы добавить ее в программу необходимо выбрать тип обводки «узор», и в окне выбора варианта нажать стрелочку. В следующем окошке нажимаем маленький значок шестеренки и в контекстном меню нам потребуется нажать на пункт «импорт узоров». Дальше просто находим файл текстуры на компьютере, и она добавится.
После этого останется лишь выбрать его в меню, и он наложится на линии вашего объекта.
Сейчас хочу вам показать по порядку показать различные виды типов обводки наглядно на скриншотах ниже.
Цвет
Градиент
Узор
Вот такие варианты у нас есть. Очень многое зависит от настроек, поэтому обязательно пробуйте разные значения параметров для того, чтоб получилось всё максимально красиво и уникально.
Процесс обводки вокруг фотографии абсолютно ничем не отличается по порядку действий. Для этого добавьте картинку или фото в рабочую область фотошопа, просто перетащив файл с изображением в нашу программу.
Все остальные настройки выполняются с помощью того же порядка действий, что мы и рассматривали выше, а поэтому я не вижу смысла рассматривать вопрос: как сделать обводку в фотошопе повторно для картинки.
Абсолютно те же действия выполняются так же и в онлайн-версии фотошопа. Лично проверил на одном из сайтов , на который оставлю. Этой версией можно воспользоваться даже с телефона, что только на руку, так как мобильные версии приложения не обладают тем же функционалом, что полноценная десктопная версия.
Заключение
Сегодня мы с вами рассмотрели возможности того, как сделать обводку в фотошопе на примере текста и картинки. Надеюсь, что это сможет помочь вам в вашем редактировании изображений и вы сделаете всё максимально красиво и уникально!
Понравилась статья? Обязательно порекомендуйте её друзьям и оставьте свой комментарий! Ваша поддержка очень важна для блога!
Буду рад почитать ваши вопросы и замечания. Встретимся в блоке комментариев и в следующих статьях! Спасибо, что дочитали до конца и до скорых встреч!
