Как красиво разместить текст на картинке

Как красиво разместить текст на картинке

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

Играйте на контрастах

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

Размывайте изображение

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

Затемняйте изображение

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

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

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

Расставьте акценты

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

Встройте текст в изображение

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

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

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

Яркие изображения с текстом — действенная “фишка”, которая всегда привлекает внимание пользователей.
Сегодня говорим о тексте на изображении. Каким же он должен быть?
Вот несколько полезностей, которые сделают ваш текст читабельным:

1.Выставляем контраст. Если вы хотите оставить цвет шрифта, попробуйте затемнить или осветлить картинку, сделать фон менее интенсивным или размыть. Иногда лучше использовать текст на однотонном фоне, чем на пестром и неразборчивом.
2.Добавляем плашки на фотографии. Это поможет визуально выделить текст без особых изменений фотографии.
3.Не используйте “кричащие” цвета. Выберите 3-4 основных оттенка, которые смотрятся вместе, и работайте с ними. Сервисы Coolors и Paletton подберут цвета, удачно сочетаемые между собой.
4.Шрифты. Если у вас есть корпоративные шрифты — это “+”. В противном случае определитесь, какую смысловую нагрузку несет ваше сообщение: если текст легкий эмоциональный — подойдет рукописный, художественный шрифт, деловой — тонкий и строгий, с призывами и активными фразами — крупный геометрический шрифт.
5.Придерживайтесь структуры: заголовок, подзаголовок, основной текст.
6.Выделить слово на фотографии можно не только цветом. Использование нескольких вариантов шрифтов также хорошо влияют на восприятие.
7.Много мелкого текста на фотографии — не гуд. Сгруппируйте текст по центру или применяйте правило третей.
.
И напоследок: если вы не владеете фотошопом — не страшно! Рекомендуем попробовать свои дизайнерские силы в графическим редакторе Crello

Scroll to Top
Scroll to Top