Как сделать афишу, которую прочтут с другого конца коридора
Как сделать афишу для мероприятия: какие строки на ней нужны, какой размер взять для печати и соцсетей, как получить картинку в нейросети и что проверить.
Евгений
Дизайнер-партнёр LibraChat
7 мин чтения
Чтобы сделать афишу, сначала собери пять строк текста: что будет, кто выступает, когда, где и как попасть. Потом выбери размер под место, где её увидят: лист на двери или экран телефона. В конце нужна картинка с текстом поверх, причём название события должно читаться с другого конца коридора.
Рисовать фон своими руками сегодня не обязательно: нейросеть по описанию присылает изображение, порой вместе с надписями. Только проверять такую афишу приходится строже: в моём запросе был школьный хор, а на готовой картинке его не оказалось.
Пять строк, без которых афиша не работает
Афишу читают на ходу. У прохожего есть пара секунд, и за эти секунды он должен понять, о чём речь и нужно ли ему туда. Поэтому текст собирают раньше, чем выбирают картинку и шрифт.
Что будет: название события, коротко. «Зимний концерт», а не «Концертная программа, посвящённая наступлению зимы».
Кто: хор, группа, лектор, команда. Без этой строки непонятно, чем один концерт отличается от другого.
Когда: дата и время. День недели помогает тем, кто планирует неделю, а не месяц.
Где: зал, этаж, адрес. Для своих хватит «актовый зал», для чужих нужен адрес.
Как попасть: вход свободный, цена, запись или ссылка для регистрации.
Строки неравны. Название самое крупное, дата и место идут вторым уровнем, остальное мелко. Если всё набрано одним размером, глаз не знает, с чего начать, и афиша превращается в объявление. В моём первом запросе строка «кто» пряталась внутри описания, и именно она пропала с картинки. Как сформулировать сами строки, чтобы они звали, а не информировали, разобрано в материале про текст для афиши.
Как сделать афишу нужного размера
Одна и та же афиша для двери и для телефона означает два разных файла. Решать, какой нужен, стоит до работы над картинкой, иначе потом придётся растягивать то, что растягивать нельзя.
Для печати считают так: на каждый дюйм бумаги, это 2,54 см, нужно около 300 пикселей. Лист A4 при такой плотности занимает 2480 на 3508 пикселей, лист A3 требует 3508 на 4961. Если отдаёшь файл в типографию, спроси про вылеты: это запас фона за краем листа, обычно 2–3 мм, его срежут при обрезке.
Для экрана всё проще. Вертикальная история в соцсетях имеет размер 1080 на 1920 пикселей, то есть пропорцию 9:16. Для ленты чаще берут 4:5. В мессенджер можно отправить любую вертикальную картинку, но мелкий текст на ней читают, только если увеличить.
Как сделать афишу на компьютере и как на телефоне, отличается меньше, чем кажется. На компьютере хватит программы для документов или презентаций: ставишь размер страницы A4, кладёшь картинку под текст, заголовок пишешь отдельной надписью. На телефоне нужен редактор, где текст лежит отдельным слоем поверх фона. Для печати сохраняй результат в PDF, для чата хватит PNG.
Картинку с текстом можно попросить у нейросети
Я начал с запроса, в котором собрано всё сразу, от события до формата. Вот он целиком:
Нарисуй афишу зимнего концерта школьного хора: 14 декабря в 18:00, актовый зал, вход свободный. Вертикальный формат, крупный заголовок «Зимний концерт», под ним дата и место.
Афиша по одному запросу: текст читается, но строка о том, кто выступает, потерялась
Пришла вертикальная афиша на тёмно-синем фоне. Сверху еловая ветка, снизу сугробы и ели. Заголовок «Зимний концерт» набран крупно, ниже с иконками календаря, часов и метки идут «14 декабря», «18:00», «актовый зал», внизу — «вход свободный». Все буквы на месте, без перепутанных и выдуманных слов. Так бывает не всегда, поэтому каждую строку на такой картинке я читаю по буквам, как корректор.
Это готовый запрос. Подставь данные своего события и отправь в LibraChat: картинка приходит прямо в ответе, отдельного раздела искать не нужно. Слова «вертикальный формат» и «крупный заголовок» оставь, на них держится композиция.
Теперь глазами дизайнера. Иерархия выстроена правильно: заголовок самый крупный, дата и место вторым уровнем. Но слово «концерт» набрано серо-голубым по тёмно-синему, и издалека оно читается заметно хуже, чем «Зимний». И главное: на афише нет хора. В запросе он был, а в тексте картинки пропал. Зритель увидит «Зимний концерт» и не поймёт, кто выступает. Лечится это двумя способами. Строку «кто» можно дать в запросе отдельной надписью в кавычках, как заголовок: «под заголовком строка „Поёт школьный хор“». Или дописать в тот же чат, что нужна эта строка, а слово «концерт» стоит сделать светлее.
Файл в моём примере пришёл размером 720 на 1280 пикселей. Для экрана телефона и для чата этого хватает. Для печати на A4 уже мало: картинку придётся растягивать примерно втрое, и края букв поплывут. Поэтому для печати я беру ход из следующего раздела: фон без букв, а текст набираю в редакторе прямо на листе A4. Набранные буквы остаются чёткими при любом размере, а мягкий акварельный фон растяжение переносит легче надписей.
Водяной знак на афише тоже лишний. Его ставит бесплатный уровень LibraChat, там же и упрощённое качество; на полных платных тарифах знака нет.
Фон без букв, если текст ещё будет меняться
У афиши с текстом внутри картинки есть ловушка. Текст в ней нельзя исправить, как в документе. Перенесли концерт на 18:30 — и картинку придётся просить заново. Переделку просят в этом же чате, но новая картинка может прийти уже с другими цветами и другой композицией.
Поэтому для афиши, в которой что-то может поменяться, я прошу фон отдельно, без единой буквы:
Нарисуй вертикальный фон для афиши зимнего концерта школьного хора: заснеженные ели и тёплые огни окон, акварель. Верхняя треть картинки — спокойное светлое небо без деталей, туда потом встанет заголовок. Без текста и без букв.
Фон без букв: пустое небо сверху оставляет место для заголовка, который потом можно менять
Пришла акварель: заснеженные ели по краям, справа внизу деревянный дом с жёлтыми окнами и дымом из трубы. Верхняя часть занята светлым пустым небом, даже больше трети высоты. Букв нет ни одной. Огни окон нейросеть поняла по-своему и нарисовала дом, хотя я думал о далёких огнях. Для афиши концерта это даже теплее, но если нужен другой сюжет, его стоит назвать прямо.
Дальше текст кладут поверх в редакторе. На светлом небе тёмный заголовок читается лучше светлого. Шрифтов не больше двух: один выразительный для названия, второй простой для даты и места. Подобрать пару шрифтов под настроение события помогает разбор про шрифты и нейросеть. Текст выравнивай по одной линии и оставляй поля: буквы у самого края листа выглядят так, будто их обрезали.
Цвет заголовка удобно взять с самой картинки. Тёплый жёлтый из окон на холодном фоне даёт готовый акцент для даты. Если цвета не складываются, есть отдельный материал про подбор цвета.
Как проверить афишу до печати
Проверка занимает меньше времени, чем перепечатка тиража. Я делаю так:
Уменьшаю афишу на экране до размера спичечного коробка. Если название и дату ещё можно прочитать, на стене их прочтут издалека.
Перевожу в чёрно-белый. Многие офисные принтеры печатают без цвета, и серо-голубое на тёмно-синем в сером варианте сливается.
Читаю каждую строку по буквам: дату, время, номер зала, телефон. Ошибка в цифре хуже любой ошибки в дизайне.
Печатаю один пробный лист и вешаю туда, где будет висеть тираж. Свет в коридоре меняет цвета сильнее, чем кажется.
Не прошла одну проверку — правится одно место, а не вся афиша.
Собери пять строк своего события и вставь их в запрос с афишей, каждую отдельной надписью в кавычках. Когда придёт картинка, сравни: все ли пять строк дошли до неё, и какая потерялась первой?
как сделать афишукартинки и видеоафишадизайнмероприятие