Логичное движение – Telegram
Логичное движение
178 subscribers
21 photos
37 videos
17 links
В основном про моушен и креативное программирование. Экспертность и путь новичка по цене одного канала
Download Telegram
Небольшой эксперимент на основе скорее технического экспрешена, который писал для складывания текста. По сути имитация text box через добавление переноса, каждый N символ. Заодно отрабатал добавление ритма исключительно на уровне кода

Недавно долго вплотную разглядывал пиксели на лэд-панелях — кажется, вдохновился

-- -- -- --
Как оказалось, сильнее чем отпуск, по регулярности постов бьет только первая рабочая неделя 😅
1🔥97🤩6
This media is not supported in your browser
VIEW IN TELEGRAM
Сам экспрешен на Source Text текстового слоя достаточно простой при этом

sliderWidth = effect("Slider Control")("Slider"); // дать ссылку на эффект sliderControl initialText = text.sourceText.value; newText = '' for (i = 0; i<initialText.length; i++){ newText = newText + initialText[i] ; (i+1) % Math.ceil(sliderWidth) == 0 ? newText += '\n' : newText = newText; } text.sourceText.style.setText(newText)
1🔥84👾4👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Буду иногда постить кейсы с логичным движением

Ключевая сложность, конечно, в том, что когда всё хорошо это даже не замечаешь. Поэтому, наверное, у многих складывается впечатление, что можно добавить в работу любой моушен и будет классно. Это не так. Не раз встречал работы, где добавление движения разрушало всю магию принятых дизайн решений

Сегодня — про London Design Biennale 2025 от Pentagram. Как увидел сразу понял что это прекрасный пример

Биеннале 2025 года исследует динамичное взаимодействие между внутренним опытом и внешним воздействием, приглашая дизайнеров и зрителей задуматься о том, что скрывается под поверхностью объектов, систем и пространств, формирующих нашу жизнь.


Главное здесь — внутреннее и внешнее. Графически это решили через трафаретный разрыв в шрифтовом лого. Пишут, что еще опирались на тему самого биеннале - «отражение поверхностей»

Я не знаю, какой был пайплайн, но даже если моушен делался после создания графики, в ней уже было заложено все необходимое. Так что, если бы мне принесли такую статику, я бы тоже собирал и разрывал лого. А кубик с оптической иллюзией — то ли в 2д , то ли в 3д — крутил усиливая иллюзию. (Это если вдруг кто-нибудь из Pentagram захочет прийти ко мне за анимацией 😄)

По факту и моушен-дизайнер, и графический-дизайнер сделали одно и то же, но каждый в своем инструментарии. И все сложилось
5🔥5😍3👍1
В случае с дизайн биеннале куб, конечно, делался в 3д. Для создания иллюзии плоскую картинку проецировали через камеру на плоскости куба. Ну либо изначально готовили плоскости текстуры так, чтобы они потом сложились — в данном случае не так сложно было бы это просчитать.

У меня не было цели повторить работу дословно, просто давно хотелось сделать изометрический куб исключительно средствами афтера (даже без 3д). Это, например, полезно для лотти, а еще неординарный подход позволяет получить более неожиданные переплетения плоскостей с легким доступом к их перемешиванию и добавлению новых.
1🔥6❤‍🔥4😍3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
В плане технологии у меня такие составляющие
- траектории движения построенные на шестиграннике
- нули с экспрешеном позволяющем их двигать по этой траектории с отступом
- нелинейное движение для компенсации изометрии
- шейпы которые я сплетаю из этих нулей тоже благодаря экспрешену
🔥6👍43😍1
📸👀🪑 Наблюдения за смыслами в полевых условиях

Помню с каким удовольствием открыл для себя Pablo Rochat и его смелое заигрывание с паттернами реальности. Совсем не удивился, когда понял, что его регулярная рутина это искать графические рифмы между шапками и пирогами, муорными пакетами и прическами, очками дополненной реальности и бобами ну и так далее.

Поэтому тоже иногда проделываю похожую работу, прослеживая закономерности. Правда по большей мере на аналитическом уровне
🔥5😍54👍1
Forwarded from доторгия
Media is too big
VIEW IN TELEGRAM
27 августа в цифровом пространстве «Внутришоу» прошел Дизайн-квиз Sreda Summer Summit. И мы там были! Азартно играли, отвечали и радовались правильным ответам. Смотрим видео и вспоминаем атмосферу яркого интеллектуального шоу ☀️

Фирменный стиль Dotorg х Бюробукв
Моушн: Алексей Кизерев
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥64👍4
This media is not supported in your browser
VIEW IN TELEGRAM
Всем TLAK!

В воскресенье про игры. Вернее про механики

В 2022 году словенский мультидисциплинарный художник Блаж Урбан Гракар выпустил книгу LOK — набор головоломок про существ со своим собственным языком. Каждое слово в этом языке — правило, позволяющее решить загадку. Формально это реализовано через клетки с буквами, а собранные слова позволяют закрасить определенным образом ячейки поля. Причем по мере развития словаря развивается и мир локов

У книжки есть беслатная версия в PDF, но все-таки приятнее играть в это в формате мобильной игры. И это, наверное, самая приятная мобилка, которую только можно было придумать, причем она займет вас примерно на месяц и едва ли сможет надоесть. Потому что когда вы пройдете игру *в первый раз* она сможет еще ни раз вас удивить

Мне нравится как простые правила постепенно создают сложный мир, при том, что в своей основе это примитивная логика закрашивания клеток. В этом сила простых идей — создание прочного масштабируемого фундамента
1🔥7❤‍🔥54👍1
Рабочая оптимизация

нет, не та, когда пол-отдела увольняют, а потом удивляются

Чем больше единиц контента необходимо произвести за единицу времени, тем ценнее любые предварительные упрощения и шаблонизации

На днях сделал экспрешен, позволяющий разворачивать любой четырехугольник на весь экран. Как принято говорить, zero keyframes. Старт анимации определяется маркером, а единственный параметр на который необходимо применить код - сам path шейпового слоя. Более того, коду не важен порядок точек формы, он сам поймет какая ближе к какому углу

Вдвойне приятно, что сначала придумав, а затем решив эту головоломку, я сэкономил коллегам по 5 минут на каждый макет с такой анимацией (а если макетов 100 штук, то это уже полноценный рабочий день)
2❤‍🔥8🔥7👍41
Примерно год назад я узнал, что такое кростайп, и сделал, наверное, любимое упражнение по пластике шрифта у Кирилла Сиротина за весь первый курс арт-дирекшена
Получился такой вот шрифт, в котором куски другого разрезаются по крупным формам. В нем сочетаются гротеск и антиква + строчные и прописные. Кофо Санс взял, конечно, как шрифт, на котором я пишу 80% текстов уже третий год 😄
3❤‍🔥8🔥42👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Вдохновившись, решил сделать инструмент, который позволяет получить многосоставный кростайп из любых шрифтов в режиме реального времени

Играться тут - http://kizerev.ru/crosstype/

Работает только с компа
И если загружаете свои шрифты, надо за один раз подгрузить все разом
5🔥247🤯4👍2
Концентрированный азиатский м о у ш е н дизайн

Пока разгребаю рабочие завалы, делюсь очередным примером того, как анимационный характер абсолютно наследует графической культуре. Просто посмотрите какое тут безумие творится и насколько смело двигаются, разворачиваются и изменяются все формы. Причем это не уже ставшее почти привычным месиво из глитча и чб шума, а огромное количество срежиссированных фейерверков

Автора мне соврешенно случайно подкинул ютуб, и я надолго залип на его короткие ролики. Правда, его шоурил смотреть опасно для жизни даже тем, у кого эпилепсии нет — разовьется. Все же лучше такой контент потреблять дозировано😅
1🔥10❤‍🔥5💯31😍1