Gregory's Server
Что делать вечером, когда кажется, что сил уже совсем нет ни на что? Правильно, пилить стикеры для телеги, которые я задумал ещё хрен знает когда. Чем я вчера и занялся.
https://t.me/addstickers/yoptastickers
...Всё началось с диалога в рабочем чате, который нельзя показывать в приличном обществе. Суть: я отказал в одной просьбе и в ответ на вопрос, почему я не могу нормально ответить, написал: СЕ ЛЯ ВИ ЁПТА. Это было в 2019 году...
...2022 год, празднуем мой ДР в баре большой компанией, и главный тост вечера — эта же фраза. Быстро же она стала в нашей компании локальным мемом...
И вот я долго держал идею сделать стикеры (или хотя бы один) в таком стиле, но в итоге идея осталась в архиве. И тут я наткнулся на неё, вспомнил про генератор TMNT-логотипа (http://glench.com/tmnt/) и решил сделать на его основе.
Пришлось повозиться (об этом в следующем посте), не всё получилось идеально, но результат меня устраивает.
Немного бекстейджа.
1) Создание стикеров
Мне не хотелось возиться с фотошопом и ему подобными, подравнивать каждую надпись, поэтому HTML-генератор казался отличной идеей. До тех пор, пока я не понял, что в 2024 достаточно проблематично сделать скриншот с фоновой прозрачностью в браузере. В интернетах предлагали установить puppeteer, но это звучало как оверхед.
Оказалось, что это умеет Safari. И не просто скриншот страницы, а скриншот конкретного html-элемента. Так что я сделал div-контейнер вокруг лого, поигрался с отступами и в итоге получил качественный png, который можно было отдавать Telegram-боту для создания стикеров.
2) Работа со шрифтом
Шрифт Turtles для нижней части лого (https://www.fontspace.com/turtles-font-f18151) не поддерживает кириллицу. Т и А легко использовать из латиницы, а вот с Ё и П была проблема.
Ё я неожиданно обнаружил в шрифте (но она была не в кириллице, а Latin Capital Letter E With Diaeresis - U+00CB), а вот П не было. Пришлось качать FontForge и редактировать букву O. Интересное занятие для человека, который до этого особо не работал с вектором.
3) Добавление стикеров в Telegram
С одной стороны, это классно, что добавление как бота, так и стикеров/эмоджи в телеграме происходит нативно, через бота, но когда надо сделать много операций за раз, это подбешивает.
4) Я перепутал Ё с маленькой ё из шрифта и заметил это, когда уже писал этот пост. Пришлось переделывать.
Немного бекстейджа.
1) Создание стикеров
Мне не хотелось возиться с фотошопом и ему подобными, подравнивать каждую надпись, поэтому HTML-генератор казался отличной идеей. До тех пор, пока я не понял, что в 2024 достаточно проблематично сделать скриншот с фоновой прозрачностью в браузере. В интернетах предлагали установить puppeteer, но это звучало как оверхед.