Неоновый png текст надпись с настройками яркости цвета с прозрачным фоном

Тень

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

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

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

Теперь укажите слою new layer style/новый стиль слоя и выберите вариант drop shadow/тень. Укажите opacity/непрозрачность в 52%. Настройте Spread/Размах на 16% и Size/Размер на 10px. Угол должен быть примерно в -144 градусов.

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

Используйте пустое пространство

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

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

Все изображения PressFoto: image-7999212 / image-7978247 / image-1315333 / image-5922072 / image-8008807 / image-8005515 / image-8005732 / image-8009797 / image-7587098 / image-6080528 / image-7402238 / image-8004027

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

Наложение цвета

На нашем изображении видно что надпись теряется на фоне. Надпись очень сложно прочесть, так как фоновое изображение изобилует деталями и само по себе отвлекает. Текстура “Buffalo Wings” полностью теряется из-за перегруженности фотографии. Давайте исправим это.

Для начала создайте новый слой и назовите его “color-overlay”. Возьмите пипетку (нажав на клавишу «I»). Выберите цвет с рубашки стоящего слева мужчины. Залейте новый слой этим цветом (Shift + F5).

Укажите слою opacity/непрозрачность  в 50% и перетащите его под слой с текстом.

Как вы можете заметить, появился контраст между надписью и фоном. Текст легко читается и текстура “Buffalo Wings” хорошо видна.

Размытие фона

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

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

Для начала нам нужно конвертировать фон в смарт-объект. Для этого просто кликните правой кнопкой по слою и выберите Convert to Smart Object/Преобразовать в смарт-объект.

Затем в меню выберите Filters>Blur>Gaussian Blur/Фильтры>Размытие>Размытие по Гауссу.

Укажите радиус размытия в 3.8 px.

Мы добились желаемого контраста между фоном и текстом.

Автор урока Maria Wendt

Перевод — Дежурка

Смотрите также:

Замена фона: простые способы

Способ №1: использование редакторов фото для начинающих

Если вы не собираетесь профессионально работать с графикой, то со всем не обязательно «возиться» с большими и сложными редакторами. Сейчас достаточно программ для начинающих, которые в несколько кликов мышкой позволяют выполнить все самые необходимые операции с изображением (в том числе и заменить фон). Одна из таких — «Фото-Мастер».

Ниже рассмотрю в нем все действия для смены фона на фотографии.

1) Установку редактора опускаю (она стандартна). После запуска программы — первым делом откройте нужную фотографию («Файл/открыть фото», см. скрин ниже).

Открыть фото (Фото-Мастер)

2) Далее перейдите во вкладку «Инструменты» и кликните по вкладке «Замена фона» (справа в меню).

Инструменты — замена фона

3) Важный момент: выберите зеленую кисть («Объект») и укажите того человека (животное, предмет и т.д.), которого вы хотите оставить на фото.

Отмечаем объект, который нужно оставить

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

Отмечаем фон, который нужно удалить

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

Можно подправить, если было удалено лишнее

6) Далее выберите новую фоновую картинку (фон можно оставить прозрачным или залить однотонным цветом), и измените размер объекта (если нужно).

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

Настраиваем объект на новом фоне

7) Кстати, не могу не отметить, что в «Фото-Мастер» есть достаточно большое количество эффектов: фотографии можно придать яркости, усилить какие-нибудь оттенки, или сделать ее вообще черно-белой.

Придание эффекта и сохранение

В общем-то, на этом все — осталось только сохранить новое фото…

Способ №2: использование онлайн-сервисов

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

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

И так…

Сервис 1 — https://burner.bonanza.com/

Выбор фото

Далее сервис автоматически распознает где на фотографии объект, а где фон. В моем случае он быстро «нашел» девушку на фото и удалил фон за ней (правда, частично удалил и ее туловище…). Чтобы исправить это — просто кликните по инструменту «Touch up».

Доделаем вручную

После выберите зеленую кисть и вручную обведите то место, которое нужно восстановить. Кстати, если выберите красную кисть — то можно выполнить обратную операцию (т.е. удалить те места, которые не нужны).

Когда удалите/добавите всё, что нужно — нажмите по кнопке «Finish» в углу экрана.

Где удалено лишнее — используйте зеленую кисть

Далее нажмите на инструмент «Replace background» (заменить фон).

Заменяем фон

После чего либо загрузите свою картинку в качестве нового фона, либо выберите одну из базы. Пример на скрине ниже (для загрузки полученного изображения — нажмите на кнопку «Download»).

Загружаем готовую картинку

Сервис 2 — https://online.photoscissors.com/myimages

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

Загрузка картинки

Затем при помощи зеленой и красной кистей укажите объект и фон (см. пример ниже).

Указание объекта и фона

Далее сервис оставит то, что вы выделили зеленым (см. пример ниже)

После чего обратите внимание на меню справа: в разделе «Background» (фон) выберите инструмент «Image» (изображение) и нажмите по кнопке «Select Image» (выбор картинки)

Выбор нового фона

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

Сохранение

Фон текста в Фотошопе: выбор цвета

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

Здесь нужно обратить внимание на пункт «Заливка». Нажмите на цифру 100

Появится ползунок, который необходимо передвинуть влево, доведя его до 20%. Затем нажмите на кнопку «Fx» и выберите в контекстном меню пункт «Параметры наложения».
Выскочит диалоговое окно со всевозможными настройками слоя. Нам нужно добиться более красивой прозрачности прямоугольной области. Перейдите во вкладку «Обводка». В пункте «Цвет» выберите белый цвет. Размер уменьшите до двух пикселей. В качестве положения выберите пункт «Снаружи». Непрозрачность поставьте на уровне 50%. Когда закончите — жмите кнопку «OK».

Текст на прозрачном фоне в Фотошопе

Теперь нужно слегка изменить оригинальное изображение. Для страховки все изменения лучше производить на копии слоя и затем уже мы создадим текст на прозрачном фоне в Фотошопе. Копия делается очень просто. Выделите в соответствующей панели слой «Пейзаж» и нажмите сочетание клавиш Ctrl+J. Или перетащите выбранный слой на кнопку «Создать новый слой». В любом случае в панели появится копия вашего слоя.

Совершите щелчок левой кнопкой мыши по слою-копии. Теперь зажмите клавишу Ctrl и щелкните левой кнопкой мыши по миниатюре слоя «Матовый фон» (не по её названию). У вас будет выделена часть слоя с пейзажем, расположенная под созданным ранее прямоугольником. Далее перейдите по пути «Фильтр>Размытие>Размытие по Гауссу». Радиус увеличьте до 20 пикселей. Если разрешение фотографии очень маленькое, то радиус может быть и меньше.
Теперь создайте новый слой. Как это сделать — вы уже знаете. Назовите новый слой «Улучшение фона». В панели «Слои» его нужно перетащите в самый верх. Сейчас необходимо снова загрузить выделение слоя с матовым изображением. Если вы не совершали лишних действий, то выделение будет сохранено после предыдущей операции.

Выберите инструмент «Кисть». Нажим уменьшите до 0%, поставьте белый цвет. Размер кисти зависит от разрешения изображения. В нашем случае хватило 30 пикселей. Кистью нужно произвести мазки по верхним и нижним граням прямоугольной области, осветлив их. Когда закончите — понизьте непрозрачность слоя до 60%.
Дальше выделение можно снимать. Осталось лишь написать какой-нибудь текст. Делается это при помощи знакомого нам уже инструмента «Горизонтальный текст». После появления надписи можно отредактировать размер шрифта, изменить его тип и совершить прочие действия. Всё зависит только от вашей фантазии.
В Интернете вы можете найти и готовые фоны для текста для Фотошопа, все они в первую очередь пригодятся создателям открыток и приглашений. Что касается нашего урока, то все действия занимают минимум времени. В дальнейшем вы сможете легко ответить себе на вопрос : как сделать матовый фон для текста в фотошоп всего за две-три минуты! Следите за другими нашими уроками, тогда вы научитесь и многим другим чудесным вещам.

Как изменить фон текста Word

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

Вам также может быть интересно:

  • Как убрать фон в Word — 6 способов
  • Word онлайн бесплатно — 5 способов

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

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

Подкладка

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

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

Чтобы исправить это, возьмите инструмент Custom Shapes/Заказные фигуры (U) и создайте фигуру. Не столь принципиально какой формы будет ваша подкладка. Вы можете сделать ее просто кругом или прямоугольником, или же создать фигуру в стиле ретро как в нашем примере.

Укажите фигуре черный цвет заливки и белую обводку толщиной в 3pt.

Перетащите подкладку под слой с текстом и укажите ей Opacity/Непрозрачность в 57%.

Результат выглядит профессионально и стильно. А главное — надпись отлично читается и выделяется на фоне изображения.

Используйте плашки

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

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

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

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

Еще один пример цветной плашки, которая сочетается с одеждой модели.

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

Оцените статью
Рейтинг автора
5
Материал подготовил
Андрей Измаилов
Наш эксперт
Написано статей
116
Добавить комментарий