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

Содержание

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

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

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

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

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

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

Зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом, тем самым получив выделение, повторяющее его форму.
Теперь нужно определиться, чего же мы хотим добиться. Сделаем довольно толстую обводку со скругленными краями. Идем в меню «Выделение – Модификация – Расширить».
Здесь настройка только одна. Пропишем значение в 10 пикселей (размер шрифта 550 пикс).
Получаем вот такое выделение:
Чтобы произвести дальнейшее редактирование, необходимо активировать один из инструментов группы «Выделение».
Ищем на верхней панели инструментов кнопку с названием «Уточнить край».
Здесь нам необходимо изменить только один параметр – «Сглаживание». Поскольку размер текста у нас огромный, значение также будет довольно большим.
Выделение готово. Далее нужно создать новый слой, нажав на значок в нижней части палитры слоев (горячие клавиши здесь не сработают).
Находясь на этом слое, нажимаем сочетание клавиш SHIFT+F5. Появится окно с параметрами заливки. Здесь выбираем «Цвет», он может быть любой.
Получаем следующее:
Снимаем выделение сочетанием клавиш CTRL+D и продолжаем. Помещаем слой с обводкой под слой с текстом.
Далее дважды кликаем по слою с обводкой, вызвав стили. Здесь выбираем пункт «Наложение градиента» и нажимаем на значок, который указан на скриншоте, открывая палитру градиентов. Вы можете выбрать любой градиент. Набор, который вы сейчас видите, называется «Черно-белое тонирование» и входит в стандартную комплектацию Фотошопа.
Затем выберем тип градиента «Зеркальный» и инвертируем его.
Жмем ОК и любуемся…
Переходим на слой с текстом и изменяем непрозрачность заливки на 0% .
Дважды кликаем по слою, появляются стили. Выбираем пункт «Тиснение» и настраиваем примерно, как на скриншоте.

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

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

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

Помогла ли вам эта статья?

ДА НЕТ

Поделиться статьей в социальных сетях:

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

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

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

Этот урок будет целиком посвящен тому, как выделить текст в Фотошопе. Начнем!

Способов выделить надпись в программе немало, но мы потрудились и выбрали самые “ходовые” для работы, которыми и сами пользуемся.

Способ №1: Создаем слой с подложкой

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

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

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

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

На панели слоев создаем новый слой и размещаем его между текстовым и фоновым слоями.
Затем необходимо взять инструмент “Выделение” -> “Прямоугольная область”.
На созданном слое (между слоями с текстом и фоном) выделяем прямоугольную область вокруг текста. Перед тем, как это делать, мы убрали рамки вокруг логотип. Смотрите скриншот ниже:
Остается только залить выделенную область желаемым цветом. Обычно для подложки используют черный цвет. Чтобы не прибегать к панели инструментов, воспользуемся комбинацией горячих клавиш SHIFT+F5. В появившемся окне выбираем в пункте “Содержание” -> “Черный” или любой другой подходящий вариант:
После того, как подложка закрашена, снимите выделение горячими клавишами CTRL+D, или кликнув инструментом выделение по любому месту на холсте.
Чтобы подложка не смотрелась так “грубо”, нужно поиграть со значением “Непрозрачность” на слое. В нашем случае мы установили ползунок на отметке 50%.
Почти готово. Остался последний штрих – добавление тени. Да, переходим в параметры наложения слоя, на котором находится текст. Для этого кликните правой кнопкой мыши на слой и выберите “Параметры наложения”.
Альтернативный способ вызова – двойной клик по нужному слою. Перед нами откроется окно с множеством настроек. Выбираем “Тень” и настраиваем, как у нас или на свой вкус:
Кликаем “ОК” и получаем неплохой результат, который является одним из самых распространенных.

Экспериментируйте с подложкой, ведь главное в этом деле – практика. Идем дальше.

Способ №2: Обводка текста

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

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

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

Способ №3: Выделение текста при резкой смене цветов

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

А теперь давайте разбираться, как выйти из подобной ситуации.

Для начала нужно зажать клавишу CTRL и кликнуть на панели слоев по миниатюре слоя с надписью. Таким образом Фотошоп автоматически создаст выделенную область вокруг лого:
Затем необходимо перейти на слой с нашим фоновым изображением, кликнув ЛКМ по нему и, используя горячие клавиши CTRL+J, cкопировать выделение. Программа автоматически создаст новый слой с нашим текстом в цветах фонового изображения:
Переходим к волшебству. Убираем видимость (галочку) с самого верхнего слоя, где расположена наша надпись. Теперь нужно инвертировать цвета слоя благодаря комбинации клавиш CTRL+I. Должно получиться примерно так:
Получилось недурно, но еще есть над чем поработать. Давайте добавим нашему тексту немного обводки белого цвета в пункте “Выполнить обводку” в “Параметрах наложения”.
Затем “приправим” надпись немного тенями:

Вот и все! Кликаем “ОК” и получаем шикарный вариант выделенного текста на очень сложном фоне:

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

На этом все. Если остались вопросы, пишите об этом в комментариях. До встречи в наших следующих уроках.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Открываем фотошоп. Не забывайте, что у вас есть возможность работать в онлайн версии этой программы (https://pixlr.com). Она не проще, но некоторые вещи в ней можно выполнить быстрее, особенно если Photoshop на вашем компьютере притормаживает. Однако, хорошо, когда у вас есть своя собственная программа.

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

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

Размер не так важен. Пусть будет 600х400. Люблю прямоугольники.

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

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

Ну, а для того чтобы сделать ровную обводку, для начала надо что-либо написать. Выбираем инструмент «Текст» в панели справа. Его я пометил стрелкой.

Итак, мы написали текст.

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

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

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

Посмотрите, вот так выглядит текстовый слой.

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

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

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

Теперь все стало видно, кроме контура. Все дело в том, что цвет совпадает с текстом. Давайте его поменяем. Кликните по цвету.

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

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

Теперь выделение более заметно.

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

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

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

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

Ну а теперь давайте перейдем к «фишечкам».

Контур, тень, а также градиентная и узорная обводка текста

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

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

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

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

Куча бесплатных дополнений можно найти на сайте https://photoshop-master.ru.

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

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

Теперь возвращаемся в фотошоп. Напомню путь. Текстовый слой, правая кнопка мыши — «Режим наложения», «Выполнить обводку», тип обводки: «Узор». Найдите вот такую гайку, как на скриншоте.

Два простых и удобных способа поменять формат изображения

Теперь нужно загрузить узоры.

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

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

Готово. Узоров стало больше! Можете применять к тексту.

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

Далее вы можете пройти [urlspan]курс для начинающих веб-дизайнеров[/urlspan]. Первые три дня вам разрешается смотреть видео с этого сайта бесплатно. Откровенно говоря, если вы усидчивы, то этого времени хватит, чтобы захватить основу и многое понять. Самое главное – хотите ли вы связываться с этим.

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

Каждому, как говорится, свое.

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

Жду не дождусь когда смогу услышать лекции совладельца компании Red Keds. Компания очень крутая. Безумная команда, известная не меньше, чем студия Артемия Лебедева.

Мне посчастливилось уже несколько раз бывать на выступлениях профессионалов, в том числе из команды Red Keds, и это всегда праздник. Эти истории просто невозможно забыть! Например, один из дизайнеров рассказывал о том, как он за три минуты придумал логотип. Это была точка.

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

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

Источник: https://start-luck.ru/photoshop/obvesti-tekst.html

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

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

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

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

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

Зажимаем клавишу CTRL и кликаем по миниатюре слоя с текстом, тем самым получив выделение, повторяющее его форму.
Теперь нужно определиться, чего же мы хотим добиться. Сделаем довольно толстую обводку со скругленными краями. Идем в меню «Выделение – Модификация – Расширить».
Здесь настройка только одна. Пропишем значение в 10 пикселей (размер шрифта 550 пикс).
Получаем вот такое выделение:
Чтобы произвести дальнейшее редактирование, необходимо активировать один из инструментов группы «Выделение».
Ищем на верхней панели инструментов кнопку с названием «Уточнить край».
Здесь нам необходимо изменить только один параметр – «Сглаживание». Поскольку размер текста у нас огромный, значение также будет довольно большим.
Выделение готово. Далее нужно создать новый слой, нажав на значок в нижней части палитры слоев (горячие клавиши здесь не сработают).
Находясь на этом слое, нажимаем сочетание клавиш SHIFT+F5. Появится окно с параметрами заливки. Здесь выбираем «Цвет», он может быть любой.
- Получаем следующее:
Снимаем выделение сочетанием клавиш CTRL+D и продолжаем. Помещаем слой с обводкой под слой с текстом.
Далее дважды кликаем по слою с обводкой, вызвав стили. Здесь выбираем пункт «Наложение градиента» и нажимаем на значок, который указан на скриншоте, открывая палитру градиентов. Вы можете выбрать любой градиент. Набор, который вы сейчас видите, называется «Черно-белое тонирование» и входит в стандартную комплектацию Фотошопа.
1. Затем выберем тип градиента «Зеркальный» и инвертируем его.
Жмем ОК и любуемся…
Переходим на слой с текстом и изменяем непрозрачность заливки на 0%.
Дважды кликаем по слою, появляются стили. Выбираем пункт «Тиснение» и настраиваем примерно, как на скриншоте.

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

Мы рады, что смогли помочь Вам в решении проблемы.

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

Помогла ли вам эта статья?

ДА НЕТ

Источник: https://lumpics.ru/how-to-stroke-the-text-in-photoshop/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник: https://fast-wolker.ru/kak-sdelat-kontur-teksta.html

Как в Фотошопе (Photoshop) сделать обводку текста — инструкция

Вы задумывались, как сделать текст привлекательным. Оформите его красивым стилем. Рассмотрим, как в Фотошопе (Photoshop) сделать обводку текста.

А нужно ли это

Просматривая изображения с надписями, вы замечали, что тексту чего-то нахватает? Надпись смотрится не оформлено. Что предпринять? Обведите контент. Рассмотрим, как это сделать в Photoshop.

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

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

Делаем контур текста другим цветом

Напишите текст. Перейдите: Создадим, например, контур со скругленными краями. В меню выберите: Далее: Получилось следующее: Выберите инструмент: Нажмите кнопку «Уточнить»: Далее: Создайте новый слой: Активируйте слой. Перейдите: Далее: Выберите цвет: Нажмите «Ctr+D», чтобы снять выделение. Перемещаем слой: Нажимаем два раза ЛКМ по слою с обводкой. Отметьте пункт «Наложение». Выбираем стиль градиента: Далее: Получилось следующее:

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

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

Обводка текста в Photoshop онлайн

Перейдите по адресу: https://online-fotoshop.ru/. Онлайн версия оснащена ограниченным набором функций. Создать сложную обводку не получится. Выберите: Отредактируйте параметры:

Вывод

Мы рассмотрели, как в Фотошопе (Photoshop) сделать контур у текста. Используйте текстуру, чтобы добиться интересных эффектов. Экспериментируйте.

Источник: https://public-pc.com/kak-v-fotoshope-photoshop-sdelat-obvodku-teksta/

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

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

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

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

Этот способ подойдет для создания обводки текста в Фотошопе:

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

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

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

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

Базовые приемы редактирования фотографий в Фотошоп

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

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

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

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

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

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

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

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

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

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

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

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

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

Также можно выполнить обводку контура объекта:

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

Второй вариант:

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

Источник: http://composs.ru/sozdanie-obvodki-ili-kontura-v-photoshop/

Выделение/обводка текста в Фотошопе

Этот урок будет целиком посвящен тому, как выделить текст в Фотошопе. Начнем!

Способ №1: Создаем слой с подложкой

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

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

На панели слоев создаем новый слой и размещаем его между текстовым и фоновым слоями.
Затем необходимо взять инструмент “Выделение” -> “Прямоугольная область”.
На созданном слое (между слоями с текстом и фоном) выделяем прямоугольную область вокруг текста. Перед тем, как это делать, мы убрали рамки вокруг логотип. Смотрите скриншот ниже:
Остается только залить выделенную область желаемым цветом. Обычно для подложки используют черный цвет. Чтобы не прибегать к панели инструментов, воспользуемся комбинацией горячих клавиш SHIFT+F5. В появившемся окне выбираем в пункте “Содержание” -> “Черный” или любой другой подходящий вариант:После того, как подложка закрашена, снимите выделение горячими клавишами CTRL+D, или кликнув инструментом выделение по любому месту на холсте.
Чтобы подложка не смотрелась так “грубо”, нужно поиграть со значением “Непрозрачность” на слое. В нашем случае мы установили ползунок на отметке 50%.
Почти готово. Остался последний штрих – добавление тени. Да, переходим в параметры наложения слоя, на котором находится текст. Для этого кликните правой кнопкой мыши на слой и выберите “Параметры наложения”.Альтернативный способ вызова – двойной клик по нужному слою. Перед нами откроется окно с множеством настроек. Выбираем “Тень” и настраиваем, как у нас или на свой вкус:Кликаем “ОК” и получаем неплохой результат, который является одним из самых распространенных.

Экспериментируйте с подложкой, ведь главное в этом деле – практика. Идем дальше.

Способ №2: Обводка текста

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

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

Способ №3: Выделение текста при резкой смене цветов

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

Для начала нужно зажать клавишу CTRL и кликнуть на панели слоев по миниатюре слоя с надписью.
Таким образом Фотошоп автоматически создаст выделенную область вокруг лого:
Затем необходимо перейти на слой с нашим фоновым изображением, кликнув ЛКМ по нему и, используя горячие клавиши CTRL+J, cкопировать выделение. Программа автоматически создаст новый слой с нашим текстом в цветах фонового изображения:
Переходим к волшебству.
Убираем видимость (галочку) с самого верхнего слоя, где расположена наша надпись. Теперь нужно инвертировать цвета слоя благодаря комбинации клавиш CTRL+I. Должно получиться примерно так:
Получилось недурно, но еще есть над чем поработать. Давайте добавим нашему тексту немного обводки белого цвета в пункте “Выполнить обводку” в “Параметрах наложения”.
Затем “приправим” надпись немного тенями:

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

На этом все.

Если остались вопросы, пишите об этом в х. До встречи в наших следующих уроках.

Источник: https://MyPhotoshop.ru/vydeleniye-obvodka-teksta/

Заливка и обводка выделенных областей, слоев и контуров в Photoshop

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

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

Примечание.

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

Выберите основной цвет. (См. раздел Выбор цветов в палитре инструментов.)
Выберите инструмент «Заливка» .
Примечание.
Инструмент «Быстрая заливка» объединен с инструментом «Градиент» в панели инструментов. Если не удается найти инструмент «Быстрая заливка», нажмите и удерживайте в нажатом положении инструмент «Градиент», чтобы получить к нему доступ.
Укажите, должна ли быть выполнена заливка выделенной области основным цветом или узором.
Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)
Введите допуск для заливки.
Допуск определяет, насколько подобным по цвету должен быть пиксел (по отношению к пикселу, на котором выполнен щелчок), чтобы к нему была применена заливка. Допустимые значения находятся в диапазоне от 0 до 255.
При низком допуске происходит заливка пикселов цветами в диапазоне значений цветов, весьма подобных пикселу, на котором выполнен щелчок.
При высоком допуске происходит заливка пикселов цветами в более широком диапазоне.
Чтобы сгладить края выделенной области, в которой выполнена заливка, установите флажок «Сглаживание».
Чтобы выполнить заливку только пикселов, смежных с тем, на котором был выполнен щелчок, выберите параметр «Смежные пикселы»; оставьте параметр «Смежные пикселы» невыбранным, чтобы была выполнена заливка всех подобных пикселов в изображении.
Чтобы выполнить заливку пикселов с учетом объединенных данных о цвете, относящихся ко всем видимым слоям, установите флажок «Все слои».
Щелкните часть изображения, в которой необходимо выполнить заливку. Ко всем указанным пикселам в пределах заданного допуска применяется заливка основным цветом или узором.
Если при работе с некоторым слоем необходимо избежать заливки прозрачных областей, то следует обязательно заблокировать прозрачность этого слоя на панели «Слои». (См. раздел Закрепление слоев.)

Выберите область, в которой необходимо выполнить заливку. Чтобы выполнить заливку всего слоя, выберите этот слой на панели «Слои».
Выберите меню «Редактирование» > «Выполнить заливку», чтобы выполнить заливку выделенной области или слоя. Для заливки контура нужно выбрать контур и выбрать команду «Выполнить заливку контура» из меню панели «Контуры».
В диалоговом окне «Заливка» выберите одно из следующих значений в качестве параметра «Определение источника для заливки» или определяемый пользователем узор:
«Основной цвет», «Фоновый цвет», «Черный», «50 % серого» или «Белый»
Выполняется заливка выделенной области указанным цветом.
Примечание.
Если происходит заливка изображения CMYK с использованием параметра «Черный», то Photoshop выполняет заливку всех каналов полностью черным цветом.
Это может вызвать необходимость в применении большего количества краски по сравнению с допустимым по условиям эксплуатации принтера.
Для достижения лучших результатов при заливке изображения CMYK используйте параметр «Основной цвет» с указанием в качестве основного цвета соответствующего значения черного цвета.
Выполняется заливка цветом, выбранным в окне «Палитра цветов».
Укажите режим наложения и непрозрачность для краски. (См. раздел Режимы наложения.)
Если во время работы в каком-то слое необходимо выполнить заливку только областей, содержащих пикселы, выберите параметр «Сохранить прозрачность».
Нажмите кнопку «ОК», чтобы выполнить заливку.
Примечание.
Чтобы применить заливку основным цветом только к областям, которые содержат пикселы, нажимайте клавиши «Alt» + «Shift» + «Backspace» (Windows) или «Option» + «Shift» + «Delete» (Mac OS).
В результате этого сохранится прозрачность слоя.
Чтобы применить заливку фоновым цветом только к областям, которые содержат пикселы, нажимайте клавиши «Ctrl» + «Shift» + «Backspace» (Windows) или «Command» + «Shift» + «Delete» (Mac OS).

Сведения по использованию функции Редактирование > Заливка с учетом содержимого, представленной в Photoshop CC 20.0 (выпуск за октябрь 2018 года), см. в разделе Заливка с учетом содержимого.

Выберите часть изображения, в которой необходимо выполнить заливку.
Выберите меню «Редактирование» > «Заливка».
Примечание.
На слое фона нажмите клавишу Delete или Backspace, чтобы быстро получить доступ к диалоговому окну «Заливка».
В меню «Использовать» выберите один из следующих элементов.
Заполняет выделенную область схожим содержимым изображения, расположенным в непосредственной близости. Для оптимального результата выделение должно немного захватывать область, которая будет воспроизводиться. (Как правило, применения обычного лассо или выделенной области для этого достаточно.)
Примечание.
Заливка с учетом содержимого совмещает подобные элементы изображения на случайной основе. Если результат вас не устраивает, выберите «Редактирование» > «Отменить», а затем примените другую заливку с учетом содержимого.
(Включено по умолчанию) Алгоритмически смешивает цвет заливки с окружающим цветом
Заливка с учетом содержимого и цветовой адаптацией
Нажмите на инвертированную стрелку рядом с образцом узора и выберите узор из всплывающей панели. Дополнительные узоры могут быть загружены с помощью всплывающего меню панели. Выберите имя библиотеки узоров или запустите команду «Загрузить узоры» и перейдите в папку, содержащие узоры, которые вы хотите использовать.
Можно также применить один из прилагаемых узоров на основе сценариев, чтобы с легкостью создавать различные геометрические узоры заливки. Выберите «Узоры на основе сценариев» в нижней части диалогового окна заливки, а затем выберите узор заливки во всплывающем меню «Сценарий».
восстанавливает исходное состояние выделенной области или снимок экрана, выбранный на панели «История».

Заливка с учетом содержимого

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

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

Щелкните правой кнопкой по рабочему холсту и выберите «Серый», «Черный» или «Заказной». (Чтобы определить заказной цвет, выберите «Выбор иного цвета».)

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

Примечание.

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

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

Чтобы нарисовать окружность или квадрат, можно применить инструменты выделения овальной или прямоугольной области, а затем добавить к области выделения линию (называемую обводкой). Обводка выделенной области — это быстрый способ создать рамку вокруг объекта или заключить объект в кадр. Можно выполнить обводку любой выделенной области, созданной с помощью инструментов выделения.

На панели «Слои» нажмите кнопку «Создать слой» , чтобы создать новый слой для окружности или квадрата. Если для окружности или квадрата выделен отдельный слой, с этим объектом становится проще работать.
Выберите инструмент «Овальная область» или «Прямоугольная область» на панели инструментов.
Перетащите курсор в окне документа, чтобы создать форму. Нажимайте клавишу «Shift» во время перетаскивания, чтобы ограничить форму окружностью или квадратом.
Выберите меню «Редактирование» > «Выполнить обводку».
В диалоговом окне «Обводка» введите значение для параметра «Ширина», а затем щелкните образец цвета, чтобы открыть окно палитра цветов Adobe.
В палитре цветов определите нужный цветовой диапазон с помощью треугольных шкал на спектре цветов, а затем щелкните нужный цвет в поле цвета. Выбранный цвет появляется в верхней половине образца цвета. Исходный цвет останется в нижней половине. Нажмите кнопку «ОК».
Задайте местоположение обводки по отношению к области, выбрав значение «Внутри», «По центру» или «Снаружи». В случае необходимости измените другие настройки и нажмите «ОК». Photoshop выполнит обводку линии с использованием заданных значений параметров цвета и обводки.

Источник: https://helpx.adobe.com/ru/photoshop/using/filling-stroking-selections-layers-paths.html

основы работы с текстом для новичков

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

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

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

Добавляем текст в Фотошопе

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

Если вы хотите, чтобы текст шел вертикально, нужно нажать на инструмент «Текст» правой кнопкой мыши – тогда выпадет меню, в котором можно выбрать инструмент «Вертикальный текст».

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

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

Редактирование текста в Photoshop

Начало положено – у нас есть заголовок и абзац под ним. Давайте посмотрим, как мы можем изменить внешний вид текстов с помощью базовых инструментов Adobe Photoshop. Я создам новую надпись и маленький абзац, а на фон поставлю какую-нибудь картинку. Давайте теперь откроем вкладки «Окно» – «Символ» и «Окно» – «Абзац».

Это два главных окошка для форматирования текста, где есть все параметры. В окне «Символ» вы можете выбирать и менять шрифты, настраивать расстояние между буквами и многое другое. В окошке «Абзац» – настраивать выравнивание текстов и отступы. А теперь я расскажу обо всем подробнее.

Как поменять шрифт и размер текста

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

Если ваш Photoshop был выпущен до июня 2019 года, то для пропорционального изменения размера необходимо зажимать Shift.

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

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

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

Как изменить текст в Photoshop

Существует два способа поменять текст:

Нажмите на инструмент «Перемещение» (V), а затем дважды щелкните на текст.
Выберите инструмент «Текст» (Т) и щелкните на текст на холсте.

Как поменять цвет текста

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

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

Также можно менять цвет текста в окне «Символ», о котором я писала выше. Выберите слой с текстом, а потом щелкните по полю «Цвет». Вы прекрасны!

Если вы хотите поменять цвет только одной буквы, просто выделите ее инструментом «Текст». Я сделала новую картинку с кукурузкой и теперь хочу покрасить первую букву в желтый цвет. Выделяю ее, а затем нажимаю на окошечко «Цвет» в любой области – у меня целых три варианта.

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

Как скопировать текст

Чтобы скопировать текст в Фотошопе, необходимо выбрать нужный слой на холсте (снова убедитесь, что включен «Автовыбор»), зажмите Alt и потяните мышкой в сторону. Так вы можете сразу проконтролировать, куда разместить копию. Другой способ – бессмертные сочетания клавиш Ctrl + C и Ctrl + V, но в этом случае текст поместится на холст рандомно.

Если вы хотите скопировать текст так, чтобы он оказался ровно на том же месте, то потяните этот слой на панели «Слои» вверх или вниз с зажатым Alt.

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

Создаем эффекты для текста

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

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

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

Как сделать контур текста

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

Далее действуем примерно так же, как с обводкой: заходим в «Стили слоя» и выставляем цвет и толщину обводки. А теперь магия! В панели слоев выкручиваем пункт «Заливка» на 0%. Теперь у надписи виден лишь контур.

Как сделать прозрачный текст

Прозрачный (вырубленный) текст я буду делать на белой плашке. Сперва нужно создать новый документ и поместить в него какую-нибудь картинку. Сегодня мне особенно нравятся черно-белые пейзажи, ничего не могу поделать. Давайте создадим новый текстовый слой и напишем любое слово. У меня это будет «mystery» – думаю, отлично подходит.

Дальше следите за руками:

Нажимаем на инструмент «Прямоугольник» (U), чтобы сделать подложку. Я возьму прямоугольник белого цвета со скругленными углами.
Перемещаем эту фигуру под слой с текстом (потяните его на панели слоев вниз на один пункт).
Нажимаем правой кнопкой мышки на панели слоев по слою прямоугольника, затем на «Растрировать слой».
Теперь с зажатой кнопкой Ctrl кликаем по слою с текстом, прямо по значку «Т».
Скрываем текстовый слой, ткнув на иконку с глазиком.
Выбираем слой с плашкой и нажимаем Delete.

Как изменить прозрачность текста

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

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

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

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

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

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

Как сделать градиент текста

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

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

Меняем форму

Наклон

Для того чтобы сделать наклон текста, выберите его инструментом «Перемещение» или нажмите на него на панели слоев. Затем выберите вкладку «Редактирование» – «Трансформирование» – «Наклон».

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

Деформация

В Фотошопе есть специальное окно, посвященное деформации текста. Чтобы его открыть, нажмите на инструмент «Текст». Наверху появится кнопка, открывающая окно деформации. Здесь вы можете выбрать стиль и настроить уровень искажения текста. После этого текст все еще будет доступен для редактирования.

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

Помните, что после растрирования текст нельзя будет редактировать. Растрировав его, зайдите во вкладку «Редактирование» – «Трансформирование», а там выберите, к примеру, «Искажение».

Можно тянуть слово в любую сторону, попробуйте!

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

Как сделать текст по кругу

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

Наверху выберите пункт «Контур». Зажмите Shift, чтобы создать ровный круг, и отпустите, когда размер вас устроит. Чтобы начать писать текст по кругу, выберите инструмент «Текст» и щелкните прямо на контур нашего круга. Чтобы редактировать текст, кликните по нему дважды.

Заключение

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

Надеюсь, что эта статья помогла вам немного прокачать свой уровень владения Фотошопом 🙂

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

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

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

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

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

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

Шаг 2. Выберите существующий текстовый слой или создайте новый текстовый слой. Шаг 3: Нажмите «Слой» в верхней части экрана. Шаг 4: Нажмите «Стиль слоя» затем нажмите «Инсульт» вариант. Шаг 5: Нажмите «цвет» выбрать цвет, затем отрегулируйте размер контура, используя «Размер» ползунок в верхней части окна. Как только вы добились желаемого вида, нажмите «Хорошо» Кнопка в правом верхнем углу окна.

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

Резюме – Как набросать текст в фотошопе

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

Нажмите на «Слои» вариант в верхней части окна.

Нажмите «Стиль слоя»затем нажмите «Инсульт»,

Нажмите на «цвет» поле и выберите цвет для контура.

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

Нажмите на «Хорошо» кнопку, чтобы применить схему к вашему тексту.

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

Ввод текста по контуру объекта в Photoshop. Контур, текст и чёрная стрелка (инструмент выделения контура)

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

Уверенными движениями руки создадим контур закрытого типа и введём текст. Как это делать мы уже и знаем и умеем:

Очень хорошо! Теперь на панели инструментов выберем чёрную стрелку. Мы, таким образом, и стрелку выбираем, и ввод текста принимаем, и всё это одним щелчком (напомнил для закрепления):

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

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

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

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

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

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

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

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

Закончим «таскать» контур и, остановившись в любом месте холста, отпустим кнопку мышки, а вместе с кнопкой, естественно, и сам контур:

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

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

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

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

И вот, наконец, ромбик занял своё место на отрезке кривой, заполненной текстом:

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

Уже зная о возможности выделять и трансформировать контур, мы своим знанием можем, если это нужно, воспользоваться. Нажмём сочетание клавиш Ctrl+T и контур, вместе с находящимся на нём текстом, захватят маркеры выделения:

У нас есть возможность повернуть контур, уменьшить или увеличить в размере, но текст, при этом, останется неизменным:

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

Дааааа……, что-то макушка зачесалась. Изменим размер шрифта, например, на 12-й и посмотрим на то, что получится:

Ситуация с текстом изменилась в лучшую сторону (картинка увеличена):

Но, мы по-прежнему не видим двух недостающих слов текста «введём сюда». Давайте ещё уменьшим размер шрифта, выставив значение, например, «10». Нет, давайте значение «9»:

Замечательно! Текст виден полностью. Полностью-то, полностью, но это при увеличенном масштабе видимости. Посмотрим на текст в стандартном, 100% масштабе видимости:

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

Если такое изменение произойдёт, то нам нужно вернуться, немножко, назад, а затем, ухватившись уже за начальную точку (крестик) ввода текста, левее подвинуть её:

Ну что же, картина немного другая и даже, может быть, кому-то из нас радует глаз (такой подход больше нравится). Теперь уменьшим размер шрифта, выставив значение 12 или даже 14. Давайте 14. Не угадаем, — изменим:

Великолепно! Всё чётко рассчитали, мы молодцы!

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

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

Как нарисовать текст по контуру или форме в Photoshop

Бесплатные уроки Photoshop — научитесь работать с шрифтом

Добавление текста по контуру — важная техника для дизайнеров. Если вы хотите иметь возможность рисовать фигуру и перемещать текст вдоль нее или даже внутри нее, вы можете сделать это с помощью инструментов Photoshop Pen Tools и Shape Tools в сочетании с инструментом Type Tool. Я покажу вам, как это сделать.

Загрузить бесплатную 7-дневную пробную версию Photoshop

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

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

1. Создайте новый документ Photoshop. Я сделал свое изображение размером 1000 x 1000 пикселей с разрешением 72 пикселей на дюйм.

2. Выберите инструмент «Перо» на панели инструментов или нажмите P в качестве сочетания клавиш.

3. На панели параметров вверху экрана вы можете выбрать Shape или Path из первого раскрывающегося списка. Если вы выбрали Shape , выберите любой цвет для Stroke, НО убедитесь, что для цвета Fill установлено значение none .В противном случае Photoshop начнет раскрашивать вашу кривую по мере ее рисования, и это может быть немного запутанным и трудно увидеть, что вы делаете. Если вы выберете «Путь», цвета не будут задействованы, и вы просто нарисуете путь.

4. Нарисуйте простой изогнутый контур с помощью Pen Tool.

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

6. На панели параметров (ниже) выберите такие параметры, как шрифт и выравнивание, прежде чем вводить текст.Вы всегда можете изменить настройки параметров после того, как наберете текст. Когда вы пишете текст на белом фоне, не забудьте изменить цвет шрифта на какой-то другой, кроме белого, иначе вы не сможете его увидеть.

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

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

8. Когда вы закончите вводить текст, щелкните значок галочки на панели параметров, чтобы подтвердить текст (или любые внесенные вами изменения) и отменить выбор текста.

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

Как редактировать текст на пути

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

Перемещение текста на пути

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

1. Убедитесь, что ваш текстовый слой выбран, затем выберите инструмент Path Selection.Это Черная стрела.

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

3. Перетащите текст по контуру. Будет почти ощущение, что вы его толкаете. Вы увидите, как текст движется по нарисованным вами кривым.

Как добавить текст вокруг формы в Photoshop

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

1. Создайте новый документ в Photoshop. Я сделал свой 1000 x 1000 пикселей при 72ppi.

2. Выберите инструмент «Форма эллипса».

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

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

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

5. Наведите курсор инструмента «Текст» на круг и обратите внимание, как он изменится, обозначив «Текст на контуре». Начни печатать.

6. Как мы видели ранее с текстом на контуре, вы можете выбрать инструмент «Выделение контура» и переместить текст по контуру.

Как переместить шрифт внутрь фигуры

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

1. Начните с текста на контуре, как указано выше, и переместите текст в нужное место.

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

3. На панели символов перейдите в поле Baseline Shift и введите отрицательное число.В моем случае я обнаружил, что -35 перемещает текст вниз и поперек пути в нужное положение. Уменьшайте смещение базовой линии до тех пор, пока вы не будете довольны выравниванием текста с внутренней частью формы.

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

5. Снимите выделение с текста.Если вы все еще можете видеть форму эллипса, перейдите на панель «Слои» и отключите видимость на слое формы эллипса. Теперь ваш текст должен выглядеть примерно так:

Переместить текст внутрь нижней части круга

Мы видели, как добавить текст за пределами круга и как перемещаться внутри круга. Как нам разместить текст внутри в нижней части круга? Что ж, я рада, что вы спросили. Вот как:

1. Создайте векторную форму круга, как раньше, и добавьте текст снаружи.

2. Выберите инструмент «Выделение контура» на панели «Инструменты» и поместите курсор над текстом.

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

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

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

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

Загрузить бесплатную 7-дневную пробную версию Photoshop

Надеюсь, вы нашли эту статью о создании текста на контуре в Photoshop полезной.

Буду очень признателен, если поделитесь. Спасибо! 🙂

Здравствуйте! Я Дженнифер Фарли.
Я являюсь тренером Adobe Education и обучаю и помогаю людям изучать Photoshop, Illustrator и InDesign более 15 лет, а Lightroom — более 10 лет.

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

Другие уроки в Руководстве по типам Photoshop:

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

Присоединяйтесь к более чем 1500 новичкам и специалистам по Photoshop, которые подписались на информационный бюллетень Photoshop Bootcamp. Получайте советы и руководства по Photoshop прямо на свой почтовый ящик.

Получите бесплатную распечатываемую шпаргалку панели инструментов Photoshop

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

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

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

В этом сообщении блога я покажу вам, как применить обводку к тексту в Adobe Photoshop CC.

Шаг 1. Откройте документ или создайте новый холст

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

Шаг 2 — Создайте свой текстовый слой

Выбрав инструмент «Текст», щелкните холст. Это создаст новый текстовый слой и сразу отобразит текст-заполнитель. Вы можете заменить его выбранным вами словом или фразой.

Шаг 3. Измените шрифт и размер текста

Шрифт по умолчанию будет тем, что вы использовали ранее.Теперь вы должны изменить шрифт, размер и положение по своему усмотрению. Наш пример — League Gothic с размером 110. Мы также изменим цвет шрифта на белый, чтобы мы могли видеть наш черный контур при его создании.

Шаг 4 — Добавьте стиль слоя

Теперь нам нужно добавить наш стиль слоя «штрих». Щелкните маленький значок «fx» внизу панели слоев и выберите «штрих».

Шаг 5 — Добавьте свой штрих

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

Шаг 6 — Удалите заливку

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

Шаг 7 — Добавление второго штриха

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

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

Шаг 8 — Готовый тип

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

Как легко выделить текст в Photoshop — Medialoot

Photoshop Текстовые эффекты

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

Выделив текстовый слой, перейдите в Layer> Layer Style> Stroke и примените следующие настройки:

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

Шаг 4

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

Заключительные записи

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

Простой пластиковый текст со стилями слоев в Photoshop

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

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

Вот эффект, к которому мы стремимся:

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

Приступим!

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

Шаг 1. Откройте новый документ Photoshop

Первое, что нам нужно сделать, это открыть новый документ, поэтому давайте сделаем это быстро, используя сочетание клавиш Ctrl + N (Win) / Command + N (Mac). Это вызывает диалоговое окно «Новый документ» Photoshop. Выберите любой размер, который вам нравится. Я собираюсь использовать предустановленный размер 640×480, как обведено ниже:

Создайте новый документ Photoshop.

Шаг 2. Заполните документ черным цветом

Нажмите на клавиатуре букву D , чтобы сбросить цвета переднего плана и фона, так что черный станет вашим цветом переднего плана, а белый станет вашим цветом фона. Затем используйте сочетание клавиш Alt + Backspace (Win) / Option + Delete (Mac), чтобы залить новый документ цветом переднего плана, который в данном случае черный:

Нажмите «Alt + Backspace» (Win) / «Option + Delete» (Mac), чтобы залить новый документ черным цветом.

Шаг 3. Добавьте текст в документ

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

Выберите инструмент «Текст» в палитре «Инструменты» Photoshop.

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

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

Нажмите на клавиатуре букву X , чтобы поменять местами цвета переднего плана и фона, так что белый станет вашим цветом переднего плана. Мы собираемся выбрать лучший цвет для нашего текста с помощью стилей слоя, но пока подойдет белый цвет. Затем, выбрав шрифт белого цвета в качестве цвета переднего плана, щелкните внутри документа и добавьте текст. Я набираю слово «пластик»:

Щелкните внутри документа Photoshop и добавьте текст.

Измените размер текста по мере необходимости с помощью команды Photoshop Free Transform , нажав Ctrl + T (Win) / Comand + T (Mac), при этом появится поле Free Transform и обработает текст. Удерживайте Shift , чтобы ограничить пропорции текста, и перетащите любой из угловых маркеров, чтобы изменить размер текста. Удерживайте Alt (Win) / Option (Mac), а также перетащите, чтобы заставить текст изменить размер от его центральной точки. Нажмите Enter (Win) / Return (Mac), когда вас устраивает размер текста, чтобы принять изменение.

Шаг 4. Выберите цвет текста с помощью стиля слоя «Наложение цвета»

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

Щелкните значок «Стили слоя» в нижней части палитры слоев.

Выберите Color Overlay из появившегося списка стилей слоя:

Выберите стиль слоя «Наложение цвета».

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

Щелкните образец цвета, чтобы выбрать новый цвет для текста.

Это вызывает палитру цветов Photoshop . Я собираюсь выбрать голубой цвет для текста. Не стесняйтесь выбирать любой цвет, который вам больше нравится, но попробуйте выбрать более светлый оттенок цвета:

Выберите цвет для текста с помощью палитры цветов Photoshop.

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

Теперь текст отображается в выбранном вами цвете.

Я должен отметить, что у нас действительно не изменил цвет текста здесь, хотя теперь он отображается другим цветом. Технически текст по-прежнему белый. Мы просто наложили на него новый цвет, используя стиль слоя Color Overlay. Если бы мы отключили стили слоя, чего мы не сделаем, но если бы мы это сделали, текст снова стал бы белым.

Шаг 5. Добавьте внутреннюю тень к тексту, используя стиль слоя «Внутреннее свечение»

Далее мы собираемся придать нашему тексту более трехмерный вид, добавив внутреннюю тень. Итак, — это , настоящий стиль слоя «Внутренняя тень», но мы не собираемся его использовать, потому что он ограничен направленной тенью. Мы хотим, чтобы текст казался окруженным тенью, поэтому вместо использования готовой внутренней тени, которую дает нам Photoshop, мы собираемся создать наш собственный стиль слоя Inner Shadow, преобразовав стиль Inner Glow в стиль тень.

Для этого щелкните на слове Inner Glow в списке стилей слоя слева от диалогового окна «Стиль слоя». Убедитесь, что вы нажимаете прямо на слова. Не нажимайте просто внутри флажка, потому что все, что вам нужно, — это включить эффект. Нам нужен доступ к параметрам эффекта, и для этого вам нужно нажать на само название:

Щелкните на слове «Inner Glow» слева в диалоговом окне «Стиль слоя».

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

Параметры «Внутреннее свечение» в диалоговом окне «Стиль слоя».

Чтобы изменить «внутреннее свечение» на «внутреннюю тень», все, что нам нужно сделать, это изменить режим наложения вверху. Щелкните стрелку, направленную вниз, справа от слова «Экран» и измените режим наложения на Multiply . Наше свечение теперь является тенью, или, по крайней мере, оно будет тенью, когда мы выберем для него более темный цвет. Желтый цвет по умолчанию не очень хорошо работает в качестве тени, поэтому нажмите на образец цвета прямо под словом «Шум», что вернет палитру цветов Photoshop, и выберите более темную версию цвета, который вы выбрали для текст.Я выбрал голубой для своего текста, поэтому я выберу темно-синий для тени. Уменьшите Непрозрачность тени примерно до 50% , чтобы она не была такой интенсивной. Убедитесь, что Edge выбран для Source , и, наконец, увеличьте Size тени примерно до 13 пикселей .

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

Текст после применения внутренней тени.

Шаг 6: примените стиль слоя «Bevel and Emboss»

Затем мы собираемся добавить эффект «Bevel and Emboss» к нашему тексту, поэтому щелкните прямо по словам Bevel и Emboss в списке стилей слоя слева от диалогового окна Layer Style.Опять же, убедитесь, что вы нажимаете прямо на слова, а не просто нажимаете внутри флажка:

Щелкните на словах «Bevel and Emboss» слева от диалогового окна Layer Style.

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

Щелкните стрелку вниз справа от эскиза предварительного просмотра контура.

Затем щелкните стрелку вправо в правом верхнем углу всплывающего окна выбора контура:

Щелкните стрелку вправо в правом верхнем углу поля выбора контура.

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

Выберите «Контуры», чтобы загрузить новый набор контуров.

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

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

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

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

Теперь, когда мы можем видеть фактические названия каждого контура, прокрутите список вниз, пока не дойдете до того, который называется Ring-Triple , и дважды щелкните его, чтобы выбрать его:

Дважды щелкните контур «Ring-Triple», чтобы выбрать его.

Выбрав контур «Ring-Triple», давайте изменим остальные параметры Bevel и Emboss:

Измените параметры скоса и тиснения, обведенные красным.

Это настройки, которые я использовал для своего текста. Возможно, вам придется немного изменить их в зависимости от используемого шрифта и размера вашего текста.Начиная сверху и двигаясь вниз, увеличьте Depth примерно до 131% и Size примерно до 18 пикселей . В параметрах «Затенение» установите угол на 120 ° , если это еще не сделано, и установите высоту на 60 ° . Убедитесь, что Anti-aliased имеет отметку рядом с эскизом предварительного просмотра контура. Увеличьте Highlight Mode Opacity до 100% и, наконец, уменьшите Shadow Mode Opacity до 0% .

Теперь ваш текст должен выглядеть примерно так:

Текст после применения стиля слоя Bevel and Emboss.

Шаг 7. Применение стиля слоя «Контур»

Щелкните слово Contour слева от диалогового окна Layer Style. Это прямо под словами «Bevel and Emboss»:

Щелкните слово «Контур» в левой части диалогового окна «Стиль слоя».

Средний столбец диалогового окна «Стиль слоя» изменится на параметры «Контур».Мы собираемся использовать другой контур из тех, которые мы загрузили минуту назад. Щелкните стрелку вниз справа от миниатюры предварительного просмотра контура:

Щелкните стрелку вниз справа от эскиза предварительного просмотра контура.

На этот раз прокрутите список вниз, пока не дойдете до пункта с названием Shallow Slope-Valley . Дважды щелкните по нему, чтобы выбрать:

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

Вы можете настроить «блестящий» эффект по своему вкусу, перетаскивая ползунок Range влево или вправо, пока не будете довольны результатом. Я перетащу свой вправо и увеличу диапазон примерно до 85%:

Выполните точную настройку эффекта, отрегулировав значение «Диапазон».

Вот мой текст после добавления стиля слоя Contour:

Текст после применения стиля слоя «Контур».

Щелкните OK, чтобы выйти из диалогового окна Layer Style.

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

Нажмите Ctrl + J (Win) / Command + J (Mac), чтобы продублировать текстовый слой, так что теперь у вас будет два текстовых слоя в палитре слоев:

Дублируйте текстовый слой.

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

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

Шаг 9. Добавьте обводку к тексту

При повторном выборе исходного текстового слоя щелкните еще раз на значке Layer Style в нижней части палитры слоев и на этот раз выберите Stroke внизу списка:

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

Откроется диалоговое окно «Стиль слоя» с параметрами обводки в среднем столбце. Сначала увеличьте обводку Размер примерно до 6 пикселей :

Перетащите ползунок, чтобы увеличить размер штриха.

Затем щелкните образец цвета обводки , чтобы выбрать новый цвет обводки:

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

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

Пример цвета текста, который находится примерно посередине между самым светлым и самым темным цветами текста.

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

Шаг 10: примените стиль «Bevel and Emboss» к обводке

Вернитесь к параметрам «Bevel and Emboss», щелкнув слова Bevel and Emboss слева от диалогового окна Layer Style:

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

Диалоговое окно «Стиль слоя» изменится, и в среднем столбце снова отобразятся параметры «Фаска» и «Тиснение». Мы хотим применить стиль Bevel and Emboss к самой обводке, поэтому для этого щелкните стрелку вниз справа от слов «Inner Bevel» и измените Style на Stroke Emboss :

Измените «Стиль» скоса и тиснения на «Штрих-тиснение».

Мы почти закончили. Вернитесь к опции «Gloss Contour» и еще раз нажмите на стрелку, указывающую вниз, справа от миниатюры предварительного просмотра контура.На этот раз прокрутите список вниз, пока не дойдете до пункта с названием Shallow Slope-Valley . Дважды щелкните по нему, чтобы выбрать:

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

Пока вы находитесь внизу опций Bevel и Emboss, увеличьте Shadow Mode Opacity примерно до 40% :

Увеличьте непрозрачность теневого режима до 40%.

Наконец, вернитесь наверх и уменьшите значение Depth примерно до 41% , затем увеличьте Size , перетаскивая ползунок вправо, пока вы не увидите, что штрихи букв сливаются вместе.Я увеличил свой до 24 пикселя Нажмите OK, когда вы будете довольны результатом, чтобы выйти из диалогового окна Layer Style, и все готово! Вот и финальный эффект «пластикового текста»:

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

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

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

Текстовый эффект веб-кнопки — Planet Photoshop

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

Обучающие материалы
1- Большой узор из углеродного волокна от Factorio.us Collective.
2- Шрифт Comfortaa.

Загрузка контуров
Вам может потребоваться загрузить контуры, используемые в некоторых стилях слоя ниже. Для этого перейдите в Edit -> Preset Manager и выберите Contours в раскрывающемся меню Preset Type.

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

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

Шаг 1

Создайте новый документ размером 1100 x 750 пикселей и создайте новый слой поверх фонового слоя, затем назовите его «Градиент BG». Установите цвет переднего плана на # 717171 и цвет фона на # 3a3a3. Выберите инструмент «Градиент», выберите «От переднего плана к фону», «Радиальный градиент» на панели параметров.Затем щелкните и перетащите из центра документа в один из углов.

Дважды щелкните слой «Gradient BG», чтобы применить эффект Pattern Overlay. Измените режим наложения на Overlay и выберите шаблон «Carbon Fiber Big» (ссылка для скачивания в разделе «Учебные материалы»).

Это добавит простой узор к фону.

Шаг 2

Создайте текст, используя шрифт Comfortaa. Цвет шрифта — # 464646, его размер — 230 пунктов, а значение отслеживания — 175, чтобы избежать перекрытия обводки, которое будет добавлено позже в руководстве.

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

Шаг 3

Выберите инструмент «Кисть» и откройте панель «Кисть» («Окно» -> «Кисть»). В разделе «Форма кончика кисти» выберите жесткую круглую кисть 35 пикселей, затем установите Интервал на 1%.

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

Установите цвет переднего плана на # 414141 и выберите инструмент «Прямое выделение». Щелкните правой кнопкой мыши по контуру и выберите «Обводка контура». в раскрывающемся меню «Инструмент» выберите «Кисть» и нажмите «ОК».

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

Шаг 4

Создайте новый слой под слоем «35» и назовите его «50».Выберите инструмент «Кисть», измените размер кисти на 50 пикселей и цвет переднего плана на # 363636, затем выберите инструмент «Прямое выделение» и обведите контур, как вы делали ранее.
Нажмите клавишу Enter / Return, чтобы избавиться от пути.

Дублируйте слой «50», затем нажмите и удерживайте клавишу Ctrl / Cmd и щелкните миниатюру слоя «35», чтобы создать выделение.

Убедитесь, что выбран слой «50 копий», затем нажмите клавишу Delete, чтобы удалить выбранную часть.
Перейдите в Select -> Deselect (или нажмите Ctrl / Cmd + D), чтобы избавиться от выделения.

Дважды продублируйте слой «35», затем перетащите две копии поверх всех слоев и измените их значение Заливки на 0.

Шаг 5

Дважды щелкните слой «50 копий», чтобы применить следующий стиль слоя:

Bevel and Emboss: измените Depth на 300, установите флажок Anti-aliased и измените режим Highlight Mode на Vivid Light.

Контур: выберите Конус — Инвертированный контур и установите флажок Сглаживание.

Это стилизует внешнюю часть обводки.

Шаг 6

Дважды щелкните слой «35», чтобы применить следующий стиль слоя:
Внутренняя тень: просто измените размер на 10.

Drop Shadow: используйте значения по умолчанию.

Это придаст внутренней части некоторую глубину.

Шаг 7

Дважды щелкните исходный текстовый слой, чтобы применить следующий стиль слоя:
Bevel and Emboss: измените стиль на Pillow Emboss, Gloss Contour на Cove — Deep и установите флажок Anti-aliased.

Контур: выберите контур «Полукруглый» и установите флажок «Сглаживание».

Inner Glow: измените режим наложения на «Яркий свет», непрозрачность на 100%, цвет на # 33fffd, источник на центр и размер на 16.

Это создаст первый слой внутреннего свечения.

Шаг 8

Щелкните правой кнопкой мыши исходный текстовый слой, выберите «Копировать стиль слоя», затем щелкните правой кнопкой мыши скопированный текстовый слой и выберите «Вставить стиль слоя».
Дважды щелкните слой с текстом копии, чтобы изменить эффект внутреннего свечения.
Измените режим наложения на Linear Light, непрозрачность на 100%, цвет на # 33cdff, источник на центр и размер на 24.

Это добавит еще один слой внутреннего свечения, чтобы усилить его.

Шаг 9
Дважды щелкните слой «35 копий», чтобы применить следующий стиль слоя:
Bevel and Emboss: измените размер на 21, снимите флажок Use Global Light, измените угол на 100, высоту на 70, установите флажок «Сглаживание», измените режим выделения на «Яркий свет» и его цвет на # d4d4d4.

Contour: просто установите флажок Anti-aliased.

Это сделает эффект немного трехмерным.

Шаг 9
Дважды щелкните слой «35 копий 2», чтобы применить следующий стиль слоя:
Bevel and Emboss: измените размер на 21, снимите флажок Use Global Light, измените угол на 90, высоту на 48 установите флажок «Сглаживание», измените режим выделения на «Яркий свет» и для параметра «Непрозрачность режима тени» установите значение 0.

Контур: выберите Контур журнала и установите флажок Сглаживание.

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

Шаг 10

После применения всех стилей слоя дважды щелкните слой «50», чтобы применить эффект «Тень».
Измените Непрозрачность на 100%, Расстояние на 12, Разброс на 10 и Размер на 20.

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

Шаг 11

Щелкните правой кнопкой мыши текстовый слой и снова выберите «Создать рабочий контур». Создайте новый слой поверх обоих текстовых слоев и назовите его «Center Glow», затем измените его режим наложения на Overlay. Выберите мягкую круглую кисть 5 пикселей, установите цвет переднего плана на # 00fefc, используйте инструмент «Прямое выделение», чтобы обвести рабочий контур.
Это усилит свечение по краям детали в центре.

Создайте новый слой поверх слоя «Center Glow» и назовите его «Corners Glow».Выберите инструмент «Перо», затем выберите «Путь» на панели параметров.

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

Когда вы создаете путь, вам нужно будет нажать Ctrl / Cmd + Click за его пределами, прежде чем вы сможете создать другой путь где-нибудь еще.
На изображении ниже показано, где были добавлены пути.

Шаг 12

Выберите инструмент «Кисть» и откройте панель «Кисть».Выберите мягкую круглую кисть 5 пикселей, затем в разделе «Динамика формы» выберите «Нажим пера» в раскрывающемся меню «Управление дрожанием размера» и установите для параметра «Минимальный диаметр» значение 15%.
Это заставит кисть бледнеть на обоих концах каждого пути.

Выберите инструмент «Прямое выделение», щелкните правой кнопкой мыши путь, выберите «Обводка контура», затем установите флажок «Имитировать давление» и нажмите «ОК».
Затем нажмите Enter / Return, чтобы избавиться от рабочих путей.

Шаг 13
Дважды щелкните слой «Corners Glow», чтобы применить следующий стиль слоя:
Inner Glow: измените непрозрачность на 100%, цвет на #ffffff и источник на центр.

Outer Glow: измените режим наложения на Linear Light, цвет на # 2dfffc и размер на 13.

Это заставит углы светиться еще больше.

Шаг 14

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

Создайте новый слой поверх всех слоев и назовите его «Шум». Установите цвета переднего плана и фона на черный и белый, затем перейдите в Filter -> Render -> Clouds.
Нажмите Ctrl / Cmd + D, чтобы убрать выделение.

Измените режим наложения слоя «Шум» на «Мягкий свет».

Шаг 15

Перейдите в Фильтр -> Шум -> Добавить шум. Измените Amount на 60, Distribution на Gaussian и установите флажок Monochromatic.

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

Заключение

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

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

Как реалистично наложить текст на фотографию в Adobe Photoshop. Урок

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

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

Спасибо за ознакомление с учебником на этой неделе.

Как добавить реалистичный текст к фотографии в Adobe Photoshop. Также работает над иллюстрациями.

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

Создайте и раскрасьте текст

Шаг 1

Откройте фотографию (или иллюстрацию), которую вы будете использовать.

Шаг 2.

Давайте выберем цвет.

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

Шаг 3.

Выберите инструмент «Текст». Я использую сокращенный шрифт, это Bernard MT Condensed.

И я собираюсь ввести PHOTOSHOP CAFE и перетащить его на место.

Step 4

Самый быстрый способ изменить размер текста — нажать Ctrl T, это будет Command T на Mac, переместиться в угол, удерживать клавишу Shift, чтобы ограничить его, а затем перетащить его пропорционально Наполни эту бочку.

Нажмите Enter, чтобы применить.

Обтекание объекта текстом

Нам нужно сделать две вещи:

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

Step 5

Щелкните правой кнопкой мыши слой типа на панели слоев и затем выберите «Растрировать тип».Это преобразует его в пиксели, чтобы мы могли их исказить.

Шаг 6

Нажмите Ctrl / Cmd + T; бесплатно Transform.

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

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

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

Нажмите Enter, чтобы применить.

Смешивание текстуры с шрифтом в Photoshop

Последнее, что нам нужно сделать, это наложить текст на текстуру, мы собираемся изменить режим наложения.

Step 7

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

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

Это основные шаги. Для большей реалистичности читайте дальше!

Xtra Кредит: Повышение реалистичности текста Photoshop с грубыми краями и рельефным видом.

Теперь сделаем его немного шероховатым.

Шаг 8

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

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

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

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

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

Выберите добавить из появившихся опций.

step 9

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

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

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

Добавление глубины 3D к тексту

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

Step 10

Выделив текстовый слой, щелкните маленький «fx» внизу панели слоев, чтобы добавить стиль слоя. Выберите внутреннюю тень. Поверните Непрозрачность до 100 и немного увеличьте Distance и посмотрите, как это придаст ему такой точеный вид.

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

Так что, в любом случае, это действительно простой небольшой урок о том, как добавить Type и сделать его более реалистичным.

Теперь обратите внимание, что режимы наложения играют большую роль в создании реалистичного изображения, и есть много вещей, которые вы можете сделать с помощью режимов наложения слоев. И поэтому я действительно создал для вас бесплатную электронную книгу. Здесь нет рекламы. Это просто чистый контент. Посмотрите эту электронную книгу. Он дает пример каждого отдельного режима наложения, а также множество мест, где его можно использовать. Загрузите бесплатную электронную книгу о режимах наложения слоев здесь! (На данный момент 200 000 загрузок! Ура!)

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

Надеюсь, вам это понравится, и каждую неделю будьте готовы к новому!

Не забудьте ознакомиться с нашими учебниками премиум-класса для непревзойденного обучения работе с Photoshop!

До следующей недели.

Рад видеть вас здесь, в КАФЕ

Колин

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

Идет загрузка.

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

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

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

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

Вот как:

Ознакомьтесь с продуктами, упомянутыми в этой статье:

Adobe Photoshop (от 239 долларов США.88 в Adobe)

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

1. Загрузите фотографию в Photoshop, к которой вы хотите добавить текст, открыв Photoshop, нажав «Файл» в верхнем меню и «Открыть» из раскрывающегося списка. Вы также можете сделать это, нажав «command» + «O» на вашем Mac или «control» + «O» на вашем ПК.

Начните с нажатия «Файл» в верхней строке меню.Эмма Уитман / Business Insider

2. Выберите фотографию, которую вы хотите импортировать в Photoshop, и нажмите синюю кнопку «Открыть».

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

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

Поначалу довольный размером контура, я вернулся и попробовал немного более тонкий эффект контура, который я выбрал для окончательного изображения.Эмма Уитман / Business Insider

5. Нажмите «Ход». Измените «Размер», перетащив стрелку через полосу справа от «Размер:» или вручную введя число в поле справа от полосы, пока не будете довольны внешним видом контура. Вы также можете настроить цвет и непрозрачность в том же окне.

Вы можете настроить текст, чтобы он соответствовал видимости вашего изображения и эстетическим целям.Эмма Уитман / Business Insider .