Нажмите "Enter" для пропуска содержимого

Как сделать контур текста в фотошопе cs6: Как сделать обводку текста в Фотошопе

Содержание

Как сделать обводку текста в Фотошопе


Хотите сделать свой текст привлекательным и оригинальным? Появилась необходимость оформить какую-либо надпись красивым стилем? Тогда читайте эту статью, в ней будет представлен один из приемов оформления текста, а конкретно – обводка.

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

Обводка текста в Фотошопе

Для того чтобы сделать обводку в Фотошопе, нам понадобится непосредственно «пациент». В данном случае это будет одна большая буква «А».

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

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

Итак, текст у нас есть, приступаем.

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

  2. Теперь нужно определиться, чего же мы хотим добиться. Сделаем довольно толстую обводку со скругленными краями. Идем в меню
    «Выделение – Модификация – Расширить»
    .

    Здесь настройка только одна. Пропишем значение в 10 пикселей (размер шрифта 550 пикс).

    Получаем вот такое выделение:

  3. Чтобы произвести дальнейшее редактирование, необходимо активировать один из инструментов группы «Выделение».

    Ищем на верхней панели инструментов кнопку с названием «Уточнить край».

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

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

  5. Находясь на этом слое, нажимаем сочетание клавиш SHIFT+F5. Появится окно с параметрами заливки. Здесь выбираем «Цвет», он может быть любой.

    Получаем следующее:

  6. Снимаем выделение сочетанием клавиш CTRL+D и продолжаем. Помещаем слой с обводкой под слой с текстом.

  7. Далее дважды кликаем по слою с обводкой, вызвав стили. Здесь выбираем пункт «Наложение градиента» и нажимаем на значок, который указан на скриншоте, открывая палитру градиентов. Вы можете выбрать любой градиент. Набор, который вы сейчас видите, называется
    «Черно-белое тонирование»
    и входит в стандартную комплектацию Фотошопа.

    Затем выберем тип градиента «Зеркальный» и инвертируем его.

  8. Жмем ОК и любуемся…

  9. Переходим на слой с текстом и изменяем непрозрачность заливки на 0%.

  10. Дважды кликаем по слою, появляются стили. Выбираем пункт «Тиснение» и настраиваем примерно, как на скриншоте.

Итоговый результат у нас получился вот такой:

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

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Преобразуем текст в контур

Автор Дмитрий Евсеенков На чтение 3 мин Просмотров 521 Обновлено

В этом материале я расскажу, как преобразовать текст или отдельную букву текста в Photoshop в рабочий контур (Work Path) и каким образом можно получить из любого текста пользовательскую фигуру (Custom Shape).
Конвертация букв в векторный контур необходима, например, для коррекции формы буквы, для создания выделенной области из букв. Кроме того, нередко возникает задача объединения буквы или текста целиком с какой-либо другой фигурой для создания новой пользовательской формы.

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

Существует несколько способов выполнения этой задачи, и, проще всего кликнуть правой кнопкой мыши по слою с текстом в панели слоёв и нажать по пункту «Создать рабочий контур» (Convert to Shape):

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

Вторым способом является простой клик правой клавишей мыши по тексту и последующий клик по пункту «Создать рабочий контур» (Convert to Work Path) в открывшемся контекстном меню. Но, чтобы этот метод сработал,необходимо, чтобы инструмент «Текст» (Type Tool) был активным, кроме того, необходимо выйти из редактирования текста в слое (чтобы текст в документе не был подчёркнутым и курсор не мигал, для этого, после создания текста, нажать комбинацию Ctrl+Enter), но сам слой в панели слоёв при этом должен быть активным:

Третий способ заключается в использовании вкладок главного меню. В версиях ниже CS6 идём Слои —> Текст —> Создать рабочий контур (Layer —> Type —> Convert to Work Path), в версиях CS6 и выше идём по вкладке Текст —> Создать рабочий контур (Type —> Convert to Work Path).

Убедитесь, что в панели слоёв выбран текстовый слой, иначе метод на сработает!

При применении любого из этих трёх способов текстовый слой остаётся без изменений, а photoshop добавляет рабочий контур, который Вы можете редактировать при помощи векторных инструментов, например, «Пера» (Pen Tool), «Стрелка» (Direct Selection Tool), «Угол» (Convert Point Tool) и др.

На примере я отключил видимость текстового слоя и переместил опорные точки буквы «е» инструментом «Стрелка»:

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

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

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

Чтобы использовать полученную фигуру, переключитесь на инструмент «Произвольная фигура» (Custom Shape Tool):

И выберите созданную Вами форму:

Кроме того, при активном инструменте «Произвольная фигура» Вы можете получить из контура выделенную область, слой-маску или фигуру:

На примере я выбрал создание при помощи слой-маски.

Многослойная обводка текста в Фотошоп / Creativo.one

В этом уроке мы с вами научимся создавать многослойные обводки для текста при помощи такого инструмента Фотошоп, как смарт-объект.  Для работы я использую версию Photoshop CS5, но вы можете воспользоваться любой версией это программы, начиная с CS2.

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

Итак, приступим!

Шаг 1

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

Текст ( Text Tool) напишем слово «style». Цвет заднего плана чёрный.

Вот так выглядит панель слоёв на данном этапе нашей работы:

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

Из выпадающего списка выберите стиль Обводка (Stroke).

В открывшемся диалоговом окне выберите цвет нашей будущей обводки в подменю Цвет (Color):

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

После того, как вы подобрали цвет, нажмите ОК.

Дальше я увеличил размер обводки до 21 пикс., выставив необходимое мне значение в окошке Размер (Size).

Нажимаем ОК. Вот что получается у нас после добавления первой обводки к нашему тексту:

Шаг 2

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

Тогда я преобразовал текстовый слой в Смарт-объект. Смарт-объект работает как виртуальный контейнер, поместив в него наш текст с первым слоем обводки, мы сможем добавить вторую линию!

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

В выпадающем меню выберите опцию Преобразовать в Смарт-объект (Convert To Smart-Object)/

После преобразования слоя в Смарт-объект, в нижнем правом углу предварительного просмотра слоя появится такой значок:

Шаг 3

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

Снова откроется диалоговое окно стиля слоя Обводка (Stroke). Как и в предыдущем шаге с добавлением обводки, выберите подходящий вам цвет и размер обводки. Я выбрал синий цвет и размер обводки 10 пикс.

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

Вот, что у меня получилось в результате добавления обводки к смарт-объекту с текстом внутри:

Шаг 4

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

Я добавил третью линию обводки к своему тексту. Цвет я подобрал светло-голубой, как в первой линии обводки, размер установил 10 пикс.

Нажимаем ОК,  чтобы закрыть диалоговое окно стиля слоя.  И теперь у меня получается три линии обводки вокруг текста. Выглядит всё так, как будто я добавил тройную обводку к тексту, хотя на самом деле я использовал только одну обводку непосредственно к самому тексту, средняя линия обводки приходится на первый смарт-обект, а верхняя линия обводки – на второй смарт объект.

Вот так легко и очень просто можно добавить любое количество обводок к тексту, используя всего лишь стиль слоя Обводка (Stroke) и Смарт-объекты (Smart-Object) программы Фотошоп.

Надеюсь, урок вам понравился, удачи в творчестве!

Автор: Steve Patterson

 

Источник: photoshopessentials.com

Как сделать обводку в фотошопе: 4 потрясающих способа

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

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

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

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

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

Два способа создания обводки

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

Обводка. Что это такое и зачем она нужна?

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

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

Название типаОписаниеНазначение
ЦветЛинии границы одного цветаСамый обычный тип. Используется для обычного выделения
ГрадиентКонтур с переходящим цветом по вектору градиентаБолее интересный вариант, больше подходит для оформления.
УзорГраница с наложением узораАналогично предыдущему больше подходит для украшения объекта.

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

Рассмотрение будет вестись на самой последней версии Photoshop CC 2021, но в данной функции различий не будет и на более ранних версиях, поэтому вы сможете применить эти знания на фотошопе cs5, cs6 и на более ранних.

Приступаем к непосредственному разбору!

Обводка слоя в «Фотошопе»

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

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

  1. Выбрать слой.
  2. В пункте меню вкладки «Редактирование» выбрать «Выполнить обводку».

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

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

  • по границе слоя снаружи;
  • так, чтобы граница была ее центром;
  • по границе внутри.

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

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

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

Второй слой

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

  1. Итак, для начала вы должны написать любой текст. Сделали? Молодцы! И теперь зажмите клавишу CTRL
    и нажмите на иконку
    «Т»
    в панели слоев. После этого у вас ваш текст должен выделиться пунктирной линией.
  2. Теперь создайте новый слой и сделайте так, чтобы он находился прямо за текстовым слоем. То есть верхним слоем будет надпись, а ниже будет наш новый пустой слой. Да, и сразу встаньте на него, чтобы он был у вас активным.
  3. Далее мы идем в верхнее меню и выбираем пункт «Выделение» — «Модификация» — «Расширить» . В появившемся окне мы должны выбрать, насколько расширить нашу выделенную область. В своем примере я выберу на 3 пикселя, но вы можете экспериментировать. После чего нажимаем ОК
    .
  4. И следующим шагом нам нужно будет выбрать и сменить на черный (ну или какой-либо еще). Ну а дальше заливаем выделенную область и смотрим на результат.
  5. А в довершение к этом можно опять же залезть в стили слоя и выбрать там обводку, и работать с ней. И тогда уже получится более красивый эффект. Именно его я и использую для заголовков к моим видео.

Вот пара примеров того, что у меня получилось.

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

вы получите скидку
10%
от стоимости курса!

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

С уважением, Дмитрий Костин.

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

Урок проводится в редакторе cs6, но он подходит и для других версий. В видео показана работа в англоязычной версии Adobe Photoshop CC, но его просмотр полезен при работе в cs6, cs5… с русскоязычным интерфейсом.

Другое диалоговое окно «Обводка»

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

Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».

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

Для этого пройдите в меню «Редактирование», далее – «Клавиатурные сокращения», найдите по одному из указанных выше путей по пунктам меню и задайте удобную для вас комбинацию.

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

Мы имеем три слоя – фон, изображение, текст.

Сначала сделаем обводку текста. Вызываем окно стилей одним из способов:

  1. Двойным щелчком по слою в палитре;
  2. Нажать на слой в палитре правой кнопкой мыши и в появившемся списке выбрать Параметры наложения.

3. Нажатием на иконку стилей fx

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

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

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

Стиль сразу же применился к буквам – по контуру появилась черная линия. Если этого не видно в рабочем окне – поставьте галочку функции Просмотр (рис. 5). Теперь значения параметров можно изменить на свое усмотрение.

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

Функцию Режим наложения

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

Строка Непрозрачность

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

Как видно на рисунке 6, положения «Внутри» и «Из центра» перекрывают часть контура букв. Если сделать обводку полностью прозрачной , то эта часть контура тоже станет прозрачной.

Обводка по контуру

Как сделать обводку в «Фотошопе?» Второй способ — это создание контура и его прорисовка.

Под контуром в «Фотошопе» подразумевается векторная линия, которая задает направление движения кисти. То есть обводка в данном случае – это рисование выбранной кистью по заданной траектории.

При помощи инструмента «Выделение», «Лассо» или «Волшебная палочка» выделите фрагмент изображения, который нужно обвести. Через пункт меню «Окно» вызовите «Контуры». В этом окне найдите кнопку «Сделать из выделенной области рабочий контур». На панели «Инструменты» выберите инструмент «Кисть», задайте его параметры (форму, цвет и т. д.). Затем в окне «Контуры» нажмите кнопку «Выполнить обводку контура кистью». Выделенная вами ранее область будет обведена. После этого удалите контур.

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

Обратите внимание на то, что обводка в этом случае будет размещена на указанном вами слое, в том числе новом.

Изучение Photoshop

Если вы хотите всерьёз заняться изучением фотошопа, не рыскать в интернете ответы на те или иные вопросы, а систематично и последовательно постигать азы этой удивительной программы, даже если вы полный ноль, то настоятельно рекомендую курс Зинаиды Лукьяновой — «Фотошоп с нуля в видеоформате VIP 3.0

».

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

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

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

Обводка текста по контуру

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

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

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

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

Окошко Тип обводки

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

Цвет

Производит заливку однородным цветом. Чтобы его изменить, нажимаем на квадратик с текущим цветом (рис8 п.1) – открывается палитра. Здесь устанавливаем цвет (рис 8 п.2), выбираем его тональность (рис 8 п.3).

Если вы точно знаете код цвета, можно его вставить в соответствующую графу.

Теперь наш текст обведен бледно голубым цветом.

Обводка узором

Заполняет паттерном, то есть готовым узором.

Обводку узором покажем на примере изображения.

Делаем этот слой активным.

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

Так же, как описано выше, открываем окно параметров и выбираем нужный стиль.

В строке Тип обводки выбираем Узор. Открывается такое окно настроек:

Здесь мы увеличили толщину линии до 6 пикс. и для лучшего эффекта увеличили масштаб самого узора до 128%.

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

Если хотим изменить узор – открываем библиотеку нажатием на стрелочку (рис 10. п.1). Еще больше узоров найдем там же нажатием на значок настроек. Откроется список. (рис.10. п.2).

Сложный контур

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

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

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

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

Перейдите в раздел правого меню «Контуры».

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

Теперь в разделе «Контуры» нажмите на правую кнопку мыши и щелкните «Выполнить обводку».

Готово. Жмете «Ок».

Альтернативный более простой вариант

В этот раз я поступлю мудрее и выберу объект, который состоит только из одного цвета. Так его будет проще выделять палочкой. Щелкаю ей по женщине, а затем выношу этот объект на при помощи клавиш Ctrl+J.

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

Теперь выбираете обводку, как делали это ранее, через параметры наложения (fx).

И снова работаете с контуром. Уже привычным образом, как и в первой главе про обрамлении фото. В этот раз можно использовать положение «Снаружи» и «По центру».

Произвольная обводка — фигуры

На заготовку я наложил скриншот космических леденцов с Ali и хочу обвести в овал само изображение. Как это сделать.

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

Обрамление фото

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

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

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

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

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

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

Теперь определитесь с размером рамки. Можете при помощи мыши оттащить меню. Зацепите его сверху, там где написано «Стиль слоя» и перенесите в нужное место.

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

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

Вот такой результат получился у меня после того, как я все сделал и кликнул на «Ок».

Видео инструкция

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

Ну а если вам больше понравился (или был непонятен) рабочий контур, то вам подойдет другой ролик.

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

». Из него вы сможете узнать много полезного о инструментах и возможностях Adobe Photoshop.

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

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

В этом уроке мы с вами научимся создавать многослойные обводки для текста при помощи такого инструмента Фотошоп, как смарт-объект. Для работы я использую версию Photoshop CS5, но вы можете воспользоваться любой версией это программы, начиная с CS2.

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

Итак, приступим!

Как можно сделать обводку ещё лучше?

Но в 2021 году простой обводкой уже никого не удивишь.

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

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

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

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

Выберите тот цвет, который вы хотите сделать подсветку.

А после этого вам нужно будет настроить эту самую подсветку.

Там вы сможете изменить её интенсивность, угол и распыление.

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

А ещё можно вернуться к прошлому способу.

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

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

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

А также можно настроить тиснение.

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

Она будет выглядеть очень современно.

P.S. Возможно вам интересна будет запись: «Фотошоп для начинающих с нуля: полное руководство»

Обычная обводка

Для начала я покажу вам как просто обвести текст. И в этом нам поможет уже знакомая нам функция. Итак, поехали!

  1. Давайте откроем какое-нибудь изображение в качестве фона и выберем белый (или любой другой) цвет в качестве основного. Теперь выберите инструмент «Текст», задайте нужный шрифт и размер, и напишите что-либо на новом слое.

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

  3. В настройках текста два самых главных параметра — это положение и размер. Положение показывает, с какой стороны будет происходить обводка (снаружи, внутри или в центре). Практика показывает, что самое оптимальное положение — это снаружи. А размер, как вы сами понимаете, будет указывать размер обвoдки в пикселях.

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

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


Как сделать обводку текста в Фотошопе

Хотите сделать свой текст привлекательным и оригинальным? Появилась необходимость оформить какую-либо надпись красивым стилем? Тогда читайте этот урок.

В уроке представлен один из приемов оформления текста, а конкретно – обводка.

Скачать последнюю версию Photoshop

Для того чтобы сделать обводку в Фотошопе нам понадобится непосредственно «пациент». В данном случае это будет одна большая буква «А».

Сделать обводку текста можно стандартными средствами Фотошопа. То есть дважды кликнуть по слою, вызвав стили и выбрать пункт «Обводка».

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

Это путь дилетантов, а мы с Вами настоящие профи, поэтому и действовать будем по другому.

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

Итак, текст у нас есть, приступаем.

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

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

Идем в меню «Выделение – Модификация – Расширить».

Здесь настройка только одна. Пропишу значение в 10 пикселей (размер шрифта 550 пикс).

Получаем вот такое выделение:

Чтобы произвести дальнейшее редактирование необходимо активировать один из инструментов группы «Выделение».

Ищем на верхней панели инструментов кнопку с названием «Уточнить край».

Нашли? Нажимаем.

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

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

Находясь на этом слое нажимаем сочетание клавиш SHIFT+F5. Появится окно с параметрами заливки.

Здесь выбираем «Цвет». Цвет может быть любой.

Получаем следующее:

Снимаем выделение сочетанием клавиш CTRL+D и продолжаем.

Помещаем слой с обводкой под слой с текстом.

Далее дважды кликаем по слою с обводкой, вызвав пресловутые стили.

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

Затем выберем тип градиента «Зеркальный» и инвертируем его.

Жмем ОК и любуемся…

Что-то не так…

Продолжим эксперимент. Извиняюсь, урок.

Переходим на слой с текстом и изменяем непрозрачность заливки на 0%.

Дважды кликаем по слою, появляются стили. Выбираем пункт «Тиснение» и настраиваем примерно, как на скриншоте.

Итоговый результат у меня получился вот такой:

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

Помогла ли вам эта статья?
ДА НЕТ

Многослойная обводка текста в Фотошоп

В этом уроке мы с вами научимся создавать многослойные обводки для текста при помощи такого инструмента Фотошоп, как смарт-объект.  Для работы я использую версию Photoshop CS5, но вы можете воспользоваться любой версией это программы, начиная с CS2.

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

Итак, приступим!

Шаг 1

Напишем текст, с которым будем работать в дальнейшем. Создадим новый слой, при помощи инструмента Текст ( Text Tool) напишем слово «style». Цвет заднего плана чёрный.

Вот так выглядит панель слоёв на данном этапе нашей работы:

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

Из выпадающего списка выберите стиль Обводка (Stroke).

В открывшемся диалоговом окне выберите цвет нашей будущей обводки в подменю Цвет (Color):

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

После того, как вы подобрали цвет, нажмите ОК.

Дальше я увеличил размер обводки до 21 пикс., выставив необходимое мне значение в окошке Размер (Size).

Нажимаем ОК. Вот что получается у нас после добавления первой обводки к нашему тексту:

Шаг 2

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

Тогда я преобразовал текстовый слой в Смарт-объект. Смарт-объект работает как виртуальный контейнер, поместив в него наш текст с первым слоем обводки, мы сможем добавить вторую линию!

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

В выпадающем меню выберите опцию Преобразовать в Смарт-объект (Convert To Smart-Object)/

После преобразования слоя в Смарт-объект, в нижнем правом углу предварительного просмотра слоя появится такой значок:

Шаг 3

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

Снова откроется диалоговое окно стиля слоя Обводка (Stroke). Как и в предыдущем шаге с добавлением обводки, выберите подходящий вам цвет и размер обводки. Я выбрал синий цвет и размер обводки 10 пикс.

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

Вот, что у меня получилось в результате добавления обводки к смарт-объекту с текстом внутри:

Шаг 4

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

Я добавил третью линию обводки к своему тексту. Цвет я подобрал светло-голубой, как в первой линии обводки, размер установил 10 пикс.

Нажимаем ОК,  чтобы закрыть диалоговое окно стиля слоя.  И теперь у меня получается три линии обводки вокруг текста. Выглядит всё так, как будто я добавил тройную обводку к тексту, хотя на самом деле я использовал только одну обводку непосредственно к самому тексту, средняя линия обводки приходится на первый смарт-обект, а верхняя линия обводки – на второй смарт объект.

Вот так легко и очень просто можно добавить любое количество обводок к тексту, используя всего лишь стиль слоя Обводка (Stroke) и Смарт-объекты (Smart-Object) программы Фотошоп.

Надеюсь, урок вам понравился, удачи в творчестве!

Автор: Steve Patterson

Как сделать обводку текста в Photoshop

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

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

Как написать текст

Перед тем, как приступить непосредственно как процессу обводки текста в Photoshop, этот текст нужно написать. Думаю, что большинство юзеров уже знают, как это делается, однако на всякий случай я повторю ход действий. Итак, откройте новый документ в графическом редакторе, используя для этого раздел «Файл» или же комбинацию кнопок Ctrl+N на своей клавиатуре.

Теперь, на вертикальной панели инструментов, расположенной в левой части рабочего окна, выберите кнопочку с буквой T, которая называется «Горизонтальный текст». Поместите курсор там, где должен быть текст и напишите все, что хотите. Далее в нижнем правом углу Фотошопа, в небольшом окне «Слои» кликните правой мышиной кнопкой по текстовому слою и выберите функцию «Растрировать текст». Теперь можно приступать к обводке. Кстати, в фотошопе можно и растрировать  изображение тоже, а не только текст.

Как сделать обводку

Чтобы сделать обводку текста в Photoshop, выполните такие пункты плана:

  • опять-таки, кликните правой кнопкой мыши по текстовому слою, но на этот раз в контекстном меню выберите пункт «Параметры наложения»;
  • после этого откроется новое окно, в левой части которого предложены различные функции этого инструмента, которыми вы можете воспользоваться. Однако в этот раз нас интересует всего одна – «Обводка»;
  • теперь необходимо настроить параметры обводки, в частности, можно выбрать тип обводки, непрозрачность и т.д. К примеру, в поле «Размер», передвигая ползунком, можно выбрать ширину обводки в пикселях, в поле «Тип обводки» вы сможете выбрать один из трех возможных параметров: цвет, градиент или узор. Соответственно, в зависимости от выбранного типа заполнения, будут открываться дополнительные функции, которые позволят вам выполнить действие максимально красиво и качественно. Выполнив все настройки, нажмите «ОК»;
  • обратите внимание, что для того чтобы сохранить параметры обводки, вам придется выполнить еще одно действие, а именно: в разделе «Файл» не забудьте кликнуть на строчку «Сохранить».

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

Как легко сделать обводку текста в фотошопе двумя простыми методами?

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

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

Обычная обводка

Для начала я покажу вам как просто обвести текст. И в этом нам поможет уже знакомая нам функция. Итак, поехали!

  1. Давайте откроем какое-нибудь изображение в качестве фона и выберем белый (или любой другой) цвет в качестве основного. Теперь выберите инструмент «Текст», задайте нужный шрифт и размер, и напишите что-либо на новом слое. 
  2. А теперь вам нужно войти в стили слоя этого текста и поставить галочку на пункте «Обводка». Вы сразу заметите, как надпись обвелась и преобразилась. Правда неизвестно, какие настройки там стоят, так что давайте подстроим все сами. 
  3. В настройках текста два самых главных параметра — это положение и размер. Положение показывает, с какой стороны будет происходить обводка (снаружи, внутри или в центре). Практика показывает, что самое оптимальное положение — это снаружи. А размер, как вы сами понимаете, будет указывать размер обвoдки в пикселях. 
  4. Ну и конечно же нельзя забывать про сам цвет обводки. Тут все зависит от цвета текста. Если вы будете использовать белую надпись, то обводка должна быть потемнее, например черная или темно-синяя. Но вы можете экспериментировать с текстом. Здесь вас совершенно никто не ограничивает.

Второй слой

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

  1. Итак, для начала вы должны написать любой текст. Сделали? Молодцы! И теперь зажмите клавишу CTRL и нажмите на иконку «Т» в панели слоев. После этого у вас ваш текст должен выделиться пунктирной линией. 
  2. Теперь создайте новый слой и сделайте так, чтобы он находился прямо за текстовым слоем. То есть верхним слоем будет надпись, а ниже будет наш новый пустой слой. Да, и сразу встаньте на него, чтобы он был у вас активным. 
  3. Далее мы идем в верхнее меню и выбираем пункт «Выделение» — «Модификация» — «Расширить». В появившемся окне мы должны выбрать, насколько расширить нашу выделенную область. В своем примере я выберу на 3 пикселя, но вы можете экспериментировать. После чего нажимаем ОК. 
  4. И следующим шагом нам нужно будет выбрать инструмент «Заливка» и сменить цвет кисти на черный (ну или какой-либо еще). Ну а дальше заливаем выделенную область и смотрим на результат. 
  5. А в довершение к этом можно опять же залезть в стили слоя и выбрать там обводку, и работать с ней.  И тогда уже получится более красивый эффект. Именно его я и использую для заголовков к моим видео. 

Вот пара примеров того, что у меня получилось.

Кстати, если вы помните, то заливать область вы можете не только областью, но и какой-нибудь текстурой, тогда эффект может получиться еще интереснее. Так что всё в ваших руках. Ну а если вы всё же захотите изучить фотошоп с нуля буквально за пару недель, то я вам настоятельно рекомендую изучить этот классный видеокурс. Он просто потрясающе сочетает в себе простоту, легкость и полезность. смотрится просто на одном дыхании. А по промокоду KOSKOMP_E73 вы получите скидку 10% от стоимости курса!

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

С уважением, Дмитрий Костин.

Как сделать обводку в фотошопе: 4 потрясающих способа

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

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

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

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

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

Содержание статьи

Обводка. Что это такое и зачем она нужна?

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

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

Название типаОписаниеНазначение
ЦветЛинии границы одного цветаСамый обычный тип. Используется для обычного выделения
ГрадиентКонтур с переходящим цветом по вектору градиентаБолее интересный вариант, больше подходит для оформления.
УзорГраница с наложением узораАналогично предыдущему больше подходит для украшения объекта.

 

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

Рассмотрение будет вестись на самой последней версии Photoshop CC 2020, но в данной функции различий не будет и на более ранних версиях, поэтому вы сможете применить эти знания на фотошопе cs5, cs6 и на более ранних.

Приступаем к непосредственному разбору!

Более детально тема Фотошоп раскрыта в данном курсе. Здесь вас научат с нуля разбираться в данном редакторе и плюс сможете с этими знаниями хорошо зарабатывать.

Делаем обводку к любому слою в Photoshop

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

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

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

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

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

После добавления текста, он отобразится в панели слоёв в правой нижней части экрана. Откройте вкладку «слои», если она у вас не открыта и нажмите два раза левой клавишей мыши на наш новый текстовый слой, либо правой кнопкой и из выпадающего списка выбирайте пункт «Параметры наложения» («Blending options» в англоязычной версии).

В появившемся окне настроек нам необходим пункт «выполнить обводку» («Stroke» в английской версии). Убедитесь, что галочка слева от пункта установлена.

Сейчас я расскажу про имеющиеся здесь настройки:

  • Размер – регулирует толщину линии обводки
  • Положение – внутри, снаружи, из центра. Соответственно, устанавливает положение обводки и в какую сторону она будет утолщаться при изменении размера
  • Режим наложения – очень много вариантов режимов наложения цвета или узора. Попробуйте выбрать разные, чтобы наглядно увидеть разницу.
  • Непрозрачность – ползунок регулирует прозрачность линии обводки
  • Тип обводки – то, что мы рассматривали в начале статьи в таблице.
  • Цвет – комментарии излишни.

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

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

Узоров, встроенных в программу, достаточно мало, но, к счастью, имеется возможность скачать в интернете дополнительные текстуры, которые могут сделать очень ваши линии очень красивыми. Текстур формата «.pat» в интернете очень молния, например какая-нибудь молния легко найдется на тематическом сайте.

Ищите примерно так: «pat текстура скачать»

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

После этого останется лишь выбрать его в меню, и он наложится на линии вашего объекта.

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

Цвет

Градиент

Узор

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

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

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

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

Заключение

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

Понравилась статья? Обязательно порекомендуйте её друзьям и оставьте свой комментарий! Ваша поддержка очень важна для блога!

Буду рад почитать ваши вопросы и замечания. Встретимся в блоке комментариев и в следующих статьях! Спасибо, что дочитали до конца и до скорых встреч!

С Уважением, автор блога Федор Лыков!

Как сделать контур в Фотошопе

Как сделать контур в Фотошопе


Зачастую при работе в Фотошопе требуется создать контур из какого-либо объекта. Например, контуры шрифтов выглядят весьма интересно. Именно на примере текста мы и покажем, как сделать контур в Фотошопе.

Контуры объектов в Photoshop

Итак, имеем некий текст. Например, такой, как показан ниже. Для него и создадим контур несколькими способами.

Способ 1: Удаление лишнего

Этот способ подразумевает растрирование имеющегося текста.

  1. Нажимаем правой кнопкой мыши по слою и выбираем соответствующий пункт меню.


Затем зажимаем клавишу CTRL и кликаем по миниатюре получившегося слоя. На растрированном тексте появится выделение.


Идем в меню «Выделение – Модификация – Сжать».

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


Получаем модифицированное выделение:


Осталось только нажать клавишу DEL и получить желаемое. Выделение снимается сочетанием горячих клавиш CTRL+D.

Способ 2: Заливка

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

  1. Снова кликаем по миниатюре текстового слоя с зажатым CTRL, а затем производим сжатие, как и в первом способе.
  2. Далее создаем новый слой.


Нажимаем SHIFT+F5 и в открывшемся окне выбираем заливку цветом. Это должен быть цвет фона.

Нажимаем везде ОК и снимаем выделение. Результат такой же.

Способ 3: Стили

Данный способ подразумевает использование стилей слоя.

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


Нажимаем ОК и переходим обратно в палитру слоев. Для проявления контура необходимо снизить непрозрачность заливки до .

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

Управление контурами

На этой странице

在中国购买的 Creative Cloud 产品不含 CC 桌面应用程序中的 Creative Cloud 移动应用程序和在线服务及相关功能。

Обзор панели «Контуры»

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

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

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

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

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

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

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

Создание нового контура на панели «Контуры»

  • Для создания безымянного контура нажмите кнопку «Создать новый контур» в нижней части панели «Контуры».
  • Для создания именованного контура убедитесь в том, что не выбран ни один рабочий контур. Выберите пункт «Новый контур» в меню панели «Контуры» либо щелкните кнопку «Новый контур» в нижней части панели, удерживая клавишу «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 и обратно.

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

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

Размер документа и фон выбираете любой, в зависимости от того, какой вам нужен. В этом уроке использованы такие параметры как ширина в 577 пикселей, высота – 412 пикселей. Затем дважды щелкаем по фону, что бы разблокировать его и работать с текстом.

Название слоя с «фон» переименуется в «слой 0», исчезнет значок замка. Значит можно работать. Выбираем цвет текста и пишем его (ТЕКСТ).

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

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

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

Текст приобрел контурность. Таким образом можно сделать текст любого цвета. Но обводка будет только линейной или градиентной. А если мы хотим сделать что-то более красивое? Здесь поступаем несколько иным способом.

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

Оно будет видно в виде плавающей пунктирной линии вокруг букв. Теперь необходимо будет сделать толстую обводку со скругленными краями. Для этого выбираем в меню «Выделение» раздел «Модификация – Расширить».

В открывшемся окне ставим размер к примеру в 10 пикселей.

В результате получаем такое выделение:

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

Затем проверяем, что на панели инструментов активен инструмент «выделение«. В принципе, он будет уже активным по умолчанию, поскольку вы работаете с выделением. На верхней панели находим пункт «уточнить край».

В разных версиях фотошопа этот пункт может выглядеть по разному. Нажимаем на него. Откроется окно, где изменяем параметр «сгладить«. Значение ставим примерно около 60.

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

Далее, работаем с этим новым слоем. Нажимаем сочетание клавиш SHIFT+F5. Откроется окно «заполнить». Здесь выбираем параметр «использовать» и в выплывающем меню – «цвет…». Откроется новое окно палитры цветов, где выбираем нужный цвет. Например, серый.

Жмем ОК и получаем такую вот заливку:

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

Выделяем слой с обводкой (он теперь под слоем с текстом) и дважды кликаем по нему. Появится окно свойств слоя. Кликаем по центру полоски «градиент» и появится новое окно, где выбираем нужный стиль или создаем свой из палитры цветов. Например, такой, как показан на рисунке.

В окне стилей ставим «зеркальный» и отмечаем галочку в поле «инверсия». Жмем ОК.

Теперь выделяем слой текст и прозрачность заливки устанавливаем на 0.

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

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

Примерно так. Если поэкспериментировать, можно получить совершенно различные варианты. Удачи!

Контур текста, рамка для фотографии и обводка силуэта просто и быстро — инструкция

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

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

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

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

Обрамление фото

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

Почему я поступаю именно так? Благодаря этому способу пиксели не сбиваются, подробности об этом моменте можете узнать из статьи «Как растянуть изображение в Photoshop — без потери качества и пропорционально».

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

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

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

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

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

Теперь определитесь с размером рамки. Можете при помощи мыши оттащить меню. Зацепите его сверху, там где написано «Стиль слоя» и перенесите в нужное место.

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

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

Вот такой результат получился у меня после того, как я все сделал и кликнул на «Ок».

Сложный контур

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

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

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

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

Перейдите в раздел правого меню «Контуры».

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

Теперь в разделе «Контуры» нажмите на правую кнопку мыши и щелкните «Выполнить обводку».

Готово. Жмете «Ок».

Альтернативный более простой вариант

В этот раз я поступлю мудрее и выберу объект, который состоит только из одного цвета. Так его будет проще выделять палочкой. Щелкаю ей по женщине, а затем выношу этот объект на новый слой при помощи клавиш Ctrl+J.

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

Теперь выбираете обводку, как делали это ранее, через параметры наложения (fx).

И снова работаете с контуром. Уже привычным образом, как и в первой главе про обрамлении фото. В этот раз можно использовать положение «Снаружи» и «По центру».

Надписи

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

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

В этот раз не думаю что будет сложно найти обводку.

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

Видео инструкция

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

Ну а если вам больше понравился (или был непонятен) рабочий контур, то вам подойдет другой ролик.

Если у вас появилось необъяснимое желание узнать о программе максимум, хоть владеете вы ей недостаточно, могу предложить курс « Фотошоп для начинающих в видеоформате ». Из него вы сможете узнать много полезного о инструментах и возможностях Adobe Photoshop.

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

Как легко обвести текст в Photoshop — Medialoot

Photoshop Text Effects

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

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

Шаг 1

Откройте Photoshop и выберите «Файл» > «Создать». Установите имя документа как «Контурный текст», ширину 800 пикселей, высоту 360 пикселей и выберите «Белый» для содержимого фона. Нажмите «ОК».


Шаг 2

Выберите инструмент «Текст» (T) и введите текст.


Шаг 3

Выделив текстовый слой, перейдите в меню «Слой» > «Стиль слоя» > «Обводка» и примените следующие настройки:


Боковые примечания. Положение обводки может быть установлено на «Внутри», «По центру» или «Снаружи», режим наложения используется для определения того, как цвет обводки будет взаимодействовать с цветом под обводкой, а непрозрачность используется для установки значения прозрачности обводки. .В разделе «Тип заливки» вы можете выбрать «Цвет», «Градиент» или «Узор».

Шаг 4

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


Заключительные примечания

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


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

Что нужно знать

  • Выберите Type Tool > создайте текст или объект. В меню Fx > Stroke . Установите Размер , Местоположение , Режим наложения , Непрозрачность и Цвет > OK .
  • Или выберите Маска горизонтального типа Инструмент > введите текст > Команда (macOS) или Управление (Windows) > удерживайте клавишу для настройки текста или объекта.
  • Затем переключитесь на Переместите Инструмент и добавьте контур (штрих) к выделению.

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

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

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

  1. Выберите инструмент Type Tool (вертикальный или горизонтальный, в зависимости от ситуации) и создайте текст.

  2. Выбрав Type l , выберите Stroke в меню fx .

  3. Установите размер (в пикселях) с помощью ползунка или введите собственное значение.

  4. Выберите Location для обводки:

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

  6. Непрозрачность задает значение прозрачности обводки.

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

  8. Выберите OK , чтобы добавить эффект на основе ваших настроек.

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

Как добавить толстый контур для быстрого ввода

Если у вас мало времени, вот простой метод, который занимает около 45 секунд.

  1. Выберите инструмент Horizontal Type Mask Tool .

  2. Щелкните один раз на холсте и введите текст. Холст станет розовым, а нижележащее изображение или цвет будут видны по мере того, как вы печатаете.

  3. Нажмите клавишу Command (macOS) или Control (Windows), и появится ограничивающая рамка. Удерживая клавишу, вы можете изменить размер, исказить, переместить или повернуть текст.

  4. Переключитесь на инструмент Move Tool , и текст появится в виде выделения. Оттуда вы можете добавить обводку к выделению.

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

  1. Создайте контур текста , используя один из двух показанных методов.

  2. Выберите Окно > Пути .

  3. Выберите параметр Make Work Path в нижней части панели Paths . В результате появится новый путь с именем «Рабочий путь».

  4. Выберите инструмент Кисть .

  5. Откройте панель «Кисть», чтобы выбрать подходящую кисть.

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

  7. На панели Paths с выбранным контуром щелкните один раз по контуру Stroke с значком кисти (полый кружок). Мазок кисти применяется к контуру.

Советы

Если вы редактируете текст, вам нужно будет удалить слой контура и создать его заново.

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

Для неровного контура установите режим наложения слоя на Dissolve и уменьшите непрозрачность.

Для контура с градиентной заливкой щелкните , удерживая нажатой клавишу Ctrl (Windows), или , удерживая клавишу Command, (macOS) на слое контура и залейте выделение градиентом.

Если у вас есть учетная запись Creative Cloud, откройте Creative Cloud Library и дважды щелкните созданную вами кисть, чтобы применить ее к контуру. Вы можете легко создавать кисти с помощью приложения Adobe Capture, которое доступно для устройств Android и iOS.

Спасибо, что сообщили нам!

Расскажите нам, почему!

Другой Недостаточно подробностей Сложно понять

Контурные титры в Photoshop Elements

Создание контурных титров в Photoshop Elements немного отличается от их создания в Photoshop/CC (PS/CC).Обрисованный заголовок добавит эффектности и визуального интереса к макету, который вы создаете, не отвлекая внимания от дизайна или истории. В PS/CC обводку (контур) можно добавить на тот же слой, что и текст, тогда, когда непрозрачность уменьшится до 0%, текст исчезнет, ​​а обводка останется. Примечание. Пользователи Photoshop/CC могут найти аналогичный учебник здесь. В Photoshop Elements, если вы применяете обводку к тому же слою, что и текст, текст и обводка исчезают, когда непрозрачность снижается до 0%. Это определенно не то, что вы хотите! В этом уроке мы рассмотрим, как создать контурный заголовок в Photoshop Elements.

Начните с жирного крупного шрифта

Сначала выберите толстый, жирный шрифт и введите нужный заголовок. Я использую Basic Sans Black. Неважно, какой цвет используется для шрифта, поскольку он не будет отображаться. Скопируйте текстовый слой (Ctrl+J). Переименуйте первый текстовый слой в «оригинал», а скопированный слой — в «рабочий» или как-то так, как вам удобно. Поскольку текстовый слой нужно будет упростить, рекомендуется работать с копией, чтобы, если вы допустили ошибку или передумали, можно было легко начать все сначала, используя исходный текстовый слой.

 

Кернинг (расстояние между буквами) недоступен в PSE. Вы можете получить немного контроля, добавив параметры азиатского текста, но это позволит вам только уменьшить интервал, а не увеличить. Если вы не видите этого в поле «Параметры инструмента» в нижней части рабочей области при использовании инструмента «Текст», перейдите в «Правка»> «Установки»> «Текст». В «Параметры типа» установите флажок «Показать параметры азиатского текста» и нажмите «ОК». Затем вы можете изменить % между буквами, чтобы сблизить их.

 

Добавить контур (обводку) на отдельный слой (см. дополнительный совет ниже)

Если вас устраивает заголовок как есть, вы можете просто добавить обводку на отдельный слой.Сначала добавьте новый слой над слоем с упрощенным текстом. Назовите новый слой «Обводка» или «Контур». Затем, с выбранным текстовым слоем, удерживайте Ctrl и щелкните миниатюру, чтобы выделить текст. Затем, выбрав слой «Обводка», перейдите в «Редактирование»> «Выделение обводки (контуры)». Установите ширину обводки, цвет и местоположение. Это настройки, которые я использовал, но они будут различаться в зависимости от вашего текста и толщины контура заголовка. Когда вы будете удовлетворены, нажмите OK. При необходимости вы всегда можете вернуться назад (Ctrl + Z).

 

 

Отключить текстовый слой

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

 

 

Дополнительный совет: добавить обводку на тот же или отдельный слой?

Если вы просто хотите использовать обводку как есть, вы можете уменьшить непрозрачность внутри обводки, выбрав «Стиль» > «Видимость» > «Скрыть».

Или удерживайте Shift + число, чтобы выбрать видимость. Например: 1=10%, 2=20%, 3=30% и так далее до 0=100%.

Примечание. Если вы используете параметр «Стили»> «Видимость» и добавляете, например, блестки, блестки не будут применяться к обводке. Когда вы уменьшаете непрозрачность, блестки скрываются, и остается только цветная обводка. Если вы хотите добавить блестки или работать с обводкой самостоятельно, поместите обводку на отдельный слой.

Также обратите внимание, что «Стили > Видимость» обычно не отображается на панели «Слои», как показано ниже.Я добавил его сюда только в демонстрационных целях, чтобы показать параметры, которые даются при выборе этого стиля. Параметр «Призрачный» снижает непрозрачность до 50%.

 

 

 

Размещение обводки на отдельном слое позволяет прикрепить блестки к обводке и применить любые другие эффекты непосредственно к слою обводки.

Альтернативные контурные рисунки

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

 

 

 

Ниже все буквы слегка перекрываются, слои объединены с внешней обводкой, примененной к объединенным слоям, и добавлена ​​тень.

 

 

 

 

 

Затем слои O и V были перекрыты и объединены.L и E были разнесены немного шире, и ко всем им были добавлены центральная обводка и тень.

 

 

 

Наконец, я просто добавил немного места между буквами, объединил их и вырезал лист бумаги LJS Designs из ее бумаги Vintage Flea Market. Эти документы были включены в класс чемпионов января 2017 года.

 

 

 

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

 

Сохранить

Применение нескольких штрихов к тексту в Photoshop

Примечание к версии: Используете Photoshop CC 2020 или более позднюю версию? Ознакомьтесь с моим новым руководством по добавлению нескольких штрихов к тексту с помощью эффектов слоя.

Автор сценария Стив Паттерсон.

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

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

Начнем!

Загрузите это руководство в формате PDF, готовом к печати!

Шаг 1. Создайте новый документ

Начните с создания нового пустого документа Photoshop.Перейдите в меню File в верхней части экрана и выберите New или просто нажмите сочетание клавиш Ctrl+N (Win) / Command+N (Mac). В любом случае открывается диалоговое окно Photoshop New Document . Выберите любой размер, который вам нужен для вашего документа. Я установлю для своего документа ширину 6 дюймов , высоту 4 дюйма и разрешение 300 пикселей на дюйм . Нажмите OK, когда вы закончите, чтобы выйти из диалогового окна, и ваш новый пустой документ появится на экране.

Шаг 2. Выберите инструмент «Текст»

Чтобы добавить текст к нашему документу, нам понадобится Photoshop Type Too l. Выберите его из палитры инструментов или нажмите букву T на клавиатуре, чтобы выбрать его с помощью ярлыка:

Выберите инструмент «Текст» в палитре «Инструменты» или нажмите «T» для сочетания клавиш.

Шаг 3. Выберите шрифт на панели параметров

Выбрав инструмент «Текст», перейдите к панели параметров в верхней части экрана и выберите шрифт и размер шрифта, который вы хотите использовать для эффекта.Я буду использовать Arial Black для своего текста и выберу размер шрифта 60 pt . Возможно, вам придется выбрать другой размер в зависимости от размера и разрешения документа, с которым вы работаете. Конечно, вы также можете использовать шрифт, отличный от того, что использую я:

.

Выберите шрифт и размер шрифта на панели параметров в верхней части экрана.

Шаг 4. Добавьте текст

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

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

Шаг 5. Добавьте стиль слоя «Обводка»

После добавления текста щелкните значок Стили слоя в нижней части палитры слоев и выберите Обводка в нижней части появившегося списка стилей слоя:

Выберите «Обводка» из списка стилей слоя.

Как только вы выберете Stroke из списка, произойдут две вещи. Photoshop откроет большое диалоговое окно «Стиль слоя» с параметрами «Обводка» в средней колонке, и вокруг вашего текста в окне документа появится красная обводка (красный — цвет обводки по умолчанию):

Вокруг текста появляется красная обводка.

Шаг 6. Отрегулируйте размер и положение обводки

Размер обводки по умолчанию составляет 3 пикселя, что означает, что толщина обводки составляет 3 пикселя, а положение по умолчанию — «Снаружи», что означает, что вся толщина обводки будет отображаться снаружи букв, а не внутри них. .Я собираюсь увеличить размер обводки до 6 пикселей , перетащив ползунок Size в верхней части диалогового окна вправо, и я собираюсь установить Position для этой первой обводки. на Inside , что поместит всю толщину обводки внутри букв:

Изменение размера и положения обводки в диалоговом окне «Стиль слоя».

Когда закончите, нажмите OK, чтобы выйти из диалогового окна Layer Style.Вот как выглядит мой текст после внесения изменений в настройки обводки по умолчанию:

Штрих после изменения его размера и положения.

Шаг 7. Установите для параметра «Заливка» текста значение 0 %

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

Выделив текстовый слой, перейдите в верхнюю часть палитры слоев. Вы увидите две опции: «Непрозрачность» и «Заливка». Вы можете скрыть текст, уменьшив значение непрозрачности до 0%, но параметр непрозрачности влияет на все в слое, включая стили слоя, что означает, что мы также будем скрывать обводку. «Заливка», с другой стороны, не влияет на стили слоя.Он скроет все содержимое слоя , кроме любых стилей слоя, которые мы к нему применили, а это означает, что если мы установим значение Заливки на 0%, мы будем скрывать текст без скрытия обводки! Давайте сделаем это. Снова убедитесь, что выбран текстовый слой (выбранные слои выделены синим цветом) и уменьшите значение Fill до 0% :

.

Скройте текст, уменьшив Заливку до 0%.

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

Уменьшение значения Заливки скрывает текст, но сохраняет видимость стилей слоя.

Шаг 8: Дублируйте текстовый слой

Пока все хорошо. Мы добавили один штрих вокруг текста. Здесь мы начинаем добавлять несколько штрихов к тексту. Обычно Photoshop не позволяет нам добавлять более одной обводки к текстовому слою (или любому типу слоя), но ничто не говорит о том, что мы не можем делать копии нашего текстового слоя и добавлять разные обводки к каждой копии! Чтобы сделать каждый штрих видимым, мы просто изменим положение и/или размер каждого штриха!

Выбрав текстовый слой в палитре слоев, нажмите Ctrl+J (Win) / Command+J (Mac), чтобы быстро продублировать слой.Дубликат появится прямо над исходным текстовым слоем. Как только вы продублировали слой, нажмите на исходный текстовый слой, чтобы выбрать его. Мы собираемся изменить параметры обводки для исходного текстового слоя:

.

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

Шаг 9. Измените цвет обводки и положение исходного текстового слоя

Видите значок «fx» справа от текстового слоя в палитре «Слои» (в более ранних версиях Photoshop отображается круглый значок с буквой «f» внутри него)? Когда этот значок виден, это говорит нам о том, что один или несколько стилей слоя в настоящее время присоединены к слою. Дважды щелкните значок , чтобы вернуться к диалоговому окну Layer Style, затем выберите Stroke в нижней части списка стилей слоя в левой части диалогового окна. Вы увидите параметры для Stroke в средней колонке.

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

.

Щелкните образец цвета и выберите новый цвет обводки в палитре цветов.

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

Измените Положение обводки на Снаружи.

Когда вы закончите, нажмите OK, чтобы выйти из диалогового окна Layer Style, и вы увидите, что теперь у вас есть две штрихи вокруг ваших букв. Исходный штрих (красный) находится внутри букв, а новый (оранжевый), который мы только что добавили, — снаружи. Изменив положение двух штрихов, мы предотвратили их наложение друг на друга, что позволило нам увидеть их оба одновременно:

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

Нет необходимости останавливаться на двух штрихах, тем более, что добавить больше штрихов так же просто!

Шаг 10. Дублируйте исходный текстовый слой еще раз

Когда исходный текстовый слой все еще выделен в палитре слоев, нажмите Ctrl+J (Win) / Command+J (Mac), чтобы еще раз продублировать слой, поместив его новую копию непосредственно над оригиналом. Когда вы закончите, нажмите на исходный текстовый слой, чтобы выбрать его. Мы собираемся снова изменить цвет обводки, и на этот раз мы также увеличим ее размер.

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

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

Шаг 11. Выберите другой новый цвет для обводки и увеличьте размер обводки

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

.

Образец цвета показывает текущий цвет обводки.

После того, как вы выбрали новый цвет, перейдите к верхней части параметров обводки и увеличьте Размер обводки. Моя обводка в настоящее время имеет размер 6 пикселей, что соответствует толщине предыдущей обводки. Положение обводки устанавливается снаружи, также как и предыдущая обводка. И поскольку предыдущий штрих находится на слое выше слоя, над которым я сейчас работаю, это означает, что предыдущий штрих полностью блокирует мой новый штрих от просмотра в документе.Чтобы мой новый штрих был виден, мне нужно увеличить его размер. Я собираюсь увеличить его до 16 пикселей:

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

Новая обводка теперь выглядит как толстая красная обводка вокруг двух предыдущих обводок снаружи:

Теперь наш текст обведен тремя отдельными штрихами.

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

Преимущество этого эффекта в том, что вы всегда можете вернуться и изменить его внешний вид в любое время, просто щелкнув значок эффектов слоя справа от слоя в палитре слоев, чтобы вернуть диалоговое окно «Стиль слоя». , выбрав «Обводка» из списка слева от диалогового окна, а затем изменив параметры обводки. Выбирайте новые цвета, размеры и/или положения штрихов для получения разных результатов! Здесь я сделал простой черно-белый рисунок штрихов, изменив красные штрихи на черные, а оранжевый в середине на белый:

Тот же эффект после изменения цвета обводки на черный и белый.

Куда идти дальше…

И вот оно! Посетите наши разделы «Текстовые эффекты» или «Фотоэффекты», чтобы узнать больше об уроках по эффектам Photoshop!


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

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

Следите за новостями на нашем канале Envato Tuts+ YouTube:

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

Шаг 1

Начните с ввода текста с помощью Type Tool (T) .

Шаг 2

Щелкните правой кнопкой мыши текстовый слой и выберите Параметры наложения .

Шаг 3

Проверка Ход . Ваш текст будет обведен по умолчанию.

Шаг 4

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

Шаг 5

Контур также можно заполнить градиентом , если вам это нужно…

… или с шаблоном по вашему выбору.

Шаг 6

Вы также можете изменить толщину контура…

… и измените его Положение по направлению к краю букв.

Шаг 7

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

Шаг 8

Наконец, если вам нужно удалить текст и оставить только контур, это тоже возможно. Просто перейдите к Blending Options и перетащите Fill Opacity вниз до 0% .

2. Как редактировать контур текста отдельно

Шаг 1

К сожалению, таким образом нельзя добавлять стили непосредственно в контур.Например, если вы установите флажок «Тень», тень будет отбрасываться на весь текст, даже если вы сделаете заливку прозрачной. Если вы хотите отредактировать контур отдельно, вам нужно использовать хитрость. Щелкните правой кнопкой мыши слой и выберите Растрировать стиль слоя .

Шаг 2

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

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

Эффект 3D-текста

Этот 3D-эффект выглядит очень сложным, но им легко пользоваться. Просто дважды щелкните текстовый слой, чтобы отредактировать текст напрямую. Это смарт-объект, что означает, что текст сохраняется в другом файле. Как только вы отредактируете этот отдельный файл и сохраните его, основной файл будет автоматически изменен в соответствии с вашими изменениями. Это может занять некоторое время, если эффект очень сложный, но вам не нужно ничего делать. Просто подождите, пока произойдет волшебство!

3D Текстовый Эффект

Игровой Логотип Текстовый Эффект

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

Стили текста логотипа игры — более не доступны

Эффект ретро-текста

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

Ретро текстовый эффект

Винтажный текстовый эффект

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

Винтажный текстовый эффект — больше не доступен

Хорошая работа!

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

.

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

Последнее обновление: 12 декабря 2016 г.

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

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

 

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

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

Шаг 1: Откройте изображение в Photoshop CS5.

 

Шаг 2: Выберите существующий текстовый слой или создайте новый текстовый слой.


Шаг 3: Нажмите Layer в верхней части экрана.

Шаг 4: Щелкните параметр Layer Style , затем щелкните параметр Stroke .

Шаг 5: Щелкните поле Color , чтобы выбрать цвет, затем отрегулируйте размер контура с помощью ползунка Size в верхней части окна.Как только вы добились желаемого вида, нажмите кнопку OK в правом верхнем углу окна.

 

 

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

 

 

Резюме – Как обвести текст в Photoshop

  1. Выберите текстовый слой для контура.
  2. Выберите параметр Layers в верхней части окна.
  3. Щелкните Стиль слоя , затем щелкните Обводка .
  4. Щелкните поле Цвет  и выберите цвет контура.
  5. Отрегулируйте ползунок Размер , чтобы сделать контур текста больше или меньше.
  6. Нажмите кнопку OK , чтобы применить контур к тексту.

 

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

Мэтью Берли пишет технические руководства с 2008 года.Его работы появились на десятках различных веб-сайтов и были прочитаны более 50 миллионов раз.

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

Его основные темы написания включают iPhone, Microsoft Office, Google Apps, Android и Photoshop, но он также писал и на многие другие технические темы.

Связанные

Отказ от ответственности: Большинство страниц в Интернете содержат партнерские ссылки, в том числе некоторые на этом сайте.

(🚩БЕСПЛАТНО) Как обвести текст в Photoshop

Экшен Outline Photoshop , который можно бесплатно загрузить с сайта PhotoshopSupply. Создайте свой собственный контурный шрифт всего за несколько секунд!

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

Как обвести текст в Photoshop? Это легко, просто добавьте стиль слоя и используйте опцию Stroke .

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

  1. Используйте инструмент Type Tool , чтобы добавить текстовый слой в Photoshop
  2. Дважды щелкните текстовый слой , чтобы открыть слой Style3 9005 Окно
  3. Проверьте стиль слоя Обводка на Обведите текст

Эффект Photoshop двойной обводки

Чтобы добавить эффект Photoshop двойной обводки, выполните следующие действия:

  1. Откройте окно Layer Style и добавьте стиль слоя Stroke .

СОВЕТ: Чтобы добавить несколько контуров, преобразуйте предыдущий смарт-объект в новый смарт-объект и добавьте еще один стиль слоя Обводка . Повторите процесс, чтобы добавить несколько контуров и создать границу шрифта.

Настройки контурного текста

  • Размер. Установите требуемый размер или ширину с помощью ползунка или введите собственное значение.
  • Должность. Выберите Позицию  для обводки.Существует три варианта: Внутри (обводка внутри краев текста), Центр (обводка внутри и вне текста) и Снаружи  (обводка за пределами края текста)
  • Режим наложения.  Используйте их, чтобы управлять тем, как обводка текста будет взаимодействовать с цветами или слоями под обводкой. Это полезно, если вы размещаете текст поверх изображения или фотографии.
  • Непрозрачность.  Используйте ползунок, чтобы установить прозрачность обводки.
  • Тип заполнения.  Штрихи могут быть заполнены цветом, градиентом или узором.

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

Текст с рамкой (файл ASL стиля слоя)

Как выделить текст? Одним из простых и эффективных способов является использование текста с такой же рамкой.

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

Как создать текст с рамкой:

  1. Загрузите файл ASL в Photoshop
  2. Добавьте текст или слой формы
  3. Дважды щелкните слой, чтобы открыть стиль слоя вкладку Стили сверху и выберите стиль слоя, который вы загрузили (он должен быть добавлен последним в списке стилей)

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

Добавить рамку Photoshop вокруг текста

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

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

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

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

  • Mutant Academy
  • Cherl Liney
  • FeuerFeste Outline
  • Fenwick
  • Beyond Control и т. д.
  • 90 обычный шрифт в контурный шрифт . Создавайте потрясающие эффекты контура текста с помощью нашего бесплатного экшена Photoshop!

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

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

    А как насчет форм? Можете ли вы также добавить контур к фигурам ? Да, ты можешь!

    Прозрачный текст Photoshop с контуром

    Чтобы сделать текст Photoshop прозрачным с контуром, используйте экшен из пакета.Сделайте видимым слой под названием «Контур 1 от PhotoshopSupply». Затем установите Fill от 0% до 20%, чтобы сделать текст прозрачным. Для контура установите непрозрачность обводки на 75%.

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

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

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

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

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

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

    Чтобы обвести изображение в Photoshop , используйте инструмент Pen Tool , чтобы выделить человека или объект, который вы хотите извлечь.

    Затем скопируйте выделение на другой слой. Чтобы преобразовать выделение Photoshop в новый слой, нажмите Control+J .

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

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

    Размытие фона — еще один вариант. Чтобы создать эффект размытия фона, как показано в превью, вы можете использовать наш экшен Photoshop «Размытие фона».

    Как использовать экшен Photoshop

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

  • Воспроизведите одно из действий Outline

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

Информация о товаре

Этот бесплатный набор содержит 1 файл ATN, 1 файл ASL

Если у вас нет Photoshop, создайте контурный текст с помощью онлайн-текстового редактора MockoFun

MockoFun 900 — бесплатная онлайн-графика Инструмент дизайнера, который можно использовать для создания изогнутого текста, выделения текста, контура текста и многих других текстовых эффектов.

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

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

Станьте первым комментатором

Добавить комментарий

Ваш адрес email не будет опубликован.

2019 © Все права защищены. Интернет-Магазин Санкт-Петербург (СПБ)