IQSites - smart website builder
Social networks
Как сделать текст читаемым? Простые решения в Photoshop.

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

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

August 19, 2016 at 11:19 am

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

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

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

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

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

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

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

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

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

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

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

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

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



Subscribe to Blog Updates
Would you like to quickly receive the company news from the corporate blog? Just fill in the form below.
You can unsubscribe at any time.
* To be filled in
I Agree To Terms of Service

More articles

Где веб-дизайнеры черпают вдохновение?
Где веб-дизайнеры черпают вдохновение?
Как избавить контент от рекламы и лишних элементов
Как избавить контент от рекламы и лишних элементов
С чего начинается успешный бизнес-старт на дому?
С чего начинается успешный бизнес-старт на дому?

Go up
array(5) { ["id"]=> int(0) ["ip"]=> string(11) "18.97.14.88" ["language"]=> string(2) "en" ["gmt"]=> int(0) ["guest_id"]=> string(32) "9154631c2e211c1fc49c1ceacc509ada" }