Как сделать в фотошопе контур у текста: Создание эффектов текста в Photoshop

Ввод текста по контуру объекта в Photoshop. Размещение текста на контуре закрытого типа

Ввод текста по контуру объекта в Photoshop. Размещение текста на контуре закрытого типа

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

Здорово конечно, что мы сделали четыре захода и понаблюдали за расположением текста и появлением крестика, ромбика, кружочка, то есть сегментов регулирования, да и за тем, что с текстом происходит, когда мы меняем местоположение начальной точки ввода на открытом контуре. А вот возьмём и создадим закрытый контур и посмотрим на то, что будет происходить с текстом в этом случае. В этот раз мы не будем делать утомительных заходов. Они свою задачу выполнили, — нас теперь крестиками, ромбиками и кружочками не напугать (юмор). Итак, создадим замкнутый контур. При выборе инструмента и траектории исходим из собственных предпочтений:

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

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

Щелчок 1. Наведём курсор на верхнюю часть контура и сделаем щелчок мышкой, определив начальную точку ввода текста. В данный момент, неважно будет ли эта точка ближе к воображаемому левому краю воображаемой разделительной линии, в центре или правее. Сделаем щелчок где-то здесь:

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

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

Щелчок 2. Теперь же сделаем щелчок в нижней части контура. Поставим курсор, ну например, в этой точке кривой:

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

Мигающий курсор оказался на верхней части контура. Что-то нам подсказывает, что начав вводить сейчас текст, мы увидим его «нормальным». Проверим же свои догадки, — введём несколько слов:

И правда, текст «нормальный», а не перевёрнутый. Конечно же, выражение «нормальный» текст является моей выдумкой, просто визуально нам так кажется. Текст, всегда был «нормальным» таким и будет, независимо от траектории, по которой мы его захотим вводить. Его расположение всегда над линией (контуром).

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

Мы уже догадались или знаем, что наши верные друзья ромбик и кружочек (сегменты регулирования) сообщают о своей активности, становясь чёрного цвета после ввода первого символа. Даже больше, — о своей готовности к любому воздействию на них с помощью знакомых нам чёрной и белой стрелочек, то есть инструментов управления или по-другому инструментов воздействия. С помощью этих двух стрелок мы влияем и на контур (траекторию). То есть стрелки, в своём роде, универсальный инструмент. Совсем недавно мы упомянули такие слова как алгоритмы работы, ну или действия сегментов регулирования. А почему бы нам не взглянуть на алгоритм наших собственных действий, касающихся ввода текста по контуру. И посмотреть как бы со стороны на то, что мы делаем. А давайте так и поступим.

Алгоритм наших действий:

Выбор инструмента / Включение режима контуров / Создание контура / Включение режима текста / Ввод текста / Включение режима контуров / Регулировка текста и воздействие на контур / Принятие ввода текста и изменений

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

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

Давайте вновь введём несколько слов и остановимся:

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

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

Итак, ввод текста подтверждён, инструмент чёрная (пусть будет чёрная) стрелка активен. Давайте плавно наведём курсор на первую букву начального слова текста. Курсор из чёрной стрелки превратился в английскую печатную букву «I» с маленькими черными стрелочками по бокам. Одна указывает влево, а другая вправо. Если немного подвинуть курсор в правую сторону, то левая стрелочка исчезнет. А, если начать перемещать курсор вправо, то исчезнет левая стрелочка. Такой вид курсора сообщает нам о возможности перемещения текста по траектории, как в левую, так и в правую сторону.

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

Ну что же, давайте плавным движением произведём пробное перемещение текста в левую сторону. То, что будет происходить, творческого удовлетворения нам не принесёт, а знание мы получим. Сдвигать будем на три-четыре символа (буквы), примерно. Отсчёт символов делаем по ощущению. Убедимся, что режим контуров активен, то есть, выбран инструмент «Стрелки» (чёрная и белая). Сейчас цвет выбираемой (выбранной) стрелки нам не важен, потому что мы будем двигать текст, ухватившись за первую заглавную букву первого слова. У меня это буква «Б»:

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

Не воскликнули «Получилось!» и те, кто видят иное положение текста на контуре:

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

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

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

Примем (подтвердим) ввод текста, щёлкнув по галочке на нижней ленте верхнего меню или по слою в окошке слоёв, или же выбором белой (чёрной) стрелочки на панели инструментов. Теперь же, наведём курсор на последнюю букву последнего слова. В моём случае это буква «а» слова «сюда». Схватимся за текст (букву «а») и потащим в правую сторону, желая того, чтобы текст начинался с места ближе к чёрному кружочку сегмента регулирования на верхней части контура. То есть, двигаем слова вправо вверх по траектории (в моём случае), смещая их левее. Да и картина у нас совсем другая перед глазами в этот раз. Активизировались сегменты регулирования, — кружочки с рычажками. Текст идёт плавно и послушно. Можем потянуть его назад к тому месту, где первоначально располагалось последнее слово. И снова текст ведёт себя как ручной. Замечательно! Вот мы и сделали последний шаг, окончательно приблизивший нас к сегментам регулирования текста.

Оставить комментарий

Как сделать обводку текста в фотошопе — бесплатный онлайн урок для чайников

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

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

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

Делаем обводку черным цветом. Переходим к окну слоев. Выбираем наш, с текстом. Кликаем по нему левой клавишей мыши.

Нам нужно найти «параметры наложения».

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

Результат:

Настройки можно менять на ваше усмотрение. Ширина обводки. Ее цвет и тип.

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

Слой примет подобный вид:

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

Вуаля! Теперь обводка двойная.

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

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

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

Теперь преобразовываю его в смарт-объект и добавляю ему обводку градиентом. Для этого в параметрах наложения во вкладке обводка в выпадающем списке выбираем «градиент»

Задаем настройки:

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

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

Вам следует запомнить несколько вещей.

1. Обводку текста нельзя делать бесконечно. Всему есть предел. Либо вы делаете множество тонких обводок, либо парочку, но толстых.
2. Обводка бывает как внешней, так и внутренней. У внутренней есть существенный недостаток. Она «съедает» обводимый объект.
3. С помощью обводок вы можете создать иллюзию объема. Все дело в цветах. При подборе нужной комбинации вы запросто достигните подобного эффекта.
4. Обводка текста не увеличивается пропорционально тексту. Допустим, вы сделали обводку шрифта с кеглем 20px и обводку в 2 px. Если вы увеличите кегль до 40 px, обводка останется того же размера. То есть, выглядеть она будет совершенно иначе.

Текст обводки кистью в фотошопе

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

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

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

Давайте начнем!

Шаг 1: создайте путь из вашего текста

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

Оригинальный документ.

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

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

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

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

Шаг 2: Добавить новый слой

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

Нажав на иконку Новый слой.

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

Новый слой появляется над слоем «ЩЕТКА».

Шаг 3: Скрыть текстовый слой

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

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

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

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

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

Далее нам нужно выбрать кисть. Выберите Brush Tool на панели инструментов:

Возьмите кисть.

Выбрав Brush Tool, чтобы быстро выбрать кисть, щелкните правой кнопкой мыши (Win) / Control-click (Mac) в любом месте внутри документа, чтобы открыть Brush Picker . Используйте полосу прокрутки справа, чтобы прокрутить список доступных кистей, затем дважды щелкните миниатюру той, которую вы хотите использовать, которая выберет кисть и закроет инструмент выбора кистей. Вы можете попробовать любую кисть, которая вам нравится. В этом уроке я выберу 36-пиксельную кисть Chalk (если в настройках Photoshop включены подсказки для инструментов, вы увидите, что имя каждой кисти отображается при наведении на них курсора мыши)

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

Шаг 5: переключитесь на панель путей

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

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

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

Шаг 6: обведи путь кистью

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

Нажмите на иконку «Путь обводки кистью».

Вот результат, который я получаю с помощью кисти Chalk, которую я выбрал в Brush Picker:

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

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

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

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

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

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

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

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

Нажав на значок меню в верхнем левом углу палитры.

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

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

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

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

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

Выбор Starburst — Большая кисть, которая была установлена ​​с набором Assorted Brushes.

Я нажму на иконку «Путь обводки с кистью» на панели «Контуры», и вот мой результат с кистью Starburst — Large:

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

Если вам нравится дизайн, созданный кистью, но он кажется слишком светлым, просто нажмите на значок Stroke Path With Brush снова, чтобы применить кисть во второй раз, что затемнит эффект:

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

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

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

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

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

Куда пойти дальше …

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

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

Будьте первым, кто узнает, когда будут добавлены новые учебники!

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

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

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

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

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

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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Цвет

Градиент

Узор

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

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

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

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

Заключение

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

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

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

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

как ее сделать и настроить

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Смысл существования двух диалоговых окон «Обводка»

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

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

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

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

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

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

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

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

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

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

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

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

Сделать обводку в фотошопе можно двумя способами: при помощи стилей слоя и через меню Редактирование (Edit). В этом уроке мы рассмотрим оба способа.

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

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

Обводка при помощи стилей слоя

Для начала создадим новый документ (Файл-Создать (File-New)) и добавим в него какой-либо объект, к которому нужно добавить обводку. Например, фигуру с сердечком:

В панели слоев делаем активным слой с сердечком и щелкаем по нему два раза левой кнопкой мыши. Это действие откроет окно стилей слоя (Layer Style):

Ставим галочку у параметра Выполнить обводку (Stroke) и переходим в меню настроек.

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

В параметре Тип обводки из выпадающего списка можно выбрать три варианта обводки – Цвет, Градиент, Узор. Если вы выберете один из двух последних вариантов (Градиент или Узор) дополнительно сможете выбрать стиль градиента или узора.

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

Окно стилей слоя с настройками:

Фигура с обводкой:

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

Обводка при помощи меню Редактирование

Растрируем слой с фигурой (ПКМ по слою-Растрировать слой). Отключим глазок стилей слоя в панели слоев и активируем выделение слоя с объектом, щелкнув с зажатой клавишей Ctrl по миниатюре слоя:

Поверх слоя с объектом создайте новый слой. Слои-Новый-Слой (Layer-New-Layer) или нажмите на миниатюру создания нового слоя в панели слоев. Этот шаг необязателен, мы можем применить обводку к самому растрированному слою, только тогда изменения станут необратимыми и, если мы захотим изменить или вовсе убрать обводку, не будет возможности этого сделать, придется либо отменять шаги, либо вырезать обводку вместе с «куском» объекта.

Переходим в меню Редактирование-Выполнить обводку (Edit–Stroke), появится такое окошко с настройками:

 

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

После применения настроек снимите выделение, перейдя в Выделение-Отменить выделение (Select-Deselect) или нажав сочетание горячих клавиш Ctrl + D.

 

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

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

В сегодняшнем уроке Photoshop для начинающих я расскажу, как использовать функцию обводки контура (Stroke Path), которая позволяет создавать различные виды обводок у контуров, фигур и текста с помощью Кисти (Brush Tool) и некоторых других инструментов.

Эта функция незаменима при создании различных текстовых эффектов, рамок и бордюров, эскизов и т.д. Чтобы эффективно использовать данную функцию, надо понимать, что для обводки можно использовать не только инструмент Кисть, но и другие инструменты рисования, например, «Ластик» (Eraser Tool), «Размытие» (Blur tool), «Резкость» (Sharpen Tool) и т.д.
Кроме того, обводку контура не обязательно применять непосредственно к слою, её можно применить к слой-маске, тем самым, закрыв или отрыв область изображения по форме контура.

Обводку контура можно создавать сплошной и пунктирной линией (эта опция поддерживается начиная с CS6, подробнее здесь), а в этом уроке мы поговорим о художественной обводке, выполненной с помощью инструмента Кисть (Brush Tool).

Вот пример текста, преобразованного в контур и обведённого кистью по методу, о котором рассказано в данном уроке:

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

Я создал простой прямоугольник со скруглёнными углами с помощью одноимённого инструмента:

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

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

С помощью этой функции возможно рисование пером в Adobe Photoshop. Можно обвести контур обычной линией

Этапы работы.

1) Создадим новый  слой и рисуем на нем пером. Если нам нужны изогнутые линии, то корректируем ровные линии, созданные с помощью пера, инструментом стрелка. Более подробно об этом написано в записи “Отделить объект от фона в фотошоп”. У меня на скорую руку получился следующий контур:

3) Теперь нужно задать цвет, диаметр и другие настройки кисти

4) Снова выбираем инструмент перо и жмем по созданному нами контуру правой кнопкой мыши, появляется следующее окно, в котором выбираем пункт “Выполнить обводку контура” или “Stroke patch” в английской версии:

или открываем окно Контуры: Меню –> Окно (Window)–> Контуры (Paths) и нажимаем на символ, означающий “выполнить обводку контура кистью” (Stroke patch). Он указан на скриншоте красным:

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

Получилось:

P.S. Изменив настройки кисти на свое усмотрение, можно значительным образом модифицировать обводку контура:

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

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

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

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

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

Примечание: если мы имеем дело не с текстовым, а обычным слоем с каким-либо объектом (в т.ч. в виде надписи), он должен быть на прозрачном слое. В противном случае, сначала необходимо вырезать объект, и только потом приступить к созданию контура вокруг него.

Метод 1: растрируем текст

Этот метод предполагает растрирование текстового слоя с последующим удалением лишних частей.

1. В Палитре слоев правой кнопкой мыши щелкаем по слою с текстом (но не по его миниатюре) и в открывшемся контекстном меню выбираем команду “Растрировать текст”.
2. Зажав клавишу Ctrl на клавиатуре щелкаем по видоизмененной миниатюре слоя.
3. В итоге, вокруг текста на холсте должно повиться выделение.
4. Раскрываем содержимое меню “Выделение” и выбираем в нем пункт “Модификация”, затем – “Сжать”.
5. В появившемся окошке указываем размер сжатия в пикселях, после чего жмем OK. Значение задаем исходя из того, контур какой толщины требуется сделать – чем выше число, тем толще получится контур. В нашем случае укажем 2 пикс.
6. Выделение на холсте изменилось. Удаляем ненужную часть текста, нажав клавишу Del на клавиатуре.
7. Получаем такой результат. Остается только нажать сочетание Ctrl+D, чтобы убрать выделение.
8. На этом работа по созданию контура завершена.

Растрировать текст можно и на новом слое. Вот как это делается:

1. Выбрав текстовый слой в Палитре выделяем его содержимое полностью, нажав комбинацию клавиш Ctrl+A.
2. В меню “Редактирование” выбираем команду “Копировать” (или жмем сочетание Ctrl+C).
3. Снова идем в это же меню и кликаем по пункту “Вставить” (или жмем Ctrl+V).
4. В итоге получаем новый слой с текстом в виде изображения на прозрачном фоне. Дальнейшие действия аналогичны описанным выше (с шага 2).

Метод 2: создаем конутр на новом слое

На этот раз мы создадим контур на отдельном, специально созданном для этого слое.

1. Аналогично первому методу, зажав клавишу Ctrl на клавиатуре щелкаем по миниатюре слоя с текстом, чтобы выделить его.
2. Далее выполняем сжатие через меню “Выделение” – “Модификация” – “Сжать”. В качестве примера мы указали 3 пикс.
3. В Палитре создаем новый слой.
4. Жмем комбинацию клавиш Shift+F5, чтобы вызвать окно “Заполнить”. Для параметра “Содержание” выбираем вариант “Цвет”. После этого появится еще одно окошко, в котором задаем цвет, идентичный фону созданного слоя (т.е. белый в нашем случае). Теперь можно закрыть оба окна нажатием кнопок OK.
5. Все готово, остается только убрать выделение, нажав комбинацию Ctrl+D.Примечание: в данном случае контур состоит из сочетания двух слоев: текстового и созданного. Чтобы объединить их в один (создать отпечаток), жмем горячие клавиши Ctrl+Shift+Alt+E.

Метод 3: настраиваем параметры стиля слоя

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

1. Дважды щелкаем левой кнопкой мыши по текстовому слою (не по имени или миниатюре, а именно по свободной области).
2. В открывшихся “Стилях слоя” переключаемся в раздел “Выполнить обводку” (ставим напротив нее галочку). После этого в правой части окна указываем размер в пикселях, выбираем положение (снаружи, внутри или из центра) и задаем цвет контура. Остальные настройки можно оставить без изменений. По готовности жмем OK.Примечание: если напротив пункта “Просмотр” установить галочку, можно в реальном времени отслеживать вносимые изменения до их подтверждения.
3. Видим на холсте следующий результат.
4. Остается только убрать заливку слоя, указав значение – 0%.
5. Все готово, мы успешно создали контур вокруг текста.При необходимости, как и в методах выше, можно создать отпечаток слоя или растрировать его.

Заключение

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

Редактировать контуры в Adobe Photoshop

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

Набор инструментов содержит три инструмента для добавления или удаления точек: инструмент «Перо», инструмент «Добавить точку привязки» и инструмент «Удалить точку привязки».

По умолчанию, смена инструмента Pen к Add Anchor Point Tool, как вы поместите его на выбранный путь, или к Delete опорной точки, как вы поместите его над узловой точкой.Вы должны выбрать «Автоматическое добавление / удаление» на панели параметров, чтобы инструмент «Перо» автоматически переключался на инструмент «Добавить точку привязки» или «Удалить точку привязки».

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

.

Обводка контура в Photoshop (с примерами) Урок Photoshop

www.psd-dude.com

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

Твитнуть

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

В этом уроке вы узнаете, как использовать контуры в Photoshop и как обводить контуры в Photoshop.Вы можете обводить открытый контур в Photoshop; Создайте открытый путь с помощью инструмента Pen Tool . Параметр выделения обводки в Photoshop с помощью инструмента «Кисть » доступен, если сначала вы превратите выделение в рабочий контур.

Это руководство применимо для Photoshop CS и CC 2015, 2018 и 2019 гг.

Как сделать рабочий путь

От

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

Создайте новый слой для контура обводки

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

[БЫСТРЫЙ СОВЕТ] Почему мой контур обводки в Photoshop неактивен?

Ход хода не работает? Это одна из ошибок, которые я сделал много, когда начал работать с контурами в Photoshop.

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

Почему контур обводки неактивен или отключен?

1. Поскольку при рисовании контура в Photoshop, для включения Stroke Path необходимо выбрать Path при рисовании с помощью инструмента Pen Tool

Вот как это выглядит в моем Photoshop CC

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

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

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

В Photoshop вы можете использовать опцию Stroke Path со всеми основными инструментами: Brush Tool , eraser Tool , Smudge Tool , Burn Tool и т. Д.Но самый используемый инструмент для обводки контуров в Photoshop — Brush Tool ; поэтому в этом уроке я собираюсь объяснить, как это работает.

Возьмите инструмент Brush Tool и выберите кисть, которая вам нравится. Я выберу простую точечную кисть

.

Выберите инструмент Path Selection Tool и щелкните правой кнопкой мыши путь. Выберите Stroke Path и в раскрывающемся списке инструментов выберите Brush , что фактически является настройкой по умолчанию.

Нажмите клавишу bacspace , чтобы удалить путь.Или щелкните правой кнопкой мыши вкладку Путь и выберите удалить путь , чтобы увидеть результат.

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

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

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

Предыдущий пост

Преобразование изображения в силуэт векторной формы в Photoshop

Следующее сообщение

Создаем текст на деревянной книжной полке в Photoshop

.

Как убрать обводку с контура в Photoshop | Small Business

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

Stroke Path

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

Выберите инструмент «Перо» на палитре инструментов.Выберите значок «Пути».

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

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

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

Удалить обводку

Найдите палитру «Слой».

Выделите прозрачный слой, созданный на предыдущих шагах.

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

Ссылки

Ресурсы

Подсказки

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

Писатель Биография

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

.

Изменение форм в Photoshop

На панели «Параметры обводки» выполните любое из следующих действий:

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

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

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

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

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

• Щелкните значок «Угол», чтобы увидеть обводку в угловых точках:

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

Скругленное соединение Создает закругленные углы, выходящие на половину ширины штриха за конечные точки.

Соединение под углом Создает прямоугольные углы, примыкающие к конечным точкам.

Примечание: Как и колпачки, митры легче увидеть при более толстом ходе.

.

Инструмент Текст в программе Adobe Photoshop CS5

Рассмотрим группу инструментов Текст, которая находится в программе Adobe Photoshop CS5 ниже группы инструментов Перо. Группа инструментов Текст содержит в себе четыре вида инструментов: горизонтальный текст, вертикальный текст, горизонтальный текст-маска, вертикальный текст-маска.

Создайте новый документ в программе Adobe Photoshop CS5, и выберите инструмент Текст. Затем кликните по изображению. На нем появляется курсор. Затем пишете с клавиатуры текст.

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

Нажав. и удерживая клавишу Ctrl, Вы можете вызвать рамку трансформации текста и, двигая границы, изменить размер текста и угол.

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

При вводе текста на палитре слоев появляется новый слой с этим текстом. Этот слой — векторный, но можно его растрировать с помощью меню Слои — Растрировать — Текст.

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

На панели настроек Вы можете выбрать различные параметры для редактируемого текста. Слева находится выбор шрифта. Шрифты предлагаются те, которые загружены в операционную систему компьютера. Если Вы хотите загрузить дополнительные шрифты, их нужно поместить в папку Windows — папку Fonts. Именно в папке Fonts находятся все шрифты системы.

Следующее окошко: Тип шрифта. Он может быть : обычный — Regular, узкий — Narrow, жирный — Bold, курсив — Italic.

В следующем окошке можно изменить размер шрифта. Он задан в единицах, которые Вы определяли в меню Редактирование — Установки — Единицы измерения и линейки.

Дальше идет тип начертания текста. Лучше всего выбирать плавное начертание букв — в этом случае они будут более гладкими.

После типа начертания идут три окошка форматирования текста: по левому краю, по центру, по правому краю.

Правее находится иконка выбора цвета текста.

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

Также очень интересна возможность располагать текст вдоль поти контура. Чтобы это сделать, рисуете инструментом Перо контур. После этого выбираете инструмент Текст и подводите курсор к контуру. Обозначение курсора при этом изменяется — около курсора появляется ломаная линия. Щелкаете курсором, и вводите текст. Текст располагается вдоль контура. При изменении формы контура текст тоже будет изменять свое расположение.

Чтобы переместить контур с текстом. выбираете инструмент Перемещение. Можно также трансформировать контур с текстом с помощью меню Редактирование — Свободное трансформирование.

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

Затем в эту рамку вписываете текст.

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

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

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

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

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

Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

Горизонтальный и вертикальный текст — инструмент Фотошопа

Бесплатные курсы фотошопа Артакадемия Киев — Горизонтальный и вертикальный текст 

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

 

 

Рисунок 1. Панель опций горизонтального и вертикального текстового инструментов.

Добавление надписей на фото для фотошопа

Гарнитуры Photoshop сохраняются в программе в векторе, лучшие курсы фотошопа киев всегда бекапят все настройки и поэтому их форму и размеры можно свободно видоизменять. Шрифты OpenType и все их свойства поддерживаются Photoshop, а форматирование параграфов, настройки отступов и переносов, которые можно найти на панели «Абзац», не намного отличаются от возможностей работы с текстом, предоставляемых AdobeInDesign.

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

Рисунок 2.«Вы видите то что получаете» с названиями шрифтов в меню.

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

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

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

Photoshop способен проверять правописание на многих языках, что можно настроить в меню «Правки» и в панели «Знаков». Лингвистическая библиотека Photoshop может быть адаптирована для других программ Adobe, и CreativeSuite позволяет обмениваться настройками и дополнительными плагинами для проверки правописания между разными программами.

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

Доступ к панели Символов и «Абзаца»

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

Скрыть выделение 

Иногда легче понять, нравится ли вам данный шрифт, если вы видите набранный им текст без выделения. Выберите Вид  Спрятать вспомогательные элементы (Command+H/Control+H) чтобы убрать инвертированное выделение.

Текст по контуру

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

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

Стили слоев и деформация текста

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

Рисунок 4. Меню «Деформации текста» доступно как из панели опций, так и из Слой  Текст. Выберите слой с текстом и откройте диалоговое окно деформации. Вы можете выбрать нужную вам деформацию из выпадающего меню и подрегулировать силу смещения и искажения, используя ползунки внизу.

Обложка журнала вроде той, что изображена на Рисунке 5, может быть целиком и полностью разработана в Photoshop. Название изначально было векторным контуром, который я скопировал из Illustrator и вставил в Photoshop. После этого я выбрал Редактирование Определить произвольную фигуру, чтобы добавить его в шаблоны форм (после того как у меня есть сохраненный шаблон, я могу получить доступ к нему в любое время и добавить в качестве нового слоя).

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

Рисунок 5. Дизайн обложки журнала, полностью сделанный в Photoshop.

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

Горизонтальная и вертикальная текстовые маски

Текстовые маски предлагают такой же уровень типографского контроля, как и обычные текстовые инструменты. Различие в том, что вместо добавления отдельного слоя, маски создают выделенный контур. Если вы хотите выделить текст, лучше всего будет создать текст с помощью обычного текстового инструмента и, после того как вы произведете все нужные вам правки, просто нажатьCommand/Control-клик, чтобы превратить содержимое вашего текстового слоя в активное выделение. Панель опций вертикальной и горизонтальной текстовых масок показаны на рисунке 6 внизу.

Рисунок 6.Панель опций вертикальной и горизонтальной текстовых масок.

 

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

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

Как выделить текст в Photoshop

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

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

Как выделить текст в Photoshop Elements

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

1. Запустите Photoshop Elements и откройте существующий документ, если он у вас есть, или создайте новенький.
   
2. Введите текст, который вы хотите выделить. Убедитесь, что вы хорошо видите его, увеличивая или увеличивая размер.
   
3. Скопируйте слой (Ctrl + J).
   
4. Переименуйте слои, чтобы знать, над каким из них вы работаете.Рекомендуем поработать над скопированной версией и оставить исходную без изменений. Если вы допустили ошибку, вы всегда можете вернуться к оригиналу и начать заново.
   
5. Перейдите в «Слой».
   
6. Нажмите «Стиль слоя».
   
7. Откройте «Настройки стиля».
   
8. Выберите «Обводка». Настройте параметры, включая цвет, размер и непрозрачность, и нажмите «ОК».
   

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

1. Выделите текст, который вы хотите выделить, удерживая Ctrl в Windows или Command Key на Mac, и щелкните миниатюру слоя.
   
2. Создайте новый слой.
   
3. Перейдите в «Выбрать».
   
4. Нажмите «Изменить», а затем выберите «Развернуть». Здесь вы можете настроить выбранные границы.
   
5. Выберите ведро с краской, выберите цвет и щелкните в любом месте между текстом и границами.
   
6. Снимите выделение с текста.
   
7. Отключить текстовый слой.
   

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

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

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

1. Щелкните правой кнопкой мыши текстовый слой.
2. Нажмите «Преобразовать в форму».
   
3. Сохраните файл.

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

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

Как выделить текст в Photoshop CS6

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

1. Запустите Photoshop и введите текст, который хотите выделить, или откройте существующий документ.
2. Перейдите в раздел слоев, щелкните правой кнопкой мыши текстовый слой и выберите «Параметры наложения».
   
3. Установите флажок «Обводка».
   
4. Настройте размер, положение, режим наложения, непрозрачность и цвет контура.
   
5. Когда все будет готово, нажмите «ОК».
   

Как выделить текст в Photoshop CS3

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

1. Запустите Photoshop и введите текст, который вы хотите выделить, или загрузите существующий документ.
2. Удерживая Ctrl или клавишу Command на клавиатуре, выберите текстовый слой.
   
3. Нажмите «Выбрать», затем нажмите «Изменить» и выберите «Развернуть».”
   
4. Расширьте текст в зависимости от желаемого размера контуров. Чем больше вы расширяете текст, тем больше контур. Вы заметите, что пунктирные линии вокруг текста расширились. Пространство между шрифтом и пунктирными линиями будет контуром.
   
5. Убедитесь, что текстовый слой выбран, и нажмите кнопку в правом нижнем углу, чтобы добавить новый.
   
6. Выберите инструмент «Ведро с краской» слева.
   
7. Выберите цвет контура.
   
8. Щелкните в любом месте текста, чтобы применить цвет и отменить выбор текста.
   
9. Выберите «Layer 1» и перетащите его под текстовый слой.
   

Сделайте свой текст особенным

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

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

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

Как набросать текст в Photoshop, учебник

---

Есть 2 варианта контурных шрифтов. Первый — это эффект, при котором вы создаете контур шрифта, например обводку или фаску.

эффект контура. для Photoshop CC здесь

---

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

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

Превращение текста в контур произвольной формы (Боевой ангел Алита)

Давайте начнем с фотографии модели / косплеера Джесси Прайдмор (косплей Раффлбатта), которую я недавно сделал. Я скомпоновал Джесси в роли боевого ангела Алиты в качестве фона. Мы собираемся добавить текст.

Шаг 1

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

Шаг 2

Щелкните свой документ и начните вводить

Шаг 3

Давайте добавим вторую строку текста, вот выбор шрифта для этого.

Step 4

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

Шаг 5

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

Преобразование текста в векторный контур

Шаг 6

Щелкните правой кнопкой мыши текст на панели слоев. Выберите «Преобразовать в форму» в меню.

Шаг 7

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

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

Шаг 8

Выбрав текстовый слой на панели слоев, нажмите Cmd / Ctrl + T

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

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

Выберите искажение.

Шаг 9

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

Шаг 10

Выберите другой текстовый слой и нажмите cmd / ctrl + T

Шаг 11

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

Шаг 12

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

Изменение цвета заливки текста.

Step 13

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

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

Шаг 14

Выберите инструмент Прямое выделение (он отличается от инструмента перемещения)

Шаг 15

Перейдите в верхнюю часть панели параметров инструмента и щелкните в поле «Заполнить».

Step 16

Выберите новый цвет (или узор, или градиент, если хотите). Мы сохраняем его красивым и чистым и выбираем черный в качестве цвета, щелкая образец черного цвета. Обратите внимание, что шрифт меняет цвет, когда вы выбираете новый цвет.

Шаг 17

Повторите для второго текстового слоя.

Другие слова

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

Спасибо за просмотр учебного курса PhotoshopCAFE на этой неделе. Не забудьте ознакомиться со всеми другими уроками на PhotoshopCAFE. У нас есть много оригинальных руководств (здесь нет перепечаток!). Также посетите наши Instagram, Twitter, Facebook и Youtube (photoshopCAFE)

До встречи в CAFE

Colin

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

---

Контурный текст в Photoshop Учебное пособие по Photoshop

---

Более новый метод для Photoshop CC здесь

---

(ТОЛЬКО ДОБАВЛЕНО: см. Внизу этого руководства для PSD и стиля слоя, который работает в Photoshop CS6 и CC)

Шаг 1

Начните с пустого слоя и текста, это также подойдет и для фигур.

Шаг 2

Щелкните правой кнопкой мыши / Cmd щелкните имя слоя в палитре слоев. Выберите растеризованный слой. Ctrl / Cmd щелкните миниатюру слоя, чтобы выбрать тип.

Шаг 3

Создайте новый пустой слой.

Правка> обводка. Я добавил сюда обводку в 6 пикселей. Сделайте локацию центром.

Нажмите ОК.

Ctrl / Cmd щелкните миниатюру слоя, чтобы выбрать новую обводку.

Шаг 4

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

Шаг 5

Теперь снова примените обводку, на этот раз 1 пиксель и установите внешний вид.

Шаг 6

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

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

Шаг 7

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

Шаг 8

Для небольшой дополнительной глубины примените стиль слоя к контуру, используйте тени.

Шаг 9

Вот результат.

Шаг 10

Другой вариант — скрыть заливку и просто использовать контур с тенью.

Step 11

Вот еще один вариант. Это просто перевернутое предыдущее изображение.Ctrl / Cmd + I Обратите внимание, чтобы это сработало, вы должны сначала сгладить изображение.

Шаг 12

Вот еще один вариант. Поиграйте с этим эффектом и получайте удовольствие.

Увидимся через неделю с еще одним новым руководством.

Загрузите PSD

(Photoshop CS-CC)

Вот новые версии эффекта, созданного мной со стилем слоя

Загрузите стиль слоя здесь

Также см. Руководство по созданию эффекта металлической проволоки, как показано здесь

CS6 Superguide

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

---

Как выделить текст в 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. Щелкните Layer Style , затем щелкните Stroke .
4. Щелкните поле Color и выберите цвет контура.
5. Отрегулируйте ползунок Size , чтобы увеличить или уменьшить контур текста.
6. Нажмите кнопку OK , чтобы применить контур к тексту.

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

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

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

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

Связанные

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

Как выделить текст в Photoshop — Пошаговое руководство

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

Подготовка текста

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

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

Обрисовка текста в общих чертах

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

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

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

Настройка выделенного текста

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

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

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

Создание прозрачного текстового слоя

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

Для этого примените свои предыдущие изменения, а затем выйдите из окна Обводки. Выделив текстовый слой, вы увидите, что в верхней части панели слоев есть несколько параметров. Тот, который нас интересует, называется «Заливка». Вы можете либо щелкнуть крошечную стрелку, чтобы открыть ползунок, который вы можете настроить, либо ввести число (по умолчанию 100).Чтобы сделать его прозрачным, вам нужно, чтобы это число было 0.

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

Краткое руководство по добавлению контуров к тексту в Photoshop

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

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

Изначально я изучал этот метод, когда хотел украсить свои эскизы на YouTube, и когда я узнал, насколько это просто, мне пришлось поделиться с вами учебным пособием! Я собираюсь провести вас через свой простой процесс, и, прежде чем вы это узнаете, ваш текст будет POP, куда бы вы его ни поместили! Хорошее старое видео, прикрепленное внизу, для еще лучших визуальных эффектов, проверьте его!

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

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

Шаг 2. Расширьте пиксели контура

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

Шаг 3. Расширьте пиксели

Для расширения текста я увеличил его на 10. Это был довольно жирный набросок, но я действительно доволен им. На этом этапе вы хотите создать еще один новый слой (важно!) И перетащить его под текущий слой.

Шаг 4. Создайте схему POP

Нажмите «G», чтобы выбрать кисть, щелкните слой и залейте.Затем отмените выбор, нажав command + D или Ctrl + D для ПК.

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

---

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

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

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

Метод 1. Контурный набор текста с помощью параметра «Обводка»

Один из самых простых способов обвести текст в Photoshop — это настроить параметр «Обводка» текста. Фактически, Stroke дает вам множество вариантов настройки текста в изображениях.

ШАГ 1. Введите текст

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

ШАГ 2. Редактировать с помощью меню обводки

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

ШАГ 3. Настройте параметры стиля слоя

Теперь пора выбрать цвет контура текста Photoshop в окне «Палитра цветов». Как только вы выберете цвет, поиграйте с толщиной контура, используя ползунок «Размер». Чтобы изменить режим наложения, непрозрачность и тип заливки, воспользуйтесь дополнительными параметрами в окне стиля слоя.

ШАГ 4. Настройте выделенный текст

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

Метод 2. Создание надписи из нескольких обведенных букв

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

ШАГ 1. Введите текст на фоне

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

ШАГ 2. Создайте «прозрачный» слой

Введите текст на картинке или фоне. Затем создайте копию текстового слоя с именем «Прозрачный».

ШАГ 3. Отрегулируйте начертание

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

ШАГ 4. Отредактируйте с параметрами наложения

Щелкните правой кнопкой мыши текстовый слой и выберите «Параметры наложения». Перейдите в Layer Style> Stroke. Установите для параметра «Положение» значение «Снаружи». Непрозрачность должна быть установлена ​​на 100. Кроме того, отрегулируйте ползунок размера по своему вкусу. Чтобы подтвердить изменения, нажмите ОК.

ШАГ 5. Растеризация слоя

Еще раз щелкните правой кнопкой мыши слой с заливкой и выберите Rasterize Type.Текстовый слой будет преобразован в обычное растровое изображение, состоящее из пикселей.

ШАГ 6. Выберите часть заполненного текста

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

ШАГ 7. Очистите внутреннюю заливку

.

Нажмите кнопку «Удалить», чтобы удалить выделенную заполненную часть текста.В результате станет видимым нижний текстовый слой с контурным текстом Photoshop. Затем установите непрозрачность на 0% на вкладке «Слои».

ШАГ 8. Завершите работу в меню слоев

Наконец, объедините все видимые слои или сгладьте изображение с помощью специальных опций в меню «Слой».

Метод 3. Обводка любого шрифта Photoshop

Еще один эффективный способ обводки текста в Photoshop — сделать заливку букв невидимой.Текст будет окружен только рамкой, а буквы будут «пустыми». Чтобы выбрать идеальный объект для настройки, попробуйте программное обеспечение для управления шрифтами. Такой способ выделения текста обязательно понравится зрителям.

ШАГ 1. Введите текст

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

ШАГ 2. Отредактируйте текстовый слой

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

ШАГ 3. Настройте границы текста

Fiddle with the Stroke settings — установите для параметра Position значение Outside.Кроме того, отрегулируйте ползунок размера по своему вкусу. Что касается непрозрачности, рекомендуемая настройка — 100. Чтобы подтвердить изменения, нажмите OK.

ШАГ 4. Удалите текстовую заливку

Найдите параметр «Заливка» в правом верхнем углу вкладки «Слои» — обычно он находится под параметром «Непрозрачность». Выделите текстовые слои и установите Заливку на 0%. Таким образом, сплошная заливка текста или любого объекта исчезнет.

Бесплатные программы для Adobe Photoshop: шрифты

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

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

.