Федулина Елена Геннадьевна
+7 (921) 755 62 74
Звоните прямо сейчас
Site registration
Register your website right now.
Register website
Подписка на обновления блога
Хотите оперативно получать новости и полезные материалы из блога? Просто заполните форму ниже.
Вы сможете отписаться в любой момент.
* To be filled in
I Agree To Terms of Service
Social networks
Как сделать текст читаемым? Простые решения в Photoshop.

Как сделать текст читаемым? Простые решения в Photoshop.

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

August 19, 2016 at 11:19 am

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

Как сделать текст читаемым? Простые решения в Photoshop.
Как сделать текст читаемым? Простые решения в Photoshop.

Один из наиболее простых способов сделать это - открыть нужную картинку, выбрать инструмент "Заливка" (1), создать новый слой (2), залить изображение черным цветом (или белым, если вы осветляете) и потянуть за ползунок "Непрозрачность" (3) до наиболее оптимального уровня.

Однако если вы хотите результат "посочнее", то существует еще один метод:

Как сделать текст читаемым? Простые решения в Photoshop.
Как сделать текст читаемым? Простые решения в Photoshop.

Мы применим более гибкий инструмент. Новый слой создавать не нужно, достаточно выбрать "Кривые" (1) и немного поэкспериментировать с ползунками, результат вышел вполне приемлемым для фона.

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

Как сделать текст читаемым? Простые решения в Photoshop.

Минута дополнительных работ с кривыми, и результат стал еще приемлемее:

Как сделать текст читаемым? Простые решения в Photoshop.

Осветление происходит по тем же принципам, что и затемнение, а значит текст будет уже темным:

Как сделать текст читаемым? Простые решения в Photoshop.

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



Подписка на обновления блога
Хотите оперативно получать новости и полезные материалы из блога? Просто заполните форму ниже.
Вы сможете отписаться в любой момент.
* To be filled in
I Agree To Terms of Service

More articles

5 бесплатных сервисов для быстрого обмена файлами
5 бесплатных сервисов для быстрого обмена файлами
Достопримечательности Санкт-Петербурга
Достопримечательности Санкт-Петербурга
Приглашение на консультатацию.
Приглашение на консультатацию.

Go up
array(5) { ["id"]=> int(0) ["ip"]=> string(13) "44.201.72.250" ["language"]=> string(2) "en" ["gmt"]=> int(0) ["guest_id"]=> string(32) "de4dd9e72446741f22234a78f8a35d1c" }