superhi.com
Мы делаем онлайн-курсы, которые помогают творческим людям выделиться. Узнайте, как писать, разрабатывать и управлять проектами в нашем глобальном сообществе!
Продолжительность
7 ч 17 мин
Категория
ДругоеКоличество уроков
86 Видео
Дата добавления
14 янв. 2022 г., 23:51
Язык
Английский
Дата обновления
29 апр. 2026 г., 13:46
Математика может быть неочевидным инструментом для творческого мышления, но именно она открывает путь к динамичному дизайну, выразительной анимации и интерактивным визуальным эффектам. Этот курс покажет, как превратить формулы в творческую палитру и использовать их для усиления ваших идей.
Зачем креативщикам разбираться в математике
Современные цифровые проекты требуют понимания того, как устроены движение, цвет, форма и случайность. Математика позволяет управлять ими не интуитивно, а точно — создавая эффекты, которые выглядят естественно, убедительно и технологично.
Математика как инструмент визуального мышления
Вы узнаете, как преобразовать абстрактные математические идеи в понятные визуальные модели, которые легко применять в реальных проектах — от UI‑анимации до генеративного искусства.
Что вы изучите в рамках курса
Выбор правильных инструментов
Мы рассмотрим, какие математические методы помогают решать разные творческие задачи, и разберёмся, как выбирать технику под стиль и результат.
Тригонометрия в дизайне и анимации
- Построение волн, циклов и органических движений
- Расчёт расстояний и направлений в динамичных сценах
- Создание плавных переходов и пульсаций
Математика цвета
Научитесь использовать цветовые пространства, смешение оттенков и рандомизацию, чтобы создавать живые, изменяющиеся интерфейсы и визуальные композиции.
Рандом и шум
Разберёмся, что такое перлин‑шум и другие виды органической случайности. Вы увидите, как они помогают создавать естественные текстуры, движения и паттерны.
Смягчения, тайминги и скорости
Мы изучим принципы, лежащие в основе реалистичного движения: от экспоненциальных кривых до функции ускорения и замедления.
Физика как часть визуальной математики
Поймёте, как использовать формулы силы, гравитации и инерции для создания анимаций, которые ощущаются физически достоверными и выразительными.
Практическая ценность курса
Каждая математическая концепция объясняется доступно и визуально, а затем применяется в наглядных примерах, которые вы сможете интегрировать в собственные проекты: сайты, игры, моушн‑ролики и интерактивные арт‑работы.
Для кого этот курс
- Дизайнеров, работающих с анимацией и интерактивом
- MoGraph‑специалистов и 3D‑художников
- Креативных разработчиков и генеративных художников
- Всех, кто хочет усилить визуальное мышление логическими инструментами
Итог
Этот курс — о том, как математика помогает творить, а не ограничивает. Вы не только разберёте формулы, но и поймёте, как превращать их в визуальные эффекты, динамику и насыщенные креативные идеи.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:02:11Welcome to Math for Creatives!
- Урок 2. 00:02:20Welcome to Wall Ball
- Урок 3. 00:14:11Setting up our project
- Урок 4. 00:08:11Drawing on a page with P5
- Урок 5. 00:06:58Styling our canvas
- Урок 6. 00:05:44Resizing the canvas on window resize
- Урок 7. 00:06:44Making our own state
- Урок 8. 00:05:29Adding automated movement
- Урок 9. 00:08:29Adding boundaries to the page
- Урок 10. 00:07:15Fixing our boundaries
- Урок 11. 00:06:36Adding sound
- Урок 12. 00:07:48Introducing vectors
- Урок 13. 00:07:20Clicking to add randomness
- Урок 14. 00:02:09P5.js vs Processing
- Урок 15. 00:02:37Welcome to Flower Brush
- Урок 16. 00:07:53Setting up our project
- Урок 17. 00:09:02Making a class for our brush items
- Урок 18. 00:07:45Setting up a list of flowers
- Урок 19. 00:04:09Adding a random hue
- Урок 20. 00:06:22Controlling our hue
- Урок 21. 00:03:22Variation: fading and resizing
- Урок 22. 00:05:02Adding a reset on mouse release
- Урок 23. 00:08:27The geometry of circles
- Урок 24. 00:05:54Adding a for loop
- Урок 25. 00:04:16Adding petals to each flower
- Урок 26. 00:01:56Using P5 vectors to do our heavy lifting
- Урок 27. 00:03:43Adding rotation and rotation speed
- Урок 28. 00:02:36Final tweaks
- Урок 29. 00:04:08Saving an image on key press
- Урок 30. 00:01:31Welcome to Blobbo
- Урок 31. 00:05:47Setting up our project
- Урок 32. 00:05:29Adding a for loop
- Урок 33. 00:06:15Making a sine wave
- Урок 34. 00:06:16Adding movement to our sine wave
- Урок 35. 00:01:58Additive waves
- Урок 36. 00:02:11Making a custom shape
- Урок 37. 00:04:47Making a circle from a list of points
- Урок 38. 00:02:25Adding waves to each points radius
- Урок 39. 00:04:23Adding a wave speed
- Урок 40. 00:02:10Welcome to Nice Colors
- Урок 41. 00:05:36Setting up our project
- Урок 42. 00:04:23Setting up our app.js file
- Урок 43. 00:05:56Adding changes to our code
- Урок 44. 00:03:19Adding randomness on page load
- Урок 45. 00:03:38Adding randomness on button click
- Урок 46. 00:02:49Welcome to Pink Noise
- Урок 47. 00:04:47Project Setup
- Урок 48. 00:08:18Setting up randomness
- Урок 49. 00:05:44Adding noise and noise levels
- Урок 50. 00:05:38Noise space
- Урок 51. 00:02:12Hue change
- Урок 52. 00:06:42Drawing per pixel
- Урок 53. 00:03:12Increasing our hue density
- Урок 54. 00:03:59Applying our density in code
- Урок 55. 00:03:10Using lerpColor with our density
- Урок 56. 00:05:18Adding in fade in and out colors
- Урок 57. 00:02:39P5.js vs Processing
- Урок 58. 00:01:32Welcome to Flying Letters
- Урок 59. 00:10:19Project setup
- Урок 60. 00:06:34Making a list of objects
- Урок 61. 00:06:33Adding speed and randomness
- Урок 62. 00:04:00Gravity and acceleration
- Урок 63. 00:05:51Adding friction and elasticity
- Урок 64. 00:05:08Adding text to our page
- Урок 65. 00:08:12Typing on key press
- Урок 66. 00:07:24Adding a choices list to pick from
- Урок 67. 00:07:43Adding a timeline and alpha channel
- Урок 68. 00:05:32Adding easing
- Урок 69. 00:07:01Varation: images instead of text
- Урок 70. 00:01:49Welcome to Snake!
- Урок 71. 00:03:50Setting up our project
- Урок 72. 00:06:0603-adding-a-snake
- Урок 73. 00:09:08Holding points of our shape
- Урок 74. 00:03:44Limiting the number of points
- Урок 75. 00:07:48Threshold additions by distance
- Урок 76. 00:05:28Setting up a letter class
- Урок 77. 00:06:48Adding multiple letters
- Урок 78. 00:06:28Selecting letters from a list
- Урок 79. 00:10:15Adding rotation to our letters
- Урок 80. 00:01:07Variation: curve vertex
- Урок 81. 00:00:47Variation: randomness on points
- Урок 82. 00:02:25Variation: noise on points
- Урок 83. 00:02:09Variation: noise in three dimensions; x, y and time
- Урок 84. 00:00:33Variation: line over text
- Урок 85. 00:03:43Variation: images instead of text
- Урок 86. 00:00:35Thanks for taking our course
Автор - superhi.com
Комментарии