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

3,4463 золотых знака2525 серебряных знаков4343 бронзовых знака

Создан 30 окт.

1212 золотой знак22 серебряных знака66 бронзовых знаков

Ваша конфиденциальность

Нажимая «Принять все файлы cookie», вы соглашаетесь с тем, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в ​​отношении файлов cookie.

Принимать все файлы cookie Настроить параметры

Как выделить фон текста в Photoshop — Редактирование подписи

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

Простой учебник по выделению текста в Adobe Photoshop

Если вам интересно, как изменить цвет фона текстового поля в Adobe Photoshop, вы не одиноки.

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

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

Как выделить текст в Photoshop — 2 простых способа

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

МЕТОД ВЫДЕЛЕНИЯ № 1

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

МЕТОД ВЫДЕЛЕНИЯ №2

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

Вот как добавить цвет фона к вашему тексту в фотошопе.

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

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

А теперь создайте что-нибудь классное,

— Райан

Изменение фона текстовых эффектов в Photoshop

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

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

Я буду использовать Photoshop CC, но подойдет любая последняя версия. Давайте начнем!

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

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

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

Оригинальный текстовый эффект на черном фоне.

Новый фон

А вот новый фон, на который я хочу поместить текст. Я загрузил это из Adobe Stock:

Новый фон для эффекта.

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

Я вернусь к своему текстовому эффекту. И если мы посмотрим на панель «Слои», мы увидим три слоя, которые составляют эффект. У нас есть слой «Sparkles» сверху и два слоя Type под ним. У нас также есть фоновый слой внизу, заполненный черным:

Слои с текстовыми эффектами плюс фоновый слой.

Отключение фонового слоя

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

Отключение фонового слоя.

Это оставляет наш текст на прозрачном фоне. Photoshop представляет прозрачность с рисунком шахматной доски:

Фон за текстом заменен на прозрачность.

Как переместить текстовый эффект на новый фон

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

Метод 1. Использование формата файла PNG

Один из способов — сохранить эффект в формате файла, поддерживающем прозрачность. Формат JPEG не поддерживает прозрачность, поэтому он не будет работать. Но формат PNG подходит, и это тот формат, который нам нужен.

Как сохранить эффект как файл PNG

Чтобы сохранить текстовый эффект как файл PNG, перейдите в меню Файл в строке меню и выберите Сохранить как :

Переход к файлу> Сохранить как.

В диалоговом окне назовите свой файл (я назову свой «Золотой текст»), а затем установите Format на PNG . Выберите, где вы хотите сохранить его, а затем нажмите Сохранить :

Сохранение текстового эффекта как файла PNG.

Настройка параметров формата PNG

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

Выбор варианта наименьшего размера файла.

Открытие нового фона

С сохраненным файлом откройте новый фон:

Открытие нового фонового изображения.

Размещение файла PNG в документе

Перейдите в меню File и в Photoshop CC выберите Place Embedded . В Photoshop CS6 или более ранней версии выберите Place :

Переход к файлу> Поместить встроенный.

Выберите только что сохраненный файл PNG и нажмите Place :

Выбор файла PNG.

Photoshop помещает файл перед фоном:

Размещение файла в документе.

Вы можете использовать маркеры Free Transform для изменения размера текста, если это необходимо. Но в моем случае я просто приму его, нажав на клавиатуре Enter (Win) / Return (Mac). И вот так текстовый эффект был перемещен на новый фон:

Текст появляется на новом фоне.

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

Photoshop поместил файл как смарт-объект.

Метод 2: Скопируйте и вставьте

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

Удаление текстового эффекта.

Остается только фоновое изображение:

Остается только фоновое изображение.

Я переключусь на свой документ с текстовыми эффектами, и поскольку фоновый слой все еще отключен, мы все еще видим прозрачный фон за текстом:

Возвращение к текстовому эффекту.

Объединение текстового эффекта с новым слоем

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

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

Выбор верхнего слоя (с выключенным фоновым слоем).

Чтобы объединить текстовый эффект на новый слой, на ПК с Windows нажмите Shift + Ctrl + Alt + E на клавиатуре. На Mac нажмите Shift + Command + Option + E . Это объединит все видимые слои в новый слой над ними. Этот новый слой содержит текстовый эффект и ничего больше:

Текстовый эффект был объединен в один слой.

Убедитесь, что объединенный слой выбран, затем перейдите в меню Edit и выберите Copy :

Идем в меню «Правка»> «Копировать».

Откройте новое фоновое изображение:

Переход на новый фон.

Затем вернитесь в меню Edit и выберите Paste :

Идем в меню «Правка»> «Вставить».

Photoshop вставляет текстовый эффект на новый фон:

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

На панели «Слои» мы видим слой с текстовым эффектом над изображением. На этот раз это обычный слой, а не смарт-объект:

Слой текстового эффекта появляется над фоновым слоем.

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

Метод 3. Размещение документа с текстовым эффектом как смарт-объекта

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

Удаление слоя с текстовым эффектом.

А затем я вернусь к своему документу с текстовыми эффектами:

Возвращение к текстовому эффекту.

Снова включение фонового слоя

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

Снова включение фонового слоя.

Восстанавливает исходный черный фон за текстом:

Возвращается исходный фон.

Удаление объединенного слоя с текстовым эффектом

Я также удалю свой слой с объединенным текстовым эффектом, выбрав его и нажав Backspace (Win) / Delete (Mac) на моей клавиатуре:

Выбор и удаление объединенного слоя.

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

Теперь, когда я восстановил документ до исходного состояния, я сохраню его, перейдя в меню Файл и выбрав Сохранить :

Переход к файлу> Сохранить.

Затем я закрою свой текстовый эффект, вернувшись в меню Файл и выбрав Закрыть :

Переход к файлу> Закрыть.

Это оставляет мне только новое фоновое изображение:

Документ с текстовым эффектом закрыт.

Размещение текстового эффекта как смарт-объекта

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

Чтобы разместить документ с текстовым эффектом в моем документе с фоновым изображением, я перейду в меню File и выберу Place Embedded .В Photoshop CS6 или более ранней версии я бы выбрал Place :

Переход к файлу> Поместить встроенный.

На этот раз вместо того, чтобы выбирать тот файл PNG, который я сохранил ранее, я собираюсь выбрать фактический документ Photoshop текстового эффекта (файл .psd). Я нажимаю на него, чтобы выбрать его, а затем нажимаю Place :

Выбор документа Photoshop для текстового эффекта.

Photoshop помещает текстовый эффект перед фоном, как и раньше:

Размещение документа с текстовым эффектом перед новым фоном.

Опять же, мы можем изменить его размер с помощью дескрипторов Free Transform, но я просто приму его, нажав Enter (Win) / Return (Mac). Однако обратите внимание, что исходный черный фон все еще отображается за текстом и блокирует просмотр нового фона. Это потому, что фоновый слой все еще был включен. Но это не проблема, потому что это легко исправить:

Текстовый эффект был добавлен, но исходный фон все еще отображается.

Редактирование содержимого смарт-объекта

Если мы посмотрим на панель «Слои», мы снова увидим текстовый эффект, добавленный в виде смарт-объекта над изображением:

Документ с текстовым эффектом помещен как смарт-объект.

Но на этот раз смарт-объект хранит не файл PNG, а копию всего документа с текстовым эффектом. Чтобы открыть смарт-объект и просмотреть его содержимое, дважды щелкните его миниатюру:

Открытие смарт-объекта для просмотра документа с текстовым эффектом.

Откроется текстовый эффект:

Документ текстового эффекта внутри смарт-объекта.

И если мы посмотрим на панель Layers, мы увидим, что все наши слои остались нетронутыми:

Панель «Слои», показывающая слои с текстовыми эффектами и фоновый слой.

Отключение фонового слоя

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

Отключение фонового слоя.

Это снова оставляет нам прозрачный фон:

Фон снова прозрачный.

Сохранение и закрытие смарт-объекта

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

Переход к файлу> Сохранить.

А затем, чтобы закрыть его, вернитесь в меню Файл и выберите Закрыть :

Переход к файлу> Закрыть.

И снова в основном документе исходный фон исчез, и мы видим новый фон на его месте:

Результат после отключения фонового слоя в смарт-объекте.

Бонус: усиление эффекта

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

Выбор фонового слоя.

Затем я сделаю копию изображения, нажав Ctrl + J (Win) / Command + J (Mac). Копия появится над оригиналом:

Создание копии фонового изображения.

Я нажимаю на копию и перетаскиваю ее над текстовым эффектом:

Перетаскивание копии изображения над текстом.

Это временно блокирует просмотр текста:

Текстовый эффект временно скрыт.

Наконец, чтобы скрыть черные области и смешать золотые блестки с текстом, я изменю режим наложения изображения с Нормального на Экран:

Изменение режима наложения слоя на Screen.

И вот мой окончательный результат:

Последний, усиленный эффект.

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

Выделите текст в Photoshop Elements

В этой статье объясняется, как выделить текст на фоне в Photoshop Elements.

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

Вот как выделить текст с помощью Photoshop Elements:

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

2. Откройте палитру слоев, если она еще не отображается («Окно »> «Слои »), затем нажмите , удерживая нажатой клавишу «Ctrl», (удерживая клавишу «Command» на Mac) на миниатюре T для типового слоя.Текст будет выделен рамкой.

3. Перейдите в меню Select > Modify> Expand и введите число от 5 до 10 пикселей. Это расширяет выбор вокруг типа.

4. В палитре слоя нажмите кнопку Create a new layer и перетащите этот новый пустой слой ниже текстового слоя.

5. Перейдите в меню «Правка »> «Заливка» … В разделе «Содержимое» установите значение «Использовать :» на Цвет , затем выберите цвет, который должен быть позади текста.Оставьте в этом диалоговом окне только раздел «Смешивание» и нажмите OK , чтобы залить выделение цветом.

6. Снимите выделение ( Ctrl-D в Windows или Command-D на Mac).

7. Перейдите в меню «Фильтр »> «Размытие»> «Размытие по Гауссу» и отрегулируйте величину радиуса для достижения желаемого эффекта, затем нажмите OK .

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

Текст в Photoshop против текста Photoshop Elements

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

Выделите текст в Photoshop Elements 14

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

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

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

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

3. Выбор шрифта для такого рода вещей очень важен. Курсив и шрифты Script работают не так хорошо, как вы думаете. В данном случае мы выбрали Myriad Pro Bold Semi Extended. Из-за того, что изображение достаточно большое, мы выбрали размер шрифта 400 пунктов.

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

5. На панели «Слои» продублируйте текстовый слой и назовите нижний текстовый слой Blur .

6. Выделите верхний текстовый слой, выберите инструмент Text Tool и измените цвет текста на основной яркий цвет, который вы собираетесь использовать.

7. Выберите слой Blur и выберите Filter> Blur> Gaussian Blur . Это откроет предупреждение о том, что слой должен быть преобразован в смарт-объект или растеризован. Щелкните Rasterize , чтобы продолжить.

8. Откроется диалоговое окно «Размытие по Гауссу», и вы можете использовать ползунок Radius для регулировки силы размытия.Убедитесь, что вы выбрали Preview , чтобы увидеть, как размытие «работает» как с текстом переднего плана, так и с фоновым изображением. Когда вас устраивает, нажмите OK .

9. Необязательно: вы можете использовать технику, показанную в первом подходе к этому проекту, но обязательно примените выделение и расширение выделения к слою размытия. Вы также можете «поиграть» с размытием, используя Edit> Transform> Free Transform , чтобы исказить размытие. Если вы это сделаете, не забудьте переместить размытие обратно в положение под текстом.

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

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

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

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

1. Проверьте, есть ли у текста отдельный слой

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

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

2. Создайте выделение

Сначала создадим выделение вокруг букв.Вы можете использовать любой инструмент выделения по своему усмотрению, но я рекомендую использовать Magic Wand Tool ( W ). Найдите его на панели инструментов слева. Сразу после выбора щелкните второй значок на верхней панели.

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

Другой способ добиться этого — удерживать нажатой клавишу Shift . Щелкните первую букву текста. Это создаст выделение.

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

3. Разверните выделение

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

Введите значение 2 или 3 пикселя и нажмите «ОК». Не устанавливайте флажок ниже.

4.Восстановить фон

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

Откройте меню «Правка» и перейдите к Заливке с учетом содержимого. Если вы любите экономить время с помощью сочетаний клавиш Photoshop, вы можете нажать комбинацию клавиш Shift + Ctrl + K / Shift + Cmd + K .

5. Отрегулируйте заливку выделения

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

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

6. Отмените выбор

Теперь текст удален и фон восстановлен. Все, что осталось, — это выбор.

Перейдите к «Выбрать» и перейдите к «Отменить выбор» или используйте горячие клавиши Ctrl + D / Cmd + D.Это приведет к исчезновению выделения.

7. Готово! Сохраните файл

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

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

БЕСПЛАТНЫХ шрифтов Adobe Photoshop

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

Делаем титры торчащими в Photoshop | Small Business

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

Контрастные тона

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

Drop Shadow

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

Outer Glow

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

Bevel and Emboss

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

Ссылки

Writer Bio

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

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

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

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

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

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

Шаг 1: Подготовка фона

Я использовал для этого урока пример слова HELLO.

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

Внизу палитры инструментов находятся палитры цветов Foreground и Background . По умолчанию они установлены на черный и белый соответственно.

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

Используйте круговой инструмент в палитре цветов , чтобы выбрать цвет.Вы также можете ввести шестнадцатеричный код. Мой номер # aa2828. Как только это будет сделано, нажмите OK . Теперь, когда инструмент Paint Bucket все еще выбран, щелкните пустую часть белого фона.

При этом убедитесь, что фоновый слой выбран.

Шаг 2: Подготовка текста

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

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

В меню вы увидите черный прямоугольник. Щелкните по нему; это вызовет Text Color Picker .

Используйте палитру цветов для выбора цвета текста. Мой желтый с шестнадцатеричным кодом # fff000.

Теперь ваше изображение должно выглядеть так.

Теперь о главной роли шоу: процесс контура.

Убедитесь, что текстовый слой выбран на панели слоев . В строке главного меню перейдите в Слой > Стиль слоя> Обводка . Кроме того, вы можете щелкнуть пустое место в поле текстового слоя. Это вызовет меню Layer Style .

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

Теперь ваше изображение будет выглядеть так.

В левой части меню Layer Style будет символ «+» рядом с Stroke .

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

Этот новый слой будет иметь те же настройки, что и предыдущий. С помощью палитры цветов измените цвет на белый, увеличьте размер примерно до 51% и нажмите OK.

Теперь ваше изображение будет выглядеть так.

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

Шаг 4: Последние штрихи — Освещение

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

Давайте начнем с создания реалистичной тени для текста.

Для этого нам нужно перейти в меню Layer Style . В строке главного меню перейдите в Слой > Стиль слоя> Тень . Кроме того, вы можете щелкнуть пустое место в поле текстового слоя.

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

Я потратил некоторое время, чтобы поиграть с параметрами Непрозрачность, Расстояние, Размах и Размер в меню. Поскольку свет падает прямо над изображением, убедитесь, что угол остается равным 90˚, и убедитесь, что установлен флажок Use Global Light .

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

Следовательно, нам нужно использовать несколько Drop Shadows . Как и в случае с опцией Stroke , вы заметите, что рядом с Drop Shadow есть символ «+». Щелкните его, чтобы создать вторую тень Drop Shadow .

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

Вот как теперь должно выглядеть ваше изображение.

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

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

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

Это создаст слой под названием Background copy . Убедитесь, что он остается выбранным.

Теперь перейдите в меню и выберите Layer> Layer Style> Gradient Overlay .

Это вызовет меню Gradient Overlay .

В меню Gradient Overlay дважды щелкните градиент. Откроется редактор градиента .

В редакторе градиентов два нижних цветных квадрата представляют два цвета градиента. Слева представлен цвет Darker , а справа — цвет Lighter Color.

Двойной щелчок по любому из них откроет меню выбора цвета.Начнем с цвета Darker Color.

Запомните цвет фона # aa2828. Для начала вы можете ввести шестнадцатеричный код в палитре цветов. После ввода цвета вручную переместите палитру цветов к более темному оттенку. Мой номер 912f2f.

Теперь нажмите ОК и сделайте то же самое с зажигалкой Color. Мой шестнадцатеричный код — # bc3434. Вот и все! Готовый градиент и законченный фрагмент текста с привлекательными контурами в Photoshop!

Также, в качестве примечания: вы можете использовать инструмент Stroke Tool для создания других замечательных контуров.Вам нужно только поиграть с опциями!

Ссылка на видео: https://www.youtube.com/watch?v=wZHoAPnfKTk&t=293s

Об авторе Betchphoto

Очарованный цифровым миром и особенно увлеченный всем, что связано с творчеством, Мартин является фотограф-любитель и специалист по цифровому маркетингу, имеющий более 10 лет опыта работы с Adobe Photoshop.