Как изменить цвет контура в фотошопе

Обновлено: 28.04.2024

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

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

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

В этой статье мы не только покажем вам, как обводить текст в Photoshop, но также покажем, как правильно обводить текст в Photoshop, как и профессионалы.

Как обвести текст в Photoshop

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

Вот что у нас есть:

Если вы думаете, что это выглядит скучно, не беспокойтесь. Вы, безусловно, можете создать более красочный контурный текст в Photoshop — все, что вам нужно сделать, это поэкспериментировать, чтобы найти более интересные результаты. Например, на снимке экрана ниже показано, как это выглядит, когда мы выбираем «Узор» вместо «Цвет».

Как обвести шрифт в Photoshop

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

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

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

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

Как выделить только часть текстового слоя в Photoshop

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

Для начала создайте новый документ в Photoshop. Используйте инструмент «Прямоугольник», чтобы создать цветной фоновый слой. Вы уже выбрали цвет фона; все, что вам нужно сделать сейчас, это выбрать тот же цвет для вашего текстового слоя.
Введите текстовый слой, как и раньше. Половина вашего текста должна быть над пигментированной частью холста; другая часть должна быть над другой половиной.
Теперь добавьте границу текста в Photoshop, убедившись, что цвет обводки соответствует той части холста, которая не закрыта нашим желтым прямоугольником, — в данном случае это старый белый цвет. Щелкните правой кнопкой мыши текст на панели «Слои», выберите «Параметры наложения» и назначьте обводке толщину линии и положение.
Нажмите "ОК", и все должно выглядеть примерно так, как показано выше.

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

Как выглядит ваш первый обведенный текст?

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

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

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

Обведение изображения в Photoshop упрощается благодаря панели стилей слоя и параметру обводки. Используя эти два инструмента, вы можете создать контур всего изображения или вокруг определенного выделения всего за несколько кликов. Здесь вы узнаете, как использовать эти инструменты для обводки изображения в Photoshop с помощью сплошного цвета, градиента или наложения текстуры! Приступим.

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

Видеоруководство

Как выделить края изображения

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

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

Вот как это сделать:

Дублируйте слой, вокруг которого хотите создать границу. Таким образом, у вас всегда будет резервный слой, если что-то пойдет не так. Используйте сочетание клавиш Command + J (Mac) или Control + J (ПК), чтобы дублировать слой.

Если у вас уже есть большая группа слоев, продублируйте и объедините их, используя Command + Option + Shift + E (Mac) или Control + Alt + Shift + E (PC). Этот ярлык создаст новый объединенный слой, в который будет добавлен ваш контур.

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

Выберите «Инсульт».

Установите положение обводки «внутри» и оставьте непрозрачность равной 100%.

Установите тип заливки «цвет» и выберите цвет, которым хотите обвести фотографию.

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

Результат

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

Как обвести вырезанное изображение

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

Этот метод требует некоторых базовых знаний инструментов выделения в Photoshop. Тем не менее, я расскажу о самом простом инструменте выделения для этой техники.

Вот как это сделать:

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

Этот инструмент доступен только в Photoshop CC 2020 и более поздних версиях. Если вы используете более раннюю версию, вы можете вместо этого использовать инструмент быстрого выбора.

При активном инструменте «Выбор объекта» установите режим «прямоугольник» и установите флажки «улучшить край» и «вычесть объект».

Чтобы сделать выбор, нажмите и перетащите прямоугольную область выделения вокруг объекта. Как только объект помещается в это поле, отпустите его, и Photoshop сделает выделение вокруг объекта.

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

При активном выделении вокруг объекта нажмите Command + J (Mac) или Control + J (ПК), чтобы дублировать выделение на новый слой.

Дважды щелкните новый слой, чтобы открыть панель стилей слоя.

Выберите «Инсульт».

Установите положение «снаружи» и оставьте непрозрачность на уровне 100%.

Установите для типа заливки значение "цвет" и выберите цвет, которым будет обрамлено выделение.

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

Результат

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

Как обвести изображение несколькими цветами

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

Вот как это сделать:

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

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

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

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

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

Результат

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

Как добавить градиентный контур к изображению

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

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

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

В редакторе градиентов вы можете создать свой собственный градиент или выбрать один из множества готовых параметров.

Чтобы создать градиент, нажмите образцы цвета в любом конце области предварительного просмотра градиента. Появится палитра цветов, позволяющая изменить цвет.

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

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

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

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

Результат

Создание градиентного контура в Photoshop – это интересный способ добавить изюминку варианту обводки. Хотя он может подойти не для каждого изображения, с ним стоит поэкспериментировать!

Как обвести изображение текстурой

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

После создания исходного контура измените тип заливки с "цвет" на "узор".

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

Есть несколько параметров по умолчанию, которые вы можете использовать или скачать бесплатно из Интернета.

Здесь вы можете узнать, как импортировать узоры в Photoshop.

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

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

Результат

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

Заключение

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

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

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

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

Как обвести текст в Photoshop Elements

Если вы используете Photoshop Elements и хотите, чтобы ваш текст выделялся, выполните следующие действия:

Есть еще один метод, который вы можете использовать:

Как обвести текст в Photoshop для печати

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

Этот процесс прост и требует всего несколько шагов:

Можете ли вы легко обвести текст в Photoshop на iPad

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

Как обвести текст в Photoshop CS6

Если вы используете Photoshop CS6 и хотите обвести текст, выполните следующие действия:

Как обвести текст в Photoshop CS3

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

Выделите свой текст

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

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

Часто ли вы выделяете свой текст, выделяя его? Какой метод вы используете для этого? Расскажите нам в разделе комментариев ниже.

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

Пожалуйста, объясните, как изменить цвет контура

Я не хочу менять цвет заливки, только обводку/контур.

Немного запутанно, так как кисти просто не могут создать фигуру с помощью мазка. Они создают единый элемент одного цвета. Единственные цветовые вариации, возможные с помощью кистей, — это такие вещи, как динамика цвета и изменение оттенка, но это никогда не добавит «мазка» к рисунку кисти.

3 ответа 3

Думаю, можно придать стилю слоя обводку.

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

Если у вас есть только черное на белом, вы можете раскрасить его с помощью Image > Adjustments > Hue&Saturation, colorize crossed

На белый фон не влияет, если у вас положительная (+) яркость.

Немного сложнее обстоит дело, когда линии уже раскрашены и имеют разные цвета:

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

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

Перейти к слою > Новый корректирующий слой > Цветовой тон и насыщенность

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

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

Нарисуйте новые фигуры на новых слоях
Научитесь использовать корректирующие слои и слои-маски.

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

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