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