Email or username:

Password:

Forgot your password?
Top-level
Dmitry Kolosov

Немного бекстейджа.

1) Создание стикеров
Мне не хотелось возиться с фотошопом и ему подобными, подравнивать каждую надпись, поэтому HTML-генератор казался отличной идеей. До тех пор, пока я не понял, что в 2024 достаточно проблематично сделать скриншот с фоновой прозрачностью в браузере. В интернетах предлагали установить puppeteer, но это звучало как оверхед.

Оказалось, что это умеет Safari. И не просто скриншот страницы, а скриншот конкретного html-элемента. Так что я сделал div-контейнер вокруг лого, поигрался с отступами и в итоге получил качественный png, который можно было отдавать Telegram-боту для создания стикеров.

2) Работа со шрифтом
Шрифт Turtles для нижней части лого (fontspace.com/turtles-font-f18) не поддерживает кириллицу. Т и А легко использовать из латиницы, а вот с Ё и П была проблема.

Ё я неожиданно обнаружил в шрифте (но она была не в кириллице, а Latin Capital Letter E With Diaeresis - U+00CB), а вот П не было. Пришлось качать FontForge и редактировать букву O. Интересное занятие для человека, который до этого особо не работал с вектором.

3) Добавление стикеров в Telegram
С одной стороны, это классно, что добавление как бота, так и стикеров/эмоджи в телеграме происходит нативно, через бота, но когда надо сделать много операций за раз, это подбешивает.

4) Я перепутал Ё с маленькой ё из шрифта и заметил это, когда уже писал этот пост. Пришлось переделывать.

2 comments
yoshir

@mitrichius
Почему нельзя было задать фоном какую-нибуть мадженту, а затем стереть её в волщебной палочкой?

Dmitry Kolosov

@yoshir в самом шрифте есть мелкие пустоты (в Ё под точками и не только).
Я вначале похожим образом и попробовал, но не вышло идеально.

Go Up