Это первая статья из цикла про ААА-пайплайн. Вот ссылки на все пять, выбирай ту, которая тебе нужна:
1. ААА-пайплайн
2. Драфт
3. Сетка
4. Развертка
5. Запечка
Эта статья поможет новичкам, которые хотят научиться моделить так, чтобы потом не переделывать. Ты узнаешь, что такое пайплайн, зачем он нужен и из каких этапов состоит. Внимательное изучение статьи займет около 15 минут. Если возникнут вопросы — пиши в чат-бот (кнопка справа внизу). Там на связи живой менеджер :) Он поможет разобраться. Ну что, давай начнем!
01. Что такое AAA-пайплайн
Вот что означает сокращение ААА:
— A lot of time (много времени);
— A lot of resources (много ресурсов);
— A lot of money (много денег).
Например, бюджет Grand Theft Auto V оценивается в $265 миллионов, разрабатывали ее 3 года, а трудились над ней более 1000 человек.
Пайплайн — это цикл разработки 3D-моделей. Процесс начинается с блокинга и заканчивается готовой моделью в проекте. Знание пайплайна упрощает процесс создания модели, потому что разбивает задачу на несколько частей. Еще, при помощи пайплайна мы решаем такие технические вопросы:
- В каком стиле должна быть модель;
- Сколько полигонов будет в модели;
- Нужна ли карта неровностей (normal);
- Что использовать — современные физические корректные материалы (PBR) или делать плоский цвет с картой блика (а может и без нее вовсе);
- Какое разрешение текстур на квадратный метр (тексель);
- C какого ракурса модель будут видеть чаще всего, нужно ли ее анимировать;
- Как и где печь карты (не забыть сделать скосы для запечки);
- Скульптить или создавать фактуры в Photoshop или Painter;
- Правильно разбить полигоны на треугольники;
- Нужна ли карта прозрачности, стоит ли разворачивать несколько моделей в один атлас, как паковать текстуры;
- Как экспортнуть модель в движок;
- Как сделать упрощенные модели, которые загружаются на расстоянии (лоды), создать геометрию для просчета физики (колижн).
Пайплайн состоит из 6 этапов:
- Драфт (формы и силуэт)
- Сетка (хайполи, лоуполи)
- Развертка
- Запечка
- Текстуры
Дополнительный пункт — подача. Она не относиться к созданию модели, но это важный этап в работе с ней. Если не позаботиться о красивой обертке — даже хорошие модели теряют в привлекательности. Поэтому, в конце цикла о пайплайне мы рассмотрим еще и подачу, как дополнительный пункт пайплайна.
Почему важен пайплайн
По ААА-пайплайну работают трехмерщики во всех студиях, которые разрабатывают игры высшего класса. Обычно, на интервью дают тестовое задание из всех этапов пайплайна. От того, как хорошо моделлер его знает, зависит насколько комфортно будет с ним работать команде. Потому, знать пайплайн — маст хев, если хочешь устроиться в большую геймстудию.
Пайплайн держит твою работу в порядке, а его понимание необходимо вне зависимости от того, что ты моделишь.
Перед тем, как перейдем к этапам пайплайна, вот несколько секретов, которые помогут избежать ненужных ошибок при моделинге:
1. Важна последовательность
До тех пор пока не закончишь первый этап пайплайна, не перепрыгивай на третий или четвертый. Например, ты еще не доделал блокинг, а уже бежишь создавать low poly. В таком случае рискуешь испортить всю работу.
Частая ошибка начинающих — сразу детализировать модель. Так можно облажаться в пропорциях, сделать тонкие фаски, которые не запекутся, наделать дикую развертку без учета жестких углов и так далее. Самостоятельно сделать свою первую 3D-модель ты можешь на нашем курсе Intro 3D.
2. Разные вариации пайплайна
Иногда можно упустить некоторые этапы пайплайна. Например, на Blindspot можно не делать high poly и не печь нормал. На этом проекте плоский свет и нет бликов, поэтому карта неровности не нужна.
Пайплайн для пушек, техники и твердотельных предметов отличается от пайплайна для персонажей. Для твердотельного моделирования можно упустить этап топологии, если мы моделируем во Fusion 360.
3. Провал одного этапа пайплайна приведет к провалу всех остальных
Работа может посыпаться, как карточный домик, если ты некачественно сделал один из этапов пайплайна. Например, плохой драфт не спасти даже самыми крутыми текстурами, кривая high poly загубит блик даже идеальной low poly, а развертка, которую делал без учета запечки, обречена на провал.
4. Принципы пайплайна универсальны
Моделишь ты для Cyberpunk 2077 или инди-игры, используешь Maya или Blender — порядок и принципы пайплайна одинаковые. Может измениться последовательность этапов, но принципы одни.
02. этапы пайплайна
Драфт — упрощенная форма модели, которую мы делаем из простых фигур. Любая модель начинается с драфта. Только новички начинают моделить машину с мелких деталей на радиаторе. По законам ААА-пайплайна мы всегда начинаем с блокинга.
Блокинг — набросок модели из боксов, сфер и цилиндров, которыми мы передаем суть объекта. В блокинге нет мелких деталей, только крупные и средние формы. Так мы строим силуэт машины, чтобы попасть в ее пропорции.
Блокинг нашего студента. Сразу понятно, что это машина, а не футуристическая микроволновка. Используются простые боксы и цилиндры.
В среднем на блокинг уходит до 40 минут.
Следующий пункт драфта — детализация. На этом этапе разбираемся с механикой модели, чтобы зритель поверил в ее правдоподобность. Важно проработать переходы между геометрией и продумать ключевые детали, которые обеспечивают функционал.
Помни о лайфхаках пайплайна — на этом этапе мы все еще не заморачиваемся за сетку (топологию). На геометрии может быть много лишних ребер, модель может странно бликовать, некоторые полигоны могут иметь больше 4-х точек (n-gon).Это нормально! Это «детальный драфт», а не готовая модель.
Лайфхак: во время детализации распределить цвета по модели, чтобы лучше понимать ее финальный вид. Помогает разобраться с акцентами и проработать палитру еще до текстурирования.
На этапе драфта мы решаем, как будет выглядеть и читаться модель. Если драфт вышел невыразительным, нужно переделать, пока не поздно. Если полениться — есть риск испортить всю модель на поздних этапах разработки. В итоге времени потратил уйму, а результат — на помойку, ведь менять модель на финальных этапах не получится. Возьми себе за правило сразу делать хороший драфт, даже если на это уйдет больше времени, чем ты планировал.
Модель преподавателя школы — Антона Агеева
Итак, блокинг готов. Перед переходом на следующий этап проверь, хорошим ли получился драфт. Вот тебе небольшой чек-лист для проверки:
— Понятно ли, что это за объект?
— Читается ли силуэт модели? Интересный ли получился силуэт?
— Попал ли ты в пропорции? Сравни с референсом
— Понятно ли, как работает эта модель?
— Все ли ключевые объекты ты замоделил?
— Добавил ли базовые цвета?
— Тебя устраивает, как выглядит модель?
Если ты ответил на все вопросы «да» — драфт хороший. Вот иллюстрация хорошего драфта:
Как видишь, крупные формы не изменились! Добавились только детали.
Этап 2: Сетка (lowpoly и highpoly)
Когда драфт готов, можешь приступать к работе с сеткой — топологии. Это разбивка модели на полигоны. Есть 3 вида топологии: легкая LowPoly, супер детализированная HighPoly и MidPoly (о ней говорить не будем, это для опытных моделлеров). Обычно для видеоигр делают 2 модели: HighPoly и LowPoly.
LowPoly — это легкая 3D-модель, в которой каждая плоскость, грань и вершина имеют функциональную задачу: влияют на силуэт, правят блик, влияют на развертку. При этом полигоны, которых не видно, удаляются, вся геометрия оптимизируется, цилиндры строятся с сохранением длины ребра.
LowPoly — та модель, которая будет в игре. Именно ее мы будем разворачивать (этап 3), печь (этап 4) и текстурить (этап 5). Задача low poly — найти идеальный баланс между выразительностью и легкостью модели. На реальных проектах часто выдают бюджет на полигоны. Например, почти все танки для WoT содержат меньше 50 тысяч треугольников.
Во времена GTA San Andreas у Сиджея было всего три с половиной пальца. Это связано с ограничениями компьютеров той эры. Современные игры работают на тех же технологиях, но компьютеры стали мощнее, поэтому полигонов на персонажах RDR 2 в сотни раз больше.
Оптимизированная low poly выглядит вот так:
Финальная лоуполи, подогнанная под скульпт.
HighPoly — это супер детализированная модель. На ней нет ограничений по количеству полигонов — главное, чтобы модель вообще можно было открыть на твоем компе.
Задача на high poly — сделать округлые фаски, фактуры и детали, которые не попали на low poly. High poly нужна только для запечки детализации на лоуполи.
SubD хайполи канистры. Главная задача — сделать круглые фаски и чистый блик
Скульпт канистры. Главная задача — добавить вкусных фактур и помятостей.
Для портфолио иногда делают только high poly модель, потому что она детализированная. Но засунуть high poly в игру — верный путь к лютейшим тормозам даже на самых мощных компьютерах.
Этап 3: Развёртка
На этапе развертки мы разворачиваем low poly модель на плоскость.
Запеченные карты (этап 4) и текстуры (этап 5) — простые плоские картинки. Без развертки 3D-редактор не понимает как применить текстуру к объемной модели.
Задача на развертке — разрезать 3D-модель на 2D-кусочки из которых она состоит. Важно сделать развертку с наименьшим числом швов, убедиться, что текстуры не тянутся, островки не пересекаются, повторяющиеся элементы лежат друг на друге, а плотность пикселей на текстуре соответствует требованиям проекта.
Все стороны модели разложены на плоскость. Это почти как выкройка для одежды
Чекер на всей модели равномерный и квадратный. Потягов нет.
💥 Курс «Draft Punk» для тебя, если хочешь делать такие же 3D-модели
Узнаешь, как устроен пайплайн разработки 3D-моделей в больших игровых студиях. Научишься создавать выразительные драфты, разберёшься с топологией, high poly, low poly, развёрткой и запечкой. А в конце создашь полноценную 3D-модель по всем правилам пайплайна. Курс можно взять в рассрочку.
Этап 4: Запечка
Запечка — этап переноса детализации с high poly на low poly. Все те вкусные помятости, округлые фаски, сварочный шов, фактуры и детали имитируют специальной картой нормалей. Эта технология появилась для фильма «Властелин Колец», а теперь используется в играх. Благодаря запечке можно создать огромную детализацию на легких low poly моделях. Кроме карты нормалей еще печется карта затенений и цветовая разбивка модели на материалы — они помогают в текстурировании. Помнишь, какая простая у нас канистра на low poly, и какая сложная на high poly? А теперь посмотри, как выглядит та же самая low poly после запечки:
Слева и справа одна и та же модель. Канистра выглядит детализированной благодаря карте нормалей
Этап 5: Текстуры
Это этап покраски low poly модели. В современных ААА-проектах используется физически корректный рендер — PBR. Суть этой технологии: есть отдельная карта чистого цвета объекта без бликов и затемнений, карта отвечающая за силу отражений и карта передающая гладкость или шершавость поверхности, которая отвечает за размер блика.
Все карты канистры в одной картинке. Листай вправо чтобы увидеть их отдельно
Альбедо — чистый цвет канистры
Металнес. Белый цвет означает, что перед нами металл и он отражает весь падающий свет. Черный отвечает за диэлектрики
Рафнес — карта неровности. Белый означает максимальное рассеивание бликов, а черный максимально гладкое отражение.
Нормал мап — карта неровности. Именно она делает то самое волшебство с лоуполи, и именно для этой карты делается хайполи.
АО — карта амбиентного затенения. Черный цвет отвечает за углубления а белый за плоскости без теней
Самые “живые” текстуры получаются, когда добавляешь в них эффекты реалистичности. Например, ржавчина на кузове машины или отломанные куски дерева на лестнице. Благодаря таким эффектам зрителю легче поверить в иллюзию, что виртуальная модель настоящая. На курсе Текстурирование 3D-моделей мы учим создавать такие самостоятельно.
Вот что получилось у наших студентов после курса:
Дополнительный этап: Подача
Если моделер работает в студии, этот этап не важен, но для портфолио подача обязательна. Плохая подача может запороть крутую модель, а классный рендер спасти средние модели. На подаче важно поставить симпатичный свет, подчеркнуть объем, нарулить контраста и постобработку. В идеале — добавить окружение или клевое оформление.
Финальная подача канистры.
Вот такой путь из 6 этапов проходят все модели в геймдев индустрии, чтобы попасть в игру.
Листай вправо, там еще 2 работы
Пайплайн можно разделить на 2 части:
Художественную и техническую.
Давай разберёмся, какой из них следует уделить больше внимания.
03. Art vs Технологии
У студий есть 2 требования к хорошей модели:
- Чтобы она была понятной. Для этого нужны художественные навыки
- Чтобы она была оптимизирована для игры. Для этого нужно в совершенстве владеть техническими этапами пайплайна.
От драфта зависит будет модель выразительной или нет. А от остальных четырех этапов зависят технические моменты: достаточно ли оптимизирована модель для игры и реально ли поместить ее в движок.
И арт, и технологии важны. Без них невозможно стать трехмерщиком и работать в студии. Но с каждым годом технические этапы все сильнее автоматизируются, а художественная часть становится востребованной.
За сколько можно научиться моделить?
Технические этапы можно выучить за пару месяцев и использовать годами. А вот учиться моделить красиво ты будешь всю жизнь. Поэтому, 20% времени уходит на изучение технических этапов. Их много, но они простые — главное выучить правила и придерживаться их. 80% времени уходит на изучение драфтов.
Чтобы делать классные формы, нужно учиться видеть красоту в окружающем мире, разбираться с композицией и законами графики, экспериментировать с формами, изучать механику и анатомию, практиковаться без остановки.
Какой контент есть в интернете?
80% контента — про кнопки и техническую составляющую.
20% контента посвящено арт части.
Мы заметили, что именно по художественной части в трехмерке сложно найти информацию. Большинство трехмерщиков смотрят на 3D-моделинг как на высшую математику, где успех кроется на волшебных формулах, а не на твоем глазомере и умении делать красиво.
Поэтому рекомендуем тебе:
— Изучить весь пайплайн
— Освоить все технические этапы, они будут с тобой всю жизнь
— Но большую часть времени уделяй драфтам
В драфтах кроется настоящий арт. Изучи весь ААА-пайплайн с упором на Драфты и стань воином 3D вместе с нами!
04. Записывайся на курс Draft Punk
Если хочешь освоить весь пайплайн и научиться моделить в 3D, присмотрись к нашему курсу Draft Punk. Ты поймешь, как устроен пайплайн разработки 3D-моделей в больших игровых студиях. Научишься создавать выразительные драфты. Разберешься с топологией, high poly, low poly, разверткой и запечкой. А в конце создашь полноценную 3D-модель по всем правилам пайплайна. Полученных знаний хватит, чтобы работать на фрилансе или джуном в студии.
Вот что получилось у наших студентов после курса Draft Punk:
Если тебе интересны другие этапы пайплайна — переходи к следующей статье. 1 статья = 1 этап пайплайна, с уроками и примерами. Выбирай тему, с которой хочешь разобраться:
1. ААА-пайплайн
2. Драфт
3. Сетка
4. Развертка
5. Запечка
ВСЕ ПРОЧИТАЛ? ПЕРЕХОДИ К ПРАКТИКЕ!
Освой пайплайн и научись создавать 3D-модели на курсе Draft Punk
Draft Punk.
3D-моделирование объектов
Пройди курс по 3D-моделированию и научись создавать модели для игр. Уроки проходят в онлайн-формате — сможешь вернуться к лекциям в любой момент и освежить свои знания.
ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ СТАТЬИ
ОТ XYZ РАЗ В НЕДЕЛЮ?
Подпишись на рассылку XYZ
Нажимая на кнопку, вы соглашаетесь с условиями обработки данных
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="google-site-verification" content="3W5japOowboLNjQ8sge1sGCJaL2OOmBZVhLGCNoRjlw" /> <meta name="yandex-verification" content="007f18c3f91cd6ed" /> <!--metatextblock--> <title>Как делаются модели для AAA-игр. Полный гайд по AAA-пайплайну</title> <meta name="description" content="Triple-A проект — это игра высоких ожиданий. На разработку топовой игры у создателей хватило денег, и теперь игроки ожидают от неё качества. Отсюда вытекают высокие требования к абсолютно каждой 3D модели внутри игры." /> <meta property="og:url" content="https://www.school-xyz.com/blog/kak_delayutsya_modeli_dlya_aaa_igr_polnyj_gajd_po_aaa_pajplajnu" /> <meta property="og:title" content="Как делаются модели для AAA-игр. Полный гайд по AAA-пайплайну" /> <meta property="og:description" content="Triple-A проект — это игра высоких ожиданий. На разработку топовой игры у создателей хватило денег, и теперь игроки ожидают от неё качества. Отсюда вытекают высокие требования к абсолютно каждой 3D модели внутри игры." /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild3836-6237-4061-b564-333436343731/Cover_65.png" /> <link rel="canonical" href="https://www.school-xyz.com/blog/kak_delayutsya_modeli_dlya_aaa_igr_polnyj_gajd_po_aaa_pajplajnu"> <!--/metatextblock--> <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.com"> <link rel="shortcut icon" href="https://static.tildacdn.com/tild6462-6438-4164-b332-316331666365/favicon.ico" type="image/x-icon" /> <!-- Assets --> <script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.com/ws/project1006203/tilda-blocks-page18818297.min.css?t=1772097616" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-animation-2.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-cover-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-slds-1.4.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css" type="text/css" media="print" onload="this.media='all';" onerror="this.loaderr='y';" /> <noscript><link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-popup-1.1.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-forms-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" type="text/css" href="https://ws.tildacdn.com/project1006203/custom.css?t=1772097616"> <script nomodule src="https://static.tildacdn.com/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}}
function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t396_initialScale(t){var e=document.getElementById("rec"+t);if(e){var i=e.querySelector(".t396__artboard");if(i){window.tn_scale_initial_window_width||(window.tn_scale_initial_window_width=document.documentElement.clientWidth);var a=window.tn_scale_initial_window_width,r=[],n,l=i.getAttribute("data-artboard-screens");if(l){l=l.split(",");for(var o=0;o<l.length;o++)r[o]=parseInt(l[o],10)}else r=[320,480,640,960,1200];for(var o=0;o<r.length;o++){var d=r[o];a>=d&&(n=d)}var _="edit"===window.allrecords.getAttribute("data-tilda-mode"),c="center"===t396_getFieldValue(i,"valign",n,r),s="grid"===t396_getFieldValue(i,"upscale",n,r),w=t396_getFieldValue(i,"height_vh",n,r),g=t396_getFieldValue(i,"height",n,r),u=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!_&&c&&!s&&!w&&g&&!u){var h=parseFloat((a/n).toFixed(3)),f=[i,i.querySelector(".t396__carrier"),i.querySelector(".t396__filter")],v=Math.floor(parseInt(g,10)*h)+"px",p;i.style.setProperty("--initial-scale-height",v);for(var o=0;o<f.length;o++)f[o].style.setProperty("height","var(--initial-scale-height)");t396_scaleInitial__getElementsToScale(i).forEach((function(t){t.style.zoom=h}))}}}}function t396_scaleInitial__getElementsToScale(t){return t?Array.prototype.slice.call(t.children).filter((function(t){return t&&(t.classList.contains("t396__elem")||t.classList.contains("t396__group"))})):[]}function t396_getFieldValue(t,e,i,a){var r,n=a[a.length-1];if(!(r=i===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+i)))for(var l=0;l<a.length;l++){var o=a[l];if(!(o<=i)&&(r=o===n?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return r}window.TN_SCALE_INITIAL_VER="1.0",window.tn_scale_initial_window_width=null;</script> <script src="https://static.tildacdn.com/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-scripts-3.0.min.js" charset="utf-8" defer onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/ws/project1006203/tilda-blocks-page18818297.min.js?t=1772097616" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-animation-2.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-cover-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-slds-1.4.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-video-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-vote-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-popup-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <!-- nominify begin --><script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Product",
"name": "Курс геймдев",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": 5.0,
"ratingCount": 3719,
"reviewCount": 3828
}
}
</script> <script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "XYZ",
"item": "https://www.school-xyz.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Курсы",
"item": "https://www.school-xyz.com/courses"
},
{
"@type": "ListItem",
"position": 3,
"name": "💥Скидки до 50%",
"item": "https://www.school-xyz.com/courses#all"
}
]
}
</script> <script>
// скрипт для стилизации попапов с работами студентов при переходе по прямой ссылке на этот попап
if (window.location.pathname.includes('/tpost')) {
$('head').append('<link rel="stylesheet" href="https://landing-cdn.school-xyz.com/tpostTildaStyle.css?v=1" type="text/css">');
}
</script> <script>
document.addEventListener('DOMContentLoaded', function() {
var allRec = document.getElementById('allrecords');
if (allRec) allRec.setAttribute('data-fb-event', 'nosend');
});
</script> <script type="text/javascript" id="advcakeAsync">
(function (a) {
var b = a.createElement("script");
b.async = 1;
b.src = "//0gs25f.ru/";
a=a.getElementsByTagName("script")[0]; a.parentNode.insertBefore(b,a)
})(document);
</script> <!-- <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/promosTildaScript.js?v=4"></script> --> <!-- отвечает за работу промобара --> <!-- <link rel="stylesheet" href="https://learn.school-xyz.com/tilda-static/public/promosTildaStyle.css?v=7"> --> <!-- стили для промобара --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/saveUrlGetParamsTildaScript.js"></script> <!-- <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formsSubmittionTildaScript.js"></script> --> <!-- что-то про регистрацию на интро курсы --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/platformDataAutoFillTildaScript.js?v=8"></script> <!-- автоматизация цен, рассрочка, даты, скидка... --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/preValidatePhoneTildaScript.js"></script> <!-- валидация телефонного номера для любых форм на страницах --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formsAutoFillTildaScript.js"></script> <!-- автозаполнение форм, только имя и почта --> <script type="text/javascript" src="https://learn.school-xyz.com/tilda-static/public/formValidateYmClientTildaScript.js"></script> <!-- модуль CPA-интеграций https://t.me/dmitmix --> <script>
const script = document.createElement('script');
script.src = `https://landing-cdn.school-xyz.com/js/xyzCpa.js?v=${Date.now()}`;
document.head.appendChild(script);
</script> <!-- Solo Start --> <script src="https://sologpt.ru/xyz_integration/sologpt.iife.js" defer></script> <!-- Solo End --> <!-- Carrot quest BEGIN --> <script type="text/javascript">
!function(){function t(t,e){return function(){window.carrotquestasync.push(t,arguments)}}if("undefined"==typeof carrotquest){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.carrotquest.app/api.min.js",document.getElementsByTagName("head")[0].appendChild(e),window.carrotquest={},window.carrotquestasync=[],carrotquest.settings={};for(var n=["connect","track","identify","auth","onReady","addCallback","removeCallback","trackMessageInteraction"],a=0;a<n.length;a++)carrotquest[n[a]]=t(n[a])}}(),carrotquest.connect("68058-4eec889da0f5c5a357581273a3");
</script> <!-- Carrot quest END --> <!-- UE admin BEGIN --> <link rel="stylesheet" href="https://tilda.ultimate.education/styles.css"> <script type="text/javascript" src="https://tilda.ultimate.education/index.js" apiUrl="https://product.it.ultimate.education" id="replacer" school="XYZ" currency="RUB" apiVersion="v3"></script> <!-- UE admin END --> <script>
/* привязка виджета чата к скролу, чтобы не было наложения с промобаром */
function findChatWidget() {
let chatWidget = $('#carrotquest-messenger-collapsed-container');
let promoBar = document.querySelector('.uc-promobar');
if (chatWidget.length == 1 && promoBar !== null) {
console.log('виджет чата и промобар найдены!');
if (promoBar.clientHeight != 0) {
let promobarHeight = promoBar.clientHeight + 8;
console.log('Высота промобара: ' + promobarHeight);
document.querySelector('.t-body').style.setProperty('--dynamic-bottom', ' ' + promobarHeight + 'px');
$('.promobar__hide-btn').on('click', function() {
$('.t-body').addClass('hide-promobar');
});
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$('.t-body').addClass('show-promobar');
} else {
$('.t-body').removeClass('show-promobar');
}
$(document).scroll(function() {
let scrolledAmo = $(document).scrollTop();
let bodyHeightAmo = $(document).height() - ($(window).height() + 250);
if ( scrolledAmo > 250 && scrolledAmo < bodyHeightAmo ) {
$('.t-body').addClass('show-promobar');
} else {
$('.t-body').removeClass('show-promobar');
}
});
}
} else {
setTimeout(function() {
console.log('виджет чата и/или промобар не найдены');
findChatWidget();
}, 1000);
}
}
findChatWidget();
/* end привязка виджета чата к скролу, чтобы не было наложения с промобаром */
</script> <!-- Pixel victorycorp --> <script type="text/javascript">
(function (d, w) {
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script");
s.type = "text/javascript";
s.async = true;
s.src = "https://victorycorp.ru/index.php?ref="+d.referrer+"&page=" + encodeURIComponent(w.location.href);
n.parentNode.insertBefore(s, n);
})(document, window);
</script> <!-- /Pixel victorycorp --><!-- nominify end --><script type="text/javascript">window.dataLayer=window.dataLayer||[];</script> <!-- Google Tag Manager --> <script type="text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KTCCH4H');</script> <!-- End Google Tag Manager --> <script type="text/javascript">(function() {if((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent))===false&&typeof(sessionStorage)!='undefined'&&sessionStorage.getItem('visited')!=='y'&&document.visibilityState){var style=document.createElement('style');style.type='text/css';style.innerHTML='@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';document.getElementsByTagName('head')[0].appendChild(style);function t_setvisRecs(){var alr=document.querySelectorAll('.t-records');Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_animated");});setTimeout(function() {Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_visible");});sessionStorage.setItem("visited","y");},400);}
document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script></head> <body class="t-body" style="margin:0;"> <!--allrecords--> <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="18818297" data-tilda-page-alias="blog/kak_delayutsya_modeli_dlya_aaa_igr_polnyj_gajd_po_aaa_pajplajnu" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <!--header--> <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="20568317" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <div id="rec1229679181" class="r t-rec" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- НОВЫЙ ХЕДЕР от 15.08.25 --> <!-- 17.09.25 замена всех иконок и картинки в блоке с тестом. Удаление пункта меню Вебинары --> <!-- 19.12.25 заменил пункт меню Бесплатные курсы на Вводный урок с консультантом --> <div class="header__overlay" style="display: none"></div> <header class="header__container"> <div class="header__wrapper"> <a href="/" class="header__logo"> <img class="header__logo_dark" src="https://static.tildacdn.com/tild3538-3936-4030-a562-643962313938/Logo-dark.svg" alt="XYZ School logo"> </a> <nav class="header__items-container"> <ul class="header__items-wrapper"> <li class="header__item header__item-all-courses"> <div class="header__item-link">Все курсы</div> </li> <li class="header__item"> <a href="https://www.school-xyz.com/trial-lesson" class="header__item-link">Вводный урок с консультантом</a> </li> </ul> <a href="https://learn.school-xyz.com/" target="_blank" class="header__members-btn">Личный кабинет</a> </nav> <div class="menu burger-btn"> <div class="icon-left"></div> <div class="icon-right"></div> </div> </div> <div class="menu__wrapper"> <div class="menu-left"> <nav class="menu-left__course-direction"> <ul class="menu-left__course-direction-list"> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/courses" class="menu-left__course-direction-link" data-direction-name="all-courses"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3434-6264-4637-a535-373532313833/Frame_2087329259_1.jpg" alt="Иконка направления Все курсы"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Все курсы</div> <div class="menu-left__course-direction-quontity-courses">37 курсов</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/3d-modelirovanie" class="menu-left__course-direction-link" data-direction-name="3d"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild6632-3831-4331-a264-636330373331/3D-_1.jpg" alt="Иконка направления 3D-моделирование"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">3D-моделирование</div> <div class="menu-left__course-direction-quontity-courses">15 курсов</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/2d-illyustraciya" class="menu-left__course-direction-link" data-direction-name="2d"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3830-3537-4234-b833-633466333735/2D-_1.jpg" alt="Иконка направления 2D-иллюстрация"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">2D-иллюстрация</div> <div class="menu-left__course-direction-quontity-courses">8 курсов</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/geymdizayn" class="menu-left__course-direction-link" data-direction-name="gamedesign"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3461-3239-4635-a138-383032306664/gamedesign_1.jpg" alt="Иконка направления Геймдизайн"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Геймдизайн</div> <div class="menu-left__course-direction-quontity-courses">4 курса</div> </div> </a> </li> </ul> <ul class="menu-left__course-direction-list"> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/programmirovanie" class="menu-left__course-direction-link" data-direction-name="gamecode"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild6533-3234-4231-a361-356136613038/_1.jpg" alt="Иконка направления Программирование"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Программирование</div> <div class="menu-left__course-direction-quontity-courses">8 курсов</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/video-i-speceffekty" class="menu-left__course-direction-link" data-direction-name="vfx"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild6562-3931-4937-b035-363239373230/___1.jpg" alt="Иконка направления Видео и спецэффекты"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Видео и спецэффекты</div> <div class="menu-left__course-direction-quontity-courses">3 курса</div> </div> </a> </li> <li class="menu-left__course-direction-item"> <a href="https://school-xyz.com/menedzhement" class="menu-left__course-direction-link" data-direction-name="business"> <img class="menu-left__course-direction-icon" src="https://static.tildacdn.com/tild3165-6365-4236-b463-643730363733/management_1.jpg" alt="Иконка направления Менеджмент"> <div class="menu-left__course-direction-text"> <div class="menu-left__course-direction-title">Менеджмент</div> <div class="menu-left__course-direction-quontity-courses">1 курс</div> </div> </a> </li> </ul> </nav> </div> <div class="menu-right"> <div class="menu-right__test-tags-wrap"> <div class="menu-right__test-tag">Тест</div> <div class="menu-right__test-tag">5 минут</div> </div> <h3 class="menu-right__test-heading">Какая профессия тебе подходит?</h3> <a href="https://www.school-xyz.com/proforientaciya" class="menu-right__test-button">Пройти тест</a> </div> <div class="menu-left__bottom-info"> <ul class="menu-left__bottom-info-list"> <li class="menu-left__bottom-info-link"> <a href="https://www.school-xyz.com/trial-lesson" target="_blank">Вводный урок с консультантом</a> </li> </ul> <a href="https://learn.school-xyz.com/" target="_blank" class="header__members-btn">Личный кабинет</a> </div> </div> </header> <style>
:root header {
font-family: 'BebasRoboto';
--color-bg: #17171b;
--color-bg-menu-open: #23232A;
--color-text: #fff;
--color-bg-lk-btn: #2b2b34;
--color-text-opacity: rgb(206 206 222 / 50%);
--color-accent: #8e8eff;
--color-black: #17171b;
--color-border: #373742;
--color-burger-line: #fff;
--color-burger-bg: #22222e;
--color-button: #6060ff;
}
#allrecords header ul {
padding-left: 0;
margin-bottom: 0;
}
#allrecords header a {
color: inherit;
}
.header__overlay {
position: fixed;
inset: 0;
cursor: pointer;
z-index: 998;
background: rgb(0 0 0 / 50%);
-webkit-tap-highlight-color: transparent;
}
/* Бургер меню */
.burger-btn {
position: relative;
flex-shrink: 0;
width: 40px;
height: 40px;
top: 0;
left: 0;
transition-duration: 0.5s;
border-radius: 22px;
cursor: pointer;
transform: scale(0.8);
visibility: visible;
opacity: 1;
}
.burger-btn.open {
background: var(--color-burger-bg);
visibility: visible;
opacity: 1;
}
.burger-btn .icon-left {
transition-duration: 0.5s;
position: absolute;
width: 12px;
height: 2px;
top: 19px;
background-color: var(--color-burger-line);
left: 9px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left {
transition-duration: 0.3s;
background: transparent;
}
.burger-btn .icon-left:before {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: -8px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left:before {
transform: rotateZ(45deg) scaleX(1.1) translate(2.5px, 2px);
}
.burger-btn .icon-left:after {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: 8px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.burger-btn.open .icon-left:after {
transform: rotateZ(-45deg) scaleX(1.1) translate(2.5px, -2px);
}
.burger-btn .icon-right {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
top: 19px;
background-color: var(--color-burger-line);
left: 21px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right {
transition-duration: 0.3s;
background: transparent;
}
.burger-btn .icon-right:before {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: -8px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right:before {
transform: rotateZ(-45deg) scaleX(1.1) translate(-3.5px, 1px);
}
.burger-btn .icon-right:after {
transition-duration: 0.3s;
position: absolute;
width: 12px;
height: 2px;
background-color: var(--color-burger-line);
content: "";
top: 8px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.burger-btn.open .icon-right:after {
transform: rotateZ(45deg) scaleX(1.1) translate(-3.5px, -1px);
}
/* Конец бургер меню */
header.header__container {
position: fixed;
background: transparent;
width: 100%;
z-index: 999;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
transition: border-radius 0.3s ease, background 0.3s ease 0.3s, transform 0.3s ease;
overflow: hidden;
box-sizing: border-box;
}
header.header__container.open {
border-bottom-left-radius: 40px;
border-bottom-right-radius: 40px;
background: var(--color-bg-menu-open);
transition: border-radius 0.3s ease, background 0.3s ease 0s, transform 0.3s ease;
}
header.header__container.main-header--bg_scroll {
background: var(--color-bg);
transition: border-radius 0.3s ease, background 0.3s ease 0s, transform 0.3s ease;
}
header.header__container.main-header--bg_scroll.open {
background: var(--color-bg-menu-open);
}
header.header__container.out {
transform: translateY(-100%);
}
header.header__container.open.out {
transform: none;
}
header a {
color: inherit;
text-decoration: none;
}
header ul {
list-style: none;
}
.header__wrapper {
position: relative;
display: flex;
max-width: 1160px;
margin: 0 auto;
padding: 20px 0;
}
.header__wrapper:after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: 1px;
background: var(--color-border);
opacity: 0;
}
.header__container.open .header__wrapper:after {
opacity: 1;
transition: .3s ease;
}
a.header__logo {
display: flex;
margin-right: 48px;
}
.header__items-container {
display: flex;
justify-content: space-between;
width: 100%;
margin-right: 10px;
}
ul.header__items-wrapper {
display: flex;
align-items: center;
column-gap: 40px;
}
li.header__item {
position: relative;
font-size: 14px;
font-weight: 400;
line-height: 28px;
color: var(--color-text);
transition: .3s ease;
}
li.header__item.header__item-all-courses_open {
color: var(--color-accent);
}
a.header__item-link, .header__item-link {
display: block;
}
ul.header__items-wrapper li.header__item-all-courses {
cursor: pointer;
}
ul.header__items-wrapper li.header__item-all-courses .header__item-link::after {
content: '';
display: inline-block;
position: relative;
vertical-align: middle;
width: 6px;
height: 6px;
margin-left: 10px;
transition: .3s ease;
border-width: 0 0 1.5px 1.5px;
border-color: var(--color-text);
border-style: solid;
transform: rotateZ(315deg) translate(1px, -2px);
}
ul.header__items-wrapper li.header__item-all-courses_open .header__item-link::after {
transform: rotateZ(135deg) translate(1px, -1px);
border-color: var(--color-accent);
}
#allrecords a.header__members-btn {
display: flex;
align-items: center;
width: fit-content;
font-size: 14px;
font-weight: 400;
line-height: 24px;
background: var(--color-bg-lk-btn);
border: 0;
border-radius: 30px;
padding: 8px 24px;
color: var(--color-text);
text-decoration: none;
transition: .2s ease;
}
#allrecords .header__container.open .header__members-btn {
background: var(--color-bg-lk-btn);
}
#allrecords a.header__members-btn:hover {
background: var(--color-button);
color: #fff;
}
#allrecords .header__container.open .header__members-btn:hover {
background: var(--color-button);
}
.menu__wrapper {
display: flex;
column-gap: 16px;
max-width: 1160px;
margin: 0 auto;
opacity: 0;
visibility: hidden;
max-height: 0;
padding: 0;
transition: .3s ease;
overflow: hidden;
box-sizing: border-box;
}
.menu__wrapper.menu__wrapper_active {
opacity: 1;
visibility: visible;
max-height: 100vh;
padding: 32px 0;
}
.menu-left {
width: 100%;
max-width: 572px;
}
nav.menu-left__course-direction {
display: flex;
column-gap: 16px;
}
ul.menu-left__course-direction-list {
display: flex;
flex-direction: column;
row-gap: 16px;
width: 100%;
}
li.menu-left__course-direction-item {
font-weight: 400;
font-size: 16px;
line-height: 1.6;
color: var(--color-text);
}
a.menu-left__course-direction-link {
display: flex;
flex-wrap: wrap;
column-gap: 12px;
height: 64px;
padding: 8px;
border-radius: 16px;
transition: .2s ease;
box-sizing: border-box;
}
@media (hover: hover) {
#allrecords a.menu-left__course-direction-link:hover {
background-color: #2b2b35;
}
}
.menu-left__course-direction-icon {
height: 100%;
border-radius: 8px;
}
.menu-left__course-direction-quontity-courses {
font-size: 14px;
color: var(--color-text-opacity);
}
.menu-left__bottom-info {
width: 100%;
}
ul.menu-left__bottom-info-list {
display: flex;
flex-direction: row;
column-gap: 30px;
}
#allrecords ul.menu-left__bottom-info-list {
margin-bottom: 0;
}
li.menu-left__bottom-info-link {
font-size: 14px;
line-height: 30px;
color: var(--color-text);
}
li.menu-left__bottom-info-link a {
transition: .2s ease;
}
#allrecords li.menu-left__bottom-info-link a:hover {
color: var(--color-accent);
}
#allrecords .menu-left__bottom-info a.header__members-btn {
display: none;
}
.menu-right {
position: relative;
display: flex;
flex-direction: column;
row-gap: 16px;
width: 100%;
max-width: 572px;
background-color: #2b2b35;
background-image: url(https://static.tildacdn.com/tild3264-3531-4533-b066-653232386336/Desktop.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
padding: 24px;
border-radius: 16px;
color: var(--color-text);
box-sizing: border-box;
}
.menu-right__test-tags-wrap {
display: flex;
column-gap: 8px;
}
.menu-right__test-tag {
font-size: 12px;
line-height: 1.5;
font-weight: 400;
padding: 4px 12px;
background: #3b3b47;
border-radius: 30px;
color: var(--color-text);
}
.menu-right__test-heading {
font-size: 20px;
font-weight: 600;
line-height: 1.3;
color: var(--color-text);
width: 184px;
}
.menu-right__test-button {
width: fit-content;
font-size: 18px;
font-weight: 400;
line-height: 1.6;
background: var(--color-button);
padding: 10px 24px;
margin-top: auto;
border-radius: 50px;
transition: .2s ease;
}
#allrecords .menu-right__test-button:hover {
background: var(--color-text);
color: var(--color-black);
}
@media screen and (min-width: 1200px) {
.header__items-container {
margin-right: 0;
}
.burger-btn {
display: none;
}
li.header__item:hover {
color: var(--color-accent);
}
ul.header__items-wrapper li.header__item-all-courses:hover .header__item-link::after {
border-color: var(--color-accent);
}
}
@media screen and (min-width: 960px) {
.menu-left__bottom-info {
display: none;
}
}
@media (min-width: 960px) and (max-width: 1199px) {
.menu-right {
background-image: url(https://static.tildacdn.com/tild6438-6533-4036-a435-623266623239/Tablet_Horizontal.jpg);
}
}
@media screen and (max-width: 1199px) {
.t-body.open-menu {
height: 100vh;
min-height: 100vh;
overflow: hidden;
}
header.header__container.open {
border-bottom-left-radius: 32px;
border-bottom-right-radius: 32px;
}
.header__wrapper {
max-width: 940px;
padding: 12px 0;
}
.header__wrapper:after {
width: 100%;
}
.menu__wrapper {
max-width: 940px;
padding: 0;
}
.menu-left {
max-width: 544px;
}
.menu-left__course-direction-link {
display: block;
width: fit-content;
}
.menu-right {
max-width: 380px;
}
}
@media screen and (max-width: 959px) {
header.header__container {
position: fixed;
overflow: auto;
}
header.header__container.open {
height: fit-content;
max-height: 100%;
/*background: var(--color-bg);*/
transition: border-radius 0.3s ease, background 0s ease 0s, transform 0.3s ease;
}
.header__wrapper {
position: sticky;
top: 0;
justify-content: space-between;
max-width: 620px;
padding: 12px 0;
/*background: var(--color-bg);*/
transition: .3s ease;
z-index: 99;
box-sizing: border-box;
}
.header__wrapper:after {
width: 100%;
}
header.header__container.open .header__wrapper {
background: var(--color-bg-menu-open);
/*transition: none;*/
}
nav.header__items-container {
justify-content: end;
}
.header__items-container .header__items-wrapper {
display: none;
}
.menu__wrapper {
flex-wrap: wrap;
max-width: 620px;
padding: 0;
}
.menu__wrapper.menu__wrapper_active {
max-height: fit-content;
padding: 20px 0 32px;
row-gap: 24px;
}
.menu-left {
max-width: 100%;
height: max-content;
}
ul.menu-left__course-direction-list {
width: 50%;
}
.menu-left__course-direction-link {
width: 100%;
}
.menu-left__bottom-info {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
row-gap: 32px;
}
ul.menu-left__bottom-info-list {
row-gap: 8px;
}
#allrecords ul.menu-left__bottom-info-list {
align-items: start;
flex-direction: column;
}
.menu-right {
max-width: 100%;
height: 292px;
margin-bottom: 8px;
/*background-position-y: -134px;*/
}
}
@media screen and (max-width: 639px) {
header.header__container {
height: 58px;
}
header.header__container.open {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
height: 100%;
}
.header__wrapper {
padding: 9px 10px;
}
.header__logo img {
width: 28px;
}
.header__wrapper:after {
width: calc(100% - 20px);
}
.header__items-container {
display: none;
}
.menu__wrapper {
align-content: flex-start;
padding: 0 10px;
}
.menu__wrapper.menu__wrapper_active {
padding: 16px 10px 48px;
}
nav.menu-left__course-direction {
flex-direction: column;
row-gap: 8px;
}
ul.menu-left__course-direction-list {
width: 100%;
row-gap: 8px;
}
li.menu-left__course-direction-item {
font-size: 14px;
}
.menu-left__bottom-info {
row-gap: 16px;
}
#allrecords .menu-left__bottom-info a.header__members-btn {
display: block;
}
.menu-right {
height: 232px;
padding: 16px;
margin-bottom: 0;
row-gap: 12px;
/*background-position: -106px center;*/
/*background-size: 138%;*/
background-image: url(https://static.tildacdn.com/tild3930-6233-4836-b332-636433393662/Mobile.jpg);
}
.menu-right__test-tags-wrap {
column-gap: 4px;
}
.menu-right__test-tag {
font-size: 10px;
line-height: 1.6;
}
.menu-right__test-heading {
font-size: 14px;
width: 134px;
}
.menu-right__test-button {
font-size: 14px;
line-height: 1.2;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
// добавляем фон хедеру, если страница прокручена больше чем на 50 пикселей
setTimeout(function() {
if (document.documentElement.scrollTop > 50) {
$('.header__container').addClass('main-header--bg_scroll');
}
}, 2000);
$(window).scroll(function() {
let offsetTopByHeader = 50;
let classBgHeader = 'main-header--bg_scroll';
let header = $('.header__container');
if ($(this).scrollTop() >= offsetTopByHeader) {
header.addClass(classBgHeader);
} else {
header.removeClass(classBgHeader);
}
});
// скрываем/показываем хедер по скролу
const header = $('.header__container');
let scrollPrev = 0;
$(window).scroll(function() {
const scrolled = $(window).scrollTop();
if (scrolled > 550 && scrolled > scrollPrev) {
header.addClass('out');
} else {
header.removeClass('out');
}
scrollPrev = scrolled;
});
$('.menu-left__bottom-info-link a').click(function() {
$('.menu').trigger('click');
});
if (document.documentElement.clientWidth >= 1200) {
$('.header__item-all-courses').mouseenter(function() {
$('.header__item-all-courses').addClass('header__item-all-courses_open');
$('.menu__wrapper').addClass('menu__wrapper_active');
$('.header__overlay').fadeIn('linear');
$('.menu').addClass('open');
$('.header__container').addClass('open');
$('.t-body').addClass('open-menu');
});
$('.header__container').mouseleave(function() {
$('.header__item-all-courses').removeClass('header__item-all-courses_open');
$('.menu__wrapper').removeClass('menu__wrapper_active');
$('.header__overlay').fadeOut('linear');
$('.menu').removeClass('open');
$('.header__container').removeClass('open');
$('.t-body').removeClass('open-menu');
});
}
if (document.documentElement.clientWidth < 1200) {
$('.header__item-all-courses, .header__overlay, .menu').click(function() {
$('.header__item-all-courses').toggleClass('header__item-all-courses_open');
$('.menu__wrapper').toggleClass('menu__wrapper_active');
$('.header__overlay').fadeToggle('linear');
$('.menu').toggleClass('open');
$('.header__container').toggleClass('open');
$('.t-body').toggleClass('open-menu');
});
}
});
</script> <!-- nominify end --> </div> </div> </div> </div> </header> <!--/header--> <div id="rec303924860" class="r t-rec" style=" " data-animationappear="off" data-record-type="18"> <!-- cover --> <div class="t-cover" id="recorddiv303924860"bgimgfield="img"style="height:100vh;background-image:url('https://thb.tildacdn.com/tild3031-3739-4963-a363-303038313237/-/resize/20x/Cover_69.png');"> <div class="t-cover__carrier" id="coverCarry303924860"data-content-cover-id="303924860"data-content-cover-bg="https://static.tildacdn.com/tild3031-3739-4963-a363-303038313237/Cover_69.png"data-display-changed="true"data-content-cover-height="100vh"data-content-cover-parallax="fixed"data-content-use-image-for-mobile-cover=""style="height:100vh; "itemscope itemtype="http://schema.org/ImageObject"><meta itemprop="image" content="https://static.tildacdn.com/tild3031-3739-4963-a363-303038313237/Cover_69.png"></div> <div class="t-cover__filter" style="height:100vh;background-image: linear-gradient(to bottom, rgba(0,0,0,0.40), rgba(0,0,0,0.40));"></div> <div class="t-container"> <div class="t-col t-col_12 "> <div class="t-cover__wrapper t-valign_middle" style="height:100vh;"> <div class="t001 t-align_center"> <div class="t001__wrapper" data-hook-content="covercontent"> <div class="t001__uptitle t-uptitle t-uptitle_sm" field="subtitle"><span style="font-weight: 100;">XYZ Media</span></div> <h1 class="t001__title t-title t-title_xl" field="title">Как делаются модели для AAA-игр. Полный гайд по AAA-пайплайну<br /></h1> <span class="space"></span> </div> </div> </div> </div> </div> <!-- arrow --> <div class="t-cover__arrow"><div class="t-cover__arrow-wrapper t-cover__arrow-wrapper_animated"><div class="t-cover__arrow_mobile"><svg role="presentation" class="t-cover__arrow-svg" style="fill:#ffffff;" x="0px" y="0px" width="38.417px" height="18.592px" viewBox="0 0 38.417 18.592" style="enable-background:new 0 0 38.417 18.592;"><g><path d="M19.208,18.592c-0.241,0-0.483-0.087-0.673-0.261L0.327,1.74c-0.408-0.372-0.438-1.004-0.066-1.413c0.372-0.409,1.004-0.439,1.413-0.066L19.208,16.24L36.743,0.261c0.411-0.372,1.042-0.342,1.413,0.066c0.372,0.408,0.343,1.041-0.065,1.413L19.881,18.332C19.691,18.505,19.449,18.592,19.208,18.592z"/></g></svg></div></div></div> <!-- arrow --> </div> <style> #rec303924860 .t001__uptitle{font-family:'BebasRoboto';font-weight:100;letter-spacing:0.5px;}#rec303924860 .t001__title{font-family:'BebasRoboto';font-weight:500;text-transform:uppercase;}</style> </div> <div id="rec303924862" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">Это первая статья из цикла про ААА-пайплайн. Вот ссылки на все пять, выбирай ту, которая тебе нужна:<br /><br />1. <a href="/kak_delayutsya_modeli_dlya_aaa_igr_polnyj_gajd_po_aaa_pajplajnu" target="_blank" style="color: rgb(128, 128, 255);">ААА-пайплайн</a><br />2. <a href="/aaa_pajplajn_statya_2_7_vsyo_pro_drafty" target="_blank" style="color: rgb(128, 128, 255);">Драфт</a><br />3. <a href="/statya-37-pro-setku-lowpoly-highpoly-i-verteks-normali" target="_blank" style="color: rgb(128, 128, 255);">Сетка</a><br />4. <a href="/uv-razvyortka-aaa-pajplajn-47-samyj-polnyj-gajd" target="_blank" style="color: rgb(128, 128, 255);">Развертка</a><br />5. <a href="/vsyo-pro-bake-zapechku-kak-etap-aaa-pajplajna" target="_blank" style="color: rgb(128, 128, 255);">Запечка</a><br /><br />Эта статья поможет новичкам, которые хотят научиться моделить так, чтобы потом не переделывать. Ты узнаешь, что такое пайплайн, зачем он нужен и из каких этапов состоит. Внимательное изучение статьи займет около 15 минут. Если возникнут вопросы — пиши в чат-бот (кнопка справа внизу). Там на связи живой менеджер :) Он поможет разобраться. Ну что, давай начнем!<br /><br /></div></div> </div> </div> </div> <style> #rec303924862 .t-text{color:#ffffff;}</style> </div> <div id="rec303924864" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><span style="line-height: 44px; color: rgb(255, 255, 255); font-weight: 500; font-size: 40px;">01. Что такое AAA-пайплайн</span><br /><br />Вот что означает сокращение ААА:<br /><br />— A lot of time (много времени);<br />— A lot of resources (много ресурсов);<br />— A lot of money (много денег).<br /><br />Например, бюджет Grand Theft Auto V оценивается в $265 миллионов, разрабатывали ее 3 года, а трудились над ней более 1000 человек.<br /><br /><span style="color: rgb(255, 255, 255);">Пайплайн</span> — это цикл разработки 3D-моделей. Процесс начинается с блокинга и заканчивается готовой моделью в проекте. Знание пайплайна упрощает процесс создания модели, потому что разбивает задачу на несколько частей. Еще, при помощи пайплайна мы решаем такие технические вопросы:<br /><br />- В каком стиле должна быть модель;<br />- Сколько полигонов будет в модели;<br />- Нужна ли карта неровностей (normal);<br />- Что использовать — современные физические корректные материалы (PBR) или делать плоский цвет с картой блика (а может и без нее вовсе);<br />- Какое разрешение текстур на квадратный метр (тексель);<br />- C какого ракурса модель будут видеть чаще всего, нужно ли ее анимировать;<br />- Как и где печь карты (не забыть сделать скосы для запечки);<br />- Скульптить или создавать фактуры в Photoshop или Painter;<br />- Правильно разбить полигоны на треугольники;<br />- Нужна ли карта прозрачности, стоит ли разворачивать несколько моделей в один атлас, как паковать текстуры;<br />- Как экспортнуть модель в движок;<br />- Как сделать упрощенные модели, которые загружаются на расстоянии (лоды), создать геометрию для просчета физики (колижн).<br /><br /></div></div> </div> </div> </div> <style> #rec303924864 .t-text{color:#ffffff;}</style> </div> <div id="rec303924865" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3833-3934-4264-a534-656135363433/lqyXc_rj2js.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3833-3934-4264-a534-656135363433/-/empty/lqyXc_rj2js.jpg" data-original="https://static.tildacdn.com/tild3833-3934-4264-a534-656135363433/lqyXc_rj2js.jpg"
imgfield="img"
alt=""> </div> </div> </div> <div id="rec303924866" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">Пайплайн состоит из 6 этапов:<br /><br /><ol><li>Драфт (формы и силуэт)</li><li>Сетка (хайполи, лоуполи)</li><li>Развертка</li><li>Запечка</li><li>Текстуры</li></ol><br />Дополнительный пункт — подача. Она не относиться к созданию модели, но это важный этап в работе с ней. Если не позаботиться о красивой обертке — даже хорошие модели теряют в привлекательности. Поэтому, в конце цикла о пайплайне мы рассмотрим еще и подачу, как дополнительный пункт пайплайна.</div></div> </div> </div> </div> <style> #rec303924866 .t-text{color:#ffffff;}</style> </div> <div id="rec303924869" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><span style="color: rgb(255, 255, 255); font-size: 40px; line-height: 40px; font-weight: 500;">Почему важен пайплайн</span><br /><br />По ААА-пайплайну работают трехмерщики во всех студиях, которые разрабатывают игры высшего класса. Обычно, на интервью дают тестовое задание из всех этапов пайплайна. От того, как хорошо моделлер его знает, зависит насколько комфортно будет с ним работать команде. Потому, знать пайплайн — маст хев, если хочешь устроиться в большую геймстудию.</div></div> </div> </div> </div> <style> #rec303924869 .t-text{color:#ffffff;}</style> </div> <div id="rec303924870" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3539-6235-4132-b138-626335306335/oVhY2_pTAD8.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3539-6235-4132-b138-626335306335/-/empty/oVhY2_pTAD8.jpg" data-original="https://static.tildacdn.com/tild3539-6235-4132-b138-626335306335/oVhY2_pTAD8.jpg"
imgfield="img"
alt=""> </div> </div> </div> <div id="rec303961983" class="r t-rec t-rec_pt_60 t-rec_pb_15" style="padding-top:60px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">Пайплайн держит твою работу в порядке, а его понимание необходимо вне зависимости от того, что ты моделишь.<br /><br /><span style="color: rgb(255, 255, 255);">Перед тем, как перейдем к этапам пайплайна, вот несколько секретов, которые помогут избежать ненужных ошибок при моделинге:</span><br /><br /><br /><span style="line-height: 44px; font-weight: 500; color: rgb(255, 255, 255); font-size: 40px;">1. Важна последовательность</span><br /><br />До тех пор пока не закончишь первый этап пайплайна, не перепрыгивай на третий или четвертый. Например, ты еще не доделал блокинг, а уже бежишь создавать low poly. В таком случае рискуешь испортить всю работу.<br /><br />Частая ошибка начинающих — сразу детализировать модель. Так можно облажаться в пропорциях, сделать тонкие фаски, которые не запекутся, наделать дикую развертку без учета жестких углов и так далее. Самостоятельно сделать свою первую 3D-модель ты можешь на нашем курсе <a href="https://free.school-xyz.com" target="_blank" rel="noreferrer noopener" style="color: rgb(128, 128, 255);">Intro 3D</a>.<br /><br /><br /><span style="line-height: 44px; font-size: 40px; font-weight: 500; color: rgb(255, 255, 255);">2. Разные вариации пайплайна</span><br /><br />Иногда можно упустить некоторые этапы пайплайна. Например, на Blindspot можно не делать high poly и не печь нормал. На этом проекте плоский свет и нет бликов, поэтому карта неровности не нужна.<br /><br />Пайплайн для пушек, техники и твердотельных предметов отличается от пайплайна для персонажей. Для твердотельного моделирования можно упустить этап топологии, если мы моделируем во Fusion 360.<br /><br /><br /><span style="font-size: 40px; font-weight: 500; color: rgb(255, 255, 255); line-height: 44px;">3. Провал одного этапа пайплайна приведет к провалу всех остальных</span><br /><br />Работа может посыпаться, как карточный домик, если ты некачественно сделал один из этапов пайплайна. Например, плохой драфт не спасти даже самыми крутыми текстурами, кривая high poly загубит блик даже идеальной low poly, а развертка, которую делал без учета запечки, обречена на провал.<br /><br /><br /><span style="font-size: 40px; line-height: 44px; font-weight: 500; color: rgb(255, 255, 255);">4. Принципы пайплайна универсальны</span><br /><br />Моделишь ты для Cyberpunk 2077 или инди-игры, используешь Maya или Blender — порядок и принципы пайплайна одинаковые. Может измениться последовательность этапов, но принципы одни.<br /><br /></div></div> </div> </div> </div> <style> #rec303961983 .t-text{color:#ffffff;}</style> </div> <div id="rec303924873" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><span style="line-height: 44px; font-size: 40px; font-weight: 500; color: rgb(255, 255, 255);">02. этапы пайплайна</span><br /><br /><span style="font-weight: 100; color: rgb(255, 255, 255);">Драфт</span> — упрощенная форма модели, которую мы делаем из простых фигур. Любая модель начинается с драфта. Только новички начинают моделить машину с мелких деталей на радиаторе. По законам ААА-пайплайна мы всегда начинаем с блокинга.<br /><br /><span style="color: rgb(255, 255, 255);">Блокинг</span> — набросок модели из боксов, сфер и цилиндров, которыми мы передаем суть объекта. В блокинге нет мелких деталей, только крупные и средние формы. Так мы строим силуэт машины, чтобы попасть в ее пропорции. <strong> </strong></div></div> </div> </div> </div> <style> #rec303924873 .t-text{color:#ffffff;}</style> </div> <div id="rec303924874" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3135-6539-4336-a364-383538316366/fonjNDZ5lAg.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3135-6539-4336-a364-383538316366/-/empty/fonjNDZ5lAg.jpg" data-original="https://static.tildacdn.com/tild3135-6539-4336-a364-383538316366/fonjNDZ5lAg.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><em style="line-height: 14px;">Блокинг нашего студента. Сразу понятно, что это машина, а не футуристическая микроволновка. Используются простые боксы и цилиндры.</em></div></div> </div> </div> </div> <style> #rec303924874 .t107__title{line-height:1.5;}</style> </div> <div id="rec303924875" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">В среднем <span style="color: rgb(255, 255, 255);">на блокинг уходит до 40 минут</span>.<br /><br />Следующий пункт драфта — <span style="color: rgb(255, 255, 255);">детализация</span>. На этом этапе разбираемся с механикой модели, чтобы зритель поверил в ее правдоподобность. Важно проработать переходы между геометрией и продумать ключевые детали, которые обеспечивают функционал.<br /><br />Помни о лайфхаках пайплайна — на этом этапе мы все еще не заморачиваемся за сетку (топологию). На геометрии может быть много лишних ребер, модель может странно бликовать, некоторые полигоны могут иметь больше 4-х точек (n-gon).Это нормально! Это «детальный драфт», а не готовая модель.<br /><br />Лайфхак: во время детализации распределить цвета по модели, чтобы лучше понимать ее финальный вид. Помогает разобраться с акцентами и проработать палитру еще до текстурирования.</div></div> </div> </div> </div> <style> #rec303924875 .t-text{color:#ffffff;}</style> </div> <div id="rec303924876" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3764-3565-4536-b432-653539346136/GhpxrpPWo7Y.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3764-3565-4536-b432-653539346136/-/empty/GhpxrpPWo7Y.jpg" data-original="https://static.tildacdn.com/tild3764-3565-4536-b432-653539346136/GhpxrpPWo7Y.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><em>Драфт нашего студента</em></div></div> </div> </div> </div> </div> <div id="rec303924877" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">На этапе драфта мы решаем, как будет выглядеть и читаться модель. Если драфт вышел невыразительным, нужно переделать, пока не поздно. Если полениться — есть риск испортить всю модель на поздних этапах разработки. В итоге времени потратил уйму, а результат — на помойку, ведь менять модель на финальных этапах не получится. Возьми себе за правило сразу делать хороший драфт, даже если на это уйдет больше времени, чем ты планировал.</div></div> </div> </div> </div> <style> #rec303924877 .t-text{color:#ffffff;}</style> </div> <div id="rec303924878" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6138-3639-4661-b734-383430666437/23kG79VDk8M-2.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6138-3639-4661-b734-383430666437/-/empty/23kG79VDk8M-2.jpg" data-original="https://static.tildacdn.com/tild6138-3639-4661-b734-383430666437/23kG79VDk8M-2.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><em>Модель преподавателя школы — Антона Агеева</em></div></div> </div> </div> </div> <style> #rec303924878 .t107__title{line-height:1.5;}</style> </div> <div id="rec303924879" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">Итак, блокинг готов. Перед переходом на следующий этап проверь, <span style="color: rgb(255, 255, 255);">хорошим ли получился драфт</span>. Вот тебе небольшой чек-лист для проверки:<br /><br />— Понятно ли, что это за объект?<br />— Читается ли силуэт модели? Интересный ли получился силуэт?<br />— Попал ли ты в пропорции? Сравни с референсом<br />— Понятно ли, как работает эта модель?<br />— Все ли ключевые объекты ты замоделил?<br />— Добавил ли базовые цвета?<br />— Тебя устраивает, как выглядит модель?<br /><br />Если ты ответил на все вопросы «да» — драфт хороший. Вот иллюстрация хорошего драфта:</div></div> </div> </div> </div> <style> #rec303924879 .t-text{color:#ffffff;}</style> </div> <div id="rec303924880" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6430-3765-4436-b737-336563303764/ggPhEaJlGos.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6430-3765-4436-b737-336563303764/-/empty/ggPhEaJlGos.jpg" data-original="https://static.tildacdn.com/tild6430-3765-4436-b737-336563303764/ggPhEaJlGos.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><em>Как видишь, крупные формы не изменились! Добавились только детали.</em></div></div> </div> </div> </div> <style> #rec303924880 .t107__title{line-height:1.5;}</style> </div> <div id="rec303924882" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><span style="line-height: 44px; font-size: 40px; color: rgb(255, 255, 255); font-weight: 500;">Этап 2: Сетка (lowpoly и highpoly)</span><br /><br />Когда драфт готов, можешь приступать к работе с сеткой — топологии. Это разбивка модели на полигоны. Есть 3 вида топологии: легкая LowPoly, супер детализированная HighPoly и MidPoly (о ней говорить не будем, это для опытных моделлеров). Обычно для видеоигр делают 2 модели: HighPoly и LowPoly.<br /><br /><span style="color: rgb(255, 255, 255);">LowPoly</span> — это легкая 3D-модель, в которой каждая плоскость, грань и вершина имеют функциональную задачу: влияют на силуэт, правят блик, влияют на развертку. При этом полигоны, которых не видно, удаляются, вся геометрия оптимизируется, цилиндры строятся с сохранением длины ребра.<br /><br />LowPoly — та модель, которая будет в игре. Именно ее мы будем разворачивать (этап 3), печь (этап 4) и текстурить (этап 5). Задача low poly — найти идеальный баланс между выразительностью и легкостью модели. На реальных проектах часто выдают бюджет на полигоны. Например, почти все танки для WoT содержат меньше 50 тысяч треугольников.<br /><br /></div></div> </div> </div> </div> <style> #rec303924882 .t-text{color:#ffffff;}</style> </div> <div id="rec303924883" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3861-3966-4063-a161-353561323265/3X3dug7iPv4.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3861-3966-4063-a161-353561323265/-/empty/3X3dug7iPv4.jpg" data-original="https://static.tildacdn.com/tild3861-3966-4063-a161-353561323265/3X3dug7iPv4.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><em>Во времена GTA San Andreas у Сиджея было всего три с половиной пальца. Это связано с ограничениями компьютеров той эры. Современные игры работают на тех же технологиях, но компьютеры стали мощнее, поэтому полигонов на персонажах RDR 2 в сотни раз больше.</em></div></div> </div> </div> </div> <style> #rec303924883 .t107__title{line-height:1.5;}</style> </div> <div id="rec303924884" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">Оптимизированная low poly выглядит вот так:</div></div> </div> </div> </div> <style> #rec303924884 .t-text{color:#ffffff;}</style> </div> <div id="rec303924885" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3766-3636-4363-b335-356433353939/ISZxYkWMEas.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3766-3636-4363-b335-356433353939/-/empty/ISZxYkWMEas.jpg" data-original="https://static.tildacdn.com/tild3766-3636-4363-b335-356433353939/ISZxYkWMEas.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><em>Финальная лоуполи, подогнанная под скульпт. </em></div></div> </div> </div> </div> <style> #rec303924885 .t107__title{line-height:1.5;}</style> </div> <div id="rec303924886" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><span style="color: rgb(255, 255, 255);">HighPoly</span> — это супер детализированная модель. На ней нет ограничений по количеству полигонов — главное, чтобы модель вообще можно было открыть на твоем компе.<br /><br />Задача на high poly — сделать округлые фаски, фактуры и детали, которые не попали на low poly. High poly нужна только для запечки детализации на лоуполи.</div></div> </div> </div> </div> <style> #rec303924886 .t-text{color:#ffffff;}</style> </div> <div id="rec303924887" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-animationappear="off" data-record-type="670" data-bg-color="#0d0d0d"> <!-- T670 --> <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button
type="button"
class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
aria-controls="carousel_303924887"
aria-disabled="false"
aria-label="Предыдущий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button
type="button"
class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
aria-controls="carousel_303924887"
aria-disabled="false"
aria-label="Следующий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_303924887" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes"
aria-roledescription="carousel"
aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="1 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3136-3234-4834-b538-643662653039/gka2LihNtuQ.jpg"> <meta itemprop="caption" content="SubD хайполи канистры. Главная задача — сделать круглые фаски и чистый блик"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3136-3234-4834-b538-643662653039/gka2LihNtuQ.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3136-3234-4834-b538-643662653039/-/resizeb/20x/gka2LihNtuQ.jpg');"
role="img" aria-label="SubD хайполи канистры. Главная задача — сделать круглые фаски и чистый блик"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="2 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3938-6635-4539-b238-366437323561/zD5soAmz7ic.jpg"> <meta itemprop="caption" content="Скульпт канистры. Главная задача — добавить вкусных фактур и помятостей."> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3938-6635-4539-b238-366437323561/zD5soAmz7ic.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3938-6635-4539-b238-366437323561/-/resizeb/20x/zD5soAmz7ic.jpg');"
role="img" aria-label="Скульпт канистры. Главная задача — добавить вкусных фактур и помятостей."> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 1"
style="background-color: #c7c7c7;"
aria-current="true"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 2"
style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">SubD хайполи канистры. Главная задача — сделать круглые фаски и чистый блик</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">Скульпт канистры. Главная задача — добавить вкусных фактур и помятостей.</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('303924887',false);});});</script> <style>#rec303924887 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec303924887 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec303924888" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">Для портфолио иногда делают только high poly модель, потому что она детализированная. Но засунуть high poly в игру — верный путь к лютейшим тормозам даже на самых мощных компьютерах.</div></div> </div> </div> </div> <style> #rec303924888 .t-text{color:#ffffff;}</style> </div> <div id="rec303924889" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><span style="line-height: 44px; font-size: 40px; color: rgb(255, 255, 255); font-weight: 500;">Этап 3: Развёртка</span><br /><br />На этапе развертки мы <span style="color: rgb(255, 255, 255);">разворачиваем low poly модель на плоскость</span>.<br /><br />Запеченные карты (этап 4) и текстуры (этап 5) — простые плоские картинки. Без развертки 3D-редактор не понимает как применить текстуру к объемной модели.<br /><br /><span style="color: rgb(255, 255, 255);">Задача на развертке</span> — разрезать 3D-модель на 2D-кусочки из которых она состоит. Важно сделать развертку с наименьшим числом швов, убедиться, что текстуры не тянутся, островки не пересекаются, повторяющиеся элементы лежат друг на друге, а плотность пикселей на текстуре соответствует требованиям проекта.</div></div> </div> </div> </div> <style> #rec303924889 .t-text{color:#ffffff;}</style> </div> <div id="rec303924890" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-animationappear="off" data-record-type="670" data-bg-color="#0d0d0d"> <!-- T670 --> <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button
type="button"
class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
aria-controls="carousel_303924890"
aria-disabled="false"
aria-label="Предыдущий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button
type="button"
class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
aria-controls="carousel_303924890"
aria-disabled="false"
aria-label="Следующий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_303924890" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes"
aria-roledescription="carousel"
aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="1 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6536-6364-4163-a337-343364336534/8OvibEFULJ8.jpg"> <meta itemprop="caption" content="Все стороны 3д модели разложены на плоскость. Это почти как выкройка для одежды"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6536-6364-4163-a337-343364336534/8OvibEFULJ8.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6536-6364-4163-a337-343364336534/-/resizeb/20x/8OvibEFULJ8.jpg');"
role="img" aria-label="Все стороны 3д модели разложены на плоскость. Это почти как выкройка для одежды"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="2 из 2"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6563-3830-4434-b031-646237376566/n_JfpgTMEV4.jpg"> <meta itemprop="caption" content="Чекер на всей модели равномерный и квадратный. Потягов нет."> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6563-3830-4434-b031-646237376566/n_JfpgTMEV4.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6563-3830-4434-b031-646237376566/-/resizeb/20x/n_JfpgTMEV4.jpg');"
role="img" aria-label="Чекер на всей модели равномерный и квадратный. Потягов нет."> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 1"
style="background-color: #c7c7c7;"
aria-current="true"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 2"
style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">Все стороны модели разложены на плоскость. Это почти как выкройка для одежды</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">Чекер на всей модели равномерный и квадратный. Потягов нет.</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('303924890',false);});});</script> <style>#rec303924890 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec303924890 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec783121956" class="r t-rec" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="396"> <!-- T396 --> <style>#rec783121956 .t396__artboard {height:576px;background-color:#0d0d0d;}#rec783121956 .t396__filter {height:576px;}#rec783121956 .t396__carrier{height:576px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec783121956 .t396__artboard,#rec783121956 .t396__filter,#rec783121956 .t396__carrier {height:544px;}#rec783121956 .t396__filter {}#rec783121956 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec783121956 .t396__artboard,#rec783121956 .t396__filter,#rec783121956 .t396__carrier {height:528px;}#rec783121956 .t396__filter {}#rec783121956 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec783121956 .t396__artboard,#rec783121956 .t396__filter,#rec783121956 .t396__carrier {height:459px;}#rec783121956 .t396__filter {}#rec783121956 .t396__carrier {background-attachment:scroll;}}#rec783121956 .tn-elem[data-elem-id="1722957462807"]{z-index:2;top:132px;;left:calc(50% - 600px + 220px);;width:760px;height:312px;}#rec783121956 .tn-elem[data-elem-id="1722957462807"] .tn-atom{border-radius:24px;background-color:#23232a;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec783121956 .tn-elem[data-elem-id="1722957462807"]{top:108px;;left:calc(50% - 480px + 170px);;width:620px;height:328px;}}@media screen and (max-width:959px){#rec783121956 .tn-elem[data-elem-id="1722957462807"]{top:100px;;left:calc(50% - 320px + 10px);;}}@media screen and (max-width:639px){#rec783121956 .tn-elem[data-elem-id="1722957462807"]{top:64px;;width:300px;height:331px;border-radius:16px;}#rec783121956 .tn-elem[data-elem-id="1722957462807"] .tn-atom{background-size:cover;border-radius:16px;}}#rec783121956 .tn-elem[data-elem-id="1722957592507"]{color:#ffffff;z-index:3;top:164px;;left:calc(50% - 600px + 252px);;width:600px;height:auto;}#rec783121956 .tn-elem[data-elem-id="1722957592507"] .tn-atom{color:#ffffff;font-size:24px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:600;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec783121956 .tn-elem[data-elem-id="1722957592507"]{top:140px;;left:calc(50% - 480px + 202px);;width:500px;height:auto;}#rec783121956 .tn-elem[data-elem-id="1722957592507"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:959px){#rec783121956 .tn-elem[data-elem-id="1722957592507"]{top:132px;;left:calc(50% - 320px + 42px);;height:auto;}}@media screen and (max-width:639px){#rec783121956 .tn-elem[data-elem-id="1722957592507"]{top:88px;;left:calc(50% - 160px + 26px);;width:268px;height:auto;}#rec783121956 .tn-elem[data-elem-id="1722957592507"] .tn-atom{font-size:16px;background-size:cover;}}#rec783121956 .tn-elem[data-elem-id="1722957649470"]{color:#ffffff;z-index:4;top:242px;;left:calc(50% - 600px + 252px);;width:674px;height:auto;}#rec783121956 .tn-elem[data-elem-id="1722957649470"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;opacity:0.6;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec783121956 .tn-elem[data-elem-id="1722957649470"]{top:208px;;left:calc(50% - 480px + 202px);;width:548px;height:auto;}}@media screen and (max-width:959px){#rec783121956 .tn-elem[data-elem-id="1722957649470"]{top:200px;;left:calc(50% - 320px + 42px);;height:auto;}}@media screen and (max-width:639px){#rec783121956 .tn-elem[data-elem-id="1722957649470"]{top:159px;;left:calc(50% - 160px + 26px);;width:268px;height:auto;}#rec783121956 .tn-elem[data-elem-id="1722957649470"] .tn-atom{font-size:12px;background-size:cover;}}#rec783121956 .tn-elem[data-elem-id="1722957742812"]{color:#ffffff;text-align:center;z-index:5;top:370px;;left:calc(50% - 600px + 252px);;width:172px;height:42px;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;border-radius:30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-bgcolor-color:#8080ff;--t396-bgcolor-image:none;--t396-bgcolor-hover-color:#6060ff;--t396-bgcolor-hover-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media screen and (max-width:1199px){#rec783121956 .tn-elem[data-elem-id="1722957742812"]{top:362px;;left:calc(50% - 480px + 202px);;width:px;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:959px){#rec783121956 .tn-elem[data-elem-id="1722957742812"]{top:354px;;left:calc(50% - 320px + 42px);;width:px;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:639px){#rec783121956 .tn-elem[data-elem-id="1722957742812"]{top:335px;;left:calc(50% - 160px + 26px);;width:142px;height:36px;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom{white-space:normal;font-size:12px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783121956 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="783121956" data-artboard-screens="320,640,960,1200" data-artboard-height="576" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="459" data-artboard-height-res-640="528" data-artboard-height-res-960="544"> <div class="t396__carrier" data-artboard-recid="783121956"></div> <div class="t396__filter" data-artboard-recid="783121956"></div> <div class='t396__elem tn-elem tn-elem__7831219561722957462807' data-elem-id='1722957462807' data-elem-type='shape' data-field-top-value="132" data-field-left-value="220" data-field-height-value="312" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="64" data-field-height-res-320-value="331" data-field-width-res-320-value="300" data-field-top-res-640-value="100" data-field-left-res-640-value="10" data-field-top-res-960-value="108" data-field-left-res-960-value="170" data-field-height-res-960-value="328" data-field-width-res-960-value="620"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7831219561722957592507' data-elem-id='1722957592507' data-elem-type='text' data-field-top-value="164" data-field-left-value="252" data-field-width-value="600" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="24" data-field-top-res-320-value="88" data-field-left-res-320-value="26" data-field-width-res-320-value="268" data-field-fontsize-res-320-value="16" data-field-top-res-640-value="132" data-field-left-res-640-value="42" data-field-top-res-960-value="140" data-field-left-res-960-value="202" data-field-width-res-960-value="500" data-field-fontsize-res-960-value="20"> <div class='tn-atom'field='tn_text_1722957592507'>💥 Курс «Draft Punk» для тебя, если хочешь делать такие же 3D-модели</div> </div> <div class='t396__elem tn-elem tn-elem__7831219561722957649470' data-elem-id='1722957649470' data-elem-type='text' data-field-top-value="242" data-field-left-value="252" data-field-width-value="674" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="159" data-field-left-res-320-value="26" data-field-width-res-320-value="268" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="200" data-field-left-res-640-value="42" data-field-top-res-960-value="208" data-field-left-res-960-value="202" data-field-width-res-960-value="548"> <div class='tn-atom'field='tn_text_1722957649470'>Узнаешь, как устроен пайплайн разработки 3D-моделей в больших игровых студиях. Научишься создавать выразительные драфты, разберёшься с топологией, high poly, low poly, развёрткой и запечкой. А в конце создашь полноценную 3D-модель по всем правилам пайплайна. Курс можно взять в рассрочку.</div> </div> <div class='t396__elem tn-elem tn-elem__7831219561722957742812' data-elem-id='1722957742812' data-elem-type='button' data-field-top-value="370" data-field-left-value="252" data-field-height-value="42" data-field-width-value="172" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-fontsize-value="14" data-field-top-res-320-value="335" data-field-left-res-320-value="26" data-field-height-res-320-value="36" data-field-width-res-320-value="142" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="354" data-field-left-res-640-value="42" data-field-top-res-960-value="362" data-field-left-res-960-value="202"> <a class='tn-atom js-click-zero-stat' href="https://www.school-xyz.com/draftpunk?utm_source=blog&utm_medium=banner&utm_campaign=draftpunk" data-tilda-event-name="/tilda/click/rec783121956/button1722957742812"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Узнать больше</span> </div> <span class="tn-atom__button-border"></span> </a> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('783121956');});});</script> <!-- /T396 --> </div> <div id="rec303924892" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><span style="line-height: 44px; font-size: 40px; color: rgb(255, 255, 255); font-weight: 500;">Этап 4: Запечка</span><br /><br />Запечка — этап переноса детализации с high poly на low poly. Все те вкусные помятости, округлые фаски, сварочный шов, фактуры и детали имитируют специальной картой нормалей. Эта технология появилась для фильма «Властелин Колец», а теперь используется в играх. Благодаря запечке можно создать огромную детализацию на легких low poly моделях. Кроме карты нормалей еще печется карта затенений и цветовая разбивка модели на материалы — они помогают в текстурировании. Помнишь, какая простая у нас канистра на low poly, и какая сложная на high poly? А теперь посмотри, как выглядит та же самая low poly после запечки:</div></div> </div> </div> </div> <style> #rec303924892 .t-text{color:#ffffff;}</style> </div> <div id="rec303924893" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6264-3262-4166-b764-633131623162/32-DALGqZP0.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6264-3262-4166-b764-633131623162/-/empty/32-DALGqZP0.jpg" data-original="https://static.tildacdn.com/tild6264-3262-4166-b764-633131623162/32-DALGqZP0.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><em>Слева и справа одна и та же модель. Канистра выглядит детализированной благодаря карте нормалей</em></div></div> </div> </div> </div> <style> #rec303924893 .t107__title{line-height:1.5;}</style> </div> <div id="rec303924895" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><span style="font-weight: 500; line-height: 44px; color: rgb(255, 255, 255); font-size: 40px;">Этап 5: Текстуры</span><br /><br />Это этап покраски low poly модели. В современных ААА-проектах используется <span style="color: rgb(255, 255, 255);">физически корректный рендер — PBR</span>. Суть этой технологии: есть отдельная карта чистого цвета объекта без бликов и затемнений, карта отвечающая за силу отражений и карта передающая гладкость или шершавость поверхности, которая отвечает за размер блика.</div></div> </div> </div> </div> <style> #rec303924895 .t-text{color:#ffffff;}</style> </div> <div id="rec303924896" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-animationappear="off" data-record-type="670" data-bg-color="#0d0d0d"> <!-- T670 --> <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button
type="button"
class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
aria-controls="carousel_303924896"
aria-disabled="false"
aria-label="Предыдущий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button
type="button"
class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
aria-controls="carousel_303924896"
aria-disabled="false"
aria-label="Следующий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_303924896" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes"
aria-roledescription="carousel"
aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="1 из 6"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6661-3534-4764-a162-633061653635/Sl2CrFbpkro.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6661-3534-4764-a162-633061653635/Sl2CrFbpkro.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6661-3534-4764-a162-633061653635/-/resizeb/20x/Sl2CrFbpkro.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="2 из 6"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3537-6666-4137-a435-373463356539/9eCYTmeoU4A.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3537-6666-4137-a435-373463356539/9eCYTmeoU4A.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3537-6666-4137-a435-373463356539/-/resizeb/20x/9eCYTmeoU4A.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="3"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="3 из 6"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3465-3139-4162-a166-393131643263/BOeRevy53iY.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3465-3139-4162-a166-393131643263/BOeRevy53iY.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3465-3139-4162-a166-393131643263/-/resizeb/20x/BOeRevy53iY.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="4"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="4 из 6"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3966-3066-4730-a538-663732323739/XZOVrAGM4WM.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__3"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3966-3066-4730-a538-663732323739/XZOVrAGM4WM.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3966-3066-4730-a538-663732323739/-/resizeb/20x/XZOVrAGM4WM.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="5"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="5 из 6"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3238-3432-4361-b666-666663393130/tQc3ChraYW0.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__4"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3238-3432-4361-b666-666663393130/tQc3ChraYW0.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3238-3432-4361-b666-666663393130/-/resizeb/20x/tQc3ChraYW0.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="6"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="6 из 6"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3364-3836-4439-a637-666530663430/G1OZaQwZBsE.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__5"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3364-3836-4439-a637-666530663430/G1OZaQwZBsE.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3364-3836-4439-a637-666530663430/-/resizeb/20x/G1OZaQwZBsE.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 1"
style="background-color: #c7c7c7;"
aria-current="true"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 2"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 3"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="4"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 4"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="5"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 5"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="6"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 6"
style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">Все карты канистры в одной картинке. Листай вправо чтобы увидеть их отдельно</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="2"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">Альбедо — чистый цвет канистры</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="3"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__2">Металнес. Белый цвет означает, что перед нами металл и он отражает весь падающий свет. Черный отвечает за диэлектрики</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="4"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__3">Рафнес — карта неровности. Белый означает максимальное рассеивание бликов, а черный максимально гладкое отражение.</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="5"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__4">Нормал мап — карта неровности. Именно она делает то самое волшебство с лоуполи, и именно для этой карты делается хайполи.</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="6"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__5">АО — карта амбиентного затенения. Черный цвет отвечает за углубления а белый за плоскости без теней</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('303924896',false);});});</script> <style>#rec303924896 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec303924896 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec303924897" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">Самые “живые” текстуры получаются, когда добавляешь в них эффекты реалистичности. Например, ржавчина на кузове машины или отломанные куски дерева на лестнице. Благодаря таким эффектам зрителю легче поверить в иллюзию, что виртуальная модель настоящая. На курсе <a href="https://school-xyz.com/texture" target="_blank" rel="noreferrer noopener" style="color: rgb(128, 128, 255);">Текстурирование 3D-моделей</a> мы учим создавать такие самостоятельно.<br /><br />Вот что получилось у наших студентов после курса:</div></div> </div> </div> </div> <style> #rec303924897 .t-text{color:#ffffff;}</style> </div> <div id="rec303972192" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-animationappear="off" data-record-type="670" data-bg-color="#0d0d0d"> <!-- T670 --> <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button
type="button"
class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
aria-controls="carousel_303972192"
aria-disabled="false"
aria-label="Предыдущий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button
type="button"
class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
aria-controls="carousel_303972192"
aria-disabled="false"
aria-label="Следующий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_303972192" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes"
aria-roledescription="carousel"
aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="1 из 10"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6565-6161-4232-b930-646162316663/Bitmapanton.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6565-6161-4232-b930-646162316663/Bitmapanton.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6565-6161-4232-b930-646162316663/-/resizeb/20x/Bitmapanton.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="2 из 10"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3832-3562-4535-a137-643931663365/2.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3832-3562-4535-a137-643931663365/2.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3832-3562-4535-a137-643931663365/-/resizeb/20x/2.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="3"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="3 из 10"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3766-3239-4461-b961-633933333630/3.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3766-3239-4461-b961-633933333630/3.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3766-3239-4461-b961-633933333630/-/resizeb/20x/3.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="4"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="4 из 10"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6539-3739-4734-b037-613632396434/anton-ageev-clock-or.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__3"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6539-3739-4734-b037-613632396434/anton-ageev-clock-or.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6539-3739-4734-b037-613632396434/-/resizeb/20x/anton-ageev-clock-or.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="5"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="5 из 10"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3939-6566-4631-b762-623661633534/5.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__4"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3939-6566-4631-b762-623661633534/5.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3939-6566-4631-b762-623661633534/-/resizeb/20x/5.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="6"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="6 из 10"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3834-3666-4236-b433-326465633831/anton-ageev-left-192.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__5"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3834-3666-4236-b433-326465633831/anton-ageev-left-192.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3834-3666-4236-b433-326465633831/-/resizeb/20x/anton-ageev-left-192.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="7"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="7 из 10"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3330-3037-4235-a464-663565373630/6.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__6"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3330-3037-4235-a464-663565373630/6.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3330-3037-4235-a464-663565373630/-/resizeb/20x/6.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="8"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="8 из 10"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3661-3065-4232-a334-623562623832/render2.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__7"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3661-3065-4232-a334-623562623832/render2.png"
style="background-image: url('https://thb.tildacdn.com/tild3661-3065-4232-a334-623562623832/-/resizeb/20x/render2.png');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="9"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="9 из 10"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6362-3831-4531-b061-383366653864/anton-ageev-jerrycan.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__8"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6362-3831-4531-b061-383366653864/anton-ageev-jerrycan.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6362-3831-4531-b061-383366653864/-/resizeb/20x/anton-ageev-jerrycan.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="10"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="10 из 10"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3766-3461-4366-a338-376433333765/Frame_22342.png"> <div class="t670__imgwrapper" bgimgfield="gi_img__9"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3766-3461-4366-a338-376433333765/Frame_22342.png"
style="background-image: url('https://thb.tildacdn.com/tild3766-3461-4366-a338-376433333765/-/resizeb/20x/Frame_22342.png');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="550px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 1"
style="background-color: #c7c7c7;"
aria-current="true"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 2"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 3"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="4"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 4"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="5"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 5"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="6"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 6"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="7"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 7"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="8"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 8"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="9"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 9"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="10"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 10"
style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('303972192',false);});});</script> <style>#rec303972192 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec303972192 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec303924898" class="r t-rec t-rec_pt_60 t-rec_pb_15" style="padding-top:60px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><span style="line-height: 44px; color: rgb(255, 255, 255); font-size: 40px; font-weight: 500;">Дополнительный этап: Подача</span><br /><br />Если моделер работает в студии, этот этап не важен, но для портфолио подача обязательна. Плохая подача может запороть крутую модель, а классный рендер спасти средние модели. На подаче важно поставить симпатичный свет, подчеркнуть объем, нарулить контраста и постобработку. В идеале — добавить окружение или клевое оформление.</div></div> </div> </div> </div> <style> #rec303924898 .t-text{color:#ffffff;}</style> </div> <div id="rec303924899" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3939-3334-4166-a564-653334343134/fwAGGYDnnkE.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3939-3334-4166-a564-653334343134/-/empty/fwAGGYDnnkE.jpg" data-original="https://static.tildacdn.com/tild3939-3334-4166-a564-653334343134/fwAGGYDnnkE.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><em>Финальная подача канистры.</em></div></div> </div> </div> </div> </div> <div id="rec303924900" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">Вот такой путь из 6 этапов проходят все модели в геймдев индустрии, чтобы попасть в игру.</div></div> </div> </div> </div> <style> #rec303924900 .t-text{color:#ffffff;}</style> </div> <div id="rec303924902" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-animationappear="off" data-record-type="670" data-bg-color="#0d0d0d"> <!-- T670 --> <div class="t670"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow_container-outside"> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button
type="button"
class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
aria-controls="carousel_303924902"
aria-disabled="false"
aria-label="Предыдущий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button
type="button"
class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
aria-controls="carousel_303924902"
aria-disabled="false"
aria-label="Следующий слайд"
style="width: 40px; height: 40px;background-color: rgba(232,232,232,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 9px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 9.3 17" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#000000"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 8.5,8.5 0.5,16.5"
/> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_303924902" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="true" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes"
aria-roledescription="carousel"
aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="1 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3262-3365-4330-a133-326266626538/gOgjNQ2YVw0.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3262-3365-4330-a133-326266626538/gOgjNQ2YVw0.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3262-3365-4330-a133-326266626538/-/resizeb/20x/gOgjNQ2YVw0.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="2500px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="2 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6530-3062-4135-b937-333531303535/EqSN6LLI8jM.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6530-3062-4135-b937-333531303535/EqSN6LLI8jM.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6530-3062-4135-b937-333531303535/-/resizeb/20x/EqSN6LLI8jM.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="2500px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="3"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="3 из 3"> <div class="t-width t-width_9 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6632-3362-4439-b537-336532656633/tPuMZefRHh0.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6632-3362-4439-b537-336532656633/tPuMZefRHh0.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6632-3362-4439-b537-336532656633/-/resizeb/20x/tPuMZefRHh0.jpg');"> </div> <div class="t670__separator" data-slider-image-width="860" data-slider-image-height="2500px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 1"
style="background-color: #c7c7c7;"
aria-current="true"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 2"
style="background-color: #c7c7c7;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 3"
style="background-color: #c7c7c7;"></button> </li> </ul> <div class="t-slds__caption__container"> <div class="t-slds__caption t-col t-col_8 t-prefix_2 t-slds__caption-active" data-slide-caption="1"> <div class="t-slds__caption_wrapper t-align_center" style="border-color: #999999;"> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">Листай вправо, там еще 2 работы</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('303924902',false);});});</script> <style>#rec303924902 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec303924902 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec303924903" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">Пайплайн можно разделить на 2 части:<br /><br />Художественную и техническую.<br />Давай разберёмся, какой из них следует уделить больше внимания.</div></div> </div> </div> </div> <style> #rec303924903 .t-text{color:#ffffff;}</style> </div> <div id="rec303924905" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><span style="color: rgb(255, 255, 255); font-weight: 500; font-size: 40px; line-height: 44px;">03. Art vs Технологии</span><br /><br />У студий есть 2 требования к хорошей модели:<br /><br /><ol><li>Чтобы она была понятной. Для этого нужны художественные навыки</li><li>Чтобы она была оптимизирована для игры. Для этого нужно в совершенстве владеть техническими этапами пайплайна.</li></ol><br />От драфта зависит будет модель выразительной или нет. А от остальных четырех этапов зависят технические моменты: достаточно ли оптимизирована модель для игры и реально ли поместить ее в движок.</div></div> </div> </div> </div> <style> #rec303924905 .t-text{color:#ffffff;}</style> </div> <div id="rec303924906" class="r t-rec t-rec_pt_30 t-rec_pb_0" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild3363-3036-4765-b263-336633623463/5x7e4cbKy60.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3363-3036-4765-b263-336633623463/-/empty/5x7e4cbKy60.jpg" data-original="https://static.tildacdn.com/tild3363-3036-4765-b263-336633623463/5x7e4cbKy60.jpg"
imgfield="img"
alt=""> <div class="t-container_8"> <div class="t-col t-col_8 t107__title t-text" field="title" itemprop="name"><div style="color:#999999;" data-customstyle="yes"></div></div> </div> </div> </div> </div> <div id="rec303924907" class="r t-rec t-rec_pt_60 t-rec_pb_15" style="padding-top:60px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes"><span style="color: rgb(255, 255, 255);">И арт, и технологии важны</span>. Без них невозможно стать трехмерщиком и работать в студии. Но с каждым годом технические этапы все сильнее автоматизируются, а художественная часть становится востребованной.<br /><br /><br /><span style="line-height: 44px; font-size: 40px; color: rgb(255, 255, 255); font-weight: 500;">За сколько можно научиться моделить?</span><br /><br />Технические этапы можно выучить за пару месяцев и использовать годами. А вот учиться моделить красиво ты будешь всю жизнь. Поэтому, 20% времени уходит на изучение технических этапов. Их много, но они простые — главное выучить правила и придерживаться их. 80% времени уходит на изучение драфтов.<br /><br />Чтобы делать классные формы, нужно учиться видеть красоту в окружающем мире, разбираться с композицией и законами графики, экспериментировать с формами, изучать механику и анатомию, практиковаться без остановки.<strong> </strong><br /><br /><br /><span style="line-height: 44px; font-size: 40px; color: rgb(255, 255, 255); font-weight: 500;">Какой контент есть в интернете?</span><br /><br />80% контента — про кнопки и техническую составляющую.<br /><br />20% контента посвящено арт части.<br /><br />Мы заметили, что именно по художественной части в трехмерке сложно найти информацию. Большинство трехмерщиков смотрят на 3D-моделинг как на высшую математику, где успех кроется на волшебных формулах, а не на твоем глазомере и умении делать красиво.<br /><br />Поэтому рекомендуем тебе:<br /><br />— Изучить весь пайплайн<br />— Освоить все технические этапы, они будут с тобой всю жизнь<br />— Но большую часть времени уделяй драфтам<br /><br /><span style="color: rgb(255, 255, 255);">В драфтах кроется настоящий арт. Изучи весь ААА-пайплайн</span> с упором на Драфты и стань воином 3D вместе с нами!<br /><br /><br /><span style="line-height: 44px; font-size: 40px; font-weight: 500; color: rgb(255, 255, 255);">04. Записывайся на курс Draft Punk</span></div></div> </div> </div> </div> <style> #rec303924907 .t-text{color:#ffffff;}</style> </div> <div id="rec303924910" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">Если хочешь освоить весь пайплайн и научиться моделить в 3D, присмотрись к нашему курсу <a href="https://www.school-xyz.com/draftpunk" style="color: rgb(128, 128, 255);" target="_blank" rel="noreferrer noopener">Draft Punk.</a> Ты поймешь, как устроен пайплайн разработки 3D-моделей в больших игровых студиях. Научишься создавать выразительные драфты. Разберешься с топологией, high poly, low poly, разверткой и запечкой. А в конце создашь полноценную 3D-модель по всем правилам пайплайна. Полученных знаний хватит, чтобы работать на фрилансе или джуном в студии.<br /><br />Вот что получилось у наших студентов после курса Draft Punk:</div></div> </div> </div> </div> <style> #rec303924910 .t-text{color:#ffffff;}</style> </div> <div id="rec303981956" class="r t-rec t-rec_pt_30 t-rec_pt-res-480_45 t-rec_pb_0 t-rec_pb-res-480_45" style="padding-top:30px;padding-bottom:0px;background-color:#0d0d0d; " data-animationappear="off" data-record-type="604" data-bg-color="#0d0d0d"> <!-- T604 --> <div class="t604"> <div class="t-slds" style="visibility: hidden;"> <div class="t-container t-slds__main"> <ul class="t-slds__arrow_container t-slds__arrow-nearpic"> <style type="text/css">#rec303981956 .t-slds__arrow_wrapper:hover .t-slds__arrow-withbg{border-color:#ffffff !important;background-color:rgba(55,194,217,1) !important;}#rec303981956 .t-slds__arrow-withbg:focus-visible{border-color:#ffffff !important;background-color:rgba(55,194,217,1) !important;}</style> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-left" data-slide-direction="left"> <button
type="button"
class="t-slds__arrow t-slds__arrow-left t-slds__arrow-withbg"
aria-controls="carousel_303981956"
aria-disabled="false"
aria-label="Предыдущий слайд"
style="width: 50px; height: 50px;background-color: rgba(28,28,28,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-left" style="width: 11px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <style type="text/css">#rec303981956 .t-slds__arrow_wrapper polyline{-webkit-transition:stroke ease-in-out .2s;-moz-transition:stroke ease-in-out .2s;-o-transition:stroke ease-in-out .2s;transition:stroke ease-in-out .2s;}#rec303981956 .t-slds__arrow_wrapper:hover polyline{stroke:#ffffff !important;}#rec303981956 .t-slds__arrow:focus-visible polyline{stroke:#ffffff !important;}</style> <polyline
fill="none"
stroke="#ffffff"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 10.5,10.5 0.5,20.5"
/> </svg> </div> </button> </li> <li class="t-slds__arrow_wrapper t-slds__arrow_wrapper-right" data-slide-direction="right"> <button
type="button"
class="t-slds__arrow t-slds__arrow-right t-slds__arrow-withbg"
aria-controls="carousel_303981956"
aria-disabled="false"
aria-label="Следующий слайд"
style="width: 50px; height: 50px;background-color: rgba(28,28,28,1);"> <div class="t-slds__arrow_body t-slds__arrow_body-right" style="width: 11px;"> <svg role="presentation" focusable="false" style="display: block" viewBox="0 0 11.3 21" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <polyline
fill="none"
stroke="#ffffff"
stroke-linejoin="butt"
stroke-linecap="butt"
stroke-width="1"
points="0.5,0.5 10.5,10.5 0.5,20.5"
/> </svg> </div> </button> </li> </ul> <div class="t-slds__container t-width t-width_9 t-margin_auto"> <div class="t-slds__items-wrapper t-slds_animated-fast t-slds__witharrows"
id="carousel_303981956" data-slider-transition="300" data-slider-with-cycle="true" data-slider-correct-height="false" data-auto-correct-mobile-width="false" data-slider-arrows-nearpic="yes" aria-roledescription="carousel"
aria-live="off"> <div class="t-slds__item t-slds__item_active" data-slide-index="1"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="1 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3161-3838-4364-a336-633065633837/Frame_426.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3161-3838-4364-a336-633065633837/Frame_426.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3161-3838-4364-a336-633065633837/-/resizeb/20x/Frame_426.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="2"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="2 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3233-3932-4930-b565-386237653439/Frame_427.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3233-3932-4930-b565-386237653439/Frame_427.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3233-3932-4930-b565-386237653439/-/resizeb/20x/Frame_427.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="3"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="3 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3364-3537-4833-b231-376139616162/Frame_428.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3364-3537-4833-b231-376139616162/Frame_428.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3364-3537-4833-b231-376139616162/-/resizeb/20x/Frame_428.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="4"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="4 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6233-3931-4033-b131-383231626138/Frame_429.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__3"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6233-3931-4033-b131-383231626138/Frame_429.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6233-3931-4033-b131-383231626138/-/resizeb/20x/Frame_429.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="5"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="5 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6639-3464-4435-b237-636133346631/Frame_430.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__4"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6639-3464-4435-b237-636133346631/Frame_430.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6639-3464-4435-b237-636133346631/-/resizeb/20x/Frame_430.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="6"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="6 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6564-3663-4139-b539-336333306430/Frame_431.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__5"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6564-3663-4139-b539-336333306430/Frame_431.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6564-3663-4139-b539-336333306430/-/resizeb/20x/Frame_431.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="7"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="7 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild6130-3532-4162-a334-353535653238/Frame_432.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__6"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild6130-3532-4162-a334-353535653238/Frame_432.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6130-3532-4162-a334-353535653238/-/resizeb/20x/Frame_432.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="8"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="8 из 8"> <div class="t-width t-width_8 t-margin_auto" itemscope itemtype="http://schema.org/ImageObject"> <div class="t-slds__wrapper t-align_center"> <meta itemprop="image" content="https://static.tildacdn.com/tild3437-3137-4333-a631-666539393066/Frame_433.jpg"> <div class="t604__imgwrapper" bgimgfield="gi_img__7"> <div class="t-slds__bgimg t-slds__bgimg-contain t-bgimg" data-original="https://static.tildacdn.com/tild3437-3137-4333-a631-666539393066/Frame_433.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3437-3137-4333-a631-666539393066/-/resizeb/20x/Frame_433.jpg');"></div> <div class="t604__separator" data-slider-image-width="760" data-slider-image-height="700px"></div> </div> </div> </div> </div> </div> </div> <ul class="t-slds__bullet_wrapper"> <li class="t-slds__bullet t-slds__bullet_active" data-slide-bullet-for="1"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 1"
aria-current="true" style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="2"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 2"
style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="3"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 3"
style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="4"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 4"
style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="5"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 5"
style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="6"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 6"
style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="7"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 7"
style="background-color: #1c1c1c;"></button> </li> <li class="t-slds__bullet " data-slide-bullet-for="8"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 8"
style="background-color: #1c1c1c;"></button> </li> </ul> <div class="t-slds__caption__container"> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t_sldsInit',function() {t_sldsInit('303981956');});t_onFuncLoad('t604_init',function() {t604_init('303981956');});t_onFuncLoad('t_slds_UpdateSliderHeight',function() {t_slds_UpdateSliderHeight('303981956');});t_onFuncLoad('t604__UpdateSliderArrowsHeight',function() {t604__UpdateSliderArrowsHeight('303981956');});});</script> <style>#rec303981956 .t-slds__bullet_active .t-slds__bullet_body{background-color:#37c2d9 !important;}#rec303981956 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#37c2d9 !important;}</style> </div> <div id="rec303924911" class="r t-rec t-rec_pt_15 t-rec_pb_15" style="padding-top:15px;padding-bottom:15px;background-color:#0d0d0d; " data-record-type="106" data-bg-color="#0d0d0d"> <!-- T004 --> <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md "><div style="color: rgb(153, 153, 153);" data-customstyle="yes">Если тебе интересны другие этапы пайплайна — переходи к следующей статье. 1 статья = 1 этап пайплайна, с уроками и примерами. Выбирай тему, с которой хочешь разобраться:<br /><br />1. <a href="/kak_delayutsya_modeli_dlya_aaa_igr_polnyj_gajd_po_aaa_pajplajnu" target="_blank" style="color: rgb(128, 128, 255);">ААА-пайплайн</a><br />2. <a href="/aaa_pajplajn_statya_2_7_vsyo_pro_drafty" target="_blank" style="color: rgb(128, 128, 255);">Драфт</a><br />3. <a href="/statya-37-pro-setku-lowpoly-highpoly-i-verteks-normali" target="_blank" style="color: rgb(128, 128, 255);">Сетка</a><br />4. <a href="/uv-razvyortka-aaa-pajplajn-47-samyj-polnyj-gajd" target="_blank" style="color: rgb(128, 128, 255);">Развертка</a><br />5. <a href="/vsyo-pro-bake-zapechku-kak-etap-aaa-pajplajna" target="_blank" style="color: rgb(128, 128, 255);">Запечка</a></div></div> </div> </div> </div> <style> #rec303924911 .t-text{color:#ffffff;}</style> </div> <div id="rec304159816" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec304159816 .t396__artboard {height:520px;background-color:#0d0d0d;}#rec304159816 .t396__filter {height:520px;}#rec304159816 .t396__carrier{height:520px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec304159816 .t396__artboard,#rec304159816 .t396__filter,#rec304159816 .t396__carrier {height:480px;}#rec304159816 .t396__filter {}#rec304159816 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec304159816 .t396__artboard,#rec304159816 .t396__filter,#rec304159816 .t396__carrier {height:530px;}#rec304159816 .t396__filter {}#rec304159816 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec304159816 .t396__artboard,#rec304159816 .t396__filter,#rec304159816 .t396__carrier {height:510px;}#rec304159816 .t396__filter {}#rec304159816 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec304159816 .t396__artboard,#rec304159816 .t396__filter,#rec304159816 .t396__carrier {height:490px;}#rec304159816 .t396__filter {}#rec304159816 .t396__carrier {background-attachment:scroll;}}#rec304159816 .tn-elem[data-elem-id="1618408528005"]{z-index:1;top:69px;;left:calc(50% - 580px + 0px);;width:1160px;height:388px;}#rec304159816 .tn-elem[data-elem-id="1618408528005"] .tn-atom{background-position:center top;background-size:cover;background-repeat:no-repeat;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec304159816 .tn-elem[data-elem-id="1618408528005"]{top:49px;;left:calc(50% - 580px + 0px);;width:940px;height:385px;}}@media screen and (max-width:959px){#rec304159816 .tn-elem[data-elem-id="1618408528005"]{top:18px;;left:calc(50% - 580px + -9px);;width:466px;height:497px;}#rec304159816 .tn-elem[data-elem-id="1618408528005"] .tn-atom{background-size:cover;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}}@media screen and (max-width:639px){#rec304159816 .tn-elem[data-elem-id="1618408528005"]{top:36px;;left:calc(50% - 580px + -10px);;width:443px;height:424px;}}@media screen and (max-width:479px){#rec304159816 .tn-elem[data-elem-id="1618408528005"]{top:65px;;left:calc(50% - 580px + -7px);;width:421px;height:349px;}#rec304159816 .tn-elem[data-elem-id="1618408528005"] .tn-atom{background-size:cover;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}}#rec304159816 .tn-elem[data-elem-id="1618408528013"]{color:#ffffff;z-index:2;top:149px;;left:calc(50% - 600px + 80px);;width:560px;height:auto;}#rec304159816 .tn-elem[data-elem-id="1618408528013"] .tn-atom{color:#ffffff;font-size:60px;font-family:'BebasRoboto',Arial,sans-serif;line-height:0.9333;font-weight:500;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec304159816 .tn-elem[data-elem-id="1618408528013"]{top:111px;;left:calc(50% - 480px + 70px);;width:490px;height:auto;}#rec304159816 .tn-elem[data-elem-id="1618408528013"] .tn-atom{font-size:60px;background-size:cover;}}@media screen and (max-width:959px){#rec304159816 .tn-elem[data-elem-id="1618408528013"]{top:121px;;left:calc(50% - 320px + 140px);;width:360px;height:auto;text-align:center;}#rec304159816 .tn-elem[data-elem-id="1618408528013"] .tn-atom{font-size:48px;background-size:cover;}}@media screen and (max-width:639px){#rec304159816 .tn-elem[data-elem-id="1618408528013"]{top:134px;;left:calc(50% - 240px + 80px);;width:330px;height:auto;}#rec304159816 .tn-elem[data-elem-id="1618408528013"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec304159816 .tn-elem[data-elem-id="1618408528013"]{top:100px;;left:calc(50% - 160px + 10px);;width:300px;height:auto;}}#rec304159816 .tn-elem[data-elem-id="1618408528018"]{color:#ffffff;z-index:3;top:279px;;left:calc(50% - 600px + 80px);;width:320px;height:auto;}#rec304159816 .tn-elem[data-elem-id="1618408528018"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec304159816 .tn-elem[data-elem-id="1618408528018"]{top:301px;;left:calc(50% - 480px + 70px);;height:auto;}}@media screen and (max-width:959px){#rec304159816 .tn-elem[data-elem-id="1618408528018"]{top:283px;;left:calc(50% - 320px + 140px);;width:360px;height:auto;text-align:center;}#rec304159816 .tn-elem[data-elem-id="1618408528018"] .tn-atom{font-size:16px;background-size:cover;}}@media screen and (max-width:639px){#rec304159816 .tn-elem[data-elem-id="1618408528018"]{top:220px;;left:calc(50% - 240px + 84px);;width:320px;height:auto;}}@media screen and (max-width:479px){#rec304159816 .tn-elem[data-elem-id="1618408528018"]{top:220px;;left:calc(50% - 160px + 40px);;width:240px;height:auto;}#rec304159816 .tn-elem[data-elem-id="1618408528018"] .tn-atom{font-size:16px;background-size:cover;}}#rec304159816 .tn-elem[data-elem-id="1618408528031"]{z-index:5;top:219px;;left:calc(50% - 153px + 373px);;width:306px;height:72px;}#rec304159816 .tn-elem[data-elem-id="1618408528031"] .tn-atom{background-color:#37c2d9;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec304159816 .tn-elem[data-elem-id="1618408528031"]{top:195px;;left:calc(50% - 153px + 222px);;width:285px;height:72px;}}@media screen and (max-width:959px){#rec304159816 .tn-elem[data-elem-id="1618408528031"]{top:367px;;left:calc(50% - 153px + 1px);;}}@media screen and (max-width:639px){#rec304159816 .tn-elem[data-elem-id="1618408528031"]{top:292px;;left:calc(50% - 153px + 5px);;}}@media screen and (max-width:479px){#rec304159816 .tn-elem[data-elem-id="1618408528031"]{top:316px;;left:calc(50% - 153px + 0px);;width:260px;height:68px;}}#rec304159816 .tn-elem[data-elem-id="1618408528041"]{color:#ffffff;text-align:center;z-index:6;top:243px;;left:calc(50% - 130px + 372px);;width:260px;height:auto;pointer-events:none;}#rec304159816 .tn-elem[data-elem-id="1618408528041"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:100;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec304159816 .tn-elem[data-elem-id="1618408528041"]{top:219px;;left:calc(50% - 130px + 221px);;height:auto;}}@media screen and (max-width:959px){#rec304159816 .tn-elem[data-elem-id="1618408528041"]{top:391px;;left:calc(50% - 130px + 0px);;height:auto;}}@media screen and (max-width:639px){#rec304159816 .tn-elem[data-elem-id="1618408528041"]{top:318px;;left:calc(50% - 130px + 6px);;height:auto;}}@media screen and (max-width:479px){#rec304159816 .tn-elem[data-elem-id="1618408528041"]{top:340px;;left:calc(50% - 130px + -2px);;height:auto;}#rec304159816 .tn-elem[data-elem-id="1618408528041"] .tn-atom{font-size:14px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="304159816" data-artboard-screens="320,480,640,960,1200" data-artboard-height="520" data-artboard-valign="center" data-artboard-height-res-320="490" data-artboard-height-res-480="510" data-artboard-height-res-640="530" data-artboard-height-res-960="480"> <div class="t396__carrier" data-artboard-recid="304159816"></div> <div class="t396__filter" data-artboard-recid="304159816"></div> <div class='t396__elem tn-elem tn-elem__3041598161618408528005 t-animate' data-elem-id='1618408528005' data-elem-type='shape' data-field-top-value="69" data-field-left-value="0" data-field-height-value="388" data-field-width-value="1160" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-animate-style="zoomin" data-animate-duration="1" data-animate-scale="0.9" data-field-top-res-320-value="65" data-field-left-res-320-value="-7" data-field-height-res-320-value="349" data-field-width-res-320-value="421" data-field-widthunits-res-320-value="px" data-field-top-res-480-value="36" data-field-left-res-480-value="-10" data-field-height-res-480-value="424" data-field-width-res-480-value="443" data-field-widthunits-res-480-value="px" data-field-top-res-640-value="18" data-field-left-res-640-value="-9" data-field-height-res-640-value="497" data-field-width-res-640-value="466" data-field-widthunits-res-640-value="px" data-field-top-res-960-value="49" data-field-left-res-960-value="0" data-field-height-res-960-value="385" data-field-width-res-960-value="940"> <div class='tn-atom t-bgimg' data-original="https://static.tildacdn.com/tild3466-6662-4363-a464-316666313363/plaskk.png"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__3041598161618408528013' data-elem-id='1618408528013' data-elem-type='text' data-field-top-value="149" data-field-left-value="80" data-field-width-value="560" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="60" data-field-top-res-320-value="100" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="134" data-field-left-res-480-value="80" data-field-width-res-480-value="330" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="121" data-field-left-res-640-value="140" data-field-width-res-640-value="360" data-field-fontsize-res-640-value="48" data-field-top-res-960-value="111" data-field-left-res-960-value="70" data-field-width-res-960-value="490" data-field-fontsize-res-960-value="60"> <div class='tn-atom'field='tn_text_1618408528013'>ВСЕ ПРОЧИТАЛ? ПЕРЕХОДИ К ПРАКТИКЕ!</div> </div> <div class='t396__elem tn-elem tn-elem__3041598161618408528018' data-elem-id='1618408528018' data-elem-type='text' data-field-top-value="279" data-field-left-value="80" data-field-width-value="320" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="220" data-field-left-res-320-value="40" data-field-width-res-320-value="240" data-field-fontsize-res-320-value="16" data-field-top-res-480-value="220" data-field-left-res-480-value="84" data-field-width-res-480-value="320" data-field-top-res-640-value="283" data-field-left-res-640-value="140" data-field-width-res-640-value="360" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="301" data-field-left-res-960-value="70"> <div class='tn-atom'field='tn_text_1618408528018'>Освой пайплайн и научись создавать 3D-модели на курсе Draft Punk</div> </div> <div class='t396__elem tn-elem btn-bg-2 tn-elem__3041598161618408528031' data-elem-id='1618408528031' data-elem-type='shape' data-field-top-value="219" data-field-left-value="373" data-field-height-value="72" data-field-width-value="306" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="316" data-field-left-res-320-value="0" data-field-height-res-320-value="68" data-field-width-res-320-value="260" data-field-top-res-480-value="292" data-field-left-res-480-value="5" data-field-top-res-640-value="367" data-field-left-res-640-value="1" data-field-top-res-960-value="195" data-field-left-res-960-value="222" data-field-height-res-960-value="72" data-field-width-res-960-value="285"> <a class='tn-atom' href="/draftpunk" target="_blank"> </a> </div> <div class='t396__elem tn-elem tn-elem__3041598161618408528041' data-elem-id='1618408528041' data-elem-type='text' data-field-top-value="243" data-field-left-value="372" data-field-width-value="260" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="340" data-field-left-res-320-value="-2" data-field-fontsize-res-320-value="14" data-field-top-res-480-value="318" data-field-left-res-480-value="6" data-field-top-res-640-value="391" data-field-left-res-640-value="0" data-field-top-res-960-value="219" data-field-left-res-960-value="221"> <div class='tn-atom'field='tn_text_1618408528041'>СМОТРЕТЬ ПРОГРАММУ</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('304159816');});});</script> <!-- /T396 --> </div> <div id="rec304228296" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <style>
.btn-bg-2,
.btn-bg-2-black {
background: url(https://static.tildacdn.com/tild6334-6366-4034-a162-623534633532/btn-gray.svg) left top no-repeat !important;
}
.btn-bg-2 .tn-atom {
background: url(https://static.tildacdn.com/tild3764-3838-4761-b034-623631623033/btn-blue.svg) left top no-repeat !important;
transition: all .3s ease-in !important;
}
.btn-bg-2-black .tn-atom {
background: url(https://static.tildacdn.com/tild3732-3538-4863-b033-313364613061/btn-black.svg) left top no-repeat !important;
transition: all .3s ease-in !important;
}
.btn-bg-2:hover .tn-atom,
.btn-bg-2-black:hover .tn-atom {
opacity: 0;
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec783118043" class="r t-rec" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="396"> <!-- T396 --> <style>#rec783118043 .t396__artboard {height:660px;background-color:#0d0d0d;}#rec783118043 .t396__filter {height:660px;}#rec783118043 .t396__carrier{height:660px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec783118043 .t396__artboard,#rec783118043 .t396__filter,#rec783118043 .t396__carrier {height:620px;}#rec783118043 .t396__filter {}#rec783118043 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec783118043 .t396__artboard,#rec783118043 .t396__filter,#rec783118043 .t396__carrier {height:528px;}#rec783118043 .t396__filter {}#rec783118043 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec783118043 .t396__artboard,#rec783118043 .t396__filter,#rec783118043 .t396__carrier {height:725px;}#rec783118043 .t396__filter {}#rec783118043 .t396__carrier {background-attachment:scroll;}}#rec783118043 .tn-elem[data-elem-id="1722957462807"]{z-index:2;top:132px;;left:calc(50% - 600px + 220px);;width:760px;height:396px;}#rec783118043 .tn-elem[data-elem-id="1722957462807"] .tn-atom{border-radius:24px;background-color:#31313a;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec783118043 .tn-elem[data-elem-id="1722957462807"]{top:108px;;left:calc(50% - 480px + 114px);;width:732px;height:404px;}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722957462807"]{top:100px;;left:calc(50% - 320px + 10px);;width:620px;height:328px;}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722957462807"]{top:64px;;width:300px;height:597px;border-radius:16px;}#rec783118043 .tn-elem[data-elem-id="1722957462807"] .tn-atom{background-size:cover;border-radius:16px;}}#rec783118043 .tn-elem[data-elem-id="1722958532176"]{z-index:3;top:140px;;left:calc(50% - 600px + 228px);;width:444px;height:380px;}#rec783118043 .tn-elem[data-elem-id="1722958532176"] .tn-atom{border-radius:16px;background-color:#23232a;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec783118043 .tn-elem[data-elem-id="1722958532176"]{top:116px;;left:calc(50% - 480px + 122px);;width:416px;height:388px;}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722958532176"]{top:108px;;left:calc(50% - 320px + 18px);;width:604px;height:312px;}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722958532176"]{top:364px;;width:284px;height:289px;}}#rec783118043 .tn-elem[data-elem-id="1722957592507"]{color:#ffffff;z-index:4;top:218px;;left:calc(50% - 600px + 252px);;width:380px;height:auto;}#rec783118043 .tn-elem[data-elem-id="1722957592507"] .tn-atom{color:#ffffff;font-size:24px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:600;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec783118043 .tn-elem[data-elem-id="1722957592507"]{top:194px;;left:calc(50% - 480px + 146px);;width:324px;height:auto;}#rec783118043 .tn-elem[data-elem-id="1722957592507"] .tn-atom{font-size:20px;background-size:cover;}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722957592507"]{top:178px;;left:calc(50% - 320px + 34px);;width:322px;height:auto;}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722957592507"]{top:434px;;left:calc(50% - 160px + 34px);;width:252px;height:auto;}#rec783118043 .tn-elem[data-elem-id="1722957592507"] .tn-atom{font-size:16px;background-size:cover;}}#rec783118043 .tn-elem[data-elem-id="1722957649470"]{color:#ffffff;z-index:5;top:282px;;left:calc(50% - 600px + 252px);;width:396px;height:auto;}#rec783118043 .tn-elem[data-elem-id="1722957649470"] .tn-atom{color:#ffffff;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;opacity:0.6;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec783118043 .tn-elem[data-elem-id="1722957649470"]{top:250px;;left:calc(50% - 480px + 146px);;width:368px;height:auto;}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722957649470"]{top:234px;;left:calc(50% - 320px + 34px);;width:418px;height:auto;}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722957649470"]{top:482px;;left:calc(50% - 160px + 34px);;width:252px;height:auto;}#rec783118043 .tn-elem[data-elem-id="1722957649470"] .tn-atom{font-size:12px;background-size:cover;}}#rec783118043 .tn-elem[data-elem-id="1722957742812"]{color:#ffffff;text-align:center;z-index:6;top:454px;;left:calc(50% - 600px + 252px);;width:172px;height:42px;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;border-radius:30px;background-position:center center;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;--t396-bgcolor-color:#8080ff;--t396-bgcolor-image:none;--t396-bgcolor-hover-color:#6060ff;--t396-bgcolor-hover-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media screen and (max-width:1199px){#rec783118043 .tn-elem[data-elem-id="1722957742812"]{top:438px;;left:calc(50% - 480px + 146px);;width:px;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722957742812"]{top:362px;;left:calc(50% - 320px + 34px);;width:px;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722957742812"]{top:601px;;left:calc(50% - 160px + 34px);;width:142px;height:36px;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom{white-space:normal;font-size:12px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722957742812"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}#rec783118043 .tn-elem[data-elem-id="1722958769545"]{z-index:7;top:140px;;left:calc(50% - 600px + 680px);;width:292px;height:380px;}#rec783118043 .tn-elem[data-elem-id="1722958769545"] .tn-atom{border-radius:16px;background-position:center center;background-size:cover;background-repeat:no-repeat;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec783118043 .tn-elem[data-elem-id="1722958769545"]{top:116px;;left:calc(50% - 480px + 546px);;height:388px;}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722958769545"]{top:116px;;left:calc(50% - 320px + 474px);;width:140px;height:178px;}#rec783118043 .tn-elem[data-elem-id="1722958769545"] .tn-atom{background-position:center center;background-size:cover;}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722958769545"]{top:72px;;left:calc(50% - 160px + 18px);;width:284px;height:284px;border-radius:8px;}#rec783118043 .tn-elem[data-elem-id="1722958769545"] .tn-atom{background-position:0.000% 27.849%;background-size:100.000%;border-radius:8px;}}#rec783118043 .tn-elem[data-elem-id="1722958865476"]{color:#ffffff;z-index:8;top:468px;;left:calc(50% - 600px + 696px);;width:96px;height:auto;}#rec783118043 .tn-elem[data-elem-id="1722958865476"] .tn-atom{color:#ffffff;font-size:12px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:400;opacity:0.5;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec783118043 .tn-elem[data-elem-id="1722958865476"]{top:452px;;left:calc(50% - 480px + 562px);;height:auto;}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722958865476"]{top:302px;;left:calc(50% - 320px + 474px);;height:auto;}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722958865476"]{top:322px;;left:calc(50% - 160px + 34px);;width:148px;height:auto;}}#rec783118043 .tn-elem[data-elem-id="1722958910512"]{color:#ffffff;text-align:center;z-index:9;top:164px;;left:calc(50% - 600px + 252px);;width:64px;height:38px;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom{color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.6;font-weight:400;border-radius:30px;background-position:center center;--t396-borderwidth:1px;--t396-bordercolor:#39393f;--t396-speedhover:0.2s;transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#ffffff;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}@media screen and (max-width:1199px){#rec783118043 .tn-elem[data-elem-id="1722958910512"]{top:140px;;left:calc(50% - 480px + 146px);;width:px;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:959px){#rec783118043 .tn-elem[data-elem-id="1722958910512"]{top:124px;;left:calc(50% - 320px + 34px);;width:px;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}@media screen and (max-width:639px){#rec783118043 .tn-elem[data-elem-id="1722958910512"]{top:380px;;width:px;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom{white-space:normal;background-size:cover;padding:0;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom::after{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::before{display:none;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover::after{opacity:0;}#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{animation-name:none;}}@media (hover),(min-width:0\0){#rec783118043 .tn-elem[data-elem-id="1722958910512"] .tn-atom:hover{border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor-hover,var(--t396-bordercolor,transparent));}}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="783118043" data-artboard-screens="320,640,960,1200" data-artboard-height="660" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="725" data-artboard-height-res-640="528" data-artboard-height-res-960="620"> <div class="t396__carrier" data-artboard-recid="783118043"></div> <div class="t396__filter" data-artboard-recid="783118043"></div> <div class='t396__elem tn-elem tn-elem__7831180431722957462807' data-elem-id='1722957462807' data-elem-type='shape' data-field-top-value="132" data-field-left-value="220" data-field-height-value="396" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="64" data-field-height-res-320-value="597" data-field-width-res-320-value="300" data-field-top-res-640-value="100" data-field-left-res-640-value="10" data-field-height-res-640-value="328" data-field-width-res-640-value="620" data-field-top-res-960-value="108" data-field-left-res-960-value="114" data-field-height-res-960-value="404" data-field-width-res-960-value="732"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7831180431722958532176' data-elem-id='1722958532176' data-elem-type='shape' data-field-top-value="140" data-field-left-value="228" data-field-height-value="380" data-field-width-value="444" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="364" data-field-height-res-320-value="289" data-field-width-res-320-value="284" data-field-top-res-640-value="108" data-field-left-res-640-value="18" data-field-height-res-640-value="312" data-field-width-res-640-value="604" data-field-top-res-960-value="116" data-field-left-res-960-value="122" data-field-height-res-960-value="388" data-field-width-res-960-value="416"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__7831180431722957592507' data-elem-id='1722957592507' data-elem-type='text' data-field-top-value="218" data-field-left-value="252" data-field-width-value="380" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="24" data-field-top-res-320-value="434" data-field-left-res-320-value="34" data-field-width-res-320-value="252" data-field-fontsize-res-320-value="16" data-field-top-res-640-value="178" data-field-left-res-640-value="34" data-field-width-res-640-value="322" data-field-top-res-960-value="194" data-field-left-res-960-value="146" data-field-width-res-960-value="324" data-field-fontsize-res-960-value="20"> <div class='tn-atom'field='tn_text_1722957592507'>Draft Punk.
3D-моделирование объектов</div> </div> <div class='t396__elem tn-elem tn-elem__7831180431722957649470' data-elem-id='1722957649470' data-elem-type='text' data-field-top-value="282" data-field-left-value="252" data-field-width-value="396" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="16" data-field-top-res-320-value="482" data-field-left-res-320-value="34" data-field-width-res-320-value="252" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="234" data-field-left-res-640-value="34" data-field-width-res-640-value="418" data-field-top-res-960-value="250" data-field-left-res-960-value="146" data-field-width-res-960-value="368"> <div class='tn-atom'field='tn_text_1722957649470'>Пройди курс по 3D-моделированию и научись создавать модели для игр. Уроки проходят в онлайн-формате — сможешь вернуться к лекциям в любой момент и освежить свои знания.</div> </div> <div class='t396__elem tn-elem tn-elem__7831180431722957742812' data-elem-id='1722957742812' data-elem-type='button' data-field-top-value="454" data-field-left-value="252" data-field-height-value="42" data-field-width-value="172" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-fontsize-value="14" data-field-top-res-320-value="601" data-field-left-res-320-value="34" data-field-height-res-320-value="36" data-field-width-res-320-value="142" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="362" data-field-left-res-640-value="34" data-field-top-res-960-value="438" data-field-left-res-960-value="146"> <a class='tn-atom js-click-zero-stat' href="https://www.school-xyz.com/draftpunk?utm_source=blog&utm_medium=banner&utm_campaign=draftpunk" data-tilda-event-name="/tilda/click/rec783118043/button1722957742812"> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Узнать больше</span> </div> <span class="tn-atom__button-border"></span> </a> </div> <div class='t396__elem tn-elem tn-elem__7831180431722958769545' data-elem-id='1722958769545' data-elem-type='shape' data-field-top-value="140" data-field-left-value="680" data-field-height-value="380" data-field-width-value="292" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-top-res-320-value="72" data-field-left-res-320-value="18" data-field-height-res-320-value="284" data-field-width-res-320-value="284" data-field-top-res-640-value="116" data-field-left-res-640-value="474" data-field-height-res-640-value="178" data-field-width-res-640-value="140" data-field-top-res-960-value="116" data-field-left-res-960-value="546" data-field-height-res-960-value="388"> <div class='tn-atom t-bgimg' style="background-image:url('https://static.tildacdn.com/tild3432-3463-4739-a433-376463333266/25_1.jpg');"
aria-label='' role="img"> </div> </div> <div class='t396__elem tn-elem tn-elem__7831180431722958865476' data-elem-id='1722958865476' data-elem-type='text' data-field-top-value="468" data-field-left-value="696" data-field-width-value="96" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-fontsize-value="12" data-field-top-res-320-value="322" data-field-left-res-320-value="34" data-field-width-res-320-value="148" data-field-top-res-640-value="302" data-field-left-res-640-value="474" data-field-top-res-960-value="452" data-field-left-res-960-value="562"> <div class='tn-atom'field='tn_text_1722958865476'>Работа Юрия Порубова</div> </div> <div class='t396__elem tn-elem tn-elem__7831180431722958910512' data-elem-id='1722958910512' data-elem-type='button' data-field-top-value="164" data-field-left-value="252" data-field-height-value="38" data-field-width-value="64" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-fontsize-value="14" data-field-top-res-320-value="380" data-field-top-res-640-value="124" data-field-left-res-640-value="34" data-field-top-res-960-value="140" data-field-left-res-960-value="146"> <div class='tn-atom'> <div class='tn-atom__button-content'> <span class="tn-atom__button-text">Курс</span> </div> <span class="tn-atom__button-border"></span> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('783118043');});});</script> <!-- /T396 --> </div> <div id="rec304223526" class="r t-rec t-rec_pt_15 t-rec_pb_30" style="padding-top:15px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="3" data-bg-color="#0d0d0d"> <!-- T107 --> <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.com/tild6362-6432-4162-b830-363533333966/Group_1952.svg"> <img class="t-img t-width t107__widthauto"
src="https://static.tildacdn.com/tild6362-6432-4162-b830-363533333966/Group_1952.svg"
imgfield="img"
alt=""> </div> </div> </div> <div id="rec304254544" class="r t-rec t-rec_pt_15 t-rec_pb_90" style="padding-top:15px;padding-bottom:90px;background-color:#0d0d0d; " data-record-type="797" data-bg-color="#0d0d0d"> <!-- t797 --> <div class="t797"> <div class="t-container"> <div class="t-col t-col_6 t-prefix_3 t-align_center"> <div class="t797__wrapper t797__wrapper_padding" style="background-color:#8080ff;"> <div class="t794__title t-descr t-descr_md t-animate" data-animate-style="fadein" data-animate-group="yes" data-animate-order="1" field="title">Понравилась статья?</div> <div class="t797__answers t-vote" style="margin-top:-20px" data-vote-type="single" data-vote-id="304254544" data-vote-visibility="onclick"> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="1512750238069" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://thb.tildacdn.com/tild3165-3530-4532-b731-646435653837/-/empty/Poop_Emoji_2.png" data-original="https://static.tildacdn.com/tild3165-3530-4532-b731-646435653837/Poop_Emoji_2.png"
class="t797__img t797__img_width t-img"
imgfield="li_img__1512750238069"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="1513680765900" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://thb.tildacdn.com/tild3564-3630-4239-a563-323339636564/-/empty/Slightly_Smiling_Emo.png" data-original="https://static.tildacdn.com/tild3564-3630-4239-a563-323339636564/Slightly_Smiling_Emo.png"
class="t797__img t797__img_width t-img"
imgfield="li_img__1513680765900"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> <button type="button" class="t-vote__btn-wrapper js-vote-item t-animate" style="margin:20px 10px 0px 10px;" data-answer-id="1513669611253" data-animate-style="zoomin" data-animate-chain="yes"> <div class="t-vote__btn-el js-vote-btn js-sendvote-btn"> <img
src="https://thb.tildacdn.com/tild6130-3965-4463-a332-343937336430/-/empty/Heart_Eyes_Emoji_2.png" data-original="https://static.tildacdn.com/tild6130-3965-4463-a332-343937336430/Heart_Eyes_Emoji_2.png"
class="t797__img t797__img_width t-img"
imgfield="li_img__1513669611253"
alt=""
/> </div> <div class="t-vote__btn-res t-descr t-descr_xxs t-align_center " style="display:none;"> <span class="t-vote__btn-res__num js-vote-count">0</span> </div> </button> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t797_init',function() {t797_init(304254544);});});</script> <style> #rec304254544 .t794__title{font-family:'BebasRoboto';font-weight:100;}#rec304254544 .t797__text{font-family:'BebasRoboto';font-weight:100;}#rec304254544 .t-vote__btn-res{font-family:'BebasRoboto';font-weight:100;}</style> </div> <div id="rec304254590" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec304254590 .t396__artboard {height:430px;background-color:#8080FF;}#rec304254590 .t396__filter {height:430px;}#rec304254590 .t396__carrier{height:430px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec304254590 .t396__artboard,#rec304254590 .t396__filter,#rec304254590 .t396__carrier {height:450px;}#rec304254590 .t396__filter {}#rec304254590 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec304254590 .t396__artboard,#rec304254590 .t396__filter,#rec304254590 .t396__carrier {height:440px;}#rec304254590 .t396__filter {}#rec304254590 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec304254590 .t396__artboard,#rec304254590 .t396__filter,#rec304254590 .t396__carrier {height:490px;}#rec304254590 .t396__filter {}#rec304254590 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec304254590 .t396__artboard,#rec304254590 .t396__filter,#rec304254590 .t396__carrier {height:630px;}#rec304254590 .t396__filter {}#rec304254590 .t396__carrier {background-attachment:scroll;}}#rec304254590 .tn-elem[data-elem-id="1564554044037"]{color:#ffffff;text-align:center;z-index:1;top:70px;;left:calc(50% - 600px + 290px);;width:620px;height:auto;}#rec304254590 .tn-elem[data-elem-id="1564554044037"] .tn-atom{color:#ffffff;font-size:45px;font-family:'BebasRoboto',Arial,sans-serif;line-height:0.9;font-weight:500;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec304254590 .tn-elem[data-elem-id="1564554044037"]{top:90px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec304254590 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 320px + 10px);;height:auto;}}@media screen and (max-width:639px){#rec304254590 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 240px + 40px);;width:400px;height:auto;}}@media screen and (max-width:479px){#rec304254590 .tn-elem[data-elem-id="1564554044037"]{top:60px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;text-align:left;}}#rec304254590 .tn-elem[data-elem-id="1564554130456"]{color:#000000;text-align:center;z-index:2;top:171px;;left:calc(50% - 600px + 415px);;width:370px;height:auto;}#rec304254590 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:100;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec304254590 .tn-elem[data-elem-id="1564554130456"]{top:175px;;left:calc(50% - 480px + 295px);;height:auto;}}@media screen and (max-width:959px){#rec304254590 .tn-elem[data-elem-id="1564554130456"]{top:163px;;left:calc(50% - 320px + 135px);;height:auto;}}@media screen and (max-width:639px){#rec304254590 .tn-elem[data-elem-id="1564554130456"]{top:212px;;left:calc(50% - 240px + 55px);;height:auto;}}@media screen and (max-width:479px){#rec304254590 .tn-elem[data-elem-id="1564554130456"]{top:325px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;color:#000000;text-align:left;}#rec304254590 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#000000;background-size:cover;}}#rec304254590 .tn-elem[data-elem-id="1564554178466"]{z-index:3;top:219px;;left:calc(50% - 600px + 320px);;width:560px;height:auto;}#rec304254590 .tn-elem[data-elem-id="1564554178466"] .tn-atom{background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec304254590 .tn-elem[data-elem-id="1564554178466"]{top:238px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec304254590 .tn-elem[data-elem-id="1564554178466"]{top:228px;;left:calc(50% - 320px + 40px);;height:auto;}}@media screen and (max-width:639px){#rec304254590 .tn-elem[data-elem-id="1564554178466"]{top:265px;;left:calc(50% - 240px + 10px);;width:460px;height:auto;}}@media screen and (max-width:479px){#rec304254590 .tn-elem[data-elem-id="1564554178466"]{top:378px;;left:calc(50% - 160px + 30px);;width:200px;height:auto;}}#rec304254590 .tn-elem[data-elem-id="1564876573371"]{color:#000000;text-align:center;z-index:4;top:291px;;left:calc(50% - 600px + 445px);;width:310px;height:auto;}#rec304254590 .tn-elem[data-elem-id="1564876573371"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:100;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec304254590 .tn-elem[data-elem-id="1564876573371"]{top:325px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec304254590 .tn-elem[data-elem-id="1564876573371"]{top:315px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec304254590 .tn-elem[data-elem-id="1564876573371"]{top:347px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec304254590 .tn-elem[data-elem-id="1564876573371"]{top:505px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;text-align:left;}#rec304254590 .tn-elem[data-elem-id="1564876573371"] .tn-atom{font-size:14px;background-size:cover;}}#rec304254590 .tn-elem[data-elem-id="1565701393805"]{color:#000000;text-align:center;z-index:5;top:336px;;left:calc(50% - 600px + 445px);;width:310px;height:auto;}#rec304254590 .tn-elem[data-elem-id="1565701393805"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;font-weight:100;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec304254590 .tn-elem[data-elem-id="1565701393805"]{top:370px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec304254590 .tn-elem[data-elem-id="1565701393805"]{top:360px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec304254590 .tn-elem[data-elem-id="1565701393805"]{top:397px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec304254590 .tn-elem[data-elem-id="1565701393805"]{top:550px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;text-align:left;}#rec304254590 .tn-elem[data-elem-id="1565701393805"] .tn-atom{font-size:14px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="304254590" data-artboard-screens="320,480,640,960,1200" data-artboard-height="430" data-artboard-valign="center" data-artboard-height-res-320="630" data-artboard-height-res-480="490" data-artboard-height-res-640="440" data-artboard-height-res-960="450"> <div class="t396__carrier" data-artboard-recid="304254590"></div> <div class="t396__filter" data-artboard-recid="304254590"></div> <div class='t396__elem tn-elem tn-elem__3042545901564554044037' data-elem-id='1564554044037' data-elem-type='text' data-field-top-value="70" data-field-left-value="290" data-field-width-value="620" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-fontsize-value="45" data-field-top-res-320-value="60" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="70" data-field-left-res-480-value="40" data-field-width-res-480-value="400" data-field-top-res-640-value="70" data-field-left-res-640-value="10" data-field-top-res-960-value="90" data-field-left-res-960-value="200"> <div class='tn-atom'field='tn_text_1564554044037'>ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ СТАТЬИ <br>
ОТ XYZ РАЗ В НЕДЕЛЮ? <br></div> </div> <div class='t396__elem tn-elem tn-elem__3042545901564554130456' data-elem-id='1564554130456' data-elem-type='text' data-field-top-value="171" data-field-left-value="415" data-field-width-value="370" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-fontsize-value="16" data-field-top-res-320-value="325" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="212" data-field-left-res-480-value="55" data-field-top-res-640-value="163" data-field-left-res-640-value="135" data-field-top-res-960-value="175" data-field-left-res-960-value="295"> <div class='tn-atom'field='tn_text_1564554130456'>Подпишись на рассылку XYZ</div> </div> <div class='t396__elem tn-elem tn-elem__3042545901564554178466' data-elem-id='1564554178466' data-elem-type='form' data-field-top-value="219" data-field-left-value="320" data-field-width-value="560" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="378" data-field-left-res-320-value="30" data-field-width-res-320-value="200" data-field-top-res-480-value="265" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="228" data-field-left-res-640-value="40" data-field-top-res-960-value="238" data-field-left-res-960-value="200" data-field-inputpos-value="h" data-field-inputfontfamily-value="BebasRoboto" data-field-inputfontsize-value="16" data-field-inputfontweight-value="100" data-field-inputcolor-value="#000000" data-field-inputbordercolor-value="#000000" data-field-inputbordersize-value="2" data-field-inputradius-value="0" data-field-inputheight-value="45" data-field-inputmargbottom-value="20" data-field-inputmargright-value="10" data-field-inputtitlefontsize-value="16" data-field-inputtitlefontweight-value="400" data-field-inputtitlecolor-value="#000000" data-field-inputtitlemargbottom-value="5" data-field-inputelsfontweight-value="100" data-field-inputelsfontsize-value="14" data-field-buttontitle-value="Подписаться" data-field-buttoncolor-value="#000000" data-field-buttonbgcolor-value="#ffffff" data-field-buttonbordercolor-value="#000000" data-field-buttonradius-value="0" data-field-buttonwidth-value="200" data-field-buttonheight-value="45" data-field-buttonfontfamily-value="BebasRoboto" data-field-buttonfontsize-value="16" data-field-buttonfontweight-value="100" data-field-receivers-value="3a18b021f43e61a277b0babc9a16a84c,164a3b8e9611cc7ecc538151418a854a,d2ad269d53b8517d6f011d8452411a9b,24dadee303ff10af9effec771b8b4e6f,935c4708c0542e69b9c954810f75a47f,808290b07baffee2037d44c1adc9f960,7cb71ac814cf5f11b74e7aff35c39e83,9bd20a80f92aba4c9d1823f2d1339add,3106d7f849cc37cf58f92ca54a12b20d,473bfe0c466b0830324330245ec4f856,22b6124b7d1e8c12b1bfe44591394ad1,4e149223d2a1c89490c6886635e128b1,432ab6b299e9d3b4712f0d8b851a69ca,ede885f6bf92f8aa63caaa2019930c27,ddce5c970ee590f09521887d2c815328,e8e971129be626609ea9f5eacb531712,529d776f47525813dd4c7439d5e2957d,79efdc56002e2fb9160ff9fc91750f61,9349cade6ff136590942028e6ee8bdd0" data-field-inputpos-res-320-value="v" data-field-inputmargbottom-res-320-value="10" data-field-buttonwidth-res-320-value="260"> <div class='tn-atom tn-atom__form'></div> <!--googleoff: all--> <!--noindex--> <div data-nosnippet="true" class="tn-atom__inputs-wrapp" style="display:none;"> <textarea class="tn-atom__inputs-textarea">[{"lid":"1531306540094","ls":"10","loff":"","li_type":"em","li_ph":"Email","li_req":"y","li_nm":"Email"}]</textarea> </div> <!-- Form export deps: https://static.tildacdn.com/css/tilda-zero-form-errorbox.min.css https://static.tildacdn.com/css/tilda-zero-form-horizontal.min.css https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js https://static.tildacdn.com/css/tilda-date-picker-1.0.min.css https://static.tildacdn.com/js/tilda-date-picker-1.0.min.js https://static.tildacdn.com/js/tilda-calc-1.0.min.js https://static.tildacdn.com/js/tilda-upwidget-1.1.min.js https://static.tildacdn.com/js/uploadcare-3.x.full.min.js https://static.tildacdn.com/js/uploadcare-3.x.min.js https://static.tildacdn.com/js/tilda-range-1.0.min.js https://static.tildacdn.com/css/tilda-range-1.0.min.css https://static.tildacdn.com/js/tilda-img-select-1.0.min.js https://static.tildacdn.com/css/tilda-img-select-1.0.min.css --> <!--/noindex--> <!--googleon: all--> </div> <div class='t396__elem tn-elem tn-elem__3042545901564876573371' data-elem-id='1564876573371' data-elem-type='text' data-field-top-value="291" data-field-left-value="445" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-fontsize-value="16" data-field-top-res-320-value="505" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-fontsize-res-320-value="14" data-field-top-res-480-value="347" data-field-left-res-480-value="85" data-field-top-res-640-value="315" data-field-left-res-640-value="165" data-field-top-res-960-value="325" data-field-left-res-960-value="325"> <div class='tn-atom'field='tn_text_1564876573371'>Нажимая на кнопку, вы соглашаетесь с условиями обработки данных<br></div> </div> <div class='t396__elem tn-elem tn-elem__3042545901565701393805' data-elem-id='1565701393805' data-elem-type='text' data-field-top-value="336" data-field-left-value="445" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-fontsize-value="16" data-field-top-res-320-value="550" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-fontsize-res-320-value="14" data-field-top-res-480-value="397" data-field-left-res-480-value="85" data-field-top-res-640-value="360" data-field-left-res-640-value="165" data-field-top-res-960-value="370" data-field-left-res-960-value="325"> <div class='tn-atom'field='tn_text_1565701393805'><u><a href="https://school-xyz.com/privacy" style="color:rgb(0, 0, 0) !important;" data-redactor-tag="a">Политика конфеденциальности</a></u><br></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('304254590');});});</script> <!-- /T396 --> </div> <div id="rec303924915" class="r t-rec" style=" " data-animationappear="off" data-record-type="142"> <!-- T132 --> <div class="t132"> <div class="t-container_100"> <div class="t132__box t-bgimg" data-original="https://static.tildacdn.com/tild3066-6665-4661-b932-353362343038/l_aBJIMyJmk.jpg" data-lazy-rule="comm:resize,round:100"
style="background-image: url('https://thb.tildacdn.com/tild3066-6665-4661-b932-353362343038/-/resizeb/20x/l_aBJIMyJmk.jpg');"> <div class="t132__wrappper" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.60), rgba(0,0,0,0.60));"> <a href="/blog/chudesa-v-trehmerke-ili-zakonomernost"> <div class="t132__textwrapper "> <span> <div class="t132__title t-title t-title_xxs">Чудеса в трёхмерке или закономерность? </div> <div class="t132__descr t-descr t-descr_xs">Хорошая трехмерка требует планомерной и системной работы. И любой, кто готов посвятить себя этому делу, научится достойно моделить!</div> </span> </div> <img class="t132__wire " src="data:image/gif;base64,R0lGODlh6ANYAvcAAP///wAAAAICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///yH5BAEAAAAALAAAAADoA1gCAAj/AAEIHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3Mmzp8+fQIMKHUq0qNGjSJMqXcq0qdOnUKNKnUq1qtWrWLNq3cq1q9evYMOKHUu2rNmzaNOqXcu2rdu3cOPKnUu3rt27ePPq3cu3r9+/gAMLHky4sOHDiBMrXsy4sePHkCNLnky5suXLmDNr3sy5s+fPoEOLHk26tOnTqFOrXs26tevXsGPLnk27tu3buHPr3s27t+/fwIMLH068uPHjyJMrX868ufPn0KNLn069uvXr2LNr3869u/fv4MOL/x9Pvrz58+jTq1/Pvr379/Djy59Pv779+/jz69/Pv7///wAGKOCABBZo4IEIJqjgggw26OCDEEYo4YQUVmjhhRhmqOGGHHbo4YcghijiiCSWaOKJKKao4oostujiizDGKOOMNNZo44045qjjjjz26OOPQAYp5JBEFmnkkUgmqeSSTDbp5JNQRinllFRWaeWVWGap5ZZcdunll2CGKeaYZJZp5plopqnmmmy26eabcMYp55x01mnnnXjmqeeefPbp55+ABirooIQWauihiCaq6KKMNuroo5BGKumklFZq6aWYZqrpppx26umnoIYq6qiklmrqqaimquqqrLbq6quwxv8q66y01mrrrbjmquuuvPbq66/ABivssMQWa+yxyCar7LLMNuvss9BGK+201FZr7bXYZqvtttx26+234IYr7rjklmvuueimq+667Lbr7rvwxivvvPTWa++9+Oar77789uvvvwAHLPDABBds8MEIJ6zwwgw37PDDEEcs8cQUV2zxxRhnrPHGHHfs8ccghyzyyCSXbPLJKKes8sost+zyyzDHLPPMNNds880456zzzjz37PPPQAct9NBEF2300UgnrfTSTDft9NNQRy311FRXbfXVWGet9dZcd+3112CHLfbYZJdt9tlop6322my37fbbcMct99x012333XjnrffefPf/7fffgAcu+OCEF2744YgnrvjijDfu+OOQRy755JRXbvnlmGeu+eacd+7556CHLvropJdu+umop6766qy37vrrsMcu++y012777bjnrvvuvPfu++/ABy/88MQXb/zxyCev/PLMN+/889BHL/301Fdv/fXYZ6/99tx37/334Icv/vjkl2/++einr/767Lfv/vvwxy///PTXb//9+Oev//789+///wAMoAAHSMACGvCACEygAhfIwAY68IEQjKAEJ0jBClrwghjMoAY3yMEOevCDIAyhCEdIwhKa8IQoTKEKV8jCFrrwhTCMoQxnSMMa2vCGOMyhDnfIwx768IdADKIQ/4dIxCIa8YhITKISl8jEJjrxiVCMohSnSMUqWvGKWMyiFrfIxS568YtgDKMYx0jGMprxjGhMoxrXyMY2uvGNcIyjHOdIxzra8Y54zKMe98jHPvrxj4AMpCAHSchCGvKQiEykIhfJyEY68pGQjKQkJ0nJSlrykpjMpCY3yclOevKToAylKEdJylKa8pSoTKUqV8nKVrrylbCMpSxnScta2vKWuMylLnfJy1768pfADKYwh0nMYhrzmMhMpjKXycxmOvOZ0IymNKdJzWpa85rYzKY2t8nNbnrzm+AMpzjHSc5ymvOc6EynOtfJzna6853wjKc850nPetrznvjMpz73yWrPfvrznwANqEAHStCCGvSgCE2oQhfK0IY69KEQjahEJ0rRilr0ohjNqEY3ytGOevSjIA2pSEdK0pKa9KQoTalKV8rSlrr0pTCNqUxnStOa2vSmOM2pTnfK05769KdADapQh0rUohp1oQEBADs="> </a> </div> </div> <div class="t132__box t-bgimg" data-original="https://static.tildacdn.com/tild3465-6537-4439-a564-613661643766/4.jpg" data-lazy-rule="comm:resize,round:100"
style="background-image: url('https://thb.tildacdn.com/tild3465-6537-4439-a564-613661643766/-/resizeb/20x/4.jpg');"> <div class="t132__wrappper" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0.60), rgba(0,0,0,0.60));"> <a href="/blog/dyrki"> <div class="t132__textwrapper "> <span> <div class="t132__title t-title t-title_xxs">Дырки</div> <div class="t132__descr t-descr t-descr_xs">Рано или поздно каждый начинающий 3D художник сталкивается с необходимостью замоделить отверстия в геометрии.</div> </span> </div> <img class="t132__wire " src="data:image/gif;base64,R0lGODlh6ANYAvcAAP///wAAAAICAgMDAwQEBAUFBQYGBgcHBwgICAkJCQoKCgsLCwwMDA0NDQ4ODg8PDxAQEBERERISEhMTExQUFBUVFRYWFhcXFxgYGBkZGRoaGhsbGxwcHB0dHR4eHh8fHyAgICEhISIiIiMjIyQkJCUlJSYmJicnJygoKCkpKSoqKisrKywsLC0tLS4uLi8vLzAwMDExMTIyMjMzMzQ0NDU1NTY2Njc3Nzg4ODk5OTo6Ojs7Ozw8PD09PT4+Pj8/P0BAQEFBQUJCQkNDQ0REREVFRUZGRkdHR0hISElJSUpKSktLS0xMTE1NTU5OTk9PT1BQUFFRUVJSUlNTU1RUVFVVVVZWVldXV1hYWFlZWVpaWltbW1xcXF1dXV5eXl9fX2BgYGFhYWJiYmNjY2RkZGVlZWZmZmdnZ2hoaGlpaWpqamtra2xsbG1tbW5ubm9vb3BwcHFxcXJycnNzc3R0dHV1dXZ2dnd3d3h4eHl5eXp6ent7e3x8fH19fX5+fn9/f4CAgIGBgYKCgoODg4SEhIWFhYaGhoeHh4iIiImJiYqKiouLi4yMjI2NjY6Ojo+Pj5CQkJGRkZKSkpOTk5SUlJWVlZaWlpeXl5iYmJmZmZqampubm5ycnJ2dnZ6enp+fn6CgoKGhoaKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq6ysrK2tra6urq+vr7CwsLGxsbKysrOzs7S0tLW1tba2tre3t7i4uLm5ubq6uru7u7y8vL29vb6+vr+/v8DAwMHBwcLCwsPDw8TExMXFxcbGxsfHx8jIyMnJycrKysvLy8zMzM3Nzc7Ozs/Pz9DQ0NHR0dLS0tPT09TU1NXV1dbW1tfX19jY2NnZ2dra2tvb29zc3N3d3d7e3t/f3+Dg4OHh4eLi4uPj4+Tk5OXl5ebm5ufn5+jo6Onp6erq6uvr6+zs7O3t7e7u7u/v7/Dw8PHx8fLy8vPz8/T09PX19fb29vf39/j4+Pn5+fr6+vv7+/z8/P39/f7+/v///yH5BAEAAAAALAAAAADoA1gCAAj/AAEIHEiwoMGDCBMqXMiwocOHECNKnEixosWLGDNq3Mixo8ePIEOKHEmypMmTKFOqXMmypcuXMGPKnEmzps2bOHPq3Mmzp8+fQIMKHUq0qNGjSJMqXcq0qdOnUKNKnUq1qtWrWLNq3cq1q9evYMOKHUu2rNmzaNOqXcu2rdu3cOPKnUu3rt27ePPq3cu3r9+/gAMLHky4sOHDiBMrXsy4sePHkCNLnky5suXLmDNr3sy5s+fPoEOLHk26tOnTqFOrXs26tevXsGPLnk27tu3buHPr3s27t+/fwIMLH068uPHjyJMrX868ufPn0KNLn069uvXr2LNr3869u/fv4MOL/x9Pvrz58+jTq1/Pvr379/Djy59Pv779+/jz69/Pv7///wAGKOCABBZo4IEIJqjgggw26OCDEEYo4YQUVmjhhRhmqOGGHHbo4YcghijiiCSWaOKJKKao4oostujiizDGKOOMNNZo44045qjjjjz26OOPQAYp5JBEFmnkkUgmqeSSTDbp5JNQRinllFRWaeWVWGap5ZZcdunll2CGKeaYZJZp5plopqnmmmy26eabcMYp55x01mnnnXjmqeeefPbp55+ABirooIQWauihiCaq6KKMNuroo5BGKumklFZq6aWYZqrpppx26umnoIYq6qiklmrqqaimquqqrLbq6quwxv8q66y01mrrrbjmquuuvPbq66/ABivssMQWa+yxyCar7LLMNuvss9BGK+201FZr7bXYZqvtttx26+234IYr7rjklmvuueimq+667Lbr7rvwxivvvPTWa++9+Oar77789uvvvwAHLPDABBds8MEIJ6zwwgw37PDDEEcs8cQUV2zxxRhnrPHGHHfs8ccghyzyyCSXbPLJKKes8sost+zyyzDHLPPMNNds880456zzzjz37PPPQAct9NBEF2300UgnrfTSTDft9NNQRy311FRXbfXVWGet9dZcd+3112CHLfbYZJdt9tlop6322my37fbbcMct99x012333XjnrffefPf/7fffgAcu+OCEF2744YgnrvjijDfu+OOQRy755JRXbvnlmGeu+eacd+7556CHLvropJdu+umop6766qy37vrrsMcu++y012777bjnrvvuvPfu++/ABy/88MQXb/zxyCev/PLMN+/889BHL/301Fdv/fXYZ6/99tx37/334Icv/vjkl2/++einr/767Lfv/vvwxy///PTXb//9+Oev//789+///wAMoAAHSMACGvCACEygAhfIwAY68IEQjKAEJ0jBClrwghjMoAY3yMEOevCDIAyhCEdIwhKa8IQoTKEKV8jCFrrwhTCMoQxnSMMa2vCGOMyhDnfIwx768IdADKIQ/4dIxCIa8YhITKISl8jEJjrxiVCMohSnSMUqWvGKWMyiFrfIxS568YtgDKMYx0jGMprxjGhMoxrXyMY2uvGNcIyjHOdIxzra8Y54zKMe98jHPvrxj4AMpCAHSchCGvKQiEykIhfJyEY68pGQjKQkJ0nJSlrykpjMpCY3yclOevKToAylKEdJylKa8pSoTKUqV8nKVrrylbCMpSxnScta2vKWuMylLnfJy1768pfADKYwh0nMYhrzmMhMpjKXycxmOvOZ0IymNKdJzWpa85rYzKY2t8nNbnrzm+AMpzjHSc5ymvOc6EynOtfJzna6853wjKc850nPetrznvjMpz73yWrPfvrznwANqEAHStCCGvSgCE2oQhfK0IY69KEQjahEJ0rRilr0ohjNqEY3ytGOevSjIA2pSEdK0pKa9KQoTalKV8rSlrr0pTCNqUxnStOa2vSmOM2pTnfK05769KdADapQh0rUohp1oQEBADs="> </a> </div> </div> </div> </div> <script>var images=document.querySelectorAll('.t132 img.wire');Array.prototype.forEach.call(images,function(image) {image.addEventListener('load',function() {t132_unifyHeights();});});window.addEventListener('resize',function() {t_onFuncLoad('t132_unifyHeights',function() {t132_unifyHeights();});});t_onReady(function() {t_onFuncLoad('t132_unifyHeights',function() {t132_unifyHeights();});if(typeof jQuery!=='undefined') {$('.t132').bind('displayChanged',function() {t132_unifyHeights();});} else {var rec=document.getElementById('rec303924915');if(!rec) return;var wrapperBlock=rec.querySelector('.t132');if(wrapperBlock) {t_onFuncLoad('t132_unifyHeights',function() {t132_unifyHeights();});wrapperBlock.addEventListener("displayChanged",function() {t132_unifyHeights();});}}});</script> </div> <!--footer--> <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="1006203" data-tilda-page-id="4312269" data-tilda-page-alias="footer" data-tilda-formskey="89ebde3c6fe46b219c249763fe551eda" data-tilda-stat-scroll="yes" data-tilda-lazy="yes" data-tilda-root-zone="com" data-tilda-project-headcode="yes" data-tilda-ts="y" data-tilda-project-country="RU"> <div id="rec517261770" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- автоматизация промобара для курсов и профессий --> <script>
$(function() {
// текст для промобара
$('.heading-1 .tn-atom').html('Учись играючи и со скидкой до 55%'); // заголовок
$('.descr-1 .tn-atom').html('При покупке этого курса ты получишь в подарок любую игру до 2000 ₽ в Steam'); // описание
// описание для сайта Pro
$('.descr-pro .tn-atom').html('Дарим игры: любую до 2000 ₽ в Steam — при покупке курса, Resident Evil Requiem — при покупке профессии');
let currentDate = new Date();
function daysInMonth (month, year) {
return new Date(year, month + 1, 0).getDate();
}
let daysInMonthQuantity = daysInMonth(currentDate.getMonth(), currentDate.getYear());
let numOfMonth = currentDate.getDate();
let numOfMonthFormatted;
let currentMonth = currentDate.getMonth() + 1;
let currentMonthFormatted = currentMonth >= 10 ? currentMonth : '0' + currentMonth;
function setDateEnd(additionalDays) {
if (numOfMonth + additionalDays > daysInMonthQuantity) {
numOfMonthFormatted = '0' + (numOfMonth + additionalDays - daysInMonthQuantity);
currentMonthFormatted = currentMonth + 1 >= 10 ? currentMonth + 1 : '0' + (currentMonth + 1);
} else {
numOfMonthFormatted = numOfMonth + additionalDays >= 10 ? numOfMonth + additionalDays : '0' + (numOfMonth + additionalDays);
}
}
/* указываем дату окончания акции в промобаре */
if (currentDate.getDay() == 1) { // если сегодня понедельник
setDateEnd(3);
} else if (currentDate.getDay() == 2) { // если сегодня вторник
setDateEnd(2);
} else if (currentDate.getDay() == 3) { // если сегодня среда
setDateEnd(1);
} else if (currentDate.getDay() == 4) { // если сегодня четверг
setDateEnd(0);
} else if (currentDate.getDay() == 5) { // если сегодня пятница
setDateEnd(2);
} else if (currentDate.getDay() == 6) { // если сегодня суббота
setDateEnd(1);
} else if (currentDate.getDay() == 0) { // если сегодня воскресенье
setDateEnd(0);
}
if (document.querySelector('.promobar__date-end .tn-atom')) {
document.querySelector('.promobar__date-end .tn-atom').textContent = `до ${numOfMonthFormatted}.${currentMonthFormatted}`;
// document.querySelector('.promobar__date-end .tn-atom').textContent = `до 25.02`;
}
/* end указываем дату окончания акции в промобаре на продуктовых страницах */
});
</script> <style>
.descr-1 .tn-atom {
text-wrap-style: balance;
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec521328895" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- скрыть/показать блок с акцией на курсах и профессиях --> <style>
/* блок с акцией */
#rec1123441821 {
/*display: none;*/
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec703641300" class="r t-rec uc-popup-grant" style=" " data-animationappear="off" data-record-type="702"> <!-- T702 --> <div class="t702"> <div
class="t-popup" data-tooltip-hook="#popup:get-consult" data-track-popup='/tilda/popup/rec703641300/opened' role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="Запишись на демо-урок" style="background-color: rgba(0,0,0,0.80);"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#ffffff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <style>@media screen and (max-width:560px){#rec703641300 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <style> #rec703641300 .t-popup__container{border-radius:24px;overflow:hidden;}@media (max-width:480px){#rec703641300 .t-popup__container{border-radius:16px;overflow:hidden;}}</style> <div class="t-popup__container t-width t-width_6"
style="background-color:#23232a;" data-popup-type="702"> <img class="t702__img t-img"
src="https://thb.tildacdn.com/tild3831-3666-4563-b734-333035633330/-/empty/_1.jpg" data-original="https://static.tildacdn.com/tild3831-3666-4563-b734-333035633330/_1.jpg"
imgfield="img"
alt=""> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_left"> <div class="t702__title t-title t-title_xxs" id="popuptitle_703641300">Запишись на демо-урок</div> <div class="t702__descr t-descr t-descr_xs">Зачем записываться?<br /><ul><li data-list="bullet">Познакомим тебя с платформой и процессом обучения.</li><li data-list="bullet">Подарим 1 из 9 курсов на выбор.</li><li data-list="bullet">Получишь доступ к пробной части курса и полную программу.</li></ul></div> </div> <form
id="form703641300" name='form703641300' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group" class="t-form js-form-proccess t-form_inputs-total_5 " data-success-callback="t702_onSuccess"> <input type="hidden" name="formservices[]" value="d19077112a38917a19ec3d0d3a0d2542" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="79efdc56002e2fb9160ff9fc91750f61" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="9349cade6ff136590942028e6ee8bdd0" class="js-formaction-services"> <input type="hidden" name="tildaspec-formname" tabindex="-1" value="Заявка на бесплатный демо-урок"> <!-- @classes t-title t-text t-btn --> <div class="js-successbox t-form__successbox t-text t-text_md"
aria-live="polite"
style="display:none;"></div> <div
class="t-form__inputsbox
t-form__inputsbox_vertical-form t-form__inputsbox_inrow "> <div
class="t-input-group t-input-group_nm " data-input-lid="3316997753180" data-field-type="nm" data-field-name="name"> <div class="t-input-block " style="border-radius:16px;"> <input
type="text"
autocomplete="name"
name="name"
id="input_3316997753180"
class="t-input js-tilda-rule"
value=""
placeholder="Как тебя зовут?" data-tilda-req="1" aria-required="true" data-tilda-rule="name"
aria-describedby="error_3316997753180"
style="color:#ffffff;border:1px solid #373742;border-radius:16px;"> </div> <div class="t-input-error" aria-live="polite" id="error_3316997753180"></div> </div> <div
class="t-input-group t-input-group_em " data-input-lid="1016997753181" data-field-type="em" data-field-name="email"> <div class="t-input-block " style="border-radius:16px;"> <input
type="email"
autocomplete="email"
name="email"
id="input_1016997753181"
class="t-input js-tilda-rule"
value=""
placeholder="Твоя почта" data-tilda-req="1" aria-required="true" data-tilda-rule="email"
aria-describedby="error_1016997753181"
style="color:#ffffff;border:1px solid #373742;border-radius:16px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753181"></div> </div> <div
class="t-input-group t-input-group_ph " data-input-lid="1016997753182" data-field-async="true" data-field-type="ph" data-field-name="phone"> <div class="t-input-block " style="border-radius:16px;"> <input
type="tel"
autocomplete="tel"
name="phone"
id="input_1016997753182" data-phonemask-init="no" data-phonemask-id="703641300" data-phonemask-lid="1016997753182" data-phonemask-maskcountry="RU" class="t-input js-phonemask-input js-tilda-rule"
value=""
placeholder="+7(000)000-0000" data-tilda-req="1" aria-required="true" aria-describedby="error_1016997753182"
style="color:#ffffff;border:1px solid #373742;border-radius:16px;"> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t_loadJsFile',function() {t_loadJsFile('https://static.tildacdn.com/js/tilda-phone-mask-1.1.min.js',function() {t_onFuncLoad('t_form_phonemask_load',function() {var phoneMasks=document.querySelectorAll('#rec703641300 [data-phonemask-lid="1016997753182"]');t_form_phonemask_load(phoneMasks);});})})});</script> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753182"></div> </div> <input type="hidden" name="519683" tabindex="-1" value="true"> <input type="hidden" name="519697" tabindex="-1" value="Консультация"> <div
class="t-input-group t-input-group_cb " data-input-lid="1016997753185" data-field-type="cb" data-field-name="privacy" data-default-value=y
> <div class="t-input-block " style="border-radius:16px;"> <label
class="t-checkbox__control t-checkbox__control_flex t-text t-text_xs"
style="color:#ffffff"> <input
type="checkbox"
name="privacy"
value="yes"
class="t-checkbox js-tilda-rule"
checked
> <div
class="t-checkbox__indicator"
style="border-color:#ffffff"></div> <span><div style="font-size: 14px;" data-customstyle="yes">Я согласен с <a href="https://school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">Политикой обработки персональных данных, Согласием Пользователя сайта на обработку персональных данных</a> и <a href="https://school-xyz.com/agreement" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">договором публичной оферты</a></div></span></label> <style>#rec703641300 .t-checkbox__indicator:after{border-color:#ffffff;}</style> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753185"></div> </div> <div
class="t-input-group t-input-group_cb " data-input-lid="1016997753186" data-field-type="cb" data-field-name="check" data-default-value=y
> <div class="t-input-block " style="border-radius:16px;"> <label
class="t-checkbox__control t-checkbox__control_flex t-text t-text_xs"
style="color:#ffffff"> <input
type="checkbox"
name="check"
value="yes"
class="t-checkbox js-tilda-rule"
checked
> <div
class="t-checkbox__indicator"
style="border-color:#ffffff"></div> <span><div style="font-size: 14px;" data-customstyle="yes">Я согласен получать рекламную рассылку и ознакомился с <a href="https://school-xyz.com/privacy-policy" target="_blank" rel="noreferrer noopener" style="color: rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); box-shadow: none; text-decoration: none; font-weight: 400;">Согласием на получение рекламной рассылки</a></div></span></label> <style>#rec703641300 .t-checkbox__indicator:after{border-color:#ffffff;}</style> </div> <div class="t-input-error" aria-live="polite" id="error_1016997753186"></div> </div> <input type="hidden" name="526133" tabindex="-1" value="Заявка на бесплатный демо-урок"> <div class="t-form__errorbox-middle"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> <div class="t-form__submit"> <button
class="t-submit t-btnflex t-btnflex_type_submit t-btnflex_md"
type="submit"><span class="t-btnflex__text">Отправить</span> <style>#rec703641300 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#6060ff;--border-width:0px;border-style:none !important;border-radius:50px;box-shadow:none !important;font-family:BebasRoboto;font-weight:400;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec703641300 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):hover {color:#17171b !important;background-color:#ffffff !important;}#rec703641300 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):focus-visible {color:#17171b !important;background-color:#ffffff !important;}}</style></button> </div> </div> <div class="t-form__errorbox-bottom"> <!--noindex--> <div
class="js-errorbox-all t-form__errorbox-wrapper"
style="display:none;" data-nosnippet
tabindex="-1"
aria-label="Ошибки при заполнении формы"> <ul
role="list"
class="t-form__errorbox-text t-text t-text_md"> <li class="t-form__errorbox-item js-rule-error js-rule-error-all"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-req"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-email"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-name"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-phone"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-minlength"></li> <li class="t-form__errorbox-item js-rule-error js-rule-error-string"></li> </ul> </div> <!--/noindex--> </div> </form> <style>#rec703641300 input::-webkit-input-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 input::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 input:-moz-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 input:-ms-input-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 textarea::-webkit-input-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 textarea::-moz-placeholder{color:#ffffff;opacity:0.5;}#rec703641300 textarea:-moz-placeholder {color:#ffffff;opacity:0.5;}#rec703641300 textarea:-ms-input-placeholder{color:#ffffff;opacity:0.5;}</style> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t702_initPopup',function() {t702_initPopup('703641300');});});</script> <style> #rec703641300 .t702__title{color:#ffffff;font-family:'BebasRoboto';font-weight:500;text-transform:uppercase;}@media screen and (min-width:900px){#rec703641300 .t702__title{font-size:40px;line-height:1;}}@media screen and (min-width:480px) and (max-width:900px){#rec703641300 .t702__title{font-size:32px;}}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec703641300 .t702__title{font-size:32px;line-height:1;}}#rec703641300 .t702__descr{font-size:16px;line-height:1.6;color:#ffffff;font-weight:400;}@media screen and (max-width:480px),(orientation:landscape) and (max-height:480px){#rec703641300 .t702__descr{font-size:14px;line-height:1.6;}}</style> </div> <div id="rec684407761" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стили для #popup:get-consult --> <style>
.uc-popup-grant .t-popup__close {
top: 20px;
right: 20px !important;
width: 40px;
height: 40px;
/*background: rgb(255 255 255 / 20%);*/
background: #23232a;
border-radius: 50px;
}
.uc-popup-grant .t-popup__block-close-button {
width: 16px;
padding: 12px;
}
.uc-popup-grant .t-popup__close-icon {
width: 16px;
height: 16px;
}
.uc-popup-grant .t702 .t-popup__container {
padding: 8px;
box-sizing: border-box;
}
.uc-popup-grant .t702 .t702__img {
border-radius: 16px;
}
.uc-popup-grant .t702 .t702__wrapper {
padding: 24px;
}
/* градиент для заголовка */
.uc-popup-grant .t702__title {
/*background: linear-gradient(#FFEBA9, #D9B339 100%);*/
/*-webkit-background-clip: text;*/
/*-webkit-text-fill-color: transparent;*/
display: inline-block;
}
.uc-popup-grant .t-descr {
display: inline-block;
}
.uc-popup-grant .t-form__inputsbox {
display: flex;
flex-direction: column;
}
.uc-popup-grant .t702 .t-input-group {
margin-bottom: 8px;
}
.uc-popup-grant .t702 .t-input {
border-color: rgb(255 255 255 / 10%) !important;
}
/* стилизация чекбоксов в зеро формах */
.uc-popup-grant .t-checkbox__control {
display: flex;
column-gap: 8px;
}
.uc-popup-grant .t-checkbox__indicator {
width: 24px;
height: 24px;
margin-right: 0;
border: 2px solid rgb(255 255 255 / 50%) !important;
border-radius: 4px;
}
.uc-popup-grant .t702 .t-checkbox__control .t-checkbox:checked ~ .t-checkbox__indicator {
border-color: rgb(255 255 255 / 50%) !important;
background: transparent;
}
.uc-popup-grant .t-checkbox__indicator:after {
width: 5px;
height: 11px;
left: 7px;
top: 1px;
border-width: 0 2px 2px 0;
border-color: rgb(255 255 255 / 50%) !important;
}
/* конец стилизация чекбоксов в зеро формах */
.uc-popup-grant .t-input-group_cb {
order: 5;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] {
color: rgb(255 255 255 / 50%) !important;
font-size: 12px !important;
line-height: 1.2;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] :is(span, a) {
color: rgb(255 255 255 / 50%) !important;
border-color: rgb(255 255 255 / 50%) !important;
}
.uc-popup-grant .t702 .t-form__submit {
margin-top: 8px;
margin-bottom: 16px;
}
.uc-popup-grant .t702 .t702__form-bottom-text {
margin-top: 24px;
}
/* стилизация кнопки Телеграм */
.uc-popup-grant .t702__form-bottom-text a {
display: flex;
justify-content: center;
align-items: center;
column-gap: 8px;
height: 54px;
background: #fff;
border-radius: 50px;
color: #17171b !important;
transition: .2s ease;
}
.uc-popup-grant .t702__form-bottom-text a:hover {
background: #f5f5f5;
}
.uc-popup-grant .t702__form-bottom-text a:before {
content: '';
width: 1.5em;
aspect-ratio: 1;
background: url(https://static.tildacdn.com/tild3738-3936-4437-b162-383836343233/Artboard.svg);
background-size: contain;
background-repeat: no-repeat;
}
/* end стилизация кнопки Телеграм */
@media (max-width: 639px) {
.uc-popup-grant .t-popup {
padding: 0 10px;
}
.uc-popup-grant .t-popup[style="display: block;"] {
display: flex !important;
flex-wrap: wrap;
align-items: center;
}
.uc-popup-grant .t-popup .t-popup__container {
flex-wrap: wrap;
min-height: fit-content;
/*padding: 0;*/
margin: 24px 0;
overflow: hidden;
}
.uc-popup-grant .t702 .t702__img {
border-radius: 10px;
}
.uc-popup-grant .t-popup .t-popup__container .t702__wrapper {
background: inherit;
-webkit-transform: none;
-o-transform: none;
transform: none;
padding: 24px 8px 8px;
}
.uc-popup-grant .t-popup__close {
/*top: 16px;*/
/*right: 16px !important;*/
left: auto;
padding: 0;
align-items: center;
justify-content: center;
zoom: 0.7;
}
.uc-popup-grant .t-popup__block-close-button {
margin-right: 0;
}
.uc-popup-grant .t702 .t-input-group {
margin-bottom: 8px;
}
.uc-popup-grant .t702 .t-input {
border-radius: 8px !important;
-moz-border-radius: 8px !important;
-webkit-border-radius: 8px !important;
}
.uc-popup-grant .t-input-group_cb div[data-customstyle='yes'] {
font-size: 12px !important;
}
}
</style> <script>
// переносим крестик внутрь попапа
document.addEventListener('DOMContentLoaded', function() {
$('.uc-popup-grant .t-popup').each(function() {
$(this).find('.t-popup__container').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <!-- <strong>▼ Форма для новой версии футера ▼</strong> --> <div id="rec1221022041" class="r t-rec t-rec_pt_0" style="padding-top:0px; " data-animationappear="off" data-record-type="121" data-alias-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- новая версия футера от 12.08.25 --> <footer> <div class="footer__wrap"> <div class="footer__navigation"> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">О школе</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://www.school-xyz.com/license">Лицензия</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/feedback">Отзывы студентов</a></li> <!--<li class="footer__list-link"><a href="https://school-xyz.com/raboty-studentov">Работы студентов</a></li>--> <!--<li class="footer__list-link"><a href="https://school-xyz.com/rassrochka">Рассрочка</a></li>--> <li class="footer__list-link"><a href="#popup:rec">Реквизиты</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/certificate">Подарочный сертификат</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/adminform">Оставить отзыв руководству</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/info-about-it-activities">Об IT деятельности</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/lms">Об обучающей платформе</a></li> <!--<li class="footer__list-link"><a href="https://school-xyz.com/career-xyz">Вакансии</a></li>--> <li class="footer__list-link"><a href="https://career-center.ultimate-education.ru" target="_blank">Карьерный центр</a></li> </ul> </nav> </div> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Направления</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://school-xyz.com/3d-modelirovanie">3D-моделирование</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/geymdizayn">Геймдизайн</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/2d-illyustraciya">2D-иллюстрация</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/programmirovanie">Программирование</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/menedzhement">Менеджмент</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/video-i-speceffekty">Видео и спецэффекты</a></li> <!--<li class="footer__list-link"><a href="https://www.school-xyz.com/courses/3ds-max">3ds Max: курсы и профессии</a></li>--> <li class="footer__list-link"><a href="https://school-xyz.com/courses">Все курсы</a></li> </ul> </nav> </div> <div class="footer__chapter-links-wrapper"> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Сотрудничество</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <!--<li class="footer__list-link"><a href="https://school-xyz.com/b2b">Корпоративное обучение</a></li>--> <li class="footer__list-link"><a href="https://school-xyz.com/we-are-looking-for-new-teachers">Вакансии для экспертов</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/partners">Партнёрская программа</a></li> </ul> </nav> </div> <div class="footer__chapter-links"> <div class="footer__chapter-links-heading">Проекты</div> <nav class="footer__chapter-links-wrap"> <ul class="footer__chapter-links-list"> <li class="footer__list-link"><a href="https://media-xyz.com/">XYZ Media</a></li> <li class="footer__list-link"><a href="https://school-xyz.com/mentorstvo-s-gamedev-magistrami">Менторство в геймдеве</a></li> <li class="footer__list-link"><a href="https://thecreativity.ru/plus">Креативити</a></li> </ul> </nav> </div> </div> <div class="footer__contacts-container"> <div class="footer__contacts-wrap"> <a href="tel:+74996474926" class="">+7 (499) 647-49-26</a> <a href="tel:+74993030408" class="">+7 (499) 303-04-08</a> <a href="mailto:hello@school-xyz.com" class="footer__contacts-email">hello@school-xyz.com</a> </div> <div class="footer__social-links"> <a href="https://artstation.com/xyzschool" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild6138-6134-4835-a431-326434353061/artstation.svg" class="artstation" alt="Иконка Artstation"> </a> <a href="https://vk.com/xyz_gamedev" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild3933-6261-4533-b566-626135393434/vk.svg" class="vk" alt="Иконка VK"> </a> <a href="https://youtube.com/channel/UCtJsE0SDhyS4ib2evb5k3gg/videos" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild6539-3932-4764-b961-663633393636/youtube.svg" class="youtube" alt="Иконка Youtube"> </a> <a href="https://t.me/xyz_cg" class="footer__social-icon"> <img src="https://static.tildacdn.com/tild3461-3738-4566-b931-323833326538/telegram.svg" class="telegram" alt="Иконка Telegram"> </a> </div> </div> </div> <div class="footer__other-info"> <div class="footer__other-info-left-side"> <p>©2026, XYZ</p> <div class="footer__awards"> <img src="" class="footer__runet-icon" alt="Иконка Рунет"> <a href="https://vk.com/wall-124560669_50286">Премия Рунета 2020, Игровая индустрия</a> </div> <div class="footer__awards"> <img src="" class="footer__skolkovo-icon" alt="Иконка Сколково"> <a href="https://navigator.sk.ru/?q=N4IgZiBcoC4IYHMDOB9GBPADgUyiA9gE4gC%2BANCEngLQC22tARtoSkgJYB2AxrhZlACMJIA">Участник Сколково</a> </div> </div> <div class="footer__legal-info"> <a href="https://www.school-xyz.com/sitemap">Карта сайта</a> <a href="https://school-xyz.com/info-about-educational-organization">Сведения об образовательной организации</a> <a href="https://school-xyz.com/privacy-policy">Обработка персональных данных</a> <a href="https://school-xyz.com/agreement">Оферта</a> <a href="#popup:sout">СОУТ</a> </div> </div> </div> </footer> <style>
:root {
font-family: 'BebasRoboto';
--color-bg: #17171b;
--color-text: #fff;
--color-text-opacity: rgba(255, 255, 255, 0.5);
--color-accent: #6060ff;
--color-border: #373742;
--color-bg-contacts: #2B2A37;
--color-bg-input: #212127;
--color-social-icon: var(--color-accent);
--color-bg-social-icon: #2B2B34;
--url-runet-icon: url(https://static.tildacdn.com/tild6136-3933-4465-b933-613637353637/runet-icon-dark.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3235-3332-4635-a537-396662353164/skolkovo-icon-dark.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild6663-3965-4735-b337-393062313665/arrow-down-dark.svg);
}
:root .light-theme {
--color-bg: #fff;
--color-text: #17171b;
--color-text-opacity: rgba(23, 23, 27, 0.4);
--color-border: #EDEDED;
--color-bg-contacts: #f5f5f5;
--color-bg-input: #fff;
--color-bg-social-icon: #fff;
--url-runet-icon: url(https://static.tildacdn.com/tild6133-3337-4530-b063-336537643538/runet-icon-light_1.svg);
--url-skolkovo-icon: url(https://static.tildacdn.com/tild3737-3331-4464-a437-613336636531/skolkovo-icon-light.svg);
--url-arrow-down: url(https://static.tildacdn.com/tild3737-3062-4562-b662-623536383335/arrow-down-light.svg);
}
.t123 footer {
position: relative;
background: var(--color-bg);
width: 100%;
will-change: transform;
-webkit-transform: translateZ(0);
padding-top: 112px;
}
.footer__wrap {
display: flex;
max-width: 1160px;
margin: 0 auto;
box-sizing: border-box;
flex-wrap: wrap;
column-gap: 16px;
}
.footer__navigation {
display: flex;
flex-wrap: wrap;
width: 100%;
column-gap: 16px;
padding-bottom: 64px;
margin-bottom: 40px;
border-bottom: 1px solid var(--color-border);
}
.footer__chapter-links-wrapper {
display: flex;
flex-direction: column;
row-gap: 32px;
}
.footer__chapter-links {
width: 278px;
flex-shrink: 0;
}
.footer__chapter-links:last-child {
flex-shrink: 1;
}
#allrecords .footer__chapter-links-list {
display: flex;
flex-direction: column;
row-gap: 8px;
list-style-type: none;
padding-top: 16px;
padding-left: 0;
margin-bottom: 0;
}
.footer__chapter-links-heading {
font-weight: 600;
font-size: 24px;
line-height: 130%;
color: var(--color-text);
}
.footer__list-link {
font-weight: 400;
font-size: 14px;
line-height: 160%;
}
#allrecords .footer__list-link a {
text-decoration: none;
transition: .2s ease;
color: var(--color-text);
}
#allrecords .footer__list-link a:hover {
color: var(--color-accent);
}
.footer__contacts-container {
display: flex;
align-items: flex-start;
flex-direction: column;
row-gap: 24px;
width: 278px;
box-sizing: border-box;
}
.footer__contacts-wrap {
display: flex;
flex-direction: column;
row-gap: 4px;
}
#allrecords .footer__contacts-wrap a {
font-weight: 600;
font-size: 24px;
line-height: 130%;
color: var(--color-text);
text-decoration: none;
transition: .2s ease;
}
#allrecords .footer__contacts-wrap a:hover {
color: var(--color-accent);
}
#allrecords a.footer__contacts-email {
font-weight: 400;
font-size: 18px;
line-height: 160%;
color: var(--color-accent);
transition: .2s ease;
}
#allrecords a.footer__contacts-email:hover {
color: var(--color-text);
}
.footer__social-links {
display: flex;
column-gap: 8px;
}
.footer__social-links a {
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
overflow: hidden;
transition: .2s ease;
}
.footer__social-icon:hover {
transform: translateY(-4px);
}
.footer__other-info {
display: flex;
justify-content: space-between;
column-gap: 24px;
padding-bottom: 40px;
width: 100%;
}
.footer__other-info-left-side {
display: flex;
align-items: center;
column-gap: 32px;
}
.footer__other-info p {
font-size: 12px;
line-height: 18px;
color: var(--color-text-opacity);
}
.footer__awards {
display: flex;
align-items: center;
column-gap: 10px;
max-width: 160px;
}
#allrecords .footer__awards a {
font-size: 12px;
line-height: 18px;
color: var(--color-text-opacity);
text-decoration: none;
}
.footer__runet-icon {
content: var(--url-runet-icon);
font-size: 10px;
}
.footer__skolkovo-icon {
content: var(--url-skolkovo-icon);
font-size: 10px;
}
.footer__skolkovo-icon + a {
width: min-content;
}
.footer__legal-info {
display: flex;
align-items: center;
column-gap: 16px;
}
#allrecords .footer__legal-info a {
font-size: 12px;
line-height: 18px;
color: var(--color-text-opacity);
text-decoration: none;
transition: .2s ease;
}
#allrecords .footer__legal-info a:hover {
color: var(--color-text);
}
@media screen and (max-width: 1199px) {
.t123 footer {
padding-top: 96px;
}
.footer__wrap {
max-width: 940px;
}
.footer__contacts-container {
width: fit-content;
}
.footer__navigation {
row-gap: 32px;
padding-bottom: 40px;
}
.footer__chapter-links-wrapper {
flex-direction: row;
column-gap: 16px;
order: 4;
}
.footer__chapter-links {
width: 304px;
}
.footer__other-info {
flex-direction: column;
row-gap: 16px;
}
.footer__other-info-left-side {
column-gap: 24px;
}
.footer__legal-info {
column-gap: 16px;
}
}
@media screen and (max-width: 959px) {
.t123 footer {
padding-top: 88px;
}
.footer__wrap {
max-width: 620px;
padding-top: 16px;
border-top: 1px solid var(--color-border);
}
.footer__navigation {
flex-direction: column;
row-gap: 16px;
width: 100%;
}
.footer__chapter-links {
width: 100%;
padding-bottom: 16px;
border-bottom: 1px solid var(--color-border);
}
.footer__chapter-links-wrapper {
order: 3;
flex-direction: column;
row-gap: 16px;
}
.footer__chapter-links-heading {
position: relative;
display: flex;
align-items: center;
will-change: transform;
}
.footer__chapter-links-heading::after {
content: ' ';
background-image: var(--url-arrow-down);
width: 24px;
height: 24px;
position: absolute;
right: 0;
transition: .4s ease;
}
.footer__chapter-links-heading.open::after {
transform: rotateX(180deg);
}
.footer__chapter-links-wrap {
display: none;
}
.footer__contacts-container {
width: 620px;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
height: fit-content;
row-gap: 32px;
padding-top: 24px;
order: 4;
}
.footer__other-info {
flex-wrap: wrap;
justify-content: flex-start;
}
.footer__other-info p {
order: 2;
}
.footer__awards {
order: 3;
}
.footer__legal-info {
flex-wrap: wrap;
order: 1;
max-width: 100%;
width: 100%;
column-gap: 24px;
row-gap: 8px;
}
}
@media screen and (max-width: 639px) {
.t123 footer {
padding-top: 72px;
}
.footer__wrap {
max-width: calc(100% - 24px);
}
.footer__chapter-links-heading {
font-size: 16px;
}
.footer__list-link {
font-size: 12px;
}
.footer__contacts-container {
width: 100%;
row-gap: 16px;
padding-top: 16px;
}
#allrecords .footer__contacts-wrap a {
font-size: 16px;
}
#allrecords a.footer__contacts-email {
font-size: 12px;
}
.footer__social-links {
width: fit-content;
}
.footer__navigation {
padding-bottom: 32px;
margin-bottom: 32px;
}
.footer__other-info {
row-gap: 24px;
justify-content: flex-start;
padding-bottom: 32px;
}
.footer__other-info p {
order: 3;
text-align: center;
font-size: 10px;
width: 100%;
}
.footer__other-info-left-side {
order: 2;
flex-wrap: wrap;
justify-content: flex-start;
row-gap: 16px;
}
.footer__awards {
order: 2;
margin-bottom: 8px;
max-width: 142px;
}
#allrecords .footer__awards a {
font-size: 10px;
}
.footer__legal-info {
align-items: flex-start;
}
#allrecords .footer__legal-info a {
font-size: 10px;
line-height: 16px;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
if (document.documentElement.clientWidth < 960) {
$('.footer__chapter-links-heading').click(function() {
$(this).siblings('.footer__chapter-links-wrap').slideToggle();
$(this).toggleClass('open');
});
}
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec958878116" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация новых чекбоксов от 15.04.25 --> <style>
.t-input-group.t-input-group_cb[data-field-name="privacy"], .t-input-group_cb:has(input[name="privacy"]) {
margin-bottom: 0 !important;
}
/* скрываем чекбокс у согласия с политикой и оффертой */
.t-input-group_cb[data-field-name="privacy"] :is(.t-checkbox, .t-checkbox__indicator),
.t-input-group_cb input[name="privacy"], .t-input-group_cb input[name="privacy"] + .t-checkbox__indicator {
display: none;
}
.t-input-group_cb[data-field-name="privacy"] .t-checkbox__labeltext,
.t-input-group_cb input[name="privacy"] ~ .t-checkbox__labeltext {
margin-left: 0;
}
.t-input-group_cb[data-field-name="privacy"], .t-input-group_cb .t-checkbox__control:has([name="privacy"]) {
pointer-events: none;
}
.t-input-group_cb[data-field-name="privacy"] a, .t-input-group_cb input[name="privacy"] ~ .t-checkbox__labeltext a {
pointer-events: auto;
}
.t-input-group.t-input-group_cb[data-field-name="check"], .t-input-group_cb:has(input[name="check"]) {
margin-top: 16px;
margin-bottom: 0 !important;
}
.t-input-group.t-input-group_cb[data-field-name="check"] .t-checkbox__control {
-ms-flex-align: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
</style> <!-- nominify end --> </div> </div> </div> </div> <!-- <strong>▼ Мини-футер ▼</strong> --> <div id="rec216668598" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec216668598 .t396__artboard {height:530px;}#rec216668598 .t396__filter {height:530px;}#rec216668598 .t396__carrier{height:530px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:522px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:490px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec216668598 .t396__artboard,#rec216668598 .t396__filter,#rec216668598 .t396__carrier {height:649px;}#rec216668598 .t396__filter {}#rec216668598 .t396__carrier {background-attachment:scroll;}}#rec216668598 .tn-elem[data-elem-id="1564645816905"]{z-index:3;top:0px;;left:0px;;width:760px;height:530px;}#rec216668598 .tn-elem[data-elem-id="1564645816905"] .tn-atom{border-radius:24px 24px 24px 24px;background-color:#17171b;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1564645816905"]{top:0px;;left:0px;;width:620px;height:522px;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1564645816905"]{top:0px;;left:0px;;width:620px;height:490px;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1564645816905"]{top:0px;;left:0px;;width:300px;height:649px;border-radius:16px 16px 16px 16px;}#rec216668598 .tn-elem[data-elem-id="1564645816905"] .tn-atom{background-size:cover;border-radius:16px 16px 16px 16px;}}#rec216668598 .tn-elem[data-elem-id="1596205809432"]{color:#ffffff;z-index:4;top:144px;;left:40px;;width:310px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596205809432"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1596205809432"]{top:136px;;left:40px;;width:300px;height:auto;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1596205809432"]{top:112px;;left:32px;;width:260px;height:auto;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1596205809432"]{top:80px;;left:16px;;width:230px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596205809432"] .tn-atom{font-size:12px;background-size:cover;}}#rec216668598 .tn-elem[data-elem-id="1596206009249"]{color:#ffffff;z-index:5;top:144px;;left:350px;;width:280px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206009249"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1596206009249"]{top:136px;;left:340px;;width:188px;height:auto;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1596206009249"]{top:112px;;left:322px;;width:260px;height:auto;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1596206009249"]{top:324px;;left:16px;;width:240px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206009249"] .tn-atom{font-size:12px;background-size:cover;}}#rec216668598 .tn-elem[data-elem-id="1596206049927"]{color:#ffffff;z-index:6;top:40px;;left:40px;;width:418px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:80px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1;font-weight:500;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1596206049927"]{top:40px;;left:40px;;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:72px;background-size:cover;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1596206049927"]{top:32px;;left:32px;;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:56px;background-size:cover;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1596206049927"]{top:24px;;left:16px;;width:202px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1596206049927"] .tn-atom{font-size:40px;background-size:cover;}}#rec216668598 .tn-elem[data-elem-id="1607933466856"]{color:#ffffff;z-index:7;top:424px;;left:40px;;width:440px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1607933466856"] .tn-atom{vertical-align:middle;color:#ffffff;font-size:14px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-width:var(--t396-borderwidth,0);border-style:var(--t396-borderstyle,solid);border-color:var(--t396-bordercolor,transparent);transition:background-color var(--t396-speedhover,0s) ease-in-out,color var(--t396-speedhover,0s) ease-in-out,border-color var(--t396-speedhover,0s) ease-in-out,box-shadow var(--t396-shadowshoverspeed,0.2s) ease-in-out;text-shadow:var(--t396-shadow-text-x,0px) var(--t396-shadow-text-y,0px) var(--t396-shadow-text-blur,0px) rgba(var(--t396-shadow-text-color),var(--t396-shadow-text-opacity,100%));}@media screen and (max-width:1199px){#rec216668598 .tn-elem[data-elem-id="1607933466856"]{top:416px;;left:40px;;width:434px;height:auto;}}@media screen and (max-width:959px){#rec216668598 .tn-elem[data-elem-id="1607933466856"]{top:392px;;left:32px;;height:auto;}}@media screen and (max-width:639px){#rec216668598 .tn-elem[data-elem-id="1607933466856"]{top:549px;;left:16px;;width:268px;height:auto;}#rec216668598 .tn-elem[data-elem-id="1607933466856"] .tn-atom{vertical-align:middle;white-space:normal;font-size:12px;background-size:cover;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="216668598" data-artboard-screens="320,640,960,1200" data-artboard-height="530" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-heightmode="hug" data-artboard-height-res-320="649" data-artboard-height-res-640="490" data-artboard-height-res-960="522"> <div class="t396__carrier" data-artboard-recid="216668598"></div> <div class="t396__filter" data-artboard-recid="216668598"></div> <div class='t396__elem tn-elem requisites-bg tn-elem__2166685981564645816905' data-elem-id='1564645816905' data-elem-type='shape' data-field-top-value="0" data-field-left-value="0" data-field-height-value="530" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-heightmode-value="fixed" data-field-top-res-320-value="0" data-field-left-res-320-value="0" data-field-height-res-320-value="649" data-field-width-res-320-value="300" data-field-widthmode-res-320-value="fixed" data-field-heightmode-res-320-value="fixed" data-field-top-res-640-value="0" data-field-left-res-640-value="0" data-field-height-res-640-value="490" data-field-width-res-640-value="620" data-field-axisx-res-640-value="left" data-field-heightmode-res-640-value="fixed" data-field-top-res-960-value="0" data-field-left-res-960-value="0" data-field-height-res-960-value="522" data-field-width-res-960-value="620" data-field-heightmode-res-960-value="fixed"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596205809432' data-elem-id='1596205809432' data-elem-type='text' data-field-top-value="144" data-field-left-value="40" data-field-height-value="264" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="14" data-field-top-res-320-value="80" data-field-left-res-320-value="16" data-field-width-res-320-value="230" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="112" data-field-left-res-640-value="32" data-field-width-res-640-value="260" data-field-top-res-960-value="136" data-field-left-res-960-value="40" data-field-width-res-960-value="300"> <div class='tn-atom'field='tn_text_1596205809432'><span style="color: rgb(115, 115, 115);">Наименование</span><br>ООО "ИКС ВАЙ ЗЕТ НЕТВОРК" <br><br><span style="color: rgb(115, 115, 115);">ИНН</span><br>9705150153 <br><br><span style="color: rgb(115, 115, 115);">КПП</span> <br>770501001 <br><br><span style="color: rgb(115, 115, 115);">Счёт (₽) </span><br>40702810902500083750<br>1207700448361 ОГРН</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596206009249' data-elem-id='1596206009249' data-elem-type='text' data-field-top-value="144" data-field-left-value="350" data-field-height-value="242" data-field-width-value="280" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="14" data-field-top-res-320-value="324" data-field-left-res-320-value="16" data-field-width-res-320-value="240" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="112" data-field-left-res-640-value="322" data-field-width-res-640-value="260" data-field-top-res-960-value="136" data-field-left-res-960-value="340" data-field-width-res-960-value="188"> <div class='tn-atom'field='tn_text_1596206009249'><span style="color: rgb(115, 115, 115);">Банк получателя</span><br> "ООО "Банк Точка" "<br><br><span style="color: rgb(115, 115, 115);">Город </span><br>Москва<br><br><span style="color: rgb(115, 115, 115);">БИК </span><br>044525104<br><br><span style="color: rgb(115, 115, 115);">Корр. счёт </span><br>30101810745374525104</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981596206049927' data-elem-id='1596206049927' data-elem-type='text' data-field-top-value="40" data-field-left-value="40" data-field-height-value="140" data-field-width-value="418" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="80" data-field-top-res-320-value="24" data-field-left-res-320-value="16" data-field-width-res-320-value="202" data-field-fontsize-res-320-value="40" data-field-top-res-640-value="32" data-field-left-res-640-value="32" data-field-fontsize-res-640-value="56" data-field-top-res-960-value="40" data-field-left-res-960-value="40" data-field-fontsize-res-960-value="72"> <div class='tn-atom'field='tn_text_1596206049927'>РЕКВИЗИТЫ</div> </div> <div class='t396__elem tn-elem tn-elem__2166685981607933466856' data-elem-id='1607933466856' data-elem-type='text' data-field-top-value="424" data-field-left-value="40" data-field-height-value="66" data-field-width-value="440" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="px" data-field-widthunits-value="px" data-field-textfit-value="autoheight" data-field-fontsize-value="14" data-field-top-res-320-value="549" data-field-left-res-320-value="16" data-field-width-res-320-value="268" data-field-heightunits-res-320-value="px" data-field-textfit-res-320-value="autoheight" data-field-widthmode-res-320-value="fixed" data-field-fontsize-res-320-value="12" data-field-top-res-640-value="392" data-field-left-res-640-value="32" data-field-top-res-960-value="416" data-field-left-res-960-value="40" data-field-width-res-960-value="434"> <div class='tn-atom'field='tn_text_1607933466856'><span style="color: rgb(115, 115, 115);">Юридический адрес</span><br>115184, г. Москва, вн.тер.г. муниципальный округ Замоскворечье, ул Бахрушина, д. 10, стр. 2</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('216668598');});});</script> <!-- /T396 --> </div> <div id="rec216668599" class="r t-rec uc-requisites" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:rec"
role="dialog"
aria-modal="true"
tabindex="-1"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#fff" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_8"> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec216668599');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('216668599');});});</script> </div> <div id="rec216668601" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация попапа Реквизиты --> <style>
.shirina {
background: none !important;
right: 0 !important;
left: 0 !important;
}
.parpadding {
padding: 0 !important;
}
:is(.uc-requisites, .t390, .t331) .t-popup__close {
top: 24px;
right: 24px !important;
width: 44px;
height: 44px;
background: rgb(255 255 255 / 20%);
border-radius: 30px;
zoom: 0.8;
}
.t-popup__block-close-button {
width: 18px;
padding: 13px;
}
.t-popup__close-icon {
display: block;
width: 18px;
height: 18px;
}
@media (max-width: 639px) {
.uc-requisites .t-popup {
background: rgb(0 0 0 / 40%);
}
.uc-requisites .t-popup__container.t-popup__container-static {
margin: 24px auto;
}
:is(.uc-requisites, .t390) .t-popup__close {
position: absolute;
top: 16px;
right: 16px !important;
}
}
</style> <script>
document.addEventListener('DOMContentLoaded', function() {
var ZeroPopID = '#rec216668598'; //Прописываем ID Zero
var PopWindID = '#rec216668599'; //Прописываем ID PopUp окна BF503
//Переносим ZeroBlock в POPup + Добавляем новый клас в POPup
$(PopWindID + " .t-popup__container").addClass("shirina").html($(ZeroPopID));
$(PopWindID + " .t-popup__container").parent(".t-popup").addClass("parpadding");
// перемещаем крестик внутрь попапа
$('.uc-requisites').each(function() {
$(this).find('.requisites-bg').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec577164264" class="r t-rec uc-license-popup" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:license"
role="dialog"
aria-modal="true"
tabindex="-1"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#17171b" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_6"> <div class="t390__wrapper t-align_center"> <div class="t390__descr t-descr t-descr_xs">Лицензия на образовательную деятельность рег. номер <span style="font-weight: 700;">Л035−1 298−77/179 677</span> от 22 февраля 2022</div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec577164264');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('577164264');});});</script> <style> #rec577164264 .t390__descr{color:#17171b;}</style> </div> <div id="rec586447967" class="r t-rec uc-license-popup" style=" " data-record-type="390"> <div class="t390"> <div
class="t-popup" data-tooltip-hook="#popup:sout"
role="dialog"
aria-modal="true"
tabindex="-1"
aria-label="Результаты СОУТ"> <div class="t-popup__close t-popup__block-close"> <button
type="button"
class="t-popup__close-wrapper t-popup__block-close-button"
aria-label="Закрыть диалоговое окно"> <svg role="presentation" class="t-popup__close-icon" width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="#17171b" fill-rule="evenodd"> <rect transform="translate(11.313708, 11.313708) rotate(-45.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> <rect transform="translate(11.313708, 11.313708) rotate(-315.000000) translate(-11.313708, -11.313708) " x="10.3137085" y="-3.6862915" width="2" height="30"></rect> </g> </svg> </button> </div> <div class="t-popup__container t-width t-width_8"> <div class="t390__wrapper t-align_left"> <div class="t390__title t-heading t-heading_lg" id="popuptitle_586447967">Результаты СОУТ</div> <div class="t390__descr t-descr t-descr_xs">В декабре 2022 года в соответствии с действующим законодательством Российской Федерации в ООО «ИКС ВАЙ ЗЕТ НЕТВОРК» была проведена специальная оценка условий труда.<br /><br />С учётом требований законодательства Российской Федерации о персональных данных и законодательства Российской Федерации о государственной и об иной охраняемой законом тайне публикуем:<br /><ul><li style="color: rgb(23, 23, 27);"><a href="https://drive.google.com/file/d/1Hf0P73TIs0gn8ZB2SeQOeCdK0y1RaYP_/view" target="_blank" rel="noreferrer noopener" style="color: rgb(23, 23, 27); border-bottom: 1px solid rgb(23, 23, 27); box-shadow: none; text-decoration: none;">сводную ведомость специальной оценки условий труда</a></li><li><a href="https://drive.google.com/file/d/1msPYwdLZh2h88eb6Jrz-xDyERfamTmQc/view" target="_blank" rel="noreferrer noopener" style="color: rgb(23, 23, 27); border-bottom: 1px solid rgb(23, 23, 27); box-shadow: none; text-decoration: none;">перечень мероприятий по улучшению условий и охраны труда работников</a>, на рабочих местах которых проводилась специальная оценка условий труда.</li></ul></div> </div> </div> </div> </div> <script type="text/javascript">t_onReady(function(){var rec=document.querySelector('#rec586447967');if(!rec) return;rec.setAttribute('data-animationappear','off');rec.style.opacity=1;t_onFuncLoad('t390_initPopup',function() {t390_initPopup('586447967');});});</script> <style> #rec586447967 .t390__title{color:#17171b;font-weight:500;text-transform:uppercase;}@media screen and (min-width:900px){#rec586447967 .t390__title{font-size:60px;line-height:1;}}#rec586447967 .t390__descr{font-size:14px;line-height:1.6;color:#17171b;}</style> </div> <div id="rec577164294" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация попапа с лицензией и СОУТ --> <style>
.uc-license-popup .t-popup__container {
border-radius: 20px;
}
.uc-license-popup .t-popup__close {
zoom: 0.8;
background: #F0F0F0;
border-radius: 30px;
width: 44px;
height: 44px;
}
.uc-license-popup .t-popup__block-close-button {
width: 18px;
padding: 13px;
}
.uc-license-popup .t-popup__close-icon {
display: block;
width: 18px;
height: 18px;
}
@media screen and (max-width: 1199px) {
.uc-license-popup .t390__title {
font-size: 52px !important;
}
}
@media screen and (max-width: 959px) {
.uc-license-popup .t390__title {
font-size: 48px !important;
}
}
@media screen and (max-width: 639px) {
.uc-license-popup .t-popup__close {
zoom: 0.6;
top: 16px;
right: 16px;
}
.uc-license-popup .t390__wrapper {
padding: 32px 40px;
}
.uc-license-popup .t390__title {
font-size: 28px !important;
}
.uc-license-popup .t390__descr {
font-size: 10px !important;
}
}
</style> <script>
// переносим крестик внутрь попапа
document.addEventListener('DOMContentLoaded', function() {
$('.uc-license-popup .t-popup').each(function() {
$(this).find('.t-popup__container').prepend($(this).find('.t-popup__close'));
});
});
</script> <!-- nominify end --> </div> </div> </div> </div> <div id="rec602614066" class="r t-rec" style=" " data-animationappear="off" data-record-type="886"> <!-- T886 --> <div class="t886 t886_closed" data-storage-item="t886cookiename_1006203" style=""> <div class="t886__wrapper" style="background-color:#ffffff; width:740px;"> <div class="t886__text t-text t-text_xs t-valign_middle" field="text">Пользуясь нашим сайтом, ты соглашаешься с тем, что мы <u style="color: rgb(128, 128, 255);"><a href="https://www.school-xyz.com/privacy-policy" style="box-shadow: none; text-decoration: none; border-bottom-style: solid; border-bottom-color: rgb(128, 128, 255); color: rgb(128, 128, 255);">используем cookies</a></u>.</div> <div
class="t-btn t-btnflex t-btnflex_type_button t-btnflex_sm t886__btn"
type="button"><span class="t-btnflex__text">Принять</span> <style>#rec602614066 .t-btnflex.t-btnflex_type_button {color:#ffffff;background-color:#6060ff;border-style:solid !important;border-color:#6060ff !important;--border-width:1px;border-radius:50px;box-shadow:none !important;font-weight:400;padding:9px 24px 9px 24px;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}@media (hover:hover) {#rec602614066 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover {color:#ffffff !important;background-color:#6060ff !important;}#rec602614066 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible {color:#ffffff !important;background-color:#6060ff !important;}}</style></div> </div> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t886_init',function() {t886_init('602614066');});});</script> <style>#rec602614066 .t886__text{text-align:left;}</style> <style> #rec602614066 .t886__text{line-height:1.6;color:#17171b;}</style> <style>#rec602614066 .t886__wrapper {box-shadow:0px 0px 4px rgba(0,0,0,0.1);}</style> <style> #rec602614066 .t886__wrapper{border-radius:16px;}@media (max-width:480px){#rec602614066 .t886__wrapper{border-radius:8px;}}</style> </div> <div id="rec602637647" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- стилизация виджета cookie --> <style>
.t886 {
width: 100%;
z-index: 1000000001;
transition: .3s ease;
}
.t-body.show-promobar:not(.hide-promobar) .t886 {
bottom: calc(var(--dynamic-bottom) + 20px) !important;
}
.t886__wrapper {
display: flex;
padding: 12px 24px;
margin: 0 auto;
gap: 16px;
}
.t886__text {
font-size: 14px;
padding-right: 0 !important;
}
.t886__btn {
font-size: 14px;
line-height: 1.6;
}
@media screen and (max-width: 980px) {
.t886 {
width: calc(100% - 20px) !important;
left: 10px !important;
bottom: unset !important;
top: 14px !important;
}
.t886__wrapper {
border-radius: 8px !important;
padding: 8px 16px;
gap: 20px;
}
}
@media (max-width: 639px) {
.t886__text {
font-size: 10px;
}
}
</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec368502560" class="r t-rec" style=" " data-animationappear="off" data-record-type="131"> <!-- T123 --> <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 "> <!-- nominify begin --> <!-- плагин интеграции amo crm -> yandex metrika --> <script type="text/javascript">
(function(){
var ya_counter_id = '65640406';
var ya_client_id = '';
var setYaClientId = function (){
var intervalYaClientId = setInterval(function(){
try {
if (typeof window['yaCounter'+ya_counter_id] !== "undefined" && typeof window['yaCounter'+ya_counter_id].getClientID !== "undefined") {
ya_client_id = window['yaCounter'+ya_counter_id].getClientID();
if (!ya_client_id)
return;
var forms = document.getElementsByTagName("form");
for (var i = 0; i < forms.length; i++) {
var input = document.createElement("INPUT");
input.type = "hidden";
input.name = "YMClientID";
input.value = ya_client_id;
forms[i].appendChild(input);
}
clearInterval(intervalYaClientId);
}
} catch(err) {
}
}, 1000);
};
setYaClientId();
})();
</script> <!-- nominify end --> </div> </div> </div> </div> </footer> <!--/footer--> </div> <!--/allrecords--> <!-- Stat --> <!-- Yandex.Metrika counter 65640406 --> <script type="text/javascript" data-tilda-cookie-type="analytics">setTimeout(function(){(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})(window,document,"script","https://mc.yandex.ru/metrika/tag.js","ym");window.mainMetrikaId='65640406';ym(window.mainMetrikaId,"init",{clickmap:true,trackLinks:true,accurateTrackBounce:true,webvisor:true,params:{__ym:{"ymCms":{"cms":"tilda","cmsVersion":"1.0"}}},ecommerce:"dataLayer"});},2000);</script> <noscript><div><img src="https://mc.yandex.ru/watch/65640406" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';}
window.tildastatscroll='yes';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'46f1ce95aad41ac8b0d98605c4e04383','script','https://static.tildacdn.com/js/tilda-stat-1.0.min.js');},2000);</script> <!-- Rating Mail.ru counter --> <script type="text/javascript" data-tilda-cookie-type="analytics">setTimeout(function(){var _tmr=window._tmr||(window._tmr=[]);_tmr.push({id:"3737289",type:"pageView",start:(new Date()).getTime()});window.mainMailruId='3737289';(function(d,w,id) {if(d.getElementById(id)) {return;}
var ts=d.createElement("script");ts.type="text/javascript";ts.async=true;ts.id=id;ts.src="https://top-fwz1.mail.ru/js/code.js";var f=function() {var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(ts,s);};if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,"topmailru-code");},2000);</script> <noscript><img src="https://top-fwz1.mail.ru/counter?id=3737289;js=na" style="border:0;position:absolute;left:-9999px;width:1px;height:1px" alt="Top.Mail.Ru" /></noscript> <!-- //Rating Mail.ru counter --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KTCCH4H" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </body> </html>