Forwarded from доторгия
Sreda Summer Summit — это ежегодная встреча дизайнеров, ищущих свой путь в дизайне, чтобы изменить мир. Фирменный стиль Sreda Summer Summit создан в коллаборации Dotorg x Бюробукв. Миссия проекта: «Вносим позитивные изменения вместе», визуальный образ — утопически-ностальгический образ лета. Метафора — взаимодействие.
Типографика — главный герой, она наглядно передает идею взаимодействия. Две команды разработали два шрифта. Шрифт Sreda Summer Normis — акцидентный колючий гротеск — разработан Dotorg. Sreda Summer Sussy — дерзкий харизматичный шрифт — разработан Бюробукв. Два шрифта взаимодействуют, как дизайнеры, — то обнимая, то укалывая друг друга. С одной стороны, обмениваясь опытом, а с другой — конкурируя в поиске своего пути. Усы, лапы и хвосты букв направлены друг к другу, бодаются, пересекаются и обнимаются. Полное взаимодействие!
Фотостиль фестиваля поддерживает и усиливает принцип взаимодействия. Главные герои проекта — люди индустрии дизайна. Мы пригласили их на фотосьемку, в ходе которой наши герои взаимодействовали друг с другом. В результате, сам процесс работы над проектом стал настоящим взаимодействием.
Дизайн — это взаимно!
Dprofile
Behance
Типографика — главный герой, она наглядно передает идею взаимодействия. Две команды разработали два шрифта. Шрифт Sreda Summer Normis — акцидентный колючий гротеск — разработан Dotorg. Sreda Summer Sussy — дерзкий харизматичный шрифт — разработан Бюробукв. Два шрифта взаимодействуют, как дизайнеры, — то обнимая, то укалывая друг друга. С одной стороны, обмениваясь опытом, а с другой — конкурируя в поиске своего пути. Усы, лапы и хвосты букв направлены друг к другу, бодаются, пересекаются и обнимаются. Полное взаимодействие!
Фотостиль фестиваля поддерживает и усиливает принцип взаимодействия. Главные герои проекта — люди индустрии дизайна. Мы пригласили их на фотосьемку, в ходе которой наши герои взаимодействовали друг с другом. В результате, сам процесс работы над проектом стал настоящим взаимодействием.
Дизайн — это взаимно!
Dprofile
Behance
1❤9❤🔥6🔥5
В кейсе Sreda Summer Summit шрифты плотно прижаты друг другу, следуя метафоре взаимодействия. А поэтому именно места стыка, соединения, склеивания, борьбы и стали главными при анимации и раскрытии кейса в видеоформате. Шрифты собираются в шебуршащуюся кучку, ищут свое место на линии, притираются, состыковываются и, в конце концов, встают в уникальные композиции.
Мне кажется, это замечательный пример того, как верхнеуровневая идея/характеристика/метафора описывает и собирает воедино логику движения лучше, чем числовые параметры изингов или шаблоны движений
This media is not supported in your browser
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
2❤10❤🔥9👍4🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Вернулся к своим экспериментам с фракталами и добавил немного цвета
Здесь все собрано в афтере(!) через систему подкомпозиций и экспрешенов. Но конечно, дальше третьего уровня вложенности выдает ошибки – не справляется с таким количеством слоев и режимов наложения😵
Здесь все собрано в афтере(!) через систему подкомпозиций и экспрешенов. Но конечно, дальше третьего уровня вложенности выдает ошибки – не справляется с таким количеством слоев и режимов наложения
Please open Telegram to view this post
VIEW IN TELEGRAM
3🔥12❤5😍4👍1
Презентация в паверпоинт -> 360° шоу
Закадровая автоматизация
В среду в пространстве внутришоу прошел дизайн квиз, для которого я делал анимации и графику в стиле Sreda Summer Summit. Получилось 62 видеофайла! А кроме разработки самих анимаций очень важно было грамотно все порезать на экраны, собрать папки, назвать...
• Сначала достать всё из pptx. Наверняка не все знают, что можно просто поменять расшерение на .zip и получить архив с исходниками всех медиа
• Далее выявить закономерности структуры и сделать несколько шаблонов на essential graphics в афтере
• Для корректного нейминга пользовался скриптами на переименовывание. А для сборки одного типа композиций сделал с нейронкой кастомный скрипт под повторяемое действие
• После рендера собрал все это по папкам. Для этого пригодился скрипт который я еще давно написал на apple shortcuts. На видео как раз пример его работы. Выручает регулярно
Не поймите меня неправильно, несмотря на огромное количество упрощений это все еще большая работа. Но как же здорово что получилось сэкономить силы и время в типовых моментах. Тем более что мне очень нравится решать такие "головоломки" на упрощение работы
Закадровая автоматизация
В среду в пространстве внутришоу прошел дизайн квиз, для которого я делал анимации и графику в стиле Sreda Summer Summit. Получилось 62 видеофайла! А кроме разработки самих анимаций очень важно было грамотно все порезать на экраны, собрать папки, назвать...
• Сначала достать всё из pptx. Наверняка не все знают, что можно просто поменять расшерение на .zip и получить архив с исходниками всех медиа
• Далее выявить закономерности структуры и сделать несколько шаблонов на essential graphics в афтере
• Для корректного нейминга пользовался скриптами на переименовывание. А для сборки одного типа композиций сделал с нейронкой кастомный скрипт под повторяемое действие
• После рендера собрал все это по папкам. Для этого пригодился скрипт который я еще давно написал на apple shortcuts. На видео как раз пример его работы. Выручает регулярно
Не поймите меня неправильно, несмотря на огромное количество упрощений это все еще большая работа. Но как же здорово что получилось сэкономить силы и время в типовых моментах. Тем более что мне очень нравится решать такие "головоломки" на упрощение работы
🔥12❤5❤🔥3👌1
Небольшой эксперимент на основе скорее технического экспрешена, который писал для складывания текста. По сути имитация text box через добавление переноса, каждый N символ. Заодно отрабатал добавление ритма исключительно на уровне кода
Недавно долго вплотную разглядывал пиксели на лэд-панелях — кажется, вдохновился
-- -- -- --
Как оказалось, сильнее чем отпуск, по регулярности постов бьет только первая рабочая неделя 😅
Недавно долго вплотную разглядывал пиксели на лэд-панелях — кажется, вдохновился
1🔥9❤7🤩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🔥8❤4👾4👍2
This media is not supported in your browser
VIEW IN TELEGRAM
Буду иногда постить кейсы с логичным движением
Ключевая сложность, конечно, в том, что когда всё хорошо это даже не замечаешь. Поэтому, наверное, у многих складывается впечатление, что можно добавить в работу любой моушен и будет классно. Это не так. Не раз встречал работы, где добавление движения разрушало всю магию принятых дизайн решений
Сегодня — про London Design Biennale 2025 от Pentagram. Как увидел сразу понял что это прекрасный пример
Главное здесь — внутреннее и внешнее. Графически это решили через трафаретный разрыв в шрифтовом лого. Пишут, что еще опирались на тему самого биеннале - «отражение поверхностей»
Я не знаю, какой был пайплайн, но даже если моушен делался после создания графики, в ней уже было заложено все необходимое. Так что, если бы мне принесли такую статику, я бы тоже собирал и разрывал лого. А кубик с оптической иллюзией — то ли в 2д , то ли в 3д — крутил усиливая иллюзию.(Это если вдруг кто-нибудь из Pentagram захочет прийти ко мне за анимацией 😄)
По факту и моушен-дизайнер, и графический-дизайнер сделали одно и то же, но каждый в своем инструментарии. И все сложилось
Ключевая сложность, конечно, в том, что когда всё хорошо это даже не замечаешь. Поэтому, наверное, у многих складывается впечатление, что можно добавить в работу любой моушен и будет классно. Это не так. Не раз встречал работы, где добавление движения разрушало всю магию принятых дизайн решений
Сегодня — про London Design Biennale 2025 от Pentagram. Как увидел сразу понял что это прекрасный пример
Биеннале 2025 года исследует динамичное взаимодействие между внутренним опытом и внешним воздействием, приглашая дизайнеров и зрителей задуматься о том, что скрывается под поверхностью объектов, систем и пространств, формирующих нашу жизнь.
Главное здесь — внутреннее и внешнее. Графически это решили через трафаретный разрыв в шрифтовом лого. Пишут, что еще опирались на тему самого биеннале - «отражение поверхностей»
Я не знаю, какой был пайплайн, но даже если моушен делался после создания графики, в ней уже было заложено все необходимое. Так что, если бы мне принесли такую статику, я бы тоже собирал и разрывал лого. А кубик с оптической иллюзией — то ли в 2д , то ли в 3д — крутил усиливая иллюзию.
По факту и моушен-дизайнер, и графический-дизайнер сделали одно и то же, но каждый в своем инструментарии. И все сложилось
❤5🔥5😍3👍1
В случае с дизайн биеннале куб, конечно, делался в 3д. Для создания иллюзии плоскую картинку проецировали через камеру на плоскости куба. Ну либо изначально готовили плоскости текстуры так, чтобы они потом сложились — в данном случае не так сложно было бы это просчитать.
У меня не было цели повторить работу дословно, просто давно хотелось сделать изометрический куб исключительно средствами афтера (даже без 3д). Это, например, полезно для лотти, а еще неординарный подход позволяет получить более неожиданные переплетения плоскостей с легким доступом к их перемешиванию и добавлению новых.
У меня не было цели повторить работу дословно, просто давно хотелось сделать изометрический куб исключительно средствами афтера (даже без 3д). Это, например, полезно для лотти, а еще неординарный подход позволяет получить более неожиданные переплетения плоскостей с легким доступом к их перемешиванию и добавлению новых.
1🔥6❤🔥4😍3👍1
This media is not supported in your browser
VIEW IN TELEGRAM
В плане технологии у меня такие составляющие
- траектории движения построенные на шестиграннике
- нули с экспрешеном позволяющем их двигать по этой траектории с отступом
- нелинейное движение для компенсации изометрии
- шейпы которые я сплетаю из этих нулей тоже благодаря экспрешену
- траектории движения построенные на шестиграннике
- нули с экспрешеном позволяющем их двигать по этой траектории с отступом
- нелинейное движение для компенсации изометрии
- шейпы которые я сплетаю из этих нулей тоже благодаря экспрешену
🔥6👍4❤3😍1
📸👀🪑 Наблюдения за смыслами в полевых условиях
Помню с каким удовольствием открыл для себя Pablo Rochat и его смелое заигрывание с паттернами реальности. Совсем не удивился, когда понял, что его регулярная рутина это искать графические рифмы между шапками и пирогами, муорными пакетами и прическами, очками дополненной реальности и бобами ну и так далее.
Поэтому тоже иногда проделываю похожую работу, прослеживая закономерности. Правда по большей мере на аналитическом уровне
Помню с каким удовольствием открыл для себя Pablo Rochat и его смелое заигрывание с паттернами реальности. Совсем не удивился, когда понял, что его регулярная рутина это искать графические рифмы между шапками и пирогами, муорными пакетами и прическами, очками дополненной реальности и бобами ну и так далее.
Поэтому тоже иногда проделываю похожую работу, прослеживая закономерности. Правда по большей мере на аналитическом уровне
🔥5😍5❤4👍1
А вот и видео с дизайн-квиза, о подготовке анимаций для которого рассказывал раньше
Telegram
Логичное движение
Презентация в паверпоинт -> 360° шоу
Закадровая автоматизация
В среду в пространстве внутришоу прошел дизайн квиз, для которого я делал анимации и графику в стиле Sreda Summer Summit. Получилось 62 видеофайла! А кроме разработки самих анимаций очень важно…
Закадровая автоматизация
В среду в пространстве внутришоу прошел дизайн квиз, для которого я делал анимации и графику в стиле Sreda Summer Summit. Получилось 62 видеофайла! А кроме разработки самих анимаций очень важно…
🔥4❤3❤🔥2🤯2