Stranger in the Q
JS разработчик по профессии. Многие из своих работ начинал кодить на телефоне во время комьюта. Возможно, в этом секрет его продуктивности :–)
А ещё он активный участник комьюнити генеративщиков @gen_c: открытый, дружелюбный, запросто делится секретами. Заходите в Генклуб сказать ему «привет», «классные штуки рисуешь», «омагад, как это работает?» и пр.
Сайт www.strangerintheq.art
Канал @mathimages
#генеративные_художники
JS разработчик по профессии. Многие из своих работ начинал кодить на телефоне во время комьюта. Возможно, в этом секрет его продуктивности :–)
А ещё он активный участник комьюнити генеративщиков @gen_c: открытый, дружелюбный, запросто делится секретами. Заходите в Генклуб сказать ему «привет», «классные штуки рисуешь», «омагад, как это работает?» и пр.
Сайт www.strangerintheq.art
Канал @mathimages
#генеративные_художники
❤14🔥8👍6
This media is not supported in your browser
VIEW IN TELEGRAM
Метрогенератор
Сетка представляет свой первый спецпроект.
В 2014 году логотип Московского метро был унифицирован — дизайнеры собрали все существующие варианты и создали единый стандартизованный логотип. Мы решили пойти в обратном направлении и запилили генеративный логотип метро. Его можно менять и настраивать прямо в браузере по определённым правилам, получая бесконечное количество вариаций.
Всем узлам логотипа, которые можно двигать, мы дали названия: уши, глаза, ноги и щиколотки. Можно изменить цвет, заливку, собрать из логотипа динамичный паттерн и даже сгенерировать случайный уникальный М-логотип :—).
Метрогенератор: setka.design/metro.
🕸 Сетка
Сетка представляет свой первый спецпроект.
В 2014 году логотип Московского метро был унифицирован — дизайнеры собрали все существующие варианты и создали единый стандартизованный логотип. Мы решили пойти в обратном направлении и запилили генеративный логотип метро. Его можно менять и настраивать прямо в браузере по определённым правилам, получая бесконечное количество вариаций.
Всем узлам логотипа, которые можно двигать, мы дали названия: уши, глаза, ноги и щиколотки. Можно изменить цвет, заливку, собрать из логотипа динамичный паттерн и даже сгенерировать случайный уникальный М-логотип :—).
Метрогенератор: setka.design/metro.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥25👍3❤2🤩2👌1
Кто здесь
Сетку основали два человека:
Иван Дианов — генеративный художник, амбассадор гендизайна в России и основатель Генклуба — крупнейшего тематического сообщества. Ваня знает, как нарисовать любую красивую картинку, которую вы могли увидеть в интернете в разделе «криэйтив-кодинг». Иногда мне кажется, что это он изобрёл шейдеры, просто стесняется признаться. Живёт в Волгограде, плавает по Волге на сапах, ходит в походы и лайвкодит на фестивалях. Преподаёт дата-арт в ВШЭ.
Адам Арутюнов — программист в Студии Артемия Лебедева. Ведущий разработчик и техлид Потокуса, на котором работает новый сайт студии. Разрабатывал ИИ-дизайнера Николая Иронова. В школе автоматизировал учёт сборки комбайнов на заводе. Написал систему для университетов, которая автоматически проверяет домашние задания по программированию. Живёт везде, ездит куда глаза глядят и выступает на конференциях.
Мы преподаём генеративный дизайн. Сначала проводили живые потоки, а потом упаковали записи занятий и дополнительные материалы в 29-дневный курс. Он выходит в виде телеграм-канала, где каждый день по расписанию публикуются видеолекции, квизы, советы и ответы на вопросы. Технология, которой мы учим — p5.js (на ней в том числе сделан Метрогенератор). Этот курс базовый, для тех, кто ещё не умеет программировать. Следующий поток начинается 15 ноября.
В этом канале мы популяризируем гендизайн, выкладываем мини-уроки, рассказываем о художниках и классных техниках. Иногда устраиваем вебинары с крутыми специалистами и делаем совместные проекты.
Если что, пишите в личку. Всё, убегаю, до связи.
(↑ На фото — наша вторая в истории личная встреча в Волгограде, 24 октября 2023 года :—)
Сетку основали два человека:
Иван Дианов — генеративный художник, амбассадор гендизайна в России и основатель Генклуба — крупнейшего тематического сообщества. Ваня знает, как нарисовать любую красивую картинку, которую вы могли увидеть в интернете в разделе «криэйтив-кодинг». Иногда мне кажется, что это он изобрёл шейдеры, просто стесняется признаться. Живёт в Волгограде, плавает по Волге на сапах, ходит в походы и лайвкодит на фестивалях. Преподаёт дата-арт в ВШЭ.
Адам Арутюнов — программист в Студии Артемия Лебедева. Ведущий разработчик и техлид Потокуса, на котором работает новый сайт студии. Разрабатывал ИИ-дизайнера Николая Иронова. В школе автоматизировал учёт сборки комбайнов на заводе. Написал систему для университетов, которая автоматически проверяет домашние задания по программированию. Живёт везде, ездит куда глаза глядят и выступает на конференциях.
Мы преподаём генеративный дизайн. Сначала проводили живые потоки, а потом упаковали записи занятий и дополнительные материалы в 29-дневный курс. Он выходит в виде телеграм-канала, где каждый день по расписанию публикуются видеолекции, квизы, советы и ответы на вопросы. Технология, которой мы учим — p5.js (на ней в том числе сделан Метрогенератор). Этот курс базовый, для тех, кто ещё не умеет программировать. Следующий поток начинается 15 ноября.
В этом канале мы популяризируем гендизайн, выкладываем мини-уроки, рассказываем о художниках и классных техниках. Иногда устраиваем вебинары с крутыми специалистами и делаем совместные проекты.
Если что, пишите в личку. Всё, убегаю, до связи.
(↑ На фото — наша вторая в истории личная встреча в Волгограде, 24 октября 2023 года :—)
❤15🥰7🔥5👍1
Сетка — кодинг для дизайнеров
Эффект Дросте Это когда внутри изображения размещается его уменьшенная копия, внутри которой — уменьшенная копия предыдущего изображения, и так далее. Название — в честь какао Дросте, на коробке которого была изображена медсестра с такой же коробкой на подносе.…
Пятьсот подписчиков назад я обещал, что ещё +9 подписчиков — и запилю видос про эффект Дросте на п5.
Вот он, в тиктоке. Подписывайтесь!
https://www.tiktok.com/@setka.design/video/7296650577855909127
Вот он, в тиктоке. Подписывайтесь!
https://www.tiktok.com/@setka.design/video/7296650577855909127
TikTok
TikTok · Сетка
Check out Сетка’s video.
👍3❤2🔥1
Открытый разговор с Максимом Розовым
Сначала немного понтов.
Максим Розов — дизайнер из Сберавтотеха, работает над беспилотными грузовиками. До этого делал дизайн коммуникаций в Сбердевайсах. А до этого четыре года работал в Студии Лебедева — в его портфолио 32 проекта, 13 наград от «Рейтинга рунета», «Тэглайн эвордс», «Золотого сайта» и «Э-ввв-ордс». Максим дизайнил сайты, мобильные приложения, интерфейсы, навигацию, логотипы и ещё много другого.
Мы позвали Макса поговорить про автоматизацию процессов, про то, что дизайнить гендизайном, и в каких реальных задачах ему помогли бы навыки программирования. Будет много рабочих файликов, архивных проектов, интересных историй и мыслей.
Разговор пройдёт в эту субботу, 18 ноября. Начнём в 18:00 по Москве, уложимся в полтора-два часа. Созвон будет в Зуме, чтобы можно было задавать вопросы. Приходите, будет классно.
Сначала немного понтов.
Максим Розов — дизайнер из Сберавтотеха, работает над беспилотными грузовиками. До этого делал дизайн коммуникаций в Сбердевайсах. А до этого четыре года работал в Студии Лебедева — в его портфолио 32 проекта, 13 наград от «Рейтинга рунета», «Тэглайн эвордс», «Золотого сайта» и «Э-ввв-ордс». Максим дизайнил сайты, мобильные приложения, интерфейсы, навигацию, логотипы и ещё много другого.
Мы позвали Макса поговорить про автоматизацию процессов, про то, что дизайнить гендизайном, и в каких реальных задачах ему помогли бы навыки программирования. Будет много рабочих файликов, архивных проектов, интересных историй и мыслей.
Разговор пройдёт в эту субботу, 18 ноября. Начнём в 18:00 по Москве, уложимся в полтора-два часа. Созвон будет в Зуме, чтобы можно было задавать вопросы. Приходите, будет классно.
🔥11❤3🎉2
Media is too big
VIEW IN TELEGRAM
Запись вебинара с Максимом Розовым
Таймкоды:
00:00 Ничего не происходит
04:05 Начало
07:06 Что такое гендизайн и когда он пригодится
15:30 Когда много носителей, поверхностей, страниц. Портал «В мире Достоевского». Генератор адресных табличек Челябинска. На районе.
27:06 Когда нужно зашифровать информацию. Кьюар-коды для карт лояльности Ашана. Сайт «Смарт-солюшенс». Флотерея.
42:15 Когда нужны вариации одной штуки. Конструктор баннеров для магазина часов «Хроно».
48:20 Когда нужно оживить что-нибудь статичное. Логотип «Сетки». Интерактивные плакаты.
51:00 Когда проект связан с творчеством. Сайт «Аквариума».
53:36 Когда нужно изобразить что-то абстрактное. Сайт «Салют ту бизнес» и сайт «Кривицкого».
01:05:46 Гендизайн помогает выйти в офлайн и продаётся дороже
01:10:58 Конец и дискуссия. Как Макс и Ваня начали программировать и было ли сложно.
01:19:00 Секретный пред-анонс генеративной айдентики для стартапа
Ютуб: https://www.youtube.com/watch?v=ZnrJoapgdls
Таймкоды:
00:00 Ничего не происходит
04:05 Начало
07:06 Что такое гендизайн и когда он пригодится
15:30 Когда много носителей, поверхностей, страниц. Портал «В мире Достоевского». Генератор адресных табличек Челябинска. На районе.
27:06 Когда нужно зашифровать информацию. Кьюар-коды для карт лояльности Ашана. Сайт «Смарт-солюшенс». Флотерея.
42:15 Когда нужны вариации одной штуки. Конструктор баннеров для магазина часов «Хроно».
48:20 Когда нужно оживить что-нибудь статичное. Логотип «Сетки». Интерактивные плакаты.
51:00 Когда проект связан с творчеством. Сайт «Аквариума».
53:36 Когда нужно изобразить что-то абстрактное. Сайт «Салют ту бизнес» и сайт «Кривицкого».
01:05:46 Гендизайн помогает выйти в офлайн и продаётся дороже
01:10:58 Конец и дискуссия. Как Макс и Ваня начали программировать и было ли сложно.
01:19:00 Секретный пред-анонс генеративной айдентики для стартапа
Ютуб: https://www.youtube.com/watch?v=ZnrJoapgdls
🔥12❤4
This media is not supported in your browser
VIEW IN TELEGRAM
Равномерное утыкивание
#приёмы
В жизни каждого из нас наступает момент, когда надо нарисовать много маленьких штучек так, чтобы они равномерно заполняли плоскость. Например, для визуализации данных или дата-арта.
Можно, конечно, расставить их по сетке. Но 1) все так делают, скучно, и 2) сложно заанимировать изменение числа кружков.
Тут нас внезапно спасает золотое сечение Φ≈1.61803399
Если ставить точки всё дальше и дальше от центра, при этом после каждой точки делать поворот на 360°×Φ, начинается магия.
Код демки https://editor.p5js.org/illus0r/sketches/IxWWlYIbW
#приёмы
В жизни каждого из нас наступает момент, когда надо нарисовать много маленьких штучек так, чтобы они равномерно заполняли плоскость. Например, для визуализации данных или дата-арта.
Можно, конечно, расставить их по сетке. Но 1) все так делают, скучно, и 2) сложно заанимировать изменение числа кружков.
Тут нас внезапно спасает золотое сечение Φ≈1.61803399
Если ставить точки всё дальше и дальше от центра, при этом после каждой точки делать поворот на 360°×Φ, начинается магия.
Код демки https://editor.p5js.org/illus0r/sketches/IxWWlYIbW
❤20👍7🔥1
Ваня, ну что за пример — «для визуализации данных или дата-арта»? Это же нужно очень редко и вообще далеко не всем.
Знаете, зачем на самом деле нужно уметь кружки равномерно распределять? Сырники на тарелке складывать. Можно, конечно, натыкать их в горку как на фотке, но это неэффективное использование пространства. А можно по-умному, посчитать оптимальный паттерн для каждого слоя с учётом гравитации.
А потом спрашивают, зачем нам золотое сечение.
Знаете, зачем на самом деле нужно уметь кружки равномерно распределять? Сырники на тарелке складывать. Можно, конечно, натыкать их в горку как на фотке, но это неэффективное использование пространства. А можно по-умному, посчитать оптимальный паттерн для каждого слоя с учётом гравитации.
А потом спрашивают, зачем нам золотое сечение.
❤14🤓6😁4🔥2👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Утыкиваем сферу
#приём
Я тут мучаюсь, пишу код, а Адам сырники сфоткал и больше лайков набрал!
Штош, нужен реванш. Покажу полный вынос мозга: тем же самым золотым сечением Φ можно равномерно расставить точки и на сфере. Спускаемся по ней шагами равной высоты и каждый раз поворачиваем точку вокруг вертикали на тот же угол 360°×Φ
Срочно лайкните этот пост, перешлите его друзьям и родственникам! Если, конечно, вы хотите видеть в канале гендизайн, а не еду.
Если хотите видеть еду, напишите в комментариях, я что-нибудь из холодильника сфоткаю.
Код и демка https://editor.p5js.org/illus0r/sketches/AZHVeb9nd
#приём
Я тут мучаюсь, пишу код, а Адам сырники сфоткал и больше лайков набрал!
Штош, нужен реванш. Покажу полный вынос мозга: тем же самым золотым сечением Φ можно равномерно расставить точки и на сфере. Спускаемся по ней шагами равной высоты и каждый раз поворачиваем точку вокруг вертикали на тот же угол 360°×Φ
Срочно лайкните этот пост, перешлите его друзьям и родственникам! Если, конечно, вы хотите видеть в канале гендизайн, а не еду.
Если хотите видеть еду, напишите в комментариях, я что-нибудь из холодильника сфоткаю.
Код и демка https://editor.p5js.org/illus0r/sketches/AZHVeb9nd
👍41❤21🔥9😁4
Meander — генератор топографических карт несуществующих рек.
Автор: Robert Hodgin
roberthodgin.com/project/meander
Автор: Robert Hodgin
roberthodgin.com/project/meander
👏7🔥3❤🔥1❤1💯1🆒1
This media is not supported in your browser
VIEW IN TELEGRAM
Круче всего — анимация миандрирования
🔥10❤🔥1
Миандрирование рек — классный пример симуляции природных процессов.
Ещё одно красивое его применение — инсталляция от немецкой студии onformative. Симуляция происходит в реальном времени, на шейдерах.
onformative.com/work/meandering-river/
Ещё одно красивое его применение — инсталляция от немецкой студии onformative. Симуляция происходит в реальном времени, на шейдерах.
onformative.com/work/meandering-river/
❤🔥5❤1🆒1
This media is not supported in your browser
VIEW IN TELEGRAM
Новогодняя скидка на курс гендизайна
Нет, всех достали новогодние скидки. Лучше так:
Денрожденная скидка на курс гендизайна
Мы запустили курс генеративного дизайна год назад — 21 декабря 2022 года. С того времени мы провели один поток, второй, третий, потом долго-долго монтировали записи, а теперь продаём в виде интерактивного телеграм-канала. Там каждый день выходят смонтированные записи занятий, квизы и другая дополнительная информация.
Начало следующего потока — 9 января. Мы учим дизайнеров с нуля делать классную графику с помощью кода и показываем, что программировать вообще-то не страшно.
До 31 декабря курс можно купить со скидкой. Сейчас доступ стоит 6650 ₽, но цена постепенно-постепенно растёт, и к 9 января курс будет стоить 9900 ₽.
Подробное описание, программа, отзывы и формат — на сайте. Запись — через бота @gendesign_bot.
(↑ На видео выше — шоурил из работ выпускников.)
Нет, всех достали новогодние скидки. Лучше так:
Денрожденная скидка на курс гендизайна
Мы запустили курс генеративного дизайна год назад — 21 декабря 2022 года. С того времени мы провели один поток, второй, третий, потом долго-долго монтировали записи, а теперь продаём в виде интерактивного телеграм-канала. Там каждый день выходят смонтированные записи занятий, квизы и другая дополнительная информация.
Начало следующего потока — 9 января. Мы учим дизайнеров с нуля делать классную графику с помощью кода и показываем, что программировать вообще-то не страшно.
До 31 декабря курс можно купить со скидкой. Сейчас доступ стоит 6650 ₽, но цена постепенно-постепенно растёт, и к 9 января курс будет стоить 9900 ₽.
Подробное описание, программа, отзывы и формат — на сайте. Запись — через бота @gendesign_bot.
(↑ На видео выше — шоурил из работ выпускников.)
🔥8👍3❤1👏1
Пиксельсорт
Сетка представляет свой новый спецпроект — сортировщик пикселей. Загружаешь картинку, выбираешь паттерн — и получаешь глитч-арт для модного постера или аватарки в телеграме.
Работает даже на телефоне. Попробуйте! Сфоткайте себя, коллегу, кота или ковёр, выберите один из готовых паттернов или загрузите свой. Лучше всего подойдёт текст или что-то абстрактно-геометричное.
Можно менять критерий сортировки и её направление, а потом скачать получившуюся картинку. Делитесь результатами в комментариях :—)
https://setka.design/pixelsort
🕸 Сетка
Сетка представляет свой новый спецпроект — сортировщик пикселей. Загружаешь картинку, выбираешь паттерн — и получаешь глитч-арт для модного постера или аватарки в телеграме.
Работает даже на телефоне. Попробуйте! Сфоткайте себя, коллегу, кота или ковёр, выберите один из готовых паттернов или загрузите свой. Лучше всего подойдёт текст или что-то абстрактно-геометричное.
Можно менять критерий сортировки и её направление, а потом скачать получившуюся картинку. Делитесь результатами в комментариях :—)
https://setka.design/pixelsort
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥29👍6❤4👏1🎉1👾1