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

24.07.2015

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

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

 

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

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

1 / 3

kak-razmestit-tekst-na-kartinke-image-7999212 Темный текст на светлом фоне выглядит аккуратно. 

kak-razmestit-tekst-na-kartinke-image-7978247 Более строгий вариант — светлый текст на темном фоне. 

kak-razmestit-tekst-na-kartinke-image-1315333 Для энергичных проектов можно использовать смелые цветовые сочетания: здесь сиреневый текст контрастирует с желтым велосипедом.  

 

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

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

kak-razmestit-tekst-na-kartinke-image-5922072

 

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

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

kak-razmestit-tekst-na-kartinke-image-8008807

 

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

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

kak-razmestit-tekst-na-kartinke-image-8005515

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

kak-razmestit-tekst-na-kartinke-image-8005732

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

kak-razmestit-tekst-na-kartinke-image-8009797

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

kak-razmestit-tekst-na-kartinke-image-7587098

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

 

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

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

kak-razmestit-tekst-na-kartinke-image-6080528

 

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

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

kak-razmestit-tekst-na-kartinke-image-7402238

Текст как будто нанесен на беговую дорожку.

 

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

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

kak-razmestit-tekst-na-kartinke-image-8004027

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

Все изображения 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

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

Также может понравиться