Обложка нейросетью: как я дважды ошибся с местом под название
Как сделать обложку нейросетью для сообщества ВКонтакте: три запроса к LibraChat, две ошибки с местом под название и фон, который переживёт обрезку на телефоне.
Евгений
Дизайнер-партнёр LibraChat
7 мин чтения
Первую обложку для сообщества о походах я попросил описать одной фразой. Ответ пришёл красивый и бесполезный: в нём было всё, кроме места для названия. Вторую попытку я сделал точнее, и ответ выполнил её ровно так, как я просил. Тут я и увидел, что ошибся второй раз.
Нейросеть обложку нарисует. Но где на ней встанет текст и что останется на экране телефона, решаешь ты, и решать это надо до первого запроса.
Первый ответ: целый поход на одной картинке
Вот с чего я начал:
Помоги описать обложку для сообщества ВКонтакте о походах выходного дня, которую нарисует нейросеть.
Ответ предложил сцену, и сцена была хорошая:
группа друзей в ярких куртках и рюкзаках идёт по тропе среди жёлто-оранжевых деревьев, на заднем плане виднеется палатка и костёр, над всем — чистое небо с лёгкими облаками
Как иллюстрация к посту это работает. Люди, осень, палатка, костёр, всё яркое и тёплое. Как обложка не работает совсем. Я насчитал в этой сцене пять акцентов: куртки, листва, палатка, костёр и облака. Каждый тянет взгляд к себе, и ни один не уступает место тексту. Посмотри, где здесь встанет название сообщества. Ему негде.
Обложка — это фон под текст и кнопки. Картинка, на которой всё одинаково интересно, спорит с названием и проигрывает ему ровно в тот момент, когда название поверх неё наберут. Ответ даже указал размер в пикселях. Я его не проверял и сюда не переношу: требования к обложкам площадки время от времени меняют, их надёжнее смотреть в настройках самого сообщества.
Ошибка была моя. Я не сказал, что обложка держит название. Ответ честно описал красивую картинку, потому что я её и попросил.
Второй запрос: место под название слева
Во второй раз я объяснил всё, что знал об обложках:
Помоги описать фон для обложки сообщества ВКонтакте о походах выходного дня. Картинка широкая, на телефоне её края обрезаются, поэтому всё важное — в центре, а слева нужно спокойное место под название, которое я наберу сам. Текста на картинке не нужно. Уложись в 2–3 предложения.
Ответ сделал именно это:
Широкая панорама осеннего леса: тропа уходит в центр кадра между деревьями, а слева — спокойная размытая зона из мягкого зелёного тумана и листвы без ярких акцентов.
Спокойная зона слева есть. Ярких пятен нет. Походники стоят в центре, и ответ даже объяснил зачем:
В середине композиции — лёгкий намёк на походников с рюкзаками на фоне холмов, чтобы при обрезке на телефоне всё важное осталось видимым.
Я прочитал это и засмеялся над собой. Походников ответ спрятал от обрезки в центр. А название я сам попросил поставить слева, то есть ровно туда, где телефон срежет край. В браузере обложка будет выглядеть аккуратно. В приложении название уедет за край экрана вместе с туманом.
Ответ выполнил мой запрос. Мой запрос противоречил сам себе.
Почему я не заметил этого сразу? Я думал об обложке как о картинке, а её надо было представлять как экран. На большом мониторе она целая. На телефоне от неё остаётся середина, и всё, что я разложил по краям, существует только для тех, кто открыл сообщество с компьютера.
Третий запрос: название тоже в центре
Обрезку переживает только центр, значит, в центре должно жить всё, что нужно увидеть. И картинка, и текст. Я развёл их не по горизонтали, а по вертикали. Этот запрос можно копировать и менять тему на свою:
Помоги описать фон для обложки сообщества ВКонтакте о походах выходного дня. Картинка широкая, на телефоне края обрезаются, поэтому и название, и главное должны быть в центре: сверху по центру — спокойное небо под название, которое я наберу сам, снизу по центру — тропа и двое походников. Текста на картинке не нужно, 2–3 предложения.
Ответ разложил кадр по этажам. Сначала небо:
по центру спокойное утреннее небо с мягкими облаками — пустое место под название, которое ты наберёшь сам.
Потом люди:
Ниже по центру узкая тропа уходит в лес, по ней идут двое походников со спины, рюкзаки и тропы читаются даже на узком экране.
И края:
По краям — размытые деревья и холмы, без текста и без важных деталей: на телефоне их обрежет.
Этажи — старый приём журнальной вёрстки: заголовок сверху на спокойном поле, главное фото под ним. Глаз читает такую обложку сверху вниз и ни на что не натыкается. Теперь у каждого свой этаж. Сверху небо под название, снизу люди и тропа. Края кадра можно резать как угодно, там остаётся лес, и потерять его не жалко. Двое походников со спины тоже правильный ход: меньше фигур, меньше шума под текстом, а взгляд уходит вместе с ними вглубь кадра.
А одну деталь из ответа я бы выбросил: мягкие облака. Облака под буквами дают пёстрый фон, и название на нём то светлее, то темнее. Ровное небо держит текст одинаково по всей длине, без подложек и обводок. В запросе на саму картинку я это и поправил.
Название я набираю сам
Из этого описания я собрал запрос на саму картинку, без единой буквы и без облаков:
Нарисуй широкую картинку для обложки сообщества о походах: в верхней трети чистое голубое небо без облаков, внизу по центру узкая лесная тропа и двое походников с рюкзаками, по краям спокойный лес без ярких деталей, лёгкая дымка вдали, без текста.
Небо занимает почти половину кадра и держит место под название, а всё главное собрано в центре и переживёт обрезку на телефоне
Пришла картинка, сложенная ровно по этажам. Верхнюю половину занимает чистое голубое небо, ни одного облака. Ниже в дымке лежат холмы, по центру двое походников со спины идут по грунтовой тропе, по краям стоят тёмные ели. Небо даже щедрее, чем я просил: не треть, а почти половина кадра. Для названия это только лучше.
Края я бы проверил сразу: слева и справа ели крупные и тёмные, и на компьютере они красиво обрамляют кадр. На телефоне их срежет, и это нормально: ни название, ни люди там не живут.
Почему без текста? Название сообщества меняется, а набрать его поверх готового фона в любом редакторе, своим шрифтом, проще и надёжнее, чем просить буквы у картинки.
Набирая, я держусь трёх привычек. Один шрифт на всю обложку. Название крупно, так, чтобы читалось на телефоне с вытянутой руки. И цвет букв проверяю на самом небе: белый на голубом иногда сливается, тёмно-синий читается почти всегда.
Фон у LibraChat я прошу явно: слово «нарисуй» в начале запроса, иначе описание останется текстом. Небо вышло слишком ярким или походники мелковаты? Это поправка, которую пишут ниже в том же разговоре, а не повод начинать заново. Если нужна определённая пропорция картинки, её выбирают в разделе «Изображения». Учти и тариф: на бесплатном тарифе картинка придёт с водяным знаком и попроще по качеству, а обложка висит на виду дольше любого поста.
Где будет текст и что увидит телефон? Эти два вопроса я теперь решаю раньше, чем выбираю пейзаж.
За ними стоит одно правило. Обложка делится на этажи, а не на колонки: сверху место под название, снизу главное, и оба этажа в центре. Края — для того, что не жалко потерять.
Правило работает не только для сообществ. У обложки книги или альбома формат другой, но этажи те же: место под название, главный образ, спокойные края, которые не жалко отдать под обрезку или корешок.
Возьми тему своего сообщества и опиши фон по этажам, как в запросе выше. Отправь его в LibraChat, а потом наложи на результат название и сожми картинку с боков, как это сделает телефон. Проще всего закрыть края ладонями прямо на экране.
Что осталось на экране — название и главное или один туман?
нейросеть обложкакартинки и видеообложка вконтактекомпозиция
