Как сделать обводку букв в фотошопе: Выполнение обводки текста в Фотошопе

Как сделать обводку текста в Фотошопе, создание контура вокруг объекта или картинки, как выполнить окантовку букв в Photoshop

Главная » Компьютеры

На чтение 4 мин Опубликовано 23.11.2022 Обновлено 23.11.2022

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

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

Содержание

1. Как сделать обводку текста в Фотошопе?
2. Обводка с использованием двух слоев
3. Создание контура
4. Как сделать обводку картинки?
5. Создание рамки
6. Окантовка объекта

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

Этот способ подходит для создания обводки текста в Photoshop:

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

Обводка с использованием двух слоев

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

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

Способы изменить цвет изображения или фотографии в Photoshop

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

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

Вы также можете добавить контур вокруг текста в Photoshop несколькими способами:

1. Чтобы создать бордюр, проще всего щелкнуть правой кнопкой мыши (ПКМ) по надписи, а затем «Создать рабочий контур». После этого набранные буквы будут преобразованы в силуэт, который можно редактировать с помощью встроенных инструментов Photoshop.
   
   Однако этот метод работает только при соблюдении определенных условий. Перейдем к следующему способу обводки букв.
2. Теперь щелкните правой кнопкой мыши самый выделенный объект и выберите из выпадающего списка идентичный вариант: «Создать рабочий путь». Для работы этого способа необходимо активировать инструмент «Текст», а также выйти из режима редактирования метки (чтобы курсор не моргал и объект не подчеркивался). Проще всего проделать эти две операции одновременно — нажать комбинацию клавиш «CTRL» и «Enter» на клавиатуре. При этом слой надписей должен быть активен.
3. Есть еще один способ использования вкладок меню. В первую очередь переходим на вкладку «Слой», затем «Текст», после — «Создать рабочий контур». Слой метки должен быть выбран на панели.

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

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

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

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

С текстом разобрались, но точно такую ​​же строку можно использовать на любом изображении или объекте.

Способы создания и использования тени в Photoshop

Создание рамки

Первый способ обвести изображение — создать рамку:

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

В результате изображение будет обрамлено.

Окантовка объекта

Вы также можете обвести контур объекта:

1. Выберите объект с помощью инструмента «Волшебная палочка».
2. Наведите курсор на выделенную область и щелкните по ней правой кнопкой мыши. В выпадающем меню нажмите на пункт «Создать путь задания».
3. Перейдите на вкладку «Пути» на панели «Слои.
4. Настройте кисть, выбрав ее цвет, толщину и непрозрачность. Это будет изложено.
5. Щелкните правой кнопкой мыши вкладку «Контуры» и выберите «Обводка».
6. После этого следует нажать на кнопку «ОК» и посмотреть результат.

Другие опции:

1. Выберите объект на изображении, нажмите «CTRL» и «J» на клавиатуре, чтобы поместить его на отдельный слой.
2. Выберите «Обводка» в меню эффектов».
3. Дальнейшая процедура уже известна и описана ранее.

Делаем золотые буквы в Photoshop

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

Шаг 1: подготовка к работе

1. Создайте новый рисунок размером 1200х800 px и откройте окно «Слои».

2. Сделайте фон черным, воспользовавшись инструментом «Заливка».

3. Выберите белый цвет в палитре и напишите что-нибудь, используя инструмент «Текст». Мы выбрали шрифт Times New Roman Bold размером 230 пт, рис.2.

4. Расположите текст посередине с помощью инструмента «Перемещение». Чтобы изменить размер надписи используйте «Свободную трансформацию» в меню «Редактирование».

Шаг 2: делаем золото

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

На шкале вы увидите ползунки, это контрольные точки цвета. Кликните два раза мышкой на нижний левый ползунок и выберите на палитре желтый (#ffff00), рис.3, точно так же измените конечный цвет градиента, кликнув на второй нижний ползунок справа. Оттенок поставьте ближе к золотому (мы взяли #cc9900), рис.4. Нажмите «Ок». В окошке со стилями градиента измените стиль на «Зеркальный», непрозрачность и масштаб поставьте 100%, рис.5, снова кликните «Ок». Должно получиться примерно как на здесь, рис.6.

2. Снова нажмите fx и «Тиснение». Измените метод на «Жесткая огранка», глубина 195%, размер 90, рис.7, выберите «Двойное кольцо» для контура глянца и поставьте галочку напротив «Сглаживание» рядом с контуром, рис.8. Уже похоже назолото. Можно еще увеличить глубину по вкусу.

3. Но не спешите закрывать окно стилей, слева под «Тиснением» поставьте галочку напротив «Контур».

4. Там же, в окне стилей, поставьте галку перед «Глянец» и выделите его мышкой, перейдя в настройки. Выберите режим«Осветление основы», непрозрачность поставьте примерно 50%, а цвет ярко-желтый (#ffff00), рис. 9.

5. Теперь выберите «Тень», режим наложения «Нормальный», непрозрачность 100%, цвет #999900, смещение и размах = 0, размер = 6, контур «Двойное кольцо» плюс «Сглаживание», рис.10. Вот что получилось, рис.11.

Шаг 3: усиливаем эффект

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

1. Создайте новый пустой слой (вторая кнопка справа от корзины в окне слоев).

2. Активируйте инструмент «Пипетка» и возьмите пробу цвета с самого светлого участка букв.

3. Переключитесь на «Кисть» с непрозрачностью 100% и отрегулируйте размер инструмента.

4. В настройках кисти в верхнем меню загрузите категорию «Разные кисти» и выберите кисточку №25 или №48, рис.12.

5. Нарисуйте блеск на буквах, там, где это будет уместно. Примерно как на образце, рис.13.

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

Обведите текст кистью в Photoshop

148

ПОДЕЛИТЕСЬ

ShareTweetPinterest

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

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

Вот только один пример эффекта, который мы будем создавать:

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

Начнем!

Шаг 1: Создайте контур из вашего текста

Для начала я создал новый документ Photoshop размером 1000×400 пикселей, заполненный белым цветом, и, поскольку этот урок посвящен тому, как нанести мазок кистью вокруг текст, я добавил один текстовый слой, содержащий слово «КИСТЬ» (в качестве шрифта я выбрал Arial Black, потому что этот эффект лучше всего работает с более толстыми буквами):

Исходный документ.

Прежде чем мы сможем добавить мазок кистью вокруг букв, нам сначала нужно преобразовать наш текст в контур. Щелкните правой кнопкой мыши (Win) / Щелкните правой кнопкой мыши (Mac) на текстовом слое на панели «Слои»:

Щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Control (Mac), на текстовом слое.

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

Выберите в меню «Создать рабочий путь».

Шаг 2: Добавление нового слоя

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

Щелкните значок New Layer.

Photoshop добавляет новый пустой слой с именем «Слой 1» над текстовым слоем:

Над слоем «КИСТЬ» появляется новый слой.

Шаг 3. Скрытие текстового слоя

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

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

С отключенным текстом теперь мы можем легко увидеть путь вокруг букв:

Контур пути теперь виден вокруг букв.

Шаг 4: Выберите кисть

Далее нам нужно выбрать кисть. Выберите инструмент «Кисть» на панели «Инструменты»:

Возьмите инструмент «Кисть».

При выбранном инструменте «Кисть» для быстрого выбора кисти щелкните правой кнопкой мыши (Win) / и щелкните правой кнопкой мыши (Mac) в любом месте внутри документа, чтобы открыть Средство выбора кисти . Используйте полосу прокрутки справа, чтобы прокрутить список доступных кистей, затем дважды щелкните миниатюру той, которую вы хотите использовать, что выберет кисть и закроет палитру кистей. Вы можете попробовать любую кисть, которая вам нравится. Для этого урока я выберу кисть «Мел» размером 36 пикселей (если у вас включены подсказки в настройках Photoshop, вы увидите, как название каждой кисти появляется при наведении на них курсора мыши):

Выберите кисть в палитре кистей, дважды щелкнув ее миниатюру.

Шаг 5. Переключитесь на панель «Контуры»

У нас есть контур вокруг букв, мы выбрали кисть и добавили новый слой на панели «Слои» для мазка кистью. Чтобы применить кисть к пути, нам нужно переключиться с панели Layers на панель Paths , которая является частью той же группы панелей , что и панель Layers (and Channels). Чтобы переключиться на панель Paths, нажмите на ее вкладка имени :

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

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

Шаг 6. Обведите контур кистью

Чтобы добавить обводку контура кистью, щелкните значок «Обводка контура кистью» в нижней части панели «Контуры» (второй значок слева):

Щелкните на значке «Путь обводки с кистью».

Вот результат, который я получил с кистью Мел, которую я выбрал в палитре кистей:

Результат после обводки пути кистью мела.

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

Если проблема была не в выбранной вами кисти, а в размере кисти, из-за чего штрих казался слишком толстым или слишком тонким, снова нажмите Ctrl+Z (Win) / Command+Z (Mac), чтобы отмените шаг, затем используйте клавиши левой и правой квадратных скобок на клавиатуре, чтобы быстро настроить размер кисти. Каждый раз, когда вы нажимаете клавишу в левой скобке ( [ ), вы делаете кисть немного меньше. Нажатие клавиши правой скобки ( ] ) сделает его больше. Вы увидите, как меняется размер курсора вашей кисти, когда вы нажимаете клавиши, чтобы вы могли предварительно просмотреть результат. Откорректировав размер, щелкните значок «Обводка контура кистью», чтобы повторить попытку.

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

Та же техника, на этот раз с кистью Rough Round Bristle вместо кисти Chalk.

А вот эффект с помощью кисти Брызги. Каждая новая кисть, которую я выбираю, придает тексту другой вид:

Та же техника, на этот раз с одной из кистей Spatter.

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

Щелкните значок меню в верхнем левом углу средства выбора кистей.

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

Выберите один из наборов кистей из списка.

Photoshop спросит, хотите ли вы заменить текущие кисти новыми. Нажмите Кнопка «Добавить» , чтобы сохранить текущие кисти и просто добавить новые после них:

Нажмите «Добавить», чтобы сохранить текущие кисти и добавить новые.

А теперь, если вы прокрутите список исходных кистей в палитре кистей, вы найдете недавно добавленные кисти. Как и раньше, дважды щелкните тот, который вы хотите выбрать, и закройте палитру кистей. Я попробую кисть Starburst — Large, которая входит в набор, который я только что загрузил:

Выбор кисти Starburst — Large, которая была установлена ​​вместе с набором «Ассорти кистей».

Я нажму на иконку Stroke Path With Brush на панели Paths, и вот мой результат с кистью Starburst — Large:

Эффект с использованием кисти Starburst.

Если вам нравится рисунок, созданный кистью, но он кажется вам слишком светлым, просто щелкните значок «Обводка кистью» еще раз, чтобы применить кисть во второй раз, что затемнит эффект:

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

Наконец, когда вы довольны результатами, вы можете скрыть контур в документе, чтобы он не отвлекал, щелкнув в любом месте пустой области под рабочим контуром на панели «Контуры»:

Щелкните в любом месте под рабочим контуром на панели «Контуры», чтобы скрыть путь в документе.

Вернитесь на панель «Слои», когда закончите, щелкнув вкладку «Имя слоев» в верхней части группы панелей, и вы увидите, что эффект мазка кистью был добавлен к слою 1, который мы можем видеть посмотрев на миниатюру предварительного просмотра слоя :

На миниатюре предварительного просмотра показан мазок кисти на слое 1.

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

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

Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!

Подпишитесь на нашу рассылку

Узнавайте первыми о появлении новых руководств!

Электронная почта *

Текстовый эффект с кружевной обводкой: шрифт PSD с кружевной кистью

Автор: textuts | 12 февраля 2011 г. | В продвинутых учебниках по текстовым эффектам Photoshop

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

Окончательный результат

Детали руководства

• Используемое программное обеспечение: Photoshop
• Версия: CS5 расширенная
• Время : 0:45 – 1:30

Ресурсы

• Дамаск Современный узор от TechII.
• Шрифт Fontleroy Brown NF.
• Стиль слоя «Слоновая кость».
• Стена с потрескавшейся текстурой от iFlay.

Шаг 1

Откройте шаблон Damask Modern и установите цвет переднего плана на #a9834f .

Перейдите к Image > Adjustments > Hue/Saturation или нажмите Ctrl/Cmd + U и установите флажок Colorize . Затем измените значения, как показано ниже.

Когда вы закончите, перейдите к Edit > Define Pattern и введите Background Pattern в качестве имени.

Шаг 2

Откройте новый документ 1280 x 1024 пикселей, установите цвет переднего плана на #e5636f , а цвет фона на #970214 , затем создайте радиальный градиент , щелкнув в центре документа и перетащив его в один из углов.

Дважды щелкните слой и примените эффект

Pattern Overlay , измените режим наложения на Linear Burn, Opacity на 50% и выберите узор, который вы только что определили.

Фон должен выглядеть так.

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

Шаг 3

Создайте новый документ 270 x 270 пикселей и выберите инструмент Custom Shape Tool . На панели Options нажмите всплывающее меню Polygon Options , затем установите флажки Smooth Corners , Star и Smooth Indents , измените Indent Sides By на 10% от количества стороны 9От 0010 до 12.

Нарисуйте фигуру так, чтобы она помещалась в документе, и убедитесь, что ее цвет Черный

.

Выберите инструмент Ellipse Tool и щелкните значок Paths на панели Options . Создайте эллиптическую траекторию, как показано ниже.

Выберите жесткую круглую кисть и откройте панель Brush (Window > Brush), чтобы изменить размер с на 20 пикселей и интервал с на 180%.

Создайте новый слой поверх слоя с фигурой, установите цвет переднего плана на White , и снова выберите инструмент Ellipse Tool , затем щелкните правой кнопкой мыши путь, чтобы выбрать Stroke Path .

Выберите Brush в раскрывающемся меню Tool и убедитесь, что флажок Simulate Pressure не установлен.

Путь будет обведен белыми кругами. Нажмите Enter/Return , чтобы избавиться от рабочего пути.

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

Ellipse Tool нарисуйте еще один путь, меньший, чем предыдущий.

Выберите инструмент «Кисть» и измените Размер на 7 пикселей и Интервал на 150%.

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

Удалите значок глаза рядом с белым фоном, чтобы сделать его невидимым, затем перейдите в Edit > Define Brush Preset и введите Lace в качестве имени кисти.

Шаг 4

Вернуться к исходному документу, создать текст, используя цвет #ae1616 . Используемый шрифт — Fontleroy Brown NF , размер — 750 пикселей. Я также изменил значение Tracking на 10, чтобы избежать перекрытия.

Создайте новый слой под текстовым слоем и назовите его Stroke . Затем щелкните правой кнопкой мыши текстовый слой и выберите

Create Work Path . После того, как контур создан, снова выберите слой Stroke .