Лайфхакер
Лайфхакер
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
Лучшее
Рубрики
Рецепты
Подкасты
Сервисы
Колонки
🧡 Осень в радость
Новости
Здоровье
Спорт и фитнес
Покупки
Технологии
Отношения
Кино
Реклама
Советы
6 августа 2015

Накладываем текст на изображение правильно: полезные советы популярного фотостока

Depositphotos приготовил несколько приёмов для того, чтобы вы усилили с помощью фотографии ваши визуальные истории. Презентации? Рекламные баннеры? Представление большого количества данных на одном слайде? Нет ничего проще с этими рекомендациями.
Фото автора Лиля Леднёва
Лиля Леднёва

Накладываем текст на изображение правильно: полезные советы популярного фотостока

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

Фотография в паре с текстом призвана рассказать целую историю, а не просто выступить в качестве декорации. Поэтому работа с изображением зачастую сложнее, чем просто затемнение или добавление прозрачности. Ключевая задача — соединение ритмического рисунка текста и графического рисунка фотографии.

Как это сделать? В Сети вы найдёте множество примеров и обсуждений того, как усилить воздействие текста при помощи фотографии. Ниже собраны самые интересные приёмы пользователей.

Текст, вписанный в пространство фотографии

Накладываем текст на изображение правильно
laurawall-design.com

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

Текст как часть изображения

Накладываем текст на изображение правильно
gogoro.com

Детали мопеда используются как основание для размещения текста. Тонкие и яркие линии букв переходят в очертания предметов. Отсутствие визуального шума обеспечивают фокусные точки — чёрные крышки приборных панелей.

Текст, размещённый на прямоугольнике или другой фигуре для улучшения читабельности

Накладываем текст на изображение правильно
daucybio.fr

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

Прозрачный текст, через который видно фоновое изображение

Накладываем текст на изображение правильно
carladasso.com

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

Уменьшение яркости фотографии для выделения текста

Накладываем текст на изображение правильно
onepagelove.com

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

Использование минималистичной фотографии для эффектной расстановки акцентов

Накладываем текст на изображение правильно
dribbble.com

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

Вспомогательные элементы для фокусирования внимания на тексте и отделения его от фоновой фотографии

Накладываем текст на изображение правильно
aquatilis.tv

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

«Параллакс» текста и фотографии

Накладываем текст на изображение правильно
soyuzcoffee.com

Один из самых противоречивых приёмов из-за своей сложности. Помните о том, что человеческий взгляд (в западной традиции) стремится двигаться по слайду слева направо, а также быстро схватывает самые яркие цветовые акценты на плоскости.

Построение композиции таким образом, чтобы её элементом выступил не только текст, но и детали фотографии

Накладываем текст на изображение правильно
gnosh.co.uk

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

Особенно хорошо смотрится использование контрастного шрифта по отношению к фотографии, при этом текст вписан в пространство изображения.

pinterest.com
pinterest.com

Главное в совмещении фотографии и текста — простота.

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

Если нашли ошибку, выделите текст и нажмите Ctrl + Enter

Лучшие предложения

Что умеет фен от Dreame: разбор умной новинки в премиальном стиле

Что умеет фен от Dreame: разбор умной новинки в премиальном стиле

10 muzhskih krossovok ot populyarnyh brendov so skidkami do 59%

10 мужских кроссовок от популярных брендов со скидками до 59%

Это нам надо: популярная сыворотка с ретинолом и микроиглами со скидкой 20%

Это нам надо: популярная сыворотка с ретинолом и микроиглами со скидкой 20%

Надо брать: ударная дрель от Heimerdinger со скидкой 70%

Надо брать: ударная дрель от Heimerdinger со скидкой 70%

18 nadyozhnyh smesitelej, kotorye chasto pokupayut na marketplejsah

18 надёжных смесителей, которые часто покупают на маркетплейсах

10 вещей популярных брендов со скидками до 65%

10 вещей популярных брендов со скидками до 65%

Надо брать: робот-пылесос Roborock S8 со скидкой 69%

Надо брать: робот-пылесос Roborock S8 со скидкой 69%

15 otlichnyh tovarov, kotorye otdayut so skidkami do 70% na AliExpress

15 отличных товаров, которые отдают со скидками до 70% на AliExpress

Это интересно
«Мне всего 30, откуда у меня высокое давление?» Почему гипертония молодеет и что с этим делать

«Мне всего 30, откуда у меня высокое давление?» Почему гипертония молодеет и что с этим делать

Шерсть из каждого угла: 6 важных правил уборки для хозяев котиков 

Шерсть из каждого угла: 6 важных правил уборки для хозяев котиков 

Давление не падает: что такое резистентная гипертония и как её лечат

Давление не падает: что такое резистентная гипертония и как её лечат

Проявить себя и начать карьеру: 6 причин участвовать в чемпионатах профессионального мастерства

Проявить себя и начать карьеру: 6 причин участвовать в чемпионатах профессионального мастерства

Комментарии
Виталий Назарук
06.08.15 19:50
Какие лучшие программы для таких целей вы можете посоветовать?
Олександр Євтушенко
06.08.15 20:58
угадай с первого раза)
Андрей Гриценко
06.08.15 21:57
Ай красавцы, как долго искал такую статью. Виталий, Adobe Photoshop и Adobe Illustrator (для векторной и растровой графики)
Виталий Назарук
06.08.15 23:30
Эт я знаю. Но я думаю, что есть спец. варианты. В Adobe сложновато разобраться.
Andre Ibragimov
07.08.15 08:12
canva
Владимир Ткаченко
07.08.15 08:17
сложно? Есть программы и попроще, в основном рассчитанные на добавление шаблонных текстов с такими же шаблонными стилями, используются они для редактирования фоточек для вконтактика. Если преследуешь те же цели - вперед, доставай телефон, в маркете такого сабжа полно. Ну а если хочешь нарисовать что-то сам, ставь Photoshop, Illustrator, учи мат-часть и вперед, гляди попробуешь, а это твое :)
Anton Geer
07.08.15 20:25
Еще неплохой прием, к которому сам неоднократно прибегал - блюр изображения. Допустимо в том случае, когда изображение не играет первостепенной роли. Хорошо работает, когда на изображении много деталей или необходим тонкий шрифт. Читаемость возрастает на глазах. Главное - не переборщить с блюром, чтобы зритель мог однозначно ответить, что изображено на фоне.
Златоуст Артемий
13.08.15 13:16
Просто и гениально! Спасибо Лайфхакеры!))
Что вы могли пропустить
3 вопроса, чтобы расхламить шкаф с одеждой без лишних усилий
3 вопроса, чтобы расхламить шкаф с одеждой без лишних усилий
0
12 октября
Советы
Советы
Нейлон или полиэстер — что лучше для куртки
Нейлон или полиэстер — что лучше для куртки
0
11 октября
Ликбез
Советы
Как это сделать: научить ребёнка говорить «нет» незнакомцам в интернете
Как это сделать: научить ребёнка говорить «нет» незнакомцам в интернете
0
7 октября
Советы
Советы
Как выбрать одеяло для комфортного сна
Как выбрать одеяло для комфортного сна
0
4 октября
Ликбез
Советы
Где растёт клюква и когда её собирать
Где растёт клюква и когда её собирать
0
30 сентября
Ликбез
Советы
Как защитить ребёнка в интернете: 3 совета для дальновидных родителей
Как защитить ребёнка в интернете: 3 совета для дальновидных родителей
0
30 сентября
Советы
Советы
Apple объяснила царапины на iPhone 17 Pro: это не дефект, а следы от MagSafe-стойки
Apple объяснила царапины на iPhone 17 Pro: это не дефект, а следы от MagSafe-стойки
0
25 сентября
Новости
Советы
Чем отмыть руки от грецкого ореха
Чем отмыть руки от грецкого ореха
0
23 сентября
Ликбез
Советы
О чём стоит знать до рождения ребёнка? Рассказывают опытные родители
О чём стоит знать до рождения ребёнка? Рассказывают опытные родители
0
17 сентября
Советы
Советы
Вышел трейлер фильма «Дорогая, я уменьшаюсь» — про человека, который становится меньше спичечного коробка
Вышел трейлер фильма «Дорогая, я уменьшаюсь» — про человека, который становится меньше спичечного коробка
0
16 сентября
Советы
Советы
Как пользоваться посудомоечной машиной правильно
Как пользоваться посудомоечной машиной правильно
0
13 сентября
Ликбез
Советы
Что лучше: керамика или фарфор
Что лучше: керамика или фарфор
0
11 сентября
Ликбез
Советы
Как отстирать пятна от мыльных пузырей
Как отстирать пятна от мыльных пузырей
0
5 сентября
Ликбез
Советы
Как избавиться от мошек в квартире
Как избавиться от мошек в квартире
29 августа
«Горящая изба»
Советы
Когда собирать шиповник и как его сушить в домашних условиях
Когда собирать шиповник и как его сушить в домашних условиях
0
25 августа
Ликбез
Советы

Новые комментарии

Аватар автора комментария
Яна Вяткина1 час назад

0 / 0

Живу в Хабаровске, уже могу купить билеты на 1 и 2 части. Пока только один кинотеатр. Поэтому ждите и в своём городе))
Все части «Гарри Поттера» возвращаются в российские кинотеатры
Аватар автора комментария
Александр Гранкин1 час назад

0 / 0

Ударную дрель нельзя использовать как перфоратор, вы че там курите? 🤣
Надо брать: ударная дрель от Heimerdinger со скидкой 70%
Аватар автора комментария
Александр Кузичев2 часа назад

0 / 0

я вообще не вдуплил как такое возможно
Без фотошопа: в Сети показали 15 забавных кадров, которые кажутся отредактированными
Аватар автора комментария
xinlong3 часа назад

0 / 0

Способ первый: Использование WinRAR для извлечения сжатого файла: Откройте зашифрованный сжатый файл с помощью WinRAR. Введите пароль: Введите установленный пароль во всплывающем окне, затем нажмите «ОК». Извлеките в указанную папку: Выберите папку назначения для извлечения, затем нажмите «ОК», чтобы завершить процесс. Извлеченные файлы больше не будут зашифрованы; вы можете повторно сжать их в незащищенный архив. Способ второй: Использование альтернативного программного обеспечения для извлечения Выберите программное обеспечение для извлечения:chinaops.org если вы используете другие инструменты сжатия (например, 7-Zip), проверьте, есть ли в программном обеспечении опция «Удалить пароль» или «Расшифровать». После ввода исходного пароля вы можете удалить парольную защиту архива. Используйте инструменты для восстановления паролей: если вы забыли пароль, воспользуйтесь инструментами для восстановления паролей (например, инструментом ZIP от Baishi Niu), чтобы попытаться восстановить пароль. huimeisupermarket.com Импортируйте ZIP-файл в инструмент и выберите подходящий метод восстановления пароля, чтобы продолжить. Метод 3: Онлайн-инструменты для распаковки Используйте онлайн-инструменты: некоторые веб-утилиты (например, ezyZip) могут помочь в распаковке зашифрованных RAR-файлов. Просто введите пароль, и инструмент предложит вам извлечь содержимое. Обратите внимание, что при использовании онлайн-инструментов необходимо обеспечить безопасность и конфиденциальность ваших файлов.
Как работать с документами PDF онлайн
О чём стоит знать до рождения ребёнка? Рассказывают опытные родители

О чём стоит знать до рождения ребёнка? Рассказывают опытные родители

Лайфхакер
Информация
О проектеРубрикиРекламаРедакцияВакансииДля начинающих авторов
Подписка
TelegramВКонтактеTwitterViberYouTubeИнициалRSS
Правила
Пользовательское соглашениеПолитика обработки персональных данныхПравила применения рекомендательных технологийПравила сообществаСогласие на обработку персональных данныхСогласие для рекламных рассылокСогласие для информационной программы
18+Копирование материалов запрещено.
Издание может получать комиссию от покупки товаров, представленных в публикациях