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

Разное 

Содержание

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

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

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

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

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

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

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

На следующем этапе устанавливаем для этого слоя заливку в 20%.

Далее, кликаем два раза по слою выделения и вызываем окно свойства слоя. Открываем вкладку «

Обводка«. Здесь в пункте «Цвет» выбираем белый цвет. Размер выставляем два пикселя. В разделе положение ставим «Снаружи», а «непрозрачность» устанавливаем как 50%.

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

Затем в главном меню выбираем «Фильтр-Размытие-Размытие по Гауссу».

Радиус размытия устанавливаем равным 20.

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

Вот такой текст на фоне можно создать. Потренировавшись, можно создавать свои варианты фона как однотонные, так и цветные градиентные. Удачи!

Автор публикации

0 Комментарии: 1Публикации: 179Регистрация: 02-12-2017

Как изменить текст в фотошопе?

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

  • Изолируйте слой, который вы редактируете, чтобы не удалить ничего существенного. Вы также можете продублировать фоновый слой, чтобы гарантировать, что вы не испортите исходное изображение. Кликните по нему в палитре слоев и нажмите Ctrl + J или Cmd + J, чтобы создать копию оригинала:
  • Перед тем, как убрать надпись на фото в фотошопе , определите тип фона под ним. В Photoshop есть много инструментов для удаления текста, но вам нужно убедиться, что вы используете правильный:
  • Текст без рендеринга: если в палитре слоев напротив слоя текста значится буква «Т«, значит текст еще может быть отредактирован. Нажмите кнопку «T«, чтобы включить инструмент «Текст», а затем нажмите на текст, чтобы заменить его:
  • Одноцветный фон: Создайте новый слой и используйте инструмент «Пипетка», чтобы подобрать цвет фона. Затем используйте кисть, чтобы закрасить старый текст:
  • Сложный фон: Вам нужно использовать сложные инструменты, чтобы повторить фон. Остальная часть этой статьи будет посвящена именно таким сложным задачам, а также инструментам, необходимым для их выполнения:
  • Перед тем, как изменить текст на фото в слое Фотошопа, увеличьте масштаб, чтобы обрезать текст максимально точно по контурам букв. В этом случае нам придется заменять меньше фона. Чем больше вы увеличите масштаб, тем лучше будет выглядеть конечное изображение:
  • Выделите текст, который вы хотите удалить с помощью инструмента «Быстрое выделение» или «Лассо». Если текст на фоне выглядит как буквы на неровной поверхности, используйте соответствующий инструмент выделения, чтобы точнее отметить текст. Линия контура должна плотно прилегать к тексту:
  • Обведите текст, а затем перейдите в Выделение>Уточнить края, чтобы получить идеальное выделение;
  • В качестве альтернативы вы можете, удерживая нажатой клавишу Ctrl / Cmd кликнуть по текстовому слою, чтобы выделить его.

Если текст уже находится в отдельном слое, удерживая Ctrl / Cmd, кликните по его миниатюре (обычно она выглядит как буква «T«), чтобы выделить весь текст сразу:

  • Расширьте выделение на 5-10 пикселей за пределы исходного текста. Для этого нажмите на кнопку Выделение> Модификация>Расширить.Перед тем, как редактировать текст в Фотошопе, нам нужно создать небольшую рамку вокруг него. Это фон, который будет использоваться для замены текста.

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

  • Текст выделен;
  • У вас есть 5-10 пикселей выделенного пространства вокруг текста;
  • Выбран слой с соответствующим фоном.

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

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

Нажмите «OK», чтобы создать заливку. Эта заливка является случайной, поэтому, если она не совсем подходит, вы можете вернуться в Редактирование> Выполнить заливку и попробовать снова, чтобы получить лучший результат. Если у вас с первого раза не получилось так, как вы хотите, попробуйте:

  • Перейти к разделу «Уточнить края» до того, как выбирать пункт «Выполнить заливку», и растушевать края выделения. Это поможет лучше смешать пиксели;
  • Изменить «Режим наложения» в меню заливки. Уменьшите непрозрачность до 50% и попробуйте создать 2-3 заливки поверх друг друга, чтобы получить более случайный эффект;
  • Используйте вместе с «Пипеткой» инструменты «Кисть» и «Градиент», чтобы закрасить проблемные места.

Найдите подходящий шрифт перед тем, как начать редактирование текста в фотошопе. Если вы знаете шрифт, которым был написан оригинальный текст, или хотите выбрать свой собственный, вы можете выбрать его при активном инструменте «Текст». Но если вы хотите использовать точно такой же шрифт, придется немного покопаться. Вы можете скачать шрифты бесплатно в интернете и добавить их в Photoshop (как правило, это файлы с расширением .ttf). Вы также можете использовать сайт WhatTheFont, который определяет шрифт на загруженном пользователем изображении:

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

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

С помощью функции «Произвольная трансформация» задайте нужный угол и форму редактируемого текста в Фотошопе, и поместите его в нужном месте. Чтобы применить произвольную трансформацию, убедитесь, что ваш новый текст выбран в меню слоев. Затем нажмите Ctrl + T или Cmd + T, чтобы преобразовать текст. Вы можете также перейти в Редактирование> Произвольная трансформация. В появившемся окне измените размер объекта.

Также вы можете:

  • Кликнуть в любой точке, чтобы изменить размер текста от этой точки;
  • Удерживая нажатой клавишу Shift, пропорционально изменить размеры;
  • Удерживая нажатой клавишу Ctrl или Cmd, нажать в любой точке, чтобы при трансформации задать перспективу от этой точки;
  • Удерживая нажатой клавишу Alt или Opt, растянуть, сжать, или перевернуть текст.

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

С помощью кисти постепенно изогните текст, как вам нужно:

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

Если вы в процессе того, как в Фотошопе редактировали текст на картинке, допустили ошибки, то нажмите сочетание клавиш Ctrl / Cmd + Z. Это комбинация для отмены операции.

Данная публикация является переводом статьи «How to Replace Text in Adobe Photoshop» , подготовленная редакцией проекта.

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

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

под дубликатом:

На данный момент новый слой полностью пустой. Давайте заполним его белым цветом. Для этого сначала нажимаем на буквенную клавишу D, при этом в цветовой палитре цвета вернулись к дефолтным, т.е. чёрный — цвет переднего плана, а белый — фоновый. Для заливки слоя фоновым цветом нажимаем комбинацию клавиш Ctrl+Delete (или Ctrl+Backspace).
При этом вид основного документа не изменится, так как верхний слой блокирует просмотр находящегося под ним белого, но в Панели слоёв видно, что слой залит белым:

Кликните по самому верхнему слою в Панели слов для его выбора, на инструментальной панели выберите инструмент «Текст» (Type Tool) и тир шрифта. Как правило, этот эффект лучше применять к шрифту с толстыми буквами. Я сейчас собираюсь выбрать шрифт Arial. Кстати, на данный момент не беспокойтесь по поводу размера шрифта.

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

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

Итак, на данный момент у нас активен инструмент «Текст», выбран шрифт и его цвет. Сделайте надпись на основном документе, поскольку я использую фото Гавайев, я собираюсь набрать слово «HAWAII»:

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

Нажмите клавиши Ctrl+T для активации инструмента «Свободная трансформация» и используя маркеры на углах рамки трансформации, растяните текст по всему изображению:

Для применения действия инструмента нажмите клавишу Enter.

Перетащите тестовый слой так, чтобы он оказался под верхним слоем (под «Слой 1»):

Снова кликните по верхнему слою и создайте обтравочную маску. Для создания обтравочной маски зажмите клавишу Alt и наведите курсор между слоями в Палитре, при этом курсор изменит отображение. Кстати, вид значка создания обтравочной маски в CS6 отличается от версий ниже. На рисунке ниже я привёл отображение значка в CS6 (cлева) и в CS5 и (справа):

И, если мы теперь посмотрим в окно рабочего документа, мы увидим, что эффект готов, картинка появилась в тексте:

Можно ещё для красоты и придания объёма тексту добавить стили слоя, «Тень» (Drop Shadow) и «Внутреннюю тень» (Inner Shadow):

просто и быстро — МирДоступа

Расскажем как быстро удалить текст с фотографии без воздействия на общий фон…

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

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

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

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

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

  1. Открыть изображение.
  2. Выбрать в списке инструментов выбрать Лассо и выделить текст, который необходимо удалить.
  3. После выделения текст, который нужно удалить должен быть выделен пунктиром.
  4. Кликнуть по выделенному объекту правой кнопкой мыши клавишей и в выпавшем меню выбрать команду «Выполнить заливку». Выбрать значение Аware Fill — c учётом содержимого*.
  5. Если фон однородный, то заливка с учетом содержимого чаще всего бывает достаточной для удаления любого текста.

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

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

* Если активировать Аware Fill — c учётом содержимого фотошоп будет автоматически заполнять удаляемую область с учётом того содержимого, которое находится за выделенной областью. Другими словами, теперь при заливке фотошоп будет автоматически заполнять необходимый участок изображения той текстурой, которая находится за выделенным объектом.

Facebook

Twitter

Мой мир

Вконтакте

Одноклассники

Как в Фотошопе убрать надпись с картинки / Фотообработка в Photoshop / Уроки фотографии

Дата публикации: 05. 12.2017

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

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

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

Рассмотрим пример, как в Фотошопе стереть надпись, не повредив фон (её мы добавили специально).

Выбираем инструмент Lasso Tool/«Инструмент “Лассо”» и мышкой обводим надпись.

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

После этого кликаем правой клавишей мыши по выделенной области и выбираем пункт меню Fill/«Выполнить заливку».

В появившемся диалоговом окне в параметре Contents надо задать значение Content-Aware/«С учётом содержимого». Такая настройка даёт программе указание автоматически заполнить выделенную область, основываясь на том, что изображено на фотографии рядом. В случае однородных поверхностей или каких-то текстур результат получается качественным.

После этого нажимаем в диалоговом окне на кнопку Ok и видим, что наш текст пропал, а Фотошоп «дорисовал» область максимально похоже на окружение.

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

Для более сложных ситуаций подойдёт способ, основанный на использовании Clone Stamp Tool/«Инструмент “Восстанавливающая кисть”».

Давайте рассмотрим, как на картинке убрать надпись в Фотошопе на примере фотографии ниже.

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

Поэтому выбираем инструмент Spot Healing Brush Tool/«Инструмент “Точечная восстанавливающая кисть”».

В верхней панели инструментов задаём размер инструмента и обязательно уточняем, что параметр Type установлен в значение Content Aware/«С учётом содержимого». Смысл этого параметра аналогичен описываемому в предыдущем способе — Фотошоп будет пытаться восстанавливать область воздействия с учётом структуры изображения.

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

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

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

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

Шрифт выглядит более толстым (белый цвет с темным фоном) на веб-странице



У меня есть вопрос к шрифту под названием Rockwell Std Light. Я использовал in Photoshop, чтобы показать белый текст с синим фоном, а также сделал то же самое в Dreamweaver. Тем не менее, шрифт всегда выглядит толще на веб-странице. Кто-нибудь знает, какая здесь может быть проблема? Веб-страница — это просто очень простая настройка цвета фона DIV и CSS.

Заранее спасибо.

Картинка-сравнение с Photoshop & Dreamweaver

css fonts dreamweaver photoshop frontend
Поделиться Источник GWW     08 июня 2011 в 14:15

2 ответа

  • Цвет фона Multiterm неправильный

    Я добавил мульти-терм в свою конфигурацию emacs. Он отлично работает, но любой текст в консоли и некоторые пробелы (в том числе в vim от ssh) имеют белый фон, и поскольку я использую более глубокий синий стиль с темным фоном, это выглядит не очень красиво. Как это исправить? Вот экран:…

  • Есть ли какой-нибудь способ изменить цвет текста «halfway» через символ на веб-странице?

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


1

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

Поделиться joakimdahlstrom     08 июня 2011 в 14:19


1

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

В целом, однако, вы не должны использовать шрифт, такой как Rockwell Std Light, на веб-странице, так как это не «web safe font», т. Е. Не у всех в системе установлен этот шрифт, поэтому те, кто его не видит, его не увидят. См . http://www.w3schools.com/css/ css_websafe_fonts.asp для некоторых распространенных.

У вас есть несколько вариантов нестандартных шрифтов, если вы хотите кросс-браузерную / системную совместимость:

  1. Сохраните текст в виде изображения в Photoshop и включите его на свою веб-страницу в виде изображения (обязательно укажите текст alt)

  2. Используйте такую услугу, как TypeKit

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

Поделиться Ant     08 июня 2011 в 14:51

Похожие вопросы:


Flash активности с темным фоном при создании

У меня есть действие с фоном коры, запущенное как singleInstanse , и когда оно запускается в первый раз, у него есть снимок белого flash (показан белый фон) перед показом его содержимого. Как я могу…


Изменение цвета фона редактирования текста в NSTableView с темным фоном

У меня есть вид на основе NSTableView с темным фоновым цветом. Cocoa решил, что текст в текстовых полях, всплывающих кнопках и т. д. лучше читается, если текст белый. Это само по себе хорошо, у меня…


Использование TinyMCE для сайтов с темным фоном

Я использую django-tinymce на своем сайте Django. Через интерфейс администратора можно редактировать объект SimplePage, который имеет tinymce.models.HTMLField . Затем посетитель веб-сайта увидит. ..


Цвет фона Multiterm неправильный

Я добавил мульти-терм в свою конфигурацию emacs. Он отлично работает, но любой текст в консоли и некоторые пробелы (в том числе в vim от ssh) имеют белый фон, и поскольку я использую более глубокий…


Есть ли какой-нибудь способ изменить цвет текста «halfway» через символ на веб-странице?

Одна вещь, которую я видел в некоторых настольных приложениях, — это возможность изменять цвет текста по мере изменения фона-эффективно иметь несколько цветов на одном символе. Я видел это чаще…


как сделать так, чтобы цвет моего края HTML ‘font’ совпадал с фоном на css?

как сделать мой край HTML ‘font’ совпадающим с фоном на css ? я имел в виду, чтобы цвет ‘fat font'(размер шрифта) менялся пиксель за пикселем в соответствии с фоном. например, белый шрифт и черный…


Определить, является ли цвет светлым или темным?

Возможный Дубликат : Проверьте, является ли UIColor темным или ярким? Есть ли простой способ определить, является ли UIColor темным или светлым? Я хотел бы поместить метку на динамический фон и…


Выяснение того, является ли цвет Hex темным или светлым

Используя C#, я хотел бы выяснить, является ли цвет Hex (веб-формат, например: #FF2233) темным или светлым, на основе которого я могу решить, каким должен быть передний цвет (цвет шрифта). Цвет…


Сделать цвет java менее темным?

Я знаю, что у Color есть метод darker() , который возвращает более темную версию цвета. Есть ли способ изменить фактор (я считаю, что это 0.7), в котором цвет делает это, тем самым делая цвет менее…


Как я могу сделать цвет элемента более темным на: hover?

У меня есть несколько элементов на моей веб-странице. Например, несколько кнопок (которые имеют красный цвет фона) , ссылки (которые имеют синий цвет фона) и т. д. … . Мне нужно изменить их цвет…

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


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

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

Именно о выделении надписей на изображении мы сегодня и поговорим.

Выделение текста

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

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

Подложка

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

  1. Создаем новый слой между фоном и текстом.

  2. Берем какой-нибудь инструмент выделения. В данном случае используем «Прямоугольную область».

  3. Аккуратно обводим текст выделением, так как это будет конечный (чистовой) вариант.

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

  5. После нажатия кнопки ОК снимаем выделение (CTRL+D) и снижаем непрозрачность слоя. Значение непрозрачности подбирается сугубо индивидуально для каждого изображения.

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

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

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

Урок: Создаем имитацию стекла в Фотошопе

  1. Переходим на фоновый слой и создаем выделение, как и в первом случае, вокруг текста.

  2. Нажимаем сочетание клавиш CTRL+J, копируя выделенный фрагмент на новый слой.

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

  4. Затем идем в меню «Фильтр – Размытие – Размытие по Гауссу». Настраиваем степень размытости, исходя из детализации и контрастности изображения.

  5. Применяем фильтр (ОК) и убираем выделение (CTRL+D). На этом можно и остановиться, так как текст уже достаточно хорошо виден, но прием подразумевает еще одно действие. Кликаем два раза левой кнопкой мыши по слою с подложкой, открывая окно настройки стилей.

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

    Здесь также можно выбрать цвет свечения.

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

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

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

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

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

Стили дают нам возможность усилить видимость текста на фоне.

Способ 3: факультативный

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

Идеальный пример:

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

  2. Переходим на слой с фоном и копируем выделение на новый (CTRL+J).

  3. Теперь самое интересное. Инвертируем цвета слоя сочетанием клавиш CTRL+I, а со слоя с оригинальным текстом снимаем видимость.

    При необходимости надпись можно доработать стилями.

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

В данном случае к обесцвеченной надписи были применены стили и корректирующий слой «Цвет» с режимом наложения «Мягкий свет» или «Перекрытие». Вырезанный слой был обесцвечен сочетанием клавиш CTRL+SHIFT+U, а затем совершены все остальные действия.

Урок: Корректирующие слои в Фотошопе

Как вы можете видеть, корректирующий слой «привязан» к слою с надписью. Это делается при помощи клика по границе слоев с зажатой клавишей ALT на клавиатуре.

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

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

Как добавить цвет фона к тексту в Photoshop

Как добавить цвет фона к тексту в Photoshop
Сеть обмена стеков

Сеть Stack Exchange состоит из 178 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.

Посетить Stack Exchange
  2. 0
  3. +0
  6. Авторизоваться Зарегистрироваться

Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна.Регистрация займет всего минуту.

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

Кто угодно может задать вопрос

Кто угодно может ответить

Лучшие ответы голосуются и поднимаются наверх

Спросил

Просмотрено 211к раз

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

Создан 14 окт.

случайный

26311 золотых знаков22 серебряных знака55 бронзовых знаков

2

В Photoshop нет цвета текстового поля.Единственный способ — нарисовать слой прямоугольной формы под текстовым слоем (вы также можете использовать растровый слой).

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

Автор записи

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *