все о заработке в интернете
инфо-бизнесе с нуля, электронной коммерции
Мой профиль Вконтакте

Как поместить текст на картинку?

Как сделать текст на картинке не «бельмом в глазу», а стильным и полезным дополнением, повышающим информативность изображения? И есть ли вообще какие-либо правила, позволяющие добавлять текст к картинкам по всем канонам веб-дизайнерского искусства? Разумеется, такие правила существуют. Хотите их освоить? Тогда читайте и учитесь.

Что нужно для создания картинки с нанесенным на неё текстом? Само изображение, навыки работы с типографикой и чёткое представление о том, как именно должен выглядеть итоговый результат.

как поместить текст на картинку

Текст на картинке: 10 способов удивить аудиторию

Способ 1. Контраст

Хорошо читаемый текст — всегда контрастен фону. Выбирайте светлые тона для нанесения текста на изображения, где преобладает тёмная цветовая гамма, и тёмные — для светлых.

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

Способ 2. Аутентичность

Хотите гармонично вписать текст в изображение? Сделайте его частью сюжетной линии. Добавьте нужный текст в табличку с адресом дома или на номер автомобиля, впишите его в городской пейзаж, добейтесь того, чтобы текст стал неотъемлемым элементом композиции.

Способ 3. Следуйте логике

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

Способ 4. Акцент на тексте

Хотите сакцентировать внимание на текстовой информации? Размойте картинку или её часть, сделав лишь фоном для осмысления текста. Этим же приёмом пользуются, когда хотят сфокусировать внимание на определённом объекте в кадре. Так почему бы не превратить весь кадр в обрамление для текстовой составляющей.

Способ 5. Подложка и текст

Яркие, наполненные сюжетом изображения чаще всего оттягивают внимание на себя. Сместить акценты поможет использование подложки: контрастной по цвету вставки, на которой поверх изображения размещается текст. Подложки могут быть различными по форме, полупрозрачными и матовыми, главное, чтобы они гармонично сочетались с основной сюжетной линии и не вносили в неё диссонанс.

Способ 6. Акцент на фон

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

Способ 7. Масштабируйте

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

Способ 8. Свежий цвет

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

Способ 9. Спецэффекты

Наложение цвета поверх изображения, добавление монохромности там, где ожидается буйство красок — вот, что поможет удивить аудиторию. А нанесенный поверх обработанной таким способом картинки текст точно не останется незамеченным, как ни старайся.

Способ 10. Минимализм в действии

Хотите добиться нужного эффекта? Откажитесь от использования сразу нескольких приёмов веб-дизайна при нанесении текста на изображение. Простота и минималистичность обработки изображений — лучший способ сохранить их естественную привлекательность.

А вот мой отчет за 2 недели марафона.

Эти 2 недели были просто жестью, особенно первые дни. И так, что я сделал – полностью разработал семантическое ядро для своего сайта. Как это быстро делать я писал здесь. Но теперь я пользовался KeyCollector’ом. Прога суперская. Так вот, набрал себе около 950 слов для будущих статей.

Завел себе новый сайт для марафона. Пока что адрес палить не буду. Потом покажу. Также скоро буду переделывать и свой блог на предмет семантического ядра.

На этом пока что все.

С уважением, Александр Пузатых

Понравилась статья? Поделитесь с друзьями!