Анонс курса по процедурным текстурам от XYZ School
Научим самой востребованной технике текстурирования — не вручную, а при помощи алгоритмов.
Зарегистрироваться на курс: School-xyz.com/texture
Коротко о Процедурном трипе
На курсе ты:
- Научишься создавать процедурные текстуры в Substance Designer
- Изучишь все этапы работы в Substance Painter
- Узнаешь, как подавать модели для портфолио в Marmoset
- Изучишь основы экспорта и настройки материалов в Unreal Engine
- Затекстуришь четыре готовых ассета
- Самостоятельно создашь из нод минимум пять процедурных материалов
- Получишь доступ к видеоурокам с описанием и применением нескольких десятков самых нужных нод в Substance Designer
Программа рассчитана на 4 месяца обучения. Присоединяйся!
Зарегистрироваться на курс: School-xyz.com/texture
Что такое процедурные текстуры?
Текстурирование — это важный этап создания 3D-модели, в ходе которого ты создаёшь материалы и «раскрашиваешь» модель, придавая ей законченный вид.
Существует несколько подходов к созданию текстур:
- Использование фототекстур и сканов.
- Традиционный — когда ты создаёшь текстуру с нуля, используя скульптинг, или рисуешь вручную в фотошопе.
- Процедурный — текстура создаётся с нуля при помощи последовательности различных эффектов и операций.
Главное преимущество процедурных текстур в том, что затекстурить такой же объём в таком качестве другим традиционным способом просто невозможно. Разве что можно заставить текстурить население целой страны.
По сути, у современных 3D-художников нет выбора: если хочешь текстурировать, придётся работать с процедурными текстурами. Также можно использовать сканы, но их тоже процедурно обрабатывают — например, в Substance Designer.
На этом курсе ты научишься создавать сочные и выразительные процедурные текстуры и настраивать их до мельчайших деталей. Например, вот так:
Знания которые ты получишь на курсе, пригодятся при текстурировании игровых уровней, окружения и различных игровых ассетов — оружия, элементов одежды и пропсов.
Чему ты научишься
За 4 месяца ты получишь все необходимые знания, чтобы в дальнейшем развивать навыки текстурирования самостоятельно.
На курсе ты изучишь технические моменты (кнопки и функции программ), теорию (два пайплайна, теорию PBR и многое другое), а также художественную составляющую работы с текстурами. А ещё самостоятельно создашь несколько процедурных материалов.
Плохие текстуры могут испортить даже лучшую 3D модель. Из-за них она может стать «деревянной» и нереалистичной.
Чтобы такого не произошло с тобой, мы научим тебя всем необходимым навыкам. Ты узнаешь:
— Что такое PBR и как работать по Metallic/Roughness и Specular/Gloss пайплайнам.
— Как работать с дополнительными текстурными картами (Objects Space Normal, World Space Normal, Position Map, Curvature Map, Color ID, Thickness Map).
— Как работают баланс, масштаб, акценты, пропорции, storytelling, и многое другое.
— Зачем нужны процедурные текстуры и как их создавать.
— Как экспортировать процедурные текстуры в игровой движок так, чтобы внутри движка можно было менять их настройки.
Изменяем настройки материала прямо внутри движка Unreal Engine 4
Для кого этот курс?
Курс подойдёт как новичкам, так и опытным художникам, которые хотят освоить новый навык. Уметь моделить необязательно. На курсе ты получишь несколько полностью готовых к текстурированию ассетов, с помощью которых сможешь пройти всю программу.
Вот один из таких ассетов. Модель и текстуры — Антона Агеева, автора курса.
Если хочешь попрактиковаться на своих моделях — это тоже возможно.
У нас гибкая программа менторства и мы даём студентам свободу творчества.
Если ты не умеешь и не планируешь учиться моделить — этот курс тебе тоже подойдёт. Знания, которые ты на нём получишь, можно применять в играх, кино, архитектурной визуализации, VR и многих других сферах.
Формат курса
Курс состоит из коротких записанных видеоуроков, но и помимо них будет много интересного.
— Получишь доступ к отдельному каналу в Discord по текстурам, где познакомишься с единомышленниками.
— Примешь участие в еженедельных стримах и получишь доступ ко всем урокам по текстурам на нашей платформе.
— Программа менторства рассчитана на 4 месяца обучения, а доступ к материалам не ограничен по времени. Ты сможешь проходить курс самостоятельно даже после его завершения.
— Программа будет расширяться во время и после проведения курса, поэтому даже спустя год ты найдёшь много дополнительного контента.
Готов погрузиться в мир текстурирования?
Тогда давай начнём!
Зарегистрироваться на сайте:
School-xyz.com/texture
Давай знакомиться
Меня зовут Антон Агеев, Я работаю 3D-художником уже больше 10 лет.
Начал карьеру в анимационной студии, где работал над сериалом и полнометражным фильмом «Смешарики. Начало». Затем в 2011 году переключился на геймдев.
Первый опыт в игровой индустрии я получил в Nival, — работал над третьим «Блицкригом». Затем занимался аутсорсом, в том числе для World of Tanks, и работал над мобильными играми в компаниях Crazy Panda, Game Insight и Playrix.
В этом видео я рассказываю о себе более подробно:
Как устроены процедурные текстуры
Различные паттерны, генераторы, шумы и фильтры позволяют создать бесконечное количество материалов, которые иногда сложно отличить от фотографии.
Пример одного из процедурных материалов, созданный в Substance Designer
Особенности процедурных текстур
Недеструктивный пайплайн.
Это значит что ты можешь вносить изменения в текстуру на любом этапе работы без переделок.
Динамическое разрешение.
Процедурные текстуры могут увеличивать разрешение автоматически без потери качества.
Кастомизация.
С помощью системы параметров ты можешь управлять внешним видом текстур в режиме реального времени, настраивая их до мельчайших деталей.
Это позволяет получить неограниченное количество вариаций одного и того же материала.
Например, у процедурной текстуры деревянной вагонки, благодаря настроенным параметрам, можно изменить расстояние между досками, размер и форму сколов и трещин или цвет краски.
Процедурные материалы, сделанные в Designer, можно использовать в Substance Painter с теми же же параметрами и настройками:
Как процедурные текстуры сэкономят твоё время
Создание первых материалов занимает время, однако по мере того, как твоя библиотека текстур будет пополняться, скорость работы будет увеличиваться.
В процедурке работает правило — чем больше ты работаешь, тем меньше ты работаешь, ведь благодаря гибкой системе нод можно по несколько раз использовать различные элементы, настраивая их по разному, вместо того что бы создавать с нуля.
К примеру, один раз сделав процедурные трещины на камне, можно использовать их для таких материалов как кирпич, бетон, камень, известь и многие другие.
Трещины на кирпиче и на цементе - один и тот же элемент, перенесённый с одного материала на другой.
Как применяют процедурку на больших проектах
Использование процедурных текстур на больших проектах сильно ускоряет производство, так как позволяет быстро получить большую библиотеку материалов, автоматизируя процесс.
Многие крупные студии создают собственные библиотеки с различными материалами металла, дерева, пластика, камня и прочего, которые постоянно дополняются и улучшаются.
Вот пример одной из вакансий в крупной студии. Умение работать в Substance Painter, — большой плюс к твоему резюме.
Пример одной из вакансий, найденной на просторах интернета
Именно созданию процедурных текстур будет посвящено несколько больших и важных блоков моего курса.
Процедурные текстуры на реальном примере
При создании смарт-материалов в Substance Painter часто смешивают несколько материалов таким образом, чтобы можно было имитировать процесс старения, стирая один слой за другим.
К примеру, возьмём материал старого крашеного металла.
При увеличении степени повреждений слои, из которых он состоит, сходят один за другим в определённой последовательности.
Сначала краска, потом грунтовка, и наконец, за слоем ржавчины открывается металл.
В этом материале я расскажу, как создать генератор, который будет управлять всеми этими слоями одновременно.
Урок будет состоять из двух частей.
Сначала мы соберём ноду в Substance Designer, а потом я покажу, как можно эффективно использовать её в Substance Painter.
Шаг 1: Создаём процедурную ноду в Substance Designer
Для демонстрации работы генератора используем процедурную текстуру Clouds 2, однако впоследствии её можно будет заменить любой другой.
Основная идея довольно проста.
С помощью ноды Histogram Scan мы можем увеливать контраст любой чёрно-белой текстуры до тех пор, пока её края не станут максимально жёсткими, а затем с помощью контроллера Position сужать и расширять края получившейся маски.
Теперь, если с дублировать эту ноду и изменить параметр Position, края маски будут сужаться и расширяться таким же образом, как и в предыдущей ноде, так как они используют одинаковую текстуру.
Дублируем ноду ещё раз, чтобы в итоге получить три маски:
Теперь, чтобы было проще визуализировать то что у нас происходит, создаём ноду RGBA Merge и подсоединяем каждую из этих масок в отдельный канал:
Это временная нода, которая нужна просто для быстрой визуализации работы маски. Впоследствии мы её удалим.
Итак, у нас есть три контроллера, каждый из которых управляет своей маской, её радиусом, а также её жесткостью.
Теперь нужно создать ноду, в которой будет глобальный параметр, который управляет позицией каждой маски одновременно.
Для этого подключаем текстуру Cloud 2 в ноду "Histogram Scan" и выставляем значение Position на 0,5, что соответствует оригиналу.
Теперь, если начать изменять параметр Position в новой ноде, будет видно, как края всех трёх масок расширяются одновременно.
Это происходит потому, что изменяется вся входящая текстура целиком.
Теперь мы можем контролировать радиус всех масок одновременно и по отдельности.
Еще один дополнительный параметр, который мне хотелось бы контролировать — это плавность линий.
Не жёсткость, которую можно контролировать контрастностью, а именно плавность линий. То есть, насколько у маски острые углы и насколько часто и резко заворачивается контур.
Для того, чтобы это контролировать, используем ноду Blur HQ, которая также влияет на всю входящую текстуру целиком.
Генератор масок готов, теперь необходимо объединить эти маски в одну черно-белую текстуру так, чтобы впоследствии их можно было разделить в Substance Painter.
Для каждой маски создаём ноду Blend и добавляем одну маску поверх другой, начиная с чёрного фона, с помощью бленда Add.
Маски у меня три, поэтому для того, чтобы значение яркости верхней равнялось единице, а остальные распределялись между нулём (то есть чёрным фоном) и единицей в равных диапазонах, значение прозрачности у каждой ноды Blend должно быть 0.34.
0.34 — это значение Opacity.
В результате получаем вот такую картину:
Теперь, используя эффект Levels, можно выхватывать любой из трёх радиусов. Во второй части более подробно объясню, как это сделать.
Шаг 2: Использование генератора в Substance Painter
Начнём со слоёв. Для демонстрации я буду использовать простые материалы, не особо заморачиваясь с их настройкой.
Возьмём четыре материала: краску, ржавую краску, ржавчину и металл.
Каждый материал на своём слое, у каждого своя маска.
Слои сортированы в обратном порядке. На самом верху нижний, в самом низу верхний.
Следующим шагом необходимо создать слой в самом низу стэка, для того, чтобы разместить на нём маску.
Все каналы у этого слоя можно отключить, так как этот слой нужен только как держатель маски.
После этого создаём на слое чёрную маску, применяем к ней эффект Fill и закидываем в него маску из библиотеки и обзываем, к примеру, MASK LAYERING.
Сверху сразу вешаю якорь для того, чтобы можно перетаскивать маску на другие слои.
Для того, чтобы маска заработала, ей нужен input.
Начнём с привычного «Clouds 2».
Теперь нужно раздать маски из пустого слоя наверх, каждую на соответствующий слой.
Для этого на маске каждого слоя создаём эффект Fill и кладём в него информацию из нижнего якоря Layering Mask.
С помощью встроенного в якорь редактора Levels мы можем настроить правильные диапазоны яркости для каждой маски.
Разница между соседними масками в яркости - 0,34. Так что в конечном счете настройки будут такими:
Итак, сетап настроен. У нас есть три маски и один контроллер, который управляет всеми тремя:
Ключевое преимущество ноды
Справедливости ради, такой сетап масок возможно создать в Substance Painter и без дизайнера, но тогда все настройки масок были бы на разных слоях.
Получившаяся нода собирает все настройки в одном месте. Это удобно, особенно когда слоев становится много и приходится постоянно переключаться между ними, вспоминая где какая маска.
Больше кастомизации
Теперь, что если мы хотим использовать более сложную текстуру в качестве инпута для эффекта? Возможно, мы захотим добавить к маске генератор, который будет учитывать топологию модели, создавая маску повреждений на углах.
Для этого можно собрать её в том же пустом слое, под MASK LAYERING, и потом добавить в инпут генератора с помощью якоря (Anchor Point).
В данном случае мы сделали быструю маску из карты Curvature и двух текстур Clouds 2 с разными настройками.
Настраивая маску, не трогаем настройки контрастности, так как контраст выкручивается отдельно, в Mask Layering:
После этого можно немного поработать с настройками текстуры и эффекта Mask Layering.
Финальный результат с настроенными материалами:
Материал краски сделан в Substance Designer и является частью курса.
Итоги
Многие боятся подходить к изучению Substance Designer, потому что думают что это слишком сложная техническая программа на изучение которой нужно много времени.
В действительности же он довольно проста, и для того, чтобы получить первые бонусы от её использования, тебе не обязательно быть супер-профи.
Ты можешь использовать Designer для работы с Normal Map, или для обработки сканов, созданию различных масок, фильтров, генераторов для Substance Painter, или комплексных процедурных материалов. Что-то одно или всё вместе, решать тебе.
Сама по себе нода, которую мы сделали, довольно простая.
Весь процесс её создания занял у меня около 30 минут, но она cэкономит много времени впоследствии, и с её помощью очень удобно смешивать несколько материалов между собой.
Если ты новичок и ничего не понял — ничего страшного.
Ты во всём разберёшься в процессе обучения и научишься создавать процедурные текстуры и материалы разной сложности, даже если раньше ни разу не открывал Substance Designer.
Работа студента Clement_kas (Саша)
Работа студентки Vasilina Sirotina
Работа студентки Vasilina Sirotina
Работа студента SeekerLight (Гена)
Работа студента SeekerLight (Гена)
Работа студента Slava_A (Слава Алькин)
Работа студента vladunna (Влад)
Работа студента Alexey Ivanchenko
Программа курса
1. Теория
В этом разделе ты найдешь много теоретической информации которая поможет тебе не совершать ошибок в работе.
Ты узнаешь:
— Что такое PBR текстуры, в чём их особенность, и как работают Metallic\Roughness и Specular\Gloss пайплайны.
— Откуда берутся такие текстурные карты как Curvature, World Space Normal, Position Map, Color ID и зачем они нужны.
— Как подбирается разрешение текстур для различных проектов.
— Какие существуют приёмы маппинга модели и упаковки текстур.
2. Substance Painter
На мой взгляд, Substance Painter — лидер на рынке программ для текстурирования, и каждое новое обновление лишь закрепляет этот статус.
В этом разделе ты найдёшь:
— Видеоуроки по интерфейсу и инструментам программы, а также по основным принципам работы для новичков. Все видео я постарался записать так, чтобы максимально быстро перейти от скучных кнопок к увлекательной практике.
— Практические задания по созданию смарт-материалов.
— Практические задания по текстурированию ассетов.
Примеры готовых ассетов с курса
Примеры готовых ассетов с курса
3. Substance Designer
Designer — это процедурный 2D-редактор, который вместе с Substance Painter образует единую экосистему. Обе эти программы работают с одинаковым форматом файлов.
Знание Designer выводит вашу работу в Painter на новый уровень, так как открывает дорогу к созданию собственных процедурных текстур и материалов, генераторов масок и других инструментов.
Раздел курса по дизайнеру содержит:
— Интерфейсную часть. Серия коротких и ёмких видеоуроков поможет тебе не потеряться в кнопках и быстро освоить логику программы.
— Подраздел «Создание процедурных текстур и материалов». Здесь ты найдёшь большое количество дополнительного материала: референсы, скриншоты графиков с подсказками для удобства, примеры работ студентов с предыдущих потоков.
— Дополнительные инструменты для Substance Painter — такие как процедурные маски, генераторы, кисти и так далее.
Некоторые из материалов, которые мы создадим на курсе
Некоторые из материалов, которые мы создадим на курсе
Некоторые из материалов, которые мы создадим на курсе
Некоторые из материалов, которые мы создадим на курсе
4. Библиотека нод Substance Designer
Библиотека Substance Designer состоит из большого количество нод, каждая из которых выполняет определенную функцию.
Библиотека нод — это раздел, в котором содержатся видеообзоры большинства нод Designer с разъяснением механики их работы и примерами использования.
Вот одно из таких видео:
Бонусные разделы
Помимо основной программы курса, я подготовил несколько дополнительных разделов с важной информацией.
1. Art talk — советы по художественной части
Для того, чтобы хорошо текстурить недостаточно знать кнопки и архитектуру программы.
За выразительными работами стоят фундаментальные художественные навыки, такие как умение работать с цветом и светом, сохранять баланс в деталях, грамотно расставлять акценты.
Как-то раз мой студент подготовил модель разводного ключа, и мы затекстурили его параллельно, чтобы сравнить результат.
Геометрия ключа и референс, который мы использовали, были одинаковыми, но результат получился очень разный.
Не забывай, что текстурирование состоит не только из технических, но и художественных навыков.
В разделе Art Talk собрана информацию, которая поможет тебе освоить эти навыки и понять, чему стоит уделить внимание чтобы улучшить свой результат.
2. Работа с освещением и камерой и подача материала в Marmoset
Создание интересных, выразительных материалов — только половина успеха. Для того, чтобы финальная картинка производила впечатление, очень важно уметь правильно подать свою работу.
Свет, ракурс и композиция кадра, — всё это влияет на то как воспринимается твоя работа.
Очень часто этим аспектам уделяется недостаточно внимания. В результате даже хорошие текстуры выглядят незакончено и тускло.
В этом разделе ты узнаешь, как правильно подавать работу, как с помощью освещения подчеркнуть формы, и как ракурс и настройки камеры влияют на восприятие модели.
Работа студентки: Katerina Miru
Работа студентки Julia Walzer
Работа студентки Maria Ardinceva
3. Рендеринг в Maya Arnold
Эта серия видеоуроков будет интересна тем кто хочет найти альтернативу встроенному в Designer и Painter рендеру Iray.
Я покажу, как настраивать материалы и освещение в Arnold, чтобы получить яркий и выразительный шот вашей работы для портфолио.
4. Unreal Engine
В этом разделе собрана информация о том, как работают материалы в игровых движках на примере Unreal Engine 4.
Ты узнаешь как:
— Импортировать текстуры в движок.
— Создавать и настраивать материалы с помощью встроенного редактора нод Unreal Engine 4.
— Смешивать материалы с помощью масок, vertex color, карты высот.
И многое другое!
Все уроки будут выложены на нашу платформу. Кстати, вот так она выглядит:
Скриншот нашей платформы с мини-курса по кнопкам.
Формат обучения
Видеоуроки и предзапись
Основная программа курса сделана в виде небольших видеоуроков продолжительностью не более 25 минут. Все видео смонтированы и систематизированы.
Нелинейность
Ты можешь проходить курс в удобном тебе режиме и в любом порядке. Курс выстроен так, чтобы ты сам мог выбирать, чем хочешь заниматься.
К примеру, если ты уже знаком с Substance Painter, но никогда не пользовался дизайнером, ты можешь начать с него и изучать столько, сколько посчитаешь нужным.
Практика
Домашнее задание на курсе ты тоже выбираешь сам.
Я подготовил для курса несколько ассетов, на которых можно практиковаться, однако если ты хочешь затекстурить свою модель, я буду только за.
Создавая процедурные материалы, ты можешь скопировать и попытаться улучшить мой, или придумать свой собственный.
Мы даём нашим студентам свободу выбора и свободу творчества, стараясь словом и делом помогать осваивать программу курса так, как им удобно.
Живые стримы
Раза в неделю я буду проводить живые стримы на YouTube.
На них мы будем разбирать домашнее задание, обсуждать интересные темы и отвечать на вопросы по программе, которые ты всегда можешь задать мне в личку или прямо на стриме.
Обновления и дополнительный контент
Программа курса постоянно расширяется.
Обновления курса будут доступны всем студентам, поэтому даже после окончания курса ты будешь получать новые видео и контент.
Общение в дискорде
Недостатка в общении у тебя не будет.
Мы создадим отдельный Discord канал по текстурам, где будут общаться все студенты и менторы.
Вот так выглядит наш Discord. По текстурам мы сделаем отдельный канал.
Будут отдельные чаты по программам, по кнопкам, по интересным темам и по проектам, которые будут создавать студенты.
Я знаю, что у новички часто стесняются задавать вопросы, так как считают их глупыми. Для этих целей мы создали специальный чат «стрёмные вопросы», где на них можно получить ответ.
Если хочешь научиться создавать процедурные текстуры и овладеть новым навыком, востребованном на рынке, — переходи по ссылке и бронируй место на курсе. Тебя ждут 4 месяца практических занятий, доступ к огромному количеству полезной информации и общение с единомышленниками.
Хочешь получать лучшие статьи
от 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="e2db1711d82f578a" /> <!--metatextblock--> <title>Анонс курса по Процедурным текстурам / XYZ School</title> <meta name="description" content="Научим самой востребованной технике текстурирования — не вручную, а при помощи алгоритмов. На курсе ты изучишь технические моменты (кнопки и функции программ), теорию (два пайплайна, теорию PBR и многое другое), а также художественную составляющую работы " /> <meta property="og:url" content="https://www.school-xyz.com/anons-kursa-po-procedurnym-teksturam--xyz-school" /> <meta property="og:title" content="Анонс курса по Процедурным текстурам / XYZ School" /> <meta property="og:description" content="Научим самой востребованной технике текстурирования — не вручную, а при помощи алгоритмов. На курсе ты изучишь технические моменты (кнопки и функции программ), теорию (два пайплайна, теорию PBR и многое другое), а также художественную составляющую работы " /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.com/tild6334-6566-4563-b732-326235366332/Cover_6.jpg" /> <link rel="canonical" href="https://www.school-xyz.com/anons-kursa-po-procedurnym-teksturam--xyz-school"> <!--/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-page10668812.min.css?t=1769089319" 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" href="https://static.tildacdn.com/css/tilda-cart-1.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.com/css/tilda-zoom-2.0.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-zoom-2.0.min.css" type="text/css" media="all" /></noscript> <link rel="stylesheet" type="text/css" href="https://ws.tildacdn.com/project1006203/custom.css?t=1769089319"> <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 t_throttle(fn,threshhold,scope) {return function() {fn.apply(scope||this,arguments);};}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-page10668812.min.js?t=1769089319" 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/tilda-video-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-video-processor-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-zero-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-cart-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-widget-positions-1.0.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-zero-forms-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.com/js/tilda-zoom-2.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=7"></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> <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> <!-- модуль CPA-интеграций https://t.me/dmitmix --> <!-- 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);
}
}
if (document.documentElement.clientWidth < 1200) {
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="10668812" data-tilda-page-alias="anons-kursa-po-procedurnym-teksturam--xyz-school" 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="rec610320158" class="r t-rec" style=" " data-record-type="305"> <div class="t303"> <script>window.location.replace("https://school-xyz.com/texture" + window.location.search + window.location.hash);</script> <noscript>
Redirect to URL: <a href="https://school-xyz.com/texture">https://school-xyz.com/texture</a> </noscript> </div> </div> <div id="rec251645662" class="r t-rec t-rec_pb_0" style="padding-bottom:0px; " data-animationappear="off" data-record-type="18"> <!-- cover --> <div class="t-cover" id="recorddiv251645662"bgimgfield="img"style="height:100vh;background-image:url('https://thb.tildacdn.com/tild3237-3563-4566-b661-313662336466/-/resize/20x/Cover_1.jpg');"> <div class="t-cover__carrier" id="coverCarry251645662"data-content-cover-id="251645662"data-content-cover-bg="https://static.tildacdn.com/tild3237-3563-4566-b661-313662336466/Cover_1.jpg"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/tild3237-3563-4566-b661-313662336466/Cover_1.jpg"></div> <div class="t-cover__filter" style="height:100vh;background-image: linear-gradient(to bottom, rgba(0,0,0,0.60), rgba(0,0,0,0.60));"></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">Анонс курса по процедурным текстурам от XYZ School<br /></div> <h1 class="t001__title t-title t-title_xl" field="title">Анонс курса по Процедурным текстурам / XYZ School<br /></h1> <span class="space"></span> </div> </div> </div> </div> </div> </div> <style> #rec251645662 .t001__uptitle{font-family:'BebasRoboto';font-weight:100;letter-spacing:0.5px;}#rec251645662 .t001__title{font-family:'BebasRoboto';font-weight:500;text-transform:uppercase;}</style> </div> <div id="rec181191909" class="r t-rec" style=" " data-animationappear="off" data-record-type="654"> <!-- T654 --> <div class="t654 t654_closed t654_bottom t654__positionfixed " style="background-color: rgba(204,0,240,1); height:80px; " data-bgcolor-hex="#cc00f0" data-bgcolor-rgba="rgba(204,0,240,1)" data-appearoffset="" data-bgopacity-two="" data-menushadow="" data-menushadow-css="" data-bgopacity="1" data-storage-item="t654cookiename_1006203" data-storage-delta="10"> <div class="t654__wrapper"> <div class="t654__maincontainer " style="height:80px;"> <div class="t654__cell-container t654__cell-container_centered"> <div class="t-container_flex t654__container-flex" style="justify-content: center;column-gap:10px;"> <div class="t-col_flex"> <div class="t654__text t-name t-descr_xxs" field="text">
Научим создавать процедурные текстуры для 3D моделей с нуля<br /> </div> </div> <a
class="t-btn t-btnflex t-btnflex_type_button t-btnflex_xs"
href="https://www.school-xyz.com/texture"><span class="t-btnflex__text">Зарегистрироваться на курс ПРОЦЕДУРНЫЙ ТРИП</span> <style>#rec181191909 .t-btnflex.t-btnflex_type_button {color:#cc00f0;background-color:#ffffff;--border-width:0px;border-style:none !important;border-radius:50px;box-shadow:none !important;font-family:Arial;text-transform:uppercase;transition-duration:0.2s;transition-property:background-color,color,border-color,box-shadow,opacity,transform,gap;transition-timing-function:ease-in-out;}</style></a> </div> </div> <button type="button" class="t654__close-button t654__icon-close" aria-label="Закрыть"> <svg role="presentation" width="13px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <desc>Close</desc> <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> </div> <script>t_onFuncLoad('t654_setBg',function() {window.addEventListener('resize',t_throttle(function() {t654_setBg('181191909');}));});t_onReady(function() {t_onFuncLoad('t654_setBg',function() {t654_setBg('181191909');});});t_onReady(function() {t_onFuncLoad('t654_showPanel',function() {t654_showPanel('181191909');});});</script> <style> #rec181191909 .t654__text{color:#ffffff;font-family:'Arial';}</style> </div> <div id="rec181173944" class="r t-rec t-rec_pt_60 t-rec_pb_0" style="padding-top:60px;padding-bottom:0px;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 ">Научим самой востребованной технике текстурирования — не вручную, а при помощи алгоритмов.<br /><br />Зарегистрироваться на курс: <a href="https://www.school-xyz.com/texture" rel="noopener noreferrer" style="color: rgb(128, 128, 255);">School-xyz.com/texture</a></div> </div> </div> </div> <style> #rec181173944 .t-text{color:#ffffff;}</style> </div> <div id="rec246089221" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_8"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="246089221" data-videolazy-type="youtube" data-videolazy-id="GMIawh9yL6w" data-videolazy-height="540px"> </div> <style>#rec246089221 .t-video-lazyload{height:540px;}</style> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('246089221');});});</script> </div> <div id="rec181173946" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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:#999999;" data-customstyle="yes"> <span style="font-size: 26px;"><span data-redactor-style="color: rgb(255, 255, 255);" style="color: rgb(255, 255, 255);"><span data-redactor-tag="span" style="font-weight: 500;"><span style="font-size: 40px;">Коротко о Процедурном трипе <br /></span></span></span></span><br /> <span style="font-size: 22px;"><span data-redactor-style="color: rgb(255, 255, 255);" style="color: rgb(255, 255, 255);"><span data-redactor-tag="span" style="font-weight: 500;"><span style="font-size: 30px;">На курсе ты: <br /></span></span></span></span><br /> <ul> <li> Научишься создавать <span style="color: rgb(255, 255, 255);">процедурные текстуры</span> в <span style="color: rgb(255, 255, 255);">Substance Designer</span> </li> <li> Изучишь все этапы работы в <span style="color: rgb(255, 255, 255);">Substance Painter</span> </li> <li> Узнаешь, как подавать модели для портфолио в <span style="color: rgb(255, 255, 255);">Marmoset</span> </li> <li> Изучишь основы экспорта и настройки материалов в <span style="color: rgb(255, 255, 255);">Unreal Engine</span> </li> <li> <span style="color: rgb(255, 255, 255);">Затекстуришь </span>четыре готовых ассета </li> <li> Самостоятельно создашь из нод минимум пять процедурных материалов </li> <li> Получишь доступ к видеоурокам с описанием и применением нескольких десятков <span style="color: rgb(255, 255, 255);">самых нужных нод</span> в Substance Designer </li> </ul> Программа рассчитана на 4 месяца обучения. Присоединяйся! <br /><br /> Зарегистрироваться на курс: <a href="https://www.school-xyz.com/texture" style="color:rgb(128, 128, 255) !important;">School-xyz.com/texture</a><br /></div></div> </div> </div> </div> <style> #rec181173946 .t-text{color:#ffffff;}</style> </div> <div id="rec181173947" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:26px;text-align:center;color:#999999;" data-customstyle="yes"><strong><span data-redactor-tag="span">***</span></strong><br /></div></div> </div> </div> </div> <style> #rec181173947 .t-text{color:#ffffff;}</style> </div> <div id="rec181179659" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Что такое процедурные текстуры? <br /></span></span></span></span><br /> Текстурирование — это важный этап создания 3D-модели, в ходе которого ты создаёшь материалы и «раскрашиваешь» модель, придавая ей законченный вид. <br /><br /> Существует несколько подходов к созданию текстур: <br /><br /> <ol> <li> Использование фототекстур и сканов. </li> <li> Традиционный — когда ты создаёшь текстуру с нуля, используя скульптинг, или рисуешь вручную в фотошопе. </li> <li> Процедурный — текстура создаётся с нуля при помощи последовательности различных эффектов и операций. </li> </ol> Главное преимущество <span style="color: rgb(255, 255, 255);">процедурных текстур</span> в том, что затекстурить такой же объём в таком качестве другим традиционным способом просто невозможно. Разве что можно заставить текстурить население целой страны. <br /><br /> По сути, у современных 3D-художников <span style="color: rgb(255, 255, 255);">нет выбора</span>: если хочешь текстурировать, придётся работать с процедурными текстурами. Также можно использовать сканы, но их тоже процедурно обрабатывают — например, в Substance Designer. <br /><br /> На этом курсе ты научишься создавать сочные и выразительные процедурные текстуры и настраивать их до мельчайших деталей. Например, вот так: <br /></div></div> </div> </div> </div> <style> #rec181179659 .t-text{color:#ffffff;}</style> </div> <div id="rec181173948" 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/tild3661-3533-4163-b261-386234326531/video.gif"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3661-3533-4163-b261-386234326531/-/empty/video.gif" data-original="https://static.tildacdn.com/tild3661-3533-4163-b261-386234326531/video.gif"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3661-3533-4163-b261-386234326531/video.gif" 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="rec181179875" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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:#999999;" data-customstyle="yes"> Знания которые ты получишь на курсе, пригодятся при текстурировании игровых уровней, окружения и различных игровых ассетов — оружия, элементов одежды и пропсов.<br /></div></div> </div> </div> </div> <style> #rec181179875 .t-text{color:#ffffff;}</style> </div> <div id="rec181179908" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:26px;text-align:center;color:#999999;" data-customstyle="yes"><strong><span data-redactor-tag="span">***</span></strong><br /></div></div> </div> </div> </div> <style> #rec181179908 .t-text{color:#ffffff;}</style> </div> <div id="rec181179993" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Чему ты научишься <br /></span></span></span></span><br /> За 4 месяца ты получишь все необходимые знания, чтобы в дальнейшем развивать навыки текстурирования самостоятельно. <br /><br /> На курсе ты изучишь технические моменты (кнопки и функции программ), теорию (два пайплайна, теорию PBR и многое другое), а также художественную составляющую работы с текстурами. А ещё самостоятельно создашь несколько процедурных материалов. <br /><br /> Плохие текстуры могут испортить даже лучшую 3D модель. Из-за них она может стать «деревянной» и нереалистичной. <br /><br /> Чтобы такого не произошло с тобой, мы научим тебя всем необходимым навыкам. Ты узнаешь: <br /><br /> — Что такое <span style="color: rgb(255, 255, 255);">PBR</span> и как работать по <span style="color: rgb(255, 255, 255);">Metallic/Roughness</span> и <span style="color: rgb(255, 255, 255);">Specular/Gloss</span> пайплайнам. <br /><br /> — Как работать с дополнительными <strong>текстурными картами</strong> (Objects Space Normal, World Space Normal, Position Map, Curvature Map, Color ID, Thickness Map).<br /></div></div> </div> </div> </div> <style> #rec181179993 .t-text{color:#ffffff;}</style> </div> <div id="rec181173949" 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/tild3362-6138-4430-a161-623965303866/iqroeMV-1GE.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3362-6138-4430-a161-623965303866/-/empty/iqroeMV-1GE.jpg" data-original="https://static.tildacdn.com/tild3362-6138-4430-a161-623965303866/iqroeMV-1GE.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3362-6138-4430-a161-623965303866/iqroeMV-1GE.jpg" 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="rec181173950" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="text-align:left;color:#999999;" data-customstyle="yes"> — Как работают баланс, масштаб, акценты, пропорции, storytelling, и многое другое. <br /> </div></div> </div> </div> </div> <style> #rec181173950 .t-text{color:#ffffff;}</style> </div> <div id="rec181173951" 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/tild3434-6133-4239-b864-363162316130/decle9z9X4c.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3434-6133-4239-b864-363162316130/-/empty/decle9z9X4c.jpg" data-original="https://static.tildacdn.com/tild3434-6133-4239-b864-363162316130/decle9z9X4c.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3434-6133-4239-b864-363162316130/decle9z9X4c.jpg" 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">Работа ментора курса Василины Сиротиной <a href="https://vk.com/away.php?to=https%3A%2F%2Fwww.artstation.com%2Fartwork%2FybO55x" style="color:rgb(128, 128, 255) !important;">https://www.artstation.com/artwork/ybO55x</a></div></div> </div> </div> </div> </div> <div id="rec181173952" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="text-align:left;color:#999999;" data-customstyle="yes"> — Зачем нужны процедурные текстуры и как их создавать.<br /> </div></div> </div> </div> </div> <style> #rec181173952 .t-text{color:#ffffff;}</style> </div> <div id="rec181180460" 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-3664-4533-b331-326530373865/LNtTGNeOnDk.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6264-3664-4533-b331-326530373865/-/empty/LNtTGNeOnDk.jpg" data-original="https://static.tildacdn.com/tild6264-3664-4533-b331-326530373865/LNtTGNeOnDk.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6264-3664-4533-b331-326530373865/LNtTGNeOnDk.jpg" 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="rec181173953" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:20px;text-align:left;color:#999999;" data-customstyle="yes">— Как экспортировать процедурные текстуры в игровой движок так, чтобы внутри движка можно было менять их настройки.</div></div> </div> </div> </div> <style> #rec181173953 .t-text{color:#ffffff;}</style> </div> <div id="rec181180854" 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/tild3730-3565-4839-b233-623963303765/video-_1_.gif"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3730-3565-4839-b233-623963303765/-/empty/video-_1_.gif" data-original="https://static.tildacdn.com/tild3730-3565-4839-b233-623963303765/video-_1_.gif"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3730-3565-4839-b233-623963303765/video-_1_.gif" 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 style="color:#999999;" data-customstyle="yes">Изменяем настройки материала прямо внутри движка Unreal Engine 4</div></div></div> </div> </div> </div> </div> <div id="rec181173954" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Для кого этот курс? <br /></span></span></span></span><br /> Курс подойдёт как новичкам, так и опытным художникам, которые хотят освоить новый навык. Уметь моделить <span style="color: rgb(255, 255, 255);">необязательно</span>. На курсе ты получишь несколько полностью готовых к текстурированию ассетов, с помощью которых сможешь пройти всю программу.<br /></div></div> </div> </div> </div> <style> #rec181173954 .t-text{color:#ffffff;}</style> </div> <div id="rec181173955" 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/tild3866-3438-4730-a135-366335356232/Ap65Q9Pv1go.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3866-3438-4730-a135-366335356232/-/empty/Ap65Q9Pv1go.jpg" data-original="https://static.tildacdn.com/tild3866-3438-4730-a135-366335356232/Ap65Q9Pv1go.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3866-3438-4730-a135-366335356232/Ap65Q9Pv1go.jpg" 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 style="color:#999999;" data-customstyle="yes">Вот один из таких ассетов. Модель и текстуры — Антона Агеева, автора курса.</div></div></div> </div> </div> </div> </div> <div id="rec181173956" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="text-align:left;color:#999999;" data-customstyle="yes"> Если хочешь попрактиковаться на своих моделях — это тоже возможно.<br />У нас гибкая программа менторства и мы даём студентам свободу творчества. <br /><br /> Если ты не умеешь и не планируешь учиться моделить — этот курс тебе тоже подойдёт. Знания, которые ты на нём получишь, можно применять в играх, кино, архитектурной визуализации, VR и многих других сферах.<br /></div></div> </div> </div> </div> <style> #rec181173956 .t-text{color:#ffffff;}</style> </div> <div id="rec181181399" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:26px;text-align:center;color:#999999;" data-customstyle="yes"><strong><span data-redactor-tag="span">***</span></strong><br /></div></div> </div> </div> </div> <style> #rec181181399 .t-text{color:#ffffff;}</style> </div> <div id="rec181173957" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:20px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Формат курса <br /></span></span></span></span><br /> Курс состоит из коротких записанных видеоуроков, но и помимо них будет много интересного. <br /><br /> — Получишь доступ к отдельному каналу в <span style="color: rgb(255, 255, 255);">Discord</span> по текстурам, где познакомишься с единомышленниками. <br /><br /> — Примешь участие в <span style="color: rgb(255, 255, 255);">еженедельных стримах</span> и получишь доступ ко всем урокам по текстурам на нашей <span style="color: rgb(255, 255, 255);">платформе</span>. <br /><br /> — Программа менторства рассчитана на <span style="color: rgb(255, 255, 255);">4 месяца обучения</span>, а доступ к материалам не ограничен по времени. Ты сможешь проходить курс самостоятельно даже после его завершения. <br /><br /> — Программа будет расширяться во время и после проведения курса, поэтому даже спустя год ты найдёшь много дополнительного контента. <br /><br /> Готов погрузиться в мир текстурирования? <br /><br /> Тогда давай начнём! <br /><br /> Зарегистрироваться на сайте: <br /><br /> <a href="https://www.school-xyz.com/texture" style="color:rgb(128, 128, 255) !important;">School-xyz.com/texture</a> <br /></div></div> </div> </div> </div> <style> #rec181173957 .t-text{color:#ffffff;}</style> </div> <div id="rec181181721" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:26px;text-align:center;color:#999999;" data-customstyle="yes"><strong><span data-redactor-tag="span">***</span></strong><br /></div></div> </div> </div> </div> <style> #rec181181721 .t-text{color:#ffffff;}</style> </div> <div id="rec181173958" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:20px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Давай знакомиться <br /></span></span></span></span><br /> Меня зовут Антон Агеев, Я работаю 3D-художником уже больше 10 лет. <br /><br /> Начал карьеру в анимационной студии, где работал над сериалом и полнометражным фильмом «Смешарики. Начало». Затем в 2011 году переключился на геймдев. <br /><br /> Первый опыт в игровой индустрии я получил в Nival, — работал над третьим «Блицкригом». Затем занимался аутсорсом, в том числе для World of Tanks, и работал над мобильными играми в компаниях Crazy Panda, Game Insight и Playrix. <br /><br /> В этом видео я рассказываю о себе более подробно:<br /></div></div> </div> </div> </div> <style> #rec181173958 .t-text{color:#ffffff;}</style> </div> <div id="rec181181828" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_8"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="181181828" data-videolazy-type="youtube" data-videolazy-id="68BZcmn6hj8" data-videolazy-height="540px"> </div> <style>#rec181181828 .t-video-lazyload{height:540px;}</style> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('181181828');});});</script> </div> <div id="rec181181958" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:20px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Как устроены процедурные текстуры <br /></span></span></span></span><br /> Различные паттерны, генераторы, шумы и фильтры позволяют создать бесконечное количество материалов, которые иногда сложно отличить от фотографии.<br /></div></div> </div> </div> </div> <style> #rec181181958 .t-text{color:#ffffff;}</style> </div> <div id="rec181173959" 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/tild6133-3561-4137-a531-353066633765/video-_2_.gif"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6133-3561-4137-a531-353066633765/-/empty/video-_2_.gif" data-original="https://static.tildacdn.com/tild6133-3561-4137-a531-353066633765/video-_2_.gif"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6133-3561-4137-a531-353066633765/video-_2_.gif" 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 style="color:#999999;" data-customstyle="yes">Пример одного из процедурных материалов, созданный в Substance Designer</div></div></div> </div> </div> </div> </div> <div id="rec181173960" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: rgb(255, 255, 255);" style="color: rgb(255, 255, 255);"><span data-redactor-tag="span" style="font-weight: 500;"><span style="font-size: 40px;">Особенности процедурных текстур <br /></span></span></span></span><br /> <span style="font-size: 22px;"><span data-redactor-style="color: rgb(255, 255, 255);" style="color: rgb(255, 255, 255);"><span data-redactor-tag="span" style="font-weight: 500;"><span style="font-size: 30px;">Недеструктивный пайплайн.<br /></span></span></span></span><br /> Это значит что ты можешь вносить изменения в текстуру на любом этапе работы без переделок. <br /><br /> <span style="font-size: 22px;"><span data-redactor-style="color: rgb(255, 255, 255);" style="color: rgb(255, 255, 255);"><span data-redactor-tag="span" style="font-weight: 500;"><span style="font-size: 30px;">Динамическое разрешение.<br /></span></span></span><br /></span> Процедурные текстуры могут увеличивать разрешение автоматически без потери качества. <br /><br /> <span style="font-size: 22px;"><span data-redactor-style="color: rgb(255, 255, 255);" style="color: rgb(255, 255, 255);"><span data-redactor-tag="span" style="font-weight: 500;"><span style="font-size: 30px;">Кастомизация.<br /></span></span></span></span><br /> С помощью системы параметров ты можешь управлять внешним видом текстур в режиме реального времени, настраивая их до мельчайших деталей. <br /><br /> Это позволяет получить неограниченное количество вариаций одного и того же материала. <br /><br /> Например, у процедурной текстуры деревянной вагонки, благодаря настроенным параметрам, можно изменить расстояние между досками, размер и форму сколов и трещин или цвет краски. <br /><br /> Процедурные материалы, сделанные в <span style="color: rgb(255, 255, 255);">Designer</span>, можно использовать в <span style="color: rgb(255, 255, 255);">Substance Painter</span> с теми же же параметрами и настройками: <br /></div></div> </div> </div> </div> <style> #rec181173960 .t-text{color:#ffffff;}</style> </div> <div id="rec181173962" 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/tild3137-6663-4765-b135-323662323239/video-_3_.gif"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3137-6663-4765-b135-323662323239/-/empty/video-_3_.gif" data-original="https://static.tildacdn.com/tild3137-6663-4765-b135-323662323239/video-_3_.gif"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3137-6663-4765-b135-323662323239/video-_3_.gif" 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="rec181173961" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:20px;line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Как процедурные текстуры сэкономят твоё время <br /></span></span></span></span><br /> Создание первых материалов занимает время, однако по мере того, как твоя библиотека текстур будет пополняться, скорость работы будет увеличиваться. <br /><br /> В процедурке работает правило — чем больше ты работаешь, тем меньше ты работаешь, ведь благодаря гибкой системе нод можно по несколько раз использовать различные элементы, настраивая их по разному, вместо того что бы создавать с нуля. <br /><br /> К примеру, один раз сделав процедурные трещины на камне, можно использовать их для таких материалов как кирпич, бетон, камень, известь и многие другие. <br /><br /></div></div> </div> </div> </div> <style> #rec181173961 .t-text{color:#ffffff;}</style> </div> <div id="rec181183144" 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/tild3932-6233-4264-b135-353163363862/Ug6QlZUSJzQ.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3932-6233-4264-b135-353163363862/-/empty/Ug6QlZUSJzQ.jpg" data-original="https://static.tildacdn.com/tild3932-6233-4264-b135-353163363862/Ug6QlZUSJzQ.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3932-6233-4264-b135-353163363862/Ug6QlZUSJzQ.jpg" 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 style="color:#999999;" data-customstyle="yes">Трещины на кирпиче и на цементе - один и тот же элемент, перенесённый с одного материала на другой.</div></div></div> </div> </div> </div> </div> <div id="rec181173963" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Как применяют процедурку на больших проектах <br /></span></span></span></span><br /> Использование процедурных текстур на больших проектах сильно ускоряет производство, так как позволяет быстро получить большую библиотеку материалов, автоматизируя процесс. <br /><br /> Многие крупные студии создают собственные библиотеки с различными материалами металла, дерева, пластика, камня и прочего, которые постоянно дополняются и улучшаются. <br /><br /> Вот пример одной из вакансий в крупной студии. Умение работать в Substance Painter, — большой плюс к твоему резюме.<br /></div></div> </div> </div> </div> <style> #rec181173963 .t-text{color:#ffffff;}</style> </div> <div id="rec181173964" 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/tild6435-3865-4165-b637-383065343131/qhyj5NGoJ-M.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6435-3865-4165-b637-383065343131/-/empty/qhyj5NGoJ-M.jpg" data-original="https://static.tildacdn.com/tild6435-3865-4165-b637-383065343131/qhyj5NGoJ-M.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6435-3865-4165-b637-383065343131/qhyj5NGoJ-M.jpg" 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 style="color:#999999;" data-customstyle="yes">Пример одной из вакансий, найденной на просторах интернета</div></div></div> </div> </div> </div> </div> <div id="rec181173965" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Именно созданию процедурных текстур будет посвящено несколько больших и важных блоков моего курса.<br /></div></div> </div> </div> </div> <style> #rec181173965 .t-text{color:#ffffff;}</style> </div> <div id="rec181183384" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:26px;text-align:center;color:#999999;" data-customstyle="yes"><strong><span data-redactor-tag="span">***</span></strong><br /></div></div> </div> </div> </div> <style> #rec181183384 .t-text{color:#ffffff;}</style> </div> <div id="rec181183402" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Процедурные текстуры на реальном примере<br /></span></span></span></span><br /> При создании смарт-материалов в Substance Painter часто смешивают несколько материалов таким образом, чтобы можно было имитировать процесс старения, стирая один слой за другим. <br /><br /> К примеру, возьмём материал старого крашеного металла.<br /></div></div> </div> </div> </div> <style> #rec181183402 .t-text{color:#ffffff;}</style> </div> <div id="rec181173966" 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/tild3165-6337-4666-b637-383836333065/video-_4_.gif"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3165-6337-4666-b637-383836333065/-/empty/video-_4_.gif" data-original="https://static.tildacdn.com/tild3165-6337-4666-b637-383836333065/video-_4_.gif"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3165-6337-4666-b637-383836333065/video-_4_.gif" 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="rec181173967" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> При увеличении степени повреждений слои, из которых он состоит, сходят один за другим в определённой последовательности. <br /><br /> Сначала краска, потом грунтовка, и наконец, за слоем ржавчины открывается металл.<br /></div></div> </div> </div> </div> <style> #rec181173967 .t-text{color:#ffffff;}</style> </div> <div id="rec181173968" 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-3765-4237-b435-613464633937/PzYy6dKeKKE_.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6264-3765-4237-b435-613464633937/-/empty/PzYy6dKeKKE_.jpg" data-original="https://static.tildacdn.com/tild6264-3765-4237-b435-613464633937/PzYy6dKeKKE_.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6264-3765-4237-b435-613464633937/PzYy6dKeKKE_.jpg" 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="rec181173969" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> В этом материале я расскажу, как создать генератор, который будет управлять всеми этими слоями одновременно. <br /><br /> Урок будет состоять из двух частей. <br /><br /> Сначала мы соберём ноду в Substance Designer, а потом я покажу, как можно эффективно использовать её в Substance Painter. <br /><br /> <span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Шаг 1: Создаём процедурную ноду в Substance Designer<br /></span></span></span></span><br /> Для демонстрации работы генератора используем процедурную текстуру Clouds 2, однако впоследствии её можно будет заменить любой другой.<br /></div></div> </div> </div> </div> <style> #rec181173969 .t-text{color:#ffffff;}</style> </div> <div id="rec181173970" 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/tild6233-3865-4633-a337-396239393035/n4tSgJ0cEYc.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6233-3865-4633-a337-396239393035/-/empty/n4tSgJ0cEYc.jpg" data-original="https://static.tildacdn.com/tild6233-3865-4633-a337-396239393035/n4tSgJ0cEYc.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6233-3865-4633-a337-396239393035/n4tSgJ0cEYc.jpg" 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="rec181173971" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Основная идея довольно проста. <br /><br /> С помощью ноды Histogram Scan мы можем увеливать контраст любой чёрно-белой текстуры до тех пор, пока её края не станут максимально жёсткими, а затем с помощью контроллера Position сужать и расширять края получившейся маски.<br /></div></div> </div> </div> </div> <style> #rec181173971 .t-text{color:#ffffff;}</style> </div> <div id="rec181173972" 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/tild3965-6336-4366-b532-626230663366/video-_5_.gif"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3965-6336-4366-b532-626230663366/-/empty/video-_5_.gif" data-original="https://static.tildacdn.com/tild3965-6336-4366-b532-626230663366/video-_5_.gif"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3965-6336-4366-b532-626230663366/video-_5_.gif" 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="rec181173973" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Теперь, если с дублировать эту ноду и изменить параметр Position, края маски будут сужаться и расширяться таким же образом, как и в предыдущей ноде, так как они используют одинаковую текстуру. <br /><br /> Дублируем ноду ещё раз, чтобы в итоге получить три маски:<br /></div></div> </div> </div> </div> <style> #rec181173973 .t-text{color:#ffffff;}</style> </div> <div id="rec181173974" 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/tild6336-3231-4961-b361-646438303162/yca5Hg3yAbk.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6336-3231-4961-b361-646438303162/-/empty/yca5Hg3yAbk.jpg" data-original="https://static.tildacdn.com/tild6336-3231-4961-b361-646438303162/yca5Hg3yAbk.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6336-3231-4961-b361-646438303162/yca5Hg3yAbk.jpg" 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="rec181173975" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Теперь, чтобы было проще визуализировать то что у нас происходит, создаём ноду RGBA Merge и подсоединяем каждую из этих масок в отдельный канал:<br /></div></div> </div> </div> </div> <style> #rec181173975 .t-text{color:#ffffff;}</style> </div> <div id="rec181173976" 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/tild6330-3833-4635-a365-646563356133/klQNUCI0L1Q.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6330-3833-4635-a365-646563356133/-/empty/klQNUCI0L1Q.jpg" data-original="https://static.tildacdn.com/tild6330-3833-4635-a365-646563356133/klQNUCI0L1Q.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6330-3833-4635-a365-646563356133/klQNUCI0L1Q.jpg" 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 style="color:#999999;" data-customstyle="yes">Это временная нода, которая нужна просто для быстрой визуализации работы маски. Впоследствии мы её удалим.</div></div></div> </div> </div> </div> </div> <div id="rec181173977" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Итак, у нас есть три контроллера, каждый из которых управляет своей маской, её радиусом, а также её жесткостью. <br /><br /> Теперь нужно создать ноду, в которой будет глобальный параметр, который управляет позицией каждой маски одновременно. <br /><br /> Для этого подключаем текстуру Cloud 2 в ноду "Histogram Scan" и выставляем значение Position на 0,5, что соответствует оригиналу. <br /></div></div> </div> </div> </div> <style> #rec181173977 .t-text{color:#ffffff;}</style> </div> <div id="rec181173978" 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/tild6536-3266-4534-b330-373031613161/OJiECf9-fBM.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6536-3266-4534-b330-373031613161/-/empty/OJiECf9-fBM.jpg" data-original="https://static.tildacdn.com/tild6536-3266-4534-b330-373031613161/OJiECf9-fBM.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6536-3266-4534-b330-373031613161/OJiECf9-fBM.jpg" 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="rec181173979" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes">Теперь, если начать изменять параметр Position в новой ноде, будет видно, как края всех трёх масок расширяются одновременно.</div></div> </div> </div> </div> <style> #rec181173979 .t-text{color:#ffffff;}</style> </div> <div id="rec181173980" 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-6136-4365-a130-363961663264/video-_6_.gif"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3939-6136-4365-a130-363961663264/-/empty/video-_6_.gif" data-original="https://static.tildacdn.com/tild3939-6136-4365-a130-363961663264/video-_6_.gif"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3939-6136-4365-a130-363961663264/video-_6_.gif" 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="rec181173981" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:20px;line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Это происходит потому, что изменяется вся входящая текстура целиком. <br /><br /> Теперь мы можем контролировать радиус всех масок одновременно и по отдельности. <br /><br /> Еще один дополнительный параметр, который мне хотелось бы контролировать — это плавность линий. <br /><br /> Не жёсткость, которую можно контролировать контрастностью, а именно плавность линий. То есть, насколько у маски острые углы и насколько часто и резко заворачивается контур. <br /><br /> Для того, чтобы это контролировать, используем ноду Blur HQ, которая также влияет на всю входящую текстуру целиком. <br /></div></div> </div> </div> </div> <style> #rec181173981 .t-text{color:#ffffff;}</style> </div> <div id="rec181173982" 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/tild3962-3730-4739-a336-313438613165/m80JGL22C0g.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3962-3730-4739-a336-313438613165/-/empty/m80JGL22C0g.jpg" data-original="https://static.tildacdn.com/tild3962-3730-4739-a336-313438613165/m80JGL22C0g.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3962-3730-4739-a336-313438613165/m80JGL22C0g.jpg" 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="rec181173983" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes">Генератор масок готов, теперь необходимо объединить эти маски в одну черно-белую текстуру так, чтобы впоследствии их можно было разделить в Substance Painter. <br /><br /> Для каждой маски создаём ноду Blend и добавляем одну маску поверх другой, начиная с чёрного фона, с помощью бленда Add. <br /><br /> Маски у меня три, поэтому для того, чтобы значение яркости верхней равнялось единице, а остальные распределялись между нулём (то есть чёрным фоном) и единицей в равных диапазонах, значение прозрачности у каждой ноды Blend должно быть 0.34. <br /><br /> 0.34 — это значение Opacity.<br /></div></div> </div> </div> </div> <style> #rec181173983 .t-text{color:#ffffff;}</style> </div> <div id="rec181184580" 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/tild6662-3564-4732-b839-346262313832/JfP7RUZoKKw.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6662-3564-4732-b839-346262313832/-/empty/JfP7RUZoKKw.jpg" data-original="https://static.tildacdn.com/tild6662-3564-4732-b839-346262313832/JfP7RUZoKKw.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6662-3564-4732-b839-346262313832/JfP7RUZoKKw.jpg" 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="rec181173984" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:20px;line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> В результате получаем вот такую картину: <br /> </div></div> </div> </div> </div> <style> #rec181173984 .t-text{color:#ffffff;}</style> </div> <div id="rec181184762" 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/tild6166-6233-4537-b635-376366343261/9JjHc5WGNEM.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6166-6233-4537-b635-376366343261/-/empty/9JjHc5WGNEM.jpg" data-original="https://static.tildacdn.com/tild6166-6233-4537-b635-376366343261/9JjHc5WGNEM.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6166-6233-4537-b635-376366343261/9JjHc5WGNEM.jpg" 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="rec181184732" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:20px;line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Теперь, используя эффект Levels, можно выхватывать любой из трёх радиусов. Во второй части более подробно объясню, как это сделать. <br /><br /> <span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Шаг 2: Использование генератора в Substance Painter<br /></span></span></span></span><br /> Начнём со слоёв. Для демонстрации я буду использовать простые материалы, не особо заморачиваясь с их настройкой. <br /><br /> Возьмём четыре материала: краску, ржавую краску, ржавчину и металл. <br /><br /> Каждый материал на своём слое, у каждого своя маска. <br /><br /> Слои сортированы в обратном порядке. На самом верху нижний, в самом низу верхний. <br /></div></div> </div> </div> </div> <style> #rec181184732 .t-text{color:#ffffff;}</style> </div> <div id="rec181185038" 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/tild6462-3536-4333-a465-666433376530/22D7xIO7NBE.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6462-3536-4333-a465-666433376530/-/empty/22D7xIO7NBE.jpg" data-original="https://static.tildacdn.com/tild6462-3536-4333-a465-666433376530/22D7xIO7NBE.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6462-3536-4333-a465-666433376530/22D7xIO7NBE.jpg" 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="rec181185102" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:20px;line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Следующим шагом необходимо создать слой в самом низу стэка, для того, чтобы разместить на нём маску. <br /><br /> Все каналы у этого слоя можно отключить, так как этот слой нужен только как держатель маски. <br /></div></div> </div> </div> </div> <style> #rec181185102 .t-text{color:#ffffff;}</style> </div> <div id="rec181173985" 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/tild6164-6266-4939-a135-623266313734/q0QsHoeMJwc.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6164-6266-4939-a135-623266313734/-/empty/q0QsHoeMJwc.jpg" data-original="https://static.tildacdn.com/tild6164-6266-4939-a135-623266313734/q0QsHoeMJwc.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6164-6266-4939-a135-623266313734/q0QsHoeMJwc.jpg" 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="rec181173986" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> После этого создаём на слое чёрную маску, применяем к ней эффект Fill и закидываем в него маску из библиотеки и обзываем, к примеру, MASK LAYERING. <br /><br /> Сверху сразу вешаю якорь для того, чтобы можно перетаскивать маску на другие слои. <br /><br /> Для того, чтобы маска заработала, ей нужен input. <br /><br /> Начнём с привычного «Clouds 2».<br /></div></div> </div> </div> </div> <style> #rec181173986 .t-text{color:#ffffff;}</style> </div> <div id="rec181185251" 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-6233-4331-b866-623735646565/jQICLr1yq8Y_.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6264-6233-4331-b866-623735646565/-/empty/jQICLr1yq8Y_.jpg" data-original="https://static.tildacdn.com/tild6264-6233-4331-b866-623735646565/jQICLr1yq8Y_.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6264-6233-4331-b866-623735646565/jQICLr1yq8Y_.jpg" 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="rec181185210" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Теперь нужно раздать маски из пустого слоя наверх, каждую на соответствующий слой. <br /><br /> Для этого на маске каждого слоя создаём эффект Fill и кладём в него информацию из нижнего якоря Layering Mask. <br /><br /> С помощью встроенного в якорь редактора Levels мы можем настроить правильные диапазоны яркости для каждой маски. <br /><br /> Разница между соседними масками в яркости - 0,34. Так что в конечном счете настройки будут такими: <br /></div></div> </div> </div> </div> <style> #rec181185210 .t-text{color:#ffffff;}</style> </div> <div id="rec181185326" 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/tild3831-3031-4439-b061-306465343635/6fbb6LWatak.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3831-3031-4439-b061-306465343635/-/empty/6fbb6LWatak.jpg" data-original="https://static.tildacdn.com/tild3831-3031-4439-b061-306465343635/6fbb6LWatak.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3831-3031-4439-b061-306465343635/6fbb6LWatak.jpg" 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="rec181185275" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes">Итак, сетап настроен. У нас есть три маски и один контроллер, который управляет всеми тремя:<br /></div></div> </div> </div> </div> <style> #rec181185275 .t-text{color:#ffffff;}</style> </div> <div id="rec181185461" 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/tild3566-3661-4037-b264-663666343238/video-_7_.gif"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3566-3661-4037-b264-663666343238/-/empty/video-_7_.gif" data-original="https://static.tildacdn.com/tild3566-3661-4037-b264-663666343238/video-_7_.gif"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3566-3661-4037-b264-663666343238/video-_7_.gif" 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="rec181185367" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> <span style="font-size: 20px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 30px;">Ключевое преимущество ноды <br /></span></span></span></span><br /> Справедливости ради, такой сетап масок возможно создать в Substance Painter и без дизайнера, но тогда все настройки масок были бы на разных слоях. <br /><br /> Получившаяся нода собирает все настройки в одном месте. Это удобно, особенно когда слоев становится много и приходится постоянно переключаться между ними, вспоминая где какая маска. <br /><br /> <span style="font-size: 20px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 30px;">Больше кастомизации <br /></span></span></span></span><br /> Теперь, что если мы хотим использовать более сложную текстуру в качестве инпута для эффекта? Возможно, мы захотим добавить к маске генератор, который будет учитывать топологию модели, создавая маску повреждений на углах. <br /><br /> Для этого можно собрать её в том же пустом слое, под MASK LAYERING, и потом добавить в инпут генератора с помощью якоря (Anchor Point).<br /></div></div> </div> </div> </div> <style> #rec181185367 .t-text{color:#ffffff;}</style> </div> <div id="rec181185800" 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/tild3533-3539-4635-b263-623336646265/_FcRDN3EGYM.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3533-3539-4635-b263-623336646265/-/empty/_FcRDN3EGYM.jpg" data-original="https://static.tildacdn.com/tild3533-3539-4635-b263-623336646265/_FcRDN3EGYM.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3533-3539-4635-b263-623336646265/_FcRDN3EGYM.jpg" 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="rec181185566" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> В данном случае мы сделали быструю маску из карты Curvature и двух текстур Clouds 2 с разными настройками. <br /><br /> Настраивая маску, не трогаем настройки контрастности, так как контраст выкручивается отдельно, в Mask Layering: <br /></div></div> </div> </div> </div> <style> #rec181185566 .t-text{color:#ffffff;}</style> </div> <div id="rec181185860" 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/tild3237-3935-4530-b730-383766363431/KNb5-6IIQ7o.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3237-3935-4530-b730-383766363431/-/empty/KNb5-6IIQ7o.jpg" data-original="https://static.tildacdn.com/tild3237-3935-4530-b730-383766363431/KNb5-6IIQ7o.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3237-3935-4530-b730-383766363431/KNb5-6IIQ7o.jpg" 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="rec181185879" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> После этого можно немного поработать с настройками текстуры и эффекта Mask Layering. <br /><br /> Финальный результат с настроенными материалами:<br /></div></div> </div> </div> </div> <style> #rec181185879 .t-text{color:#ffffff;}</style> </div> <div id="rec181186438" 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/tild3236-3035-4130-b730-633763363834/993oW7w3vIE.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3236-3035-4130-b730-633763363834/-/empty/993oW7w3vIE.jpg" data-original="https://static.tildacdn.com/tild3236-3035-4130-b730-633763363834/993oW7w3vIE.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3236-3035-4130-b730-633763363834/993oW7w3vIE.jpg" 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 style="color:#999999;" data-customstyle="yes">Материал краски сделан в Substance Designer и является частью курса.</div></div></div> </div> </div> </div> </div> <div id="rec181186363" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="color: rgb(255, 255, 255);"><span data-redactor-style="font-weight: 500" style="font-weight: 500;"><span style="font-size: 40px;">Итоги <br /></span></span></span><br /> Многие боятся подходить к изучению Substance Designer, потому что думают что это слишком сложная техническая программа на изучение которой нужно много времени. <br /><br /> В действительности же он довольно проста, и для того, чтобы получить первые бонусы от её использования, тебе не обязательно быть супер-профи. <br /><br /> Ты можешь использовать Designer для работы с Normal Map, или для обработки сканов, созданию различных масок, фильтров, генераторов для Substance Painter, или комплексных процедурных материалов. Что-то одно или всё вместе, решать тебе. <br /><br /> Сама по себе нода, которую мы сделали, довольно простая. <br /><br /> Весь процесс её создания занял у меня около 30 минут, но она cэкономит много времени впоследствии, и с её помощью очень удобно смешивать несколько материалов между собой. <br /><br /> <span style="color: rgb(255, 255, 255);">Если ты новичок и ничего не понял — ничего страшного.</span><br />Ты во всём разберёшься в процессе обучения и научишься создавать процедурные текстуры и материалы разной сложности, даже если раньше <span style="color: rgb(255, 255, 255);">ни разу не открывал Substance Designer</span><strong>.</strong><br /></div></div> </div> </div> </div> <style> #rec181186363 .t-text{color:#ffffff;}</style> </div> <div id="rec181186734" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;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_181186734"
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_181186734"
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_8 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_181186734" 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 из 11"> <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/tild6562-3663-4133-b338-623062373939/SZAVr4Piuow.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6562-3663-4133-b338-623062373939/SZAVr4Piuow.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6562-3663-4133-b338-623062373939/-/resizeb/20x/SZAVr4Piuow.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 11"> <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/tild3165-6532-4431-b464-393362356430/2Qv2gPe5m0g.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3165-6532-4431-b464-393362356430/2Qv2gPe5m0g.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3165-6532-4431-b464-393362356430/-/resizeb/20x/2Qv2gPe5m0g.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 11"> <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/tild3632-3937-4430-a333-316366656133/HE1aEbEY9Hk.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3632-3937-4430-a333-316366656133/HE1aEbEY9Hk.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3632-3937-4430-a333-316366656133/-/resizeb/20x/HE1aEbEY9Hk.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 11"> <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/tild3062-3861-4662-b836-363461336139/Vw29qMeIHR0.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__3"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3062-3861-4662-b836-363461336139/Vw29qMeIHR0.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3062-3861-4662-b836-363461336139/-/resizeb/20x/Vw29qMeIHR0.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 11"> <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/tild3266-6639-4164-a635-636639303433/_uQqx3k7p0o.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__4"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3266-6639-4164-a635-636639303433/_uQqx3k7p0o.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3266-6639-4164-a635-636639303433/-/resizeb/20x/_uQqx3k7p0o.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 11"> <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/tild3935-3232-4165-b534-373132323137/AfLMIKu8xPk.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__5"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3935-3232-4165-b534-373132323137/AfLMIKu8xPk.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3935-3232-4165-b534-373132323137/-/resizeb/20x/AfLMIKu8xPk.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 11"> <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/tild3239-6161-4066-b931-346537613535/Y0fPZb-2OHc.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__6"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3239-6161-4066-b931-346537613535/Y0fPZb-2OHc.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3239-6161-4066-b931-346537613535/-/resizeb/20x/Y0fPZb-2OHc.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 11"> <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/tild3639-3730-4736-a665-623039396561/2rjdl3cyldA.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__7"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3639-3730-4736-a665-623039396561/2rjdl3cyldA.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3639-3730-4736-a665-623039396561/-/resizeb/20x/2rjdl3cyldA.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 11"> <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/tild6537-3733-4136-b466-313565383039/vwYTfQO1n8E.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__8"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6537-3733-4136-b466-313565383039/vwYTfQO1n8E.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6537-3733-4136-b466-313565383039/-/resizeb/20x/vwYTfQO1n8E.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 11"> <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/tild3835-6430-4566-b138-303539613662/NFaKAN-SnpI.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__9"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3835-6430-4566-b138-303539613662/NFaKAN-SnpI.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3835-6430-4566-b138-303539613662/-/resizeb/20x/NFaKAN-SnpI.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" data-slider-image-height="550px"></div> </div> </div> </div> </div> <div class="t-slds__item" data-slide-index="11"
role="group"
aria-roledescription="slide"
aria-hidden="false"
aria-label="11 из 11"> <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/tild3365-3331-4234-a130-356433613761/QOrA2oE5f0A.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__10"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3365-3331-4234-a130-356433613761/QOrA2oE5f0A.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3365-3331-4234-a130-356433613761/-/resizeb/20x/QOrA2oE5f0A.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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> <li class="t-slds__bullet " data-slide-bullet-for="11"> <button
type="button"
class="t-slds__bullet_body"
aria-label="Перейти к слайду 11"
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_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">Работа студента OlegatoR</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_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">Работа студента Clement_kas (Саша)</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_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__2">Работа студентки Vasilina Sirotina</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_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__3">Работа студентки Vasilina Sirotina</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_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__4">Работа студента OlegatoR</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_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__5">Работа студента SeekerLight (Гена)</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="7"> <div class="t-slds__caption_wrapper t-align_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__6">Работа студента SeekerLight (Гена)</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="8"> <div class="t-slds__caption_wrapper t-align_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__7">Работа студента Slava_A (Слава Алькин)</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="9"> <div class="t-slds__caption_wrapper t-align_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__8">Работа студента vladunna (Влад)</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="10"> <div class="t-slds__caption_wrapper t-align_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__9">Работа студентки Марины</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="11"> <div class="t-slds__caption_wrapper t-align_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__10">Работа студента Alexey Ivanchenko</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('181186734',false);});});</script> <style>#rec181186734 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec181186734 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec181186585" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Программа курса <br /></span></span></span></span><br /> <span style="font-size: 22px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);">1. Теория <br /></span></span> В этом разделе ты найдешь много теоретической информации которая поможет тебе не совершать ошибок в работе. <br /><br /> Ты узнаешь: <br /><br /> — Что такое PBR текстуры, в чём их особенность, и как работают Metallic\Roughness и Specular\Gloss пайплайны. <br /><br /> — Откуда берутся такие текстурные карты как Curvature, World Space Normal, Position Map, Color ID и зачем они нужны. <br /><br /> — Как подбирается разрешение текстур для различных проектов. <br /><br /> — Какие существуют приёмы маппинга модели и упаковки текстур. <br /><br /> <span style="color: rgb(255, 255, 255);">2. Substance Painter <br /></span> На мой взгляд, Substance Painter — лидер на рынке программ для текстурирования, и каждое новое обновление лишь закрепляет этот статус. <br /><br /> В этом разделе ты найдёшь: <br /><br /> — Видеоуроки по интерфейсу и инструментам программы, а также по основным принципам работы для новичков. Все видео я постарался записать так, чтобы максимально быстро перейти от скучных кнопок к увлекательной практике. <br /><br /> — Практические задания по созданию смарт-материалов. <br /><br /> — Практические задания по текстурированию ассетов. <br /></div></div> </div> </div> </div> <style> #rec181186585 .t-text{color:#ffffff;}</style> </div> <div id="rec181188005" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;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_181188005"
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_181188005"
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_8 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_181188005" 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_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/tild3939-6662-4736-b336-633030613835/8JyQq2RkDyY.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3939-6662-4736-b336-633030613835/8JyQq2RkDyY.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3939-6662-4736-b336-633030613835/-/resizeb/20x/8JyQq2RkDyY.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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_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/tild6431-6631-4464-a237-353166663838/UaqqiVyafWA.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6431-6631-4464-a237-353166663838/UaqqiVyafWA.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6431-6631-4464-a237-353166663838/-/resizeb/20x/UaqqiVyafWA.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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_left" 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_left" 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('181188005',false);});});</script> <style>#rec181188005 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec181188005 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec181187519" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 22px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);">3. Substance Designer <br /></span></span><br /> Designer — это процедурный 2D-редактор, который вместе с Substance Painter образует единую экосистему. Обе эти программы работают с одинаковым форматом файлов. <br /><br /> Знание Designer выводит вашу работу в Painter на новый уровень, так как открывает дорогу к созданию собственных процедурных текстур и материалов, генераторов масок и других инструментов. <br /><br /> Раздел курса по дизайнеру содержит: <br /><br /> — Интерфейсную часть. Серия коротких и ёмких видеоуроков поможет тебе не потеряться в кнопках и быстро освоить логику программы. <br /><br /> — Подраздел «Создание процедурных текстур и материалов». Здесь ты найдёшь большое количество дополнительного материала: референсы, скриншоты графиков с подсказками для удобства, примеры работ студентов с предыдущих потоков. <br /><br /> — Дополнительные инструменты для Substance Painter — такие как процедурные маски, генераторы, кисти и так далее.<br /></div></div> </div> </div> </div> <style> #rec181187519 .t-text{color:#ffffff;}</style> </div> <div id="rec181188311" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;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_181188311"
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_181188311"
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_8 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_181188311" 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 из 4"> <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/tild6431-6238-4137-a661-393332626631/GJnRFklKMRk.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6431-6238-4137-a661-393332626631/GJnRFklKMRk.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6431-6238-4137-a661-393332626631/-/resizeb/20x/GJnRFklKMRk.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 4"> <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/tild3937-3831-4261-b130-623763343732/7OhMCnFGvD8.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3937-3831-4261-b130-623763343732/7OhMCnFGvD8.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3937-3831-4261-b130-623763343732/-/resizeb/20x/7OhMCnFGvD8.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 4"> <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/tild6630-3238-4336-b064-373630633564/A7eRSfx_IKk.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6630-3238-4336-b064-373630633564/A7eRSfx_IKk.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6630-3238-4336-b064-373630633564/-/resizeb/20x/A7eRSfx_IKk.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 4"> <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/tild3265-6562-4361-a633-626438376539/N2toRMJCBgE.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__3"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3265-6562-4361-a633-626438376539/N2toRMJCBgE.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3265-6562-4361-a633-626438376539/-/resizeb/20x/N2toRMJCBgE.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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> </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_left" 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_left" style=""> <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_left" style=""> <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_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__3">Некоторые из материалов, которые мы создадим на курсе</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('181188311',false);});});</script> <style>#rec181188311 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec181188311 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec181188158" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 22px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);">4. Библиотека нод Substance Designer <br /></span></span><br /> Библиотека Substance Designer состоит из большого количество нод, каждая из которых выполняет определенную функцию. <br /><br /> Библиотека нод — это раздел, в котором содержатся видеообзоры большинства нод Designer с разъяснением механики их работы и примерами использования. <br /><br /> Вот одно из таких видео:<br /></div></div> </div> </div> </div> <style> #rec181188158 .t-text{color:#ffffff;}</style> </div> <div id="rec181188548" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_8"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="181188548" data-videolazy-type="youtube" data-videolazy-id="33PlOYuORaE" data-videolazy-height="540px"> </div> <style>#rec181188548 .t-video-lazyload{height:540px;}</style> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('181188548');});});</script> </div> <div id="rec181188461" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:26px;line-height:32px;text-align:center;color:#999999;" data-customstyle="yes"><strong>***</strong></div></div> </div> </div> </div> <style> #rec181188461 .t-text{color:#ffffff;}</style> </div> <div id="rec181188642" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Бонусные разделы <br /></span></span></span></span><br /> Помимо основной программы курса, я подготовил несколько дополнительных разделов с важной информацией. <br /><br /> <span style="font-size: 22px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);">1. Art talk — советы по художественной части <br /></span></span><br /> Для того, чтобы хорошо текстурить недостаточно знать кнопки и архитектуру программы. <br /><br /> За выразительными работами стоят фундаментальные художественные навыки, такие как умение работать с цветом и светом, сохранять баланс в деталях, грамотно расставлять акценты. <br /><br /> Как-то раз мой студент подготовил модель разводного ключа, и мы затекстурили его параллельно, чтобы сравнить результат.<br /></div></div> </div> </div> </div> <style> #rec181188642 .t-text{color:#ffffff;}</style> </div> <div id="rec181188900" 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/tild3235-6535-4237-a235-383663653334/eGpUzYB729c.jpg"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild3235-6535-4237-a235-383663653334/-/empty/eGpUzYB729c.jpg" data-original="https://static.tildacdn.com/tild3235-6535-4237-a235-383663653334/eGpUzYB729c.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild3235-6535-4237-a235-383663653334/eGpUzYB729c.jpg" 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="rec181188749" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Геометрия ключа и референс, который мы использовали, были одинаковыми, но результат получился очень разный. <br /><br /> Не забывай, что текстурирование состоит не только из технических, но и художественных навыков. <br /><br /> В разделе Art Talk собрана информацию, которая поможет тебе освоить эти навыки и понять, чему стоит уделить внимание чтобы улучшить свой результат. <br /><br /> <span style="font-size: 22px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);">2. Работа с освещением и камерой и подача материала в Marmoset <br /></span></span><br /> Создание интересных, выразительных материалов — только половина успеха. Для того, чтобы финальная картинка производила впечатление, очень важно уметь правильно подать свою работу. <br /><br /> Свет, ракурс и композиция кадра, — всё это влияет на то как воспринимается твоя работа. <br /><br /> Очень часто этим аспектам уделяется недостаточно внимания. В результате даже хорошие текстуры выглядят незакончено и тускло. <br /><br /> В этом разделе ты узнаешь, как правильно подавать работу, как с помощью освещения подчеркнуть формы, и как ракурс и настройки камеры влияют на восприятие модели.<br /></div></div> </div> </div> </div> <style> #rec181188749 .t-text{color:#ffffff;}</style> </div> <div id="rec181189202" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;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_181189202"
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_181189202"
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_8 t-margin_auto"> <div class="t-slds__items-wrapper t-slds__witharrows t-slds_animated-none"
id="carousel_181189202" 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 из 7"> <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/tild3137-3863-4539-b032-343063376538/V6PAz1wNHRc.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__0"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3137-3863-4539-b032-343063376538/V6PAz1wNHRc.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3137-3863-4539-b032-343063376538/-/resizeb/20x/V6PAz1wNHRc.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 7"> <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/tild3635-3631-4631-a134-333063643064/hwbNiadhWcA.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__1"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3635-3631-4631-a134-333063643064/hwbNiadhWcA.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3635-3631-4631-a134-333063643064/-/resizeb/20x/hwbNiadhWcA.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 7"> <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/tild3839-6539-4337-a362-376437616265/tAijGHXNRSI.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__2"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild3839-6539-4337-a362-376437616265/tAijGHXNRSI.jpg"
style="background-image: url('https://thb.tildacdn.com/tild3839-6539-4337-a362-376437616265/-/resizeb/20x/tAijGHXNRSI.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 7"> <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/tild6363-3263-4635-a331-323365613433/TZAhVkr85Yg.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__3"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6363-3263-4635-a331-323365613433/TZAhVkr85Yg.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6363-3263-4635-a331-323365613433/-/resizeb/20x/TZAhVkr85Yg.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 7"> <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/tild6134-3136-4537-b737-623063356361/2kcCaePzQ-8.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__4"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6134-3136-4537-b737-623063356361/2kcCaePzQ-8.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6134-3136-4537-b737-623063356361/-/resizeb/20x/2kcCaePzQ-8.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 7"> <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/tild6266-3861-4634-b638-373735333435/b-3gCq2lrEo.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__5"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6266-3861-4634-b638-373735333435/b-3gCq2lrEo.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6266-3861-4634-b638-373735333435/-/resizeb/20x/b-3gCq2lrEo.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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 из 7"> <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/tild6661-6535-4632-a630-383862356566/UrcbSUgAMjc.jpg"> <div class="t670__imgwrapper" bgimgfield="gi_img__6"> <div class="t-slds__bgimg t-bgimg" data-original="https://static.tildacdn.com/tild6661-6535-4632-a630-383862356566/UrcbSUgAMjc.jpg"
style="background-image: url('https://thb.tildacdn.com/tild6661-6535-4632-a630-383862356566/-/resizeb/20x/UrcbSUgAMjc.jpg');"> </div> <div class="t670__separator" data-slider-image-width="760" 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> </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_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__0">Работа студентки: Katerina Miru</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_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__1">Работа студентки Marina</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_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__2">Работа студентки Julia Walzer</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_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__3">Работа студентки Marina</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_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__4">Работа студента OlegatoR</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_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__5">Работа студентки Maria Ardinceva</div> </div> </div> <div class="t-slds__caption t-col t-col_8 t-prefix_2 " data-slide-caption="7"> <div class="t-slds__caption_wrapper t-align_left" style=""> <div class="t-slds__descr t-descr t-descr_xxs" data-redactor-notoolbar="yes" field="gi_descr__6">Работа студента Timur</div> </div> </div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t670_init',function() {t670_init('181189202',false);});});</script> <style>#rec181189202 .t-slds__bullet_active .t-slds__bullet_body{background-color:#222 !important;}#rec181189202 .t-slds__bullet:hover .t-slds__bullet_body{background-color:#222 !important;}</style> </div> <div id="rec181188990" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 22px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);">3. Рендеринг в Maya Arnold <br /></span></span><br /> Эта серия видеоуроков будет интересна тем кто хочет найти альтернативу встроенному в Designer и Painter рендеру Iray. <br /><br /> Я покажу, как настраивать материалы и освещение в Arnold, чтобы получить яркий и выразительный шот вашей работы для портфолио. <br /><br /> <span style="font-size: 22px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);">4. Unreal Engine <br /></span></span><br /> В этом разделе собрана информация о том, как работают материалы в игровых движках на примере Unreal Engine 4. <br /><br /> Ты узнаешь как: <br /><br /> — Импортировать текстуры в движок. <br /><br /> — Создавать и настраивать материалы с помощью встроенного редактора нод Unreal Engine 4. <br /><br /> — Смешивать материалы с помощью масок, vertex color, карты высот. <br /><br /> И многое другое!<br /></div></div> </div> </div> </div> <style> #rec181188990 .t-text{color:#ffffff;}</style> </div> <div id="rec181189697" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:26px;line-height:32px;text-align:center;color:#999999;" data-customstyle="yes"><strong>***</strong></div></div> </div> </div> </div> <style> #rec181189697 .t-text{color:#ffffff;}</style> </div> <div id="rec181189710" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Все уроки будут выложены на нашу платформу. Кстати, вот так она выглядит:<br /> </div></div> </div> </div> </div> <style> #rec181189710 .t-text{color:#ffffff;}</style> </div> <div id="rec181173987" 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/tild6234-3266-4836-b461-656537323434/puCLOPU761c.jpg"> <img class="t-img t-width t107__width t-width_10"
src="https://thb.tildacdn.com/tild6234-3266-4836-b461-656537323434/-/empty/puCLOPU761c.jpg" data-original="https://static.tildacdn.com/tild6234-3266-4836-b461-656537323434/puCLOPU761c.jpg"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6234-3266-4836-b461-656537323434/puCLOPU761c.jpg" 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 style="color:#999999;" data-customstyle="yes">Скриншот нашей платформы с мини-курса по кнопкам.</div></div></div> </div> </div> </div> </div> <div id="rec181189818" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:26px;line-height:32px;text-align:center;color:#999999;" data-customstyle="yes"><strong>***</strong></div></div> </div> </div> </div> <style> #rec181189818 .t-text{color:#ffffff;}</style> </div> <div id="rec181189840" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:20px;line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 26px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);"><span style="font-weight: 500;"><span style="font-size: 40px;">Формат обучения <br /></span></span></span></span><br /> <span style="font-size: 22px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);">Видеоуроки и предзапись <br /></span></span><br /> Основная программа курса сделана в виде небольших видеоуроков продолжительностью не более 25 минут. Все видео смонтированы и систематизированы. <br /><br /> <span style="font-size: 22px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);">Нелинейность <br /></span></span><br /> Ты можешь проходить курс в удобном тебе режиме и в любом порядке. Курс выстроен так, чтобы ты сам мог выбирать, чем хочешь заниматься. <br /><br /> К примеру, если ты уже знаком с Substance Painter, но никогда не пользовался дизайнером, ты можешь начать с него и изучать столько, сколько посчитаешь нужным. <br /><br /> <span style="font-size: 22px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);">Практика <br /></span></span><br /> Домашнее задание на курсе ты тоже выбираешь сам. <br /><br /> Я подготовил для курса несколько ассетов, на которых можно практиковаться, однако если ты хочешь затекстурить свою модель, я буду только за. <br /><br /> Создавая процедурные материалы, ты можешь скопировать и попытаться улучшить мой, или придумать свой собственный. <br /><br /> Мы даём нашим студентам свободу выбора и свободу творчества, стараясь словом и делом помогать осваивать программу курса так, как им удобно. <br /><br /> <span style="font-size: 22px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);">Живые стримы <br /></span></span><br /> Раза в неделю я буду проводить живые стримы на YouTube. <br /><br /> На них мы будем разбирать домашнее задание, обсуждать интересные темы и отвечать на вопросы по программе, которые ты всегда можешь задать мне в личку или прямо на стриме. <br /><br /></div></div> </div> </div> </div> <style> #rec181189840 .t-text{color:#ffffff;}</style> </div> <div id="rec181190104" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_8"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="181190104" data-videolazy-type="youtube" data-videolazy-id="nWSIBkGINqs" data-videolazy-height="540px"> </div> <style>#rec181190104 .t-video-lazyload{height:540px;}</style> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('181190104');});});</script> </div> <div id="rec181190250" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:20px;line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"><span style="font-size: 22px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);">Обновления и дополнительный контент <br /></span></span><br /> Программа курса постоянно расширяется. <br /><br /> Обновления курса будут доступны всем студентам, поэтому даже после окончания курса ты будешь получать новые видео и контент. <br /><br /> <span style="font-size: 22px;"><span data-redactor-style="color: #ffffff;" style="color: rgb(255, 255, 255);">Общение в дискорде <br /></span></span><br /> Недостатка в общении у тебя не будет. <br /><br /> Мы создадим отдельный Discord канал по текстурам, где будут общаться все студенты и менторы.<br /></div></div> </div> </div> </div> <style> #rec181190250 .t-text{color:#ffffff;}</style> </div> <div id="rec181189755" 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-6663-4933-b661-396466316666/Screenshot_12.png"> <img class="t-img t-width t107__width t-width_8"
src="https://thb.tildacdn.com/tild6264-6663-4933-b661-396466316666/-/empty/Screenshot_12.png" data-original="https://static.tildacdn.com/tild6264-6663-4933-b661-396466316666/Screenshot_12.png"
imgfield="img" data-zoomable="yes" data-img-zoom-url="https://static.tildacdn.com/tild6264-6663-4933-b661-396466316666/Screenshot_12.png" 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 style="color:#999999;" data-customstyle="yes">Вот так выглядит наш Discord. По текстурам мы сделаем отдельный канал.</div></div></div> </div> </div> </div> </div> <div id="rec181190421" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:20px;line-height:32px;text-align:left;color:#999999;" data-customstyle="yes"> Будут отдельные чаты по программам, по кнопкам, по интересным темам и по проектам, которые будут создавать студенты. <br /><br /> Я знаю, что у новички часто стесняются задавать вопросы, так как считают их глупыми. Для этих целей мы создали специальный чат «стрёмные вопросы», где на них можно получить ответ. <br /></div></div> </div> </div> </div> <style> #rec181190421 .t-text{color:#ffffff;}</style> </div> <div id="rec181190567" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:26px;line-height:32px;text-align:center;color:#999999;" data-customstyle="yes"><strong>***</strong></div></div> </div> </div> </div> <style> #rec181190567 .t-text{color:#ffffff;}</style> </div> <div id="rec317371059" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec317371059 .t396__artboard {height:479px;background-color:#0d0d0d;overflow:visible;}#rec317371059 .t396__filter {height:479px;}#rec317371059 .t396__carrier{height:479px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec317371059 .t396__artboard,#rec317371059 .t396__filter,#rec317371059 .t396__carrier {height:416px;}#rec317371059 .t396__filter {}#rec317371059 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec317371059 .t396__artboard,#rec317371059 .t396__filter,#rec317371059 .t396__carrier {height:386px;}#rec317371059 .t396__filter{background-image:-webkit-gradient( linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)) );background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0));background-color:unset;will-change:transform;}#rec317371059 .t396__carrier {background-position:right center;background-attachment:scroll;}}@media screen and (max-width:639px) {#rec317371059 .t396__artboard,#rec317371059 .t396__filter,#rec317371059 .t396__carrier {height:426px;}#rec317371059 .t396__filter{background-image:-webkit-gradient( linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)) );background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0));background-color:unset;will-change:transform;}#rec317371059 .t396__carrier {background-position:center center;background-attachment:scroll;}}@media screen and (max-width:479px) {#rec317371059 .t396__artboard,#rec317371059 .t396__filter,#rec317371059 .t396__carrier {height:362px;}#rec317371059 .t396__filter{background-image:-webkit-gradient( linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0)) );background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0));background-color:unset;will-change:transform;}#rec317371059 .t396__carrier {background-attachment:scroll;}}#rec317371059 .tn-elem[data-elem-id="1608105552811"]{z-index:1;top:80px;;left:calc(50% - 600px + 20px);;width:1160px;height:301px;}#rec317371059 .tn-elem[data-elem-id="1608105552811"] .tn-atom{border-radius:0px;background-color:#8080ff;background-position:center center;--t396-borderwidth:0px;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){#rec317371059 .tn-elem[data-elem-id="1608105552811"]{top:62px;;left:calc(50% - 480px + 10px);;width:940px;height:272px;}}@media screen and (max-width:959px){#rec317371059 .tn-elem[data-elem-id="1608105552811"]{top:42px;;left:calc(50% - 320px + 13px);;width:618px;height:275px;}}@media screen and (max-width:639px){#rec317371059 .tn-elem[data-elem-id="1608105552811"]{top:31px;;left:calc(50% - 240px + 10px);;width:460px;height:331px;}}@media screen and (max-width:479px){#rec317371059 .tn-elem[data-elem-id="1608105552811"]{top:31px;;left:calc(50% - 160px + 0px);;width:100%;height:289px;border-radius:0px;}#rec317371059 .tn-elem[data-elem-id="1608105552811"] .tn-atom{background-size:cover;border-radius:0px;}}#rec317371059 .tn-elem[data-elem-id="1608105552820"]{color:#ffffff;text-align:center;z-index:3;top:147px;;left:calc(50% - 600px + 301px);;width:598px;height:auto;}#rec317371059 .tn-elem[data-elem-id="1608105552820"] .tn-atom{color:#ffffff;font-size:44px;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){#rec317371059 .tn-elem[data-elem-id="1608105552820"]{top:107px;;left:calc(50% - 480px + 195px);;width:570px;height:auto;}}@media screen and (max-width:959px){#rec317371059 .tn-elem[data-elem-id="1608105552820"]{top:72px;;left:calc(50% - 320px + 45px);;width:550px;height:auto;text-align:center;}#rec317371059 .tn-elem[data-elem-id="1608105552820"] .tn-atom{font-size:40px;background-size:cover;}}@media screen and (max-width:639px){#rec317371059 .tn-elem[data-elem-id="1608105552820"]{top:70px;;left:calc(50% - 240px + 1px);;width:279px;height:auto;text-align:center;}#rec317371059 .tn-elem[data-elem-id="1608105552820"] .tn-atom{font-size:36px;background-size:cover;}}@media screen and (max-width:479px){#rec317371059 .tn-elem[data-elem-id="1608105552820"]{top:60px;;left:calc(50% - 160px + 0px);;width:250px;height:auto;text-align:center;}#rec317371059 .tn-elem[data-elem-id="1608105552820"] .tn-atom{font-size:32px;background-size:cover;}}#rec317371059 .tn-elem[data-elem-id="1613821592556"]{color:#000000;text-align:center;z-index:23;top:237px;;left:calc(50% - 600px + 290px);;width:300px;height:60px;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;border-radius:0px;background-position:center center;--t396-borderwidth:1px;--t396-borderstyle:solid;--t396-borderstyle-existed:1;--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:#ffffff;--t396-bgcolor-image:none;--t396-bgcolor-hover-color:#000000;--t396-bgcolor-hover-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom::after{display:none;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#000000;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover::after{opacity:0;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover{color:#ffffff;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover .tn-atom__button-text{color:#ffffff;}}@media screen and (max-width:1199px){#rec317371059 .tn-elem[data-elem-id="1613821592556"]{top:202px;;left:calc(50% - 480px + 170px);;width:px;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom::after{display:none;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover::after{opacity:0;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:959px){#rec317371059 .tn-elem[data-elem-id="1613821592556"]{top:144px;;left:calc(50% - 320px + 120px);;width:400px;height:60px;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom::after{display:none;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover::after{opacity:0;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:639px){#rec317371059 .tn-elem[data-elem-id="1613821592556"]{top:173px;;left:calc(50% - 240px + 90px);;width:300px;height:60px;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom::after{display:none;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover::after{opacity:0;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:479px){#rec317371059 .tn-elem[data-elem-id="1613821592556"]{top:151px;;left:calc(50% - 160px + 30px);;width:260px;height:60px;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom::after{display:none;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover::after{opacity:0;}#rec317371059 .tn-elem[data-elem-id="1613821592556"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}#rec317371059 .tn-elem[data-elem-id="1621508314729"]{color:#000000;text-align:center;z-index:24;top:237px;;left:calc(50% - 600px + 610px);;width:300px;height:60px;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom{color:#000000;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.5;font-weight:100;border-radius:0px;background-position:center center;--t396-borderwidth:1px;--t396-borderstyle:solid;--t396-borderstyle-existed:1;--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:#ffffff;--t396-bgcolor-image:none;--t396-bgcolor-hover-color:#000000;--t396-bgcolor-hover-image:none;background-color:var(--t396-bgcolor-color,transparent);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom::after{display:none;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-text{transition:color var(--t396-speedhover,0s) ease-in-out;color:#000000;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover::after{opacity:0;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}@media (hover),(min-width:0\0){#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover{color:#ffffff;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover .tn-atom__button-text{color:#ffffff;}}@media screen and (max-width:1199px){#rec317371059 .tn-elem[data-elem-id="1621508314729"]{top:202px;;left:calc(50% - 480px + 490px);;width:px;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom::after{display:none;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover::after{opacity:0;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:959px){#rec317371059 .tn-elem[data-elem-id="1621508314729"]{top:214px;;left:calc(50% - 320px + 120px);;width:400px;height:60px;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom{white-space:normal;font-size:16px;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom::after{display:none;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover::after{opacity:0;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:639px){#rec317371059 .tn-elem[data-elem-id="1621508314729"]{top:243px;;left:calc(50% - 240px + 90px);;width:300px;height:60px;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom::after{display:none;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover::after{opacity:0;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover{animation-name:none;background-color:var(--t396-bgcolor-hover-color,var(--t396-bgcolor-color,transparent));}}}@media screen and (max-width:479px){#rec317371059 .tn-elem[data-elem-id="1621508314729"]{top:221px;;left:calc(50% - 160px + 30px);;width:260px;height:60px;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom{white-space:normal;background-size:cover;background-color:var(--t396-bgcolor-color,transparent);}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom::after{display:none;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-text{overflow:visible;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::before{display:none;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom .tn-atom__button-border::after{display:none;}@media (hover),(min-width:0\0){#rec317371059 .tn-elem[data-elem-id="1621508314729"] .tn-atom:hover::after{opacity:0;}#rec317371059 .tn-elem[data-elem-id="1621508314729"] .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="317371059" data-artboard-screens="320,480,640,960,1200" data-artboard-height="479" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="362" data-artboard-height-res-480="426" data-artboard-height-res-640="386" data-artboard-height-res-960="416"> <div class="t396__carrier" data-artboard-recid="317371059"></div> <div class="t396__filter" data-artboard-recid="317371059"></div> <div class='t396__elem tn-elem tn-elem__3173710591608105552811' data-elem-id='1608105552811' data-elem-type='shape' data-field-top-value="80" data-field-left-value="20" data-field-height-value="301" data-field-width-value="1160" 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="31" data-field-left-res-320-value="0" data-field-height-res-320-value="289" data-field-width-res-320-value="100" data-field-widthunits-res-320-value="%" data-field-top-res-480-value="31" data-field-left-res-480-value="10" data-field-height-res-480-value="331" data-field-width-res-480-value="460" data-field-top-res-640-value="42" data-field-left-res-640-value="13" data-field-height-res-640-value="275" data-field-width-res-640-value="618" data-field-top-res-960-value="62" data-field-left-res-960-value="10" data-field-height-res-960-value="272" data-field-width-res-960-value="940"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__3173710591608105552820' data-elem-id='1608105552820' data-elem-type='text' data-field-top-value="147" data-field-left-value="301" data-field-width-value="598" 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="44" data-field-top-res-320-value="60" data-field-left-res-320-value="0" data-field-width-res-320-value="250" data-field-fontsize-res-320-value="32" data-field-top-res-480-value="70" data-field-left-res-480-value="1" data-field-width-res-480-value="279" data-field-axisx-res-480-value="center" data-field-fontsize-res-480-value="36" data-field-top-res-640-value="72" data-field-left-res-640-value="45" data-field-width-res-640-value="550" data-field-fontsize-res-640-value="40" data-field-top-res-960-value="107" data-field-left-res-960-value="195" data-field-width-res-960-value="570"> <div class='tn-atom'field='tn_text_1608105552820'>ЗАПИСЫВАЙСЯ ПРЯМО СЕЙЧАС</div> </div> <div class='t396__elem tn-elem tn-elem__3173710591613821592556' data-elem-id='1613821592556' data-elem-type='button' data-field-top-value="237" data-field-left-value="290" data-field-height-value="60" data-field-width-value="300" 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="" data-field-fontsize-value="16" data-field-top-res-320-value="151" data-field-left-res-320-value="30" data-field-height-res-320-value="60" data-field-width-res-320-value="260" data-field-top-res-480-value="173" data-field-left-res-480-value="90" data-field-height-res-480-value="60" data-field-width-res-480-value="300" data-field-top-res-640-value="144" data-field-left-res-640-value="120" data-field-height-res-640-value="60" data-field-width-res-640-value="400" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="202" data-field-left-res-960-value="170"> <a class='tn-atom' href="/texture/#payment" target="_blank"> <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__3173710591621508314729' data-elem-id='1621508314729' data-elem-type='button' data-field-top-value="237" data-field-left-value="610" data-field-height-value="60" data-field-width-value="300" 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="" data-field-fontsize-value="16" data-field-top-res-320-value="221" data-field-left-res-320-value="30" data-field-height-res-320-value="60" data-field-width-res-320-value="260" data-field-top-res-480-value="243" data-field-left-res-480-value="90" data-field-height-res-480-value="60" data-field-width-res-480-value="300" data-field-top-res-640-value="214" data-field-left-res-640-value="120" data-field-height-res-640-value="60" data-field-width-res-640-value="400" data-field-fontsize-res-640-value="16" data-field-top-res-960-value="202" data-field-left-res-960-value="490"> <a class='tn-atom' href="/texture/#rassr" target="_blank"> <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('317371059');});});</script> <!-- /T396 --> </div> <div id="rec311962386" class="r t-rec" style="background-color:#0d0d0d; " data-record-type="126" data-bg-color="#0d0d0d"> <!-- T118 --> <div class="t118"> <div class="t-container"> <div class="t-col t-col_12 "> <div class="t-divider t118__line" style="background-color:#ffffff;opacity:0.2;"></div> </div> </div> </div> </div> <div id="rec311962204" class="r t-rec" style=" " data-animationappear="off" data-record-type="702"> <!-- T702 --> <div class="t702"> <div
class="t-popup" data-tooltip-hook="#popup:regur" data-track-popup='/tilda/popup/rec311962204/opened' 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="#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> <style>@media screen and (max-width:560px){#rec311962204 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <div class="t-popup__container t-width t-width_6" data-popup-type="702"> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_center"> <div class="t702__title t-title t-title_xxs" id="popuptitle_311962204">ЗАЯВКА ОТ ОРГАНИЗАЦИИ</div> <div class="t702__descr t-descr t-descr_xs">После заполнения и отправки формы, с Вами свяжется менеджер отдела по работе с юр. клиентами и поможет с оформлением покупки</div> </div> <form
id="form311962204" name='form311962204' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group"
class="t-form js-form-proccess t-form_inputs-total_4 " data-success-callback="t702_onSuccess"> <input type="hidden" name="formservices[]" value="4e815fc791e2e6c4db4884d6e59a4b47" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="7cb71ac814cf5f11b74e7aff35c39e83" 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"> <!-- @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;" data-success-message="Заявка отправлена"></div> <div
class="t-form__inputsbox
t-form__inputsbox_vertical-form t-form__inputsbox_inrow "> <div
class=" t-input-group t-input-group_in " data-input-lid="1495810359387" data-field-type="in" data-field-name="как_тебя_зовут"> <label
for='input_1495810359387'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810359387" data-redactor-toolbar="no"
field="li_title__1495810359387"
style="color:;">Как Вас зовут?</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="text"
name="как_тебя_зовут"
id="input_1495810359387"
class="t-input js-tilda-rule"
value=""
placeholder="Иван"
aria-describedby="error_1495810359387"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1495810359387"></div> </div> <div
class=" t-input-group t-input-group_ph " data-input-lid="1495810354468" data-field-async="true" data-field-type="ph" data-field-name="Phone"> <label
for='input_1495810354468'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810354468" data-redactor-toolbar="no"
field="li_title__1495810354468"
style="color:;">Телефон</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="tel"
autocomplete="tel"
name="Phone"
id="input_1495810354468" data-phonemask-init="no" data-phonemask-id="311962204" data-phonemask-lid="1495810354468" 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_1495810354468"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> <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('#rec311962204 [data-phonemask-lid="1495810354468"]');t_form_phonemask_load(phoneMasks);});})})});</script> </div> <div class="t-input-error" aria-live="polite" id="error_1495810354468"></div> </div> <div
class=" t-input-group t-input-group_em " data-input-lid="1613750622265" data-field-type="em" data-field-name="Email"> <label
for='input_1613750622265'
class="t-input-title t-descr t-descr_md"
id="field-title_1613750622265" data-redactor-toolbar="no"
field="li_title__1613750622265"
style="color:;">Почта</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="email"
autocomplete="email"
name="Email"
id="input_1613750622265"
class="t-input js-tilda-rule"
value=""
placeholder="hello@school-xyz.com" data-tilda-req="1" aria-required="true" data-tilda-rule="email"
aria-describedby="error_1613750622265"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1613750622265"></div> </div> <div
class=" t-input-group t-input-group_in " data-input-lid="1616076075170" data-field-type="in" data-field-name="Наименование организации"> <label
for='input_1616076075170'
class="t-input-title t-descr t-descr_md"
id="field-title_1616076075170" data-redactor-toolbar="no"
field="li_title__1616076075170"
style="color:;">Наименование организации</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="text"
name="Наименование организации"
id="input_1616076075170"
class="t-input js-tilda-rule"
value=""
placeholder="ООО «ИКС ВАЙ ЗЕТ НЕТВОРК»" data-tilda-req="1" aria-required="true"
aria-describedby="error_1616076075170"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1616076075170"></div> </div> <input type="hidden" name="type" tabindex="-1" value="company"> <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>#rec311962204 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#8080ff;--border-width:0px;border-style:none !important;border-radius:0px;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) {#rec311962204 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):hover {background-color:#101010 !important;}#rec311962204 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):focus-visible {background-color:#101010 !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>#rec311962204 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec311962204 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec311962204 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec311962204 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec311962204 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec311962204 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec311962204 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec311962204 textarea:-ms-input-placeholder{color:#000000;opacity:0.5;}</style> <div class="t702__form-bottom-text t-text t-text_xs t-align_center"><div style="text-align: center;" data-customstyle="yes">Нажимая на кнопку, Вы соглашаетесь с Договором Публичной Оферты и обработкой своих персональных данных.<br /><br /><a href="https://www.school-xyz.com/publicoffer" style="color: rgb(17, 85, 204); font-size: 16px;"><u>Договор Публичной Оферты</u></a><br /><a href="https://school-xyz.com/privacy" style="color: rgb(17, 85, 204); font-size: 16px;"><u>Политика конфиденциальности</u></a></div></div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t702_initPopup',function() {t702_initPopup('311962204');});});</script> <style> #rec311962204 .t702__title{font-family:'BebasRoboto';font-weight:500;}#rec311962204 .t702__descr{padding-top:5px;padding-bottom:5px;}</style> </div> <div id="rec274677639" class="r t-rec" style=" " data-animationappear="off" data-record-type="121" data-alias-record-type="702"> <!-- T702 --> <div class="t702"> <div
class="t-popup" data-tooltip-hook="#popup:credit" data-track-popup='/tilda/popup/rec274677639/opened' 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="#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> <style>@media screen and (max-width:560px){#rec274677639 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <div class="t-popup__container t-width t-width_6" data-popup-type="702"> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_center"> <div class="t702__title t-title t-title_xxs" id="popuptitle_274677639">ЗАЯВКА НА КРЕДИТ</div> <div class="t702__descr t-descr t-descr_xs">После отправки заявки в течении двух дней с вами свяжется менеджер кредитного отдела банков и поможет с оформлением покупки.</div> </div> <form
id="form274677639" name='form274677639' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group"
class="t-form js-form-proccess t-form_inputs-total_4 " data-success-callback="t702_onSuccess"> <input type="hidden" name="formservices[]" value="36600e933da136511149849683298a67" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="7cb71ac814cf5f11b74e7aff35c39e83" 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"> <!-- @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;" data-success-message="Заявка отправлена"></div> <div
class="t-form__inputsbox
t-form__inputsbox_vertical-form t-form__inputsbox_inrow "> <div
class=" t-input-group t-input-group_in " data-input-lid="1495810359387" data-field-type="in" data-field-name="Как вас зовут"> <label
for='input_1495810359387'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810359387" data-redactor-toolbar="no"
field="li_title__1495810359387"
style="color:;">Как вас зовут?</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="text"
name="Как вас зовут"
id="input_1495810359387"
class="t-input js-tilda-rule"
value=""
placeholder="ФИО"
aria-describedby="error_1495810359387"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1495810359387"></div> </div> <div
class=" t-input-group t-input-group_ph " data-input-lid="1495810354468" data-field-async="true" data-field-type="ph" data-field-name="Phone"> <label
for='input_1495810354468'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810354468" data-redactor-toolbar="no"
field="li_title__1495810354468"
style="color:;">Телефон</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="tel"
autocomplete="tel"
name="Phone"
id="input_1495810354468" data-phonemask-init="no" data-phonemask-id="274677639" data-phonemask-lid="1495810354468" 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_1495810354468"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> <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('#rec274677639 [data-phonemask-lid="1495810354468"]');t_form_phonemask_load(phoneMasks);});})})});</script> </div> <div class="t-input-error" aria-live="polite" id="error_1495810354468"></div> </div> <div
class=" t-input-group t-input-group_in " data-input-lid="1568017147839" data-field-type="in" data-field-name="Какой курс вы хотите"> <label
for='input_1568017147839'
class="t-input-title t-descr t-descr_md"
id="field-title_1568017147839" data-redactor-toolbar="no"
field="li_title__1568017147839"
style="color:;">Какой курс вы хотите?</label> <div
class="t-input-subtitle t-descr t-descr_xxs t-opacity_70" data-redactor-toolbar="no"
field="li_subtitle__1568017147839"
style="color:;">Это общая форма на все курсы школы, поэтому пожалуйста уточните курс</div> <div class="t-input-block " style="border-radius:0px;"> <input
type="text"
name="Какой курс вы хотите"
id="input_1568017147839"
class="t-input js-tilda-rule"
value="" data-tilda-req="1" aria-required="true"
aria-describedby="error_1568017147839"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1568017147839"></div> </div> <div
class=" t-input-group t-input-group_in " data-input-lid="1611458515453" data-field-type="in" data-field-name="Трудоустроены Есть самозанятость"> <label
for='input_1611458515453'
class="t-input-title t-descr t-descr_md"
id="field-title_1611458515453" data-redactor-toolbar="no"
field="li_title__1611458515453"
style="color:;">Трудоустроены? Есть самозанятость?</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="text"
name="Трудоустроены Есть самозанятость"
id="input_1611458515453"
class="t-input js-tilda-rule"
value="" data-tilda-req="1" aria-required="true"
aria-describedby="error_1611458515453"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1611458515453"></div> </div> <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>#rec274677639 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#8080ff;--border-width:0px;border-style:none !important;border-radius:0px;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) {#rec274677639 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):hover {background-color:#101010 !important;}#rec274677639 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):focus-visible {background-color:#101010 !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>#rec274677639 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec274677639 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec274677639 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec274677639 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec274677639 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec274677639 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec274677639 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec274677639 textarea:-ms-input-placeholder{color:#000000;opacity:0.5;}</style> <div class="t702__form-bottom-text t-text t-text_xs t-align_center"><div style="text-align:center;" data-customstyle="yes">Нажимая на кнопку, вы соглашаетесь с Договором Публичной Оферты и обработкой своих персональных данных.<br /><br /><a href="https://www.school-xyz.com/publicoffer" style="color: rgb(17, 85, 204); text-decoration: underline; font-size: 16px; text-align: center;">Договор Публичной Оферты</a><br /><a href="https://school-xyz.com/privacy" style="color: rgb(17, 85, 204); text-decoration: underline; font-size: 16px; text-align: center;">Политика конфиденциальности</a></div></div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t702_initPopup',function() {t702_initPopup('274677639');});});</script> <style> #rec274677639 .t702__title{font-family:'BebasRoboto';font-weight:500;}#rec274677639 .t702__descr{padding-top:5px;padding-bottom:5px;}</style> </div> <div id="rec285438780" class="r t-rec" style=" " data-animationappear="off" data-record-type="702"> <!-- T702 --> <div class="t702"> <div
class="t-popup" data-tooltip-hook="#popup:rassr" data-track-popup='/tilda/popup/rec285438780/opened' 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="#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> <style>@media screen and (max-width:560px){#rec285438780 .t-popup__close-icon g{fill:#ffffff !important;}}</style> <div class="t-popup__container t-width t-width_6" data-popup-type="702"> <div class="t702__wrapper"> <div class="t702__text-wrapper t-align_center"> <div class="t702__title t-title t-title_xxs" id="popuptitle_285438780">ЗАЯВКА НА РАССРОЧКУ</div> <div class="t702__descr t-descr t-descr_xs">После отправки заявки в течение часа с тобой свяжется менеджер отдела рассрочки школы и поможет с оформлением покупки</div> </div> <form
id="form285438780" name='form285438780' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group"
class="t-form js-form-proccess t-form_inputs-total_3 " data-success-callback="t702_onSuccess"> <input type="hidden" name="formservices[]" value="36600e933da136511149849683298a67" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="7cb71ac814cf5f11b74e7aff35c39e83" 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"> <!-- @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;" data-success-message="Заявка отправлена"></div> <div
class="t-form__inputsbox
t-form__inputsbox_vertical-form t-form__inputsbox_inrow "> <div
class=" t-input-group t-input-group_in " data-input-lid="1495810359387" data-field-type="in" data-field-name="как_тебя_зовут"> <label
for='input_1495810359387'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810359387" data-redactor-toolbar="no"
field="li_title__1495810359387"
style="color:;">Как тебя зовут?</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="text"
name="как_тебя_зовут"
id="input_1495810359387"
class="t-input js-tilda-rule"
value=""
placeholder="Иван"
aria-describedby="error_1495810359387"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1495810359387"></div> </div> <div
class=" t-input-group t-input-group_ph " data-input-lid="1495810354468" data-field-async="true" data-field-type="ph" data-field-name="Phone"> <label
for='input_1495810354468'
class="t-input-title t-descr t-descr_md"
id="field-title_1495810354468" data-redactor-toolbar="no"
field="li_title__1495810354468"
style="color:;">Телефон</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="tel"
autocomplete="tel"
name="Phone"
id="input_1495810354468" data-phonemask-init="no" data-phonemask-id="285438780" data-phonemask-lid="1495810354468" 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_1495810354468"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> <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('#rec285438780 [data-phonemask-lid="1495810354468"]');t_form_phonemask_load(phoneMasks);});})})});</script> </div> <div class="t-input-error" aria-live="polite" id="error_1495810354468"></div> </div> <div
class=" t-input-group t-input-group_em " data-input-lid="1613750622265" data-field-type="em" data-field-name="Email"> <label
for='input_1613750622265'
class="t-input-title t-descr t-descr_md"
id="field-title_1613750622265" data-redactor-toolbar="no"
field="li_title__1613750622265"
style="color:;">Почта</label> <div class="t-input-block " style="border-radius:0px;"> <input
type="email"
autocomplete="email"
name="Email"
id="input_1613750622265"
class="t-input js-tilda-rule"
value=""
placeholder="hello@school-xyz.com" data-tilda-req="1" aria-required="true" data-tilda-rule="email"
aria-describedby="error_1613750622265"
style="color:#000000;border:1px solid #c9c9c9;border-radius:0px;"> </div> <div class="t-input-error" aria-live="polite" id="error_1613750622265"></div> </div> <input type="hidden" name="Курс" tabindex="-1" value="Texture Trip"> <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>#rec285438780 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#8080ff;--border-width:0px;border-style:none !important;border-radius:0px;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) {#rec285438780 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):hover {background-color:#101010 !important;}#rec285438780 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):focus-visible {background-color:#101010 !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>#rec285438780 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec285438780 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec285438780 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec285438780 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec285438780 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec285438780 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec285438780 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec285438780 textarea:-ms-input-placeholder{color:#000000;opacity:0.5;}</style> <div class="t702__form-bottom-text t-text t-text_xs t-align_center"><div style="text-align: center;" data-customstyle="yes">Нажимая на кнопку, ты соглашаешься с Договором Публичной Оферты и обработкой своих персональных данных.<br /><br /><a href="https://www.school-xyz.com/publicoffer" style="color: rgb(17, 85, 204); font-size: 16px;"><u>Договор Публичной Оферты</u></a><br /><a href="https://school-xyz.com/privacy" style="color: rgb(17, 85, 204); font-size: 16px;"><u>Политика конфиденциальности</u></a></div></div> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t702_initPopup',function() {t702_initPopup('285438780');});});</script> <style> #rec285438780 .t702__title{font-family:'BebasRoboto';font-weight:500;}#rec285438780 .t702__descr{padding-top:5px;padding-bottom:5px;}</style> </div> <div id="rec275383695" 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 src="https://forma.tinkoff.ru/static/onlineScript.js"></script> <!--Tinkoff modal fix --> <style>div[class^=modal-root--] {z-index: 10000;}</style> <!-- nominify end --> </div> </div> </div> </div> <div id="rec285860361" class="r t-rec" style=" " data-animationappear="off" data-record-type="706"> <!--tcart--> <!-- @classes: t-text t-text_xs t-name t-name_xs t-name_md t-btn t-btn_sm --> <script>t_onReady(function() {setTimeout(function() {t_onFuncLoad('tcart__init',function() {tcart__init('285860361',{cssClassName:''});});},50);var userAgent=navigator.userAgent.toLowerCase();var body=document.body;if(!body) return;if(userAgent.indexOf('instagram')!==-1&&userAgent.indexOf('iphone')!==-1) {body.style.position='relative';}
var rec=document.querySelector('#rec285860361');if(!rec) return;var cartWindow=rec.querySelector('.t706__cartwin,.t706__cartpage');var allRecords=document.querySelector('.t-records');var currentMode=allRecords.getAttribute('data-tilda-mode');if(cartWindow&¤tMode!=='edit'&¤tMode!=='preview') {cartWindow.addEventListener('scroll',t_throttle(function() {if(window.lazy==='y'||document.querySelector('#allrecords').getAttribute('data-tilda-lazy')==='yes') {t_onFuncLoad('t_lazyload_update',function() {t_lazyload_update();});}},500));}});</script> <div class="t706" data-cart-countdown="yes" data-opencart-onorder="yes" data-project-currency="р." data-project-currency-side="r" data-project-currency-sep="," data-project-currency-code="RUB" data-payment-system="cloudpayments" data-cart-oneproduct="y" data-cart-sendevent-onadd="y"> <div class="t706__carticon" style=""> <div class="t706__carticon-text t-name t-name_xs"></div> <div class="t706__carticon-wrapper"> <div class="t706__carticon-imgwrap" style="background-color:#ffffff;"> <svg role="img" class="t706__carticon-img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"> <path fill="none" stroke-width="2" stroke-miterlimit="10" d="M44 18h10v45H10V18h10z"/> <path fill="none" stroke-width="2" stroke-miterlimit="10" d="M22 24V11c0-5.523 4.477-10 10-10s10 4.477 10 10v13"/> </svg> </div> <div class="t706__carticon-counter js-carticon-counter" style="background-color:#00b6d7;color:#ffffff;"></div> </div> </div> <div class="t706__cartwin" style="display: none;"> <div class="t706__close t706__cartwin-close"> <button type="button" class="t706__close-button t706__cartwin-close-wrapper" aria-label="Закрыть корзину"> <svg role="presentation" class="t706__close-icon t706__cartwin-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="t706__cartwin-content"> <div class="t706__cartwin-top"> <div class="t706__cartwin-heading t-name t-name_xl">Твой заказ</div> </div> <div class="t706__cartwin-products"></div> <div class="t706__cartwin-bottom"> <div class="t706__cartwin-prodamount-wrap t-descr t-descr_sm"> <span class="t706__cartwin-prodamount-label"></span> <span class="t706__cartwin-prodamount"></span> </div> </div> <div class="t706__orderform "> <form
id="form285860361" name='form285860361' role="form" action='' method='POST' data-formactiontype="2" data-inputbox=".t-input-group"
class="t-form js-form-proccess t-form_inputs-total_3 " data-formsended-callback="t706_onSuccessCallback"> <input type="hidden" name="formservices[]" value="63ed15e8822a13a0a951afd31ecfbcd8" class="js-formaction-services"> <input type="hidden" name="formservices[]" value="7cb71ac814cf5f11b74e7aff35c39e83" 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="Cart"> <!-- @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_inrow "> <div
class=" t-input-group t-input-group_nm " data-input-lid="1496239431201" data-field-type="nm" data-field-name="как_тебя_зовут"> <label
for='input_1496239431201'
class="t-input-title t-descr t-descr_md"
id="field-title_1496239431201" data-redactor-toolbar="no"
field="li_title__1496239431201"
style="color:#000000;">Как тебя зовут?</label> <div class="t-input-block "> <input
type="text"
autocomplete="name"
name="как_тебя_зовут"
id="input_1496239431201"
class="t-input js-tilda-rule"
value=""
placeholder="Иван" data-tilda-req="1" aria-required="true" data-tilda-rule="name"
aria-describedby="error_1496239431201"
style="color:#000000;border:1px solid #000000;background-color:#ffffff;"> </div> <div class="t-input-error" aria-live="polite" id="error_1496239431201"></div> </div> <div
class=" t-input-group t-input-group_ph " data-input-lid="1565618743334" data-field-async="true" data-field-type="ph" data-field-name="Phone"> <label
for='input_1565618743334'
class="t-input-title t-descr t-descr_md"
id="field-title_1565618743334" data-redactor-toolbar="no"
field="li_title__1565618743334"
style="color:#000000;">Телефон</label> <div
class="t-input-subtitle t-descr t-descr_xxs t-opacity_70" data-redactor-toolbar="no"
field="li_subtitle__1565618743334"
style="color:#000000;">Для быстрой связи</div> <div class="t-input-block "> <input
type="tel"
autocomplete="tel"
name="Phone"
id="input_1565618743334" data-phonemask-init="no" data-phonemask-id="285860361" data-phonemask-lid="1565618743334" 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_1565618743334"
style="color:#000000;border:1px solid #000000;background-color:#ffffff;"> <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('#rec285860361 [data-phonemask-lid="1565618743334"]');t_form_phonemask_load(phoneMasks);});})})});</script> </div> <div class="t-input-error" aria-live="polite" id="error_1565618743334"></div> </div> <div
class=" t-input-group t-input-group_em " data-input-lid="1611555002229" data-field-type="em" data-field-name="Email"> <label
for='input_1611555002229'
class="t-input-title t-descr t-descr_md"
id="field-title_1611555002229" data-redactor-toolbar="no"
field="li_title__1611555002229"
style="color:#000000;">Почта</label> <div
class="t-input-subtitle t-descr t-descr_xxs t-opacity_70" data-redactor-toolbar="no"
field="li_subtitle__1611555002229"
style="color:#000000;">Для рассылки об акциях и скидках</div> <div class="t-input-block "> <input
type="email"
autocomplete="email"
name="Email"
id="input_1611555002229"
class="t-input js-tilda-rule"
value=""
placeholder="hello@school-xyz.com" data-tilda-req="1" aria-required="true" data-tilda-rule="email"
aria-describedby="error_1611555002229"
style="color:#000000;border:1px solid #000000;background-color:#ffffff;"> </div> <div class="t-input-error" aria-live="polite" id="error_1611555002229"></div> </div> <div class="t-input-group t-input-group_pm" style="margin: 40px 0;"> <div class="t-input-title t-descr t-descr_md" style="color:#000000;">Payment method</div> <div class="t-input-block"> <div class="t-radio__wrapper t-radio__wrapper-payment" data-tilda-payment-variants-hook='y'> <label class="t-radio__control t-text t-text_xs" style="color: #000000"><input type="radio" name="paymentsystem" value="cloudpayments" checked="checked" class="t-radio t-radio_payment" data-payment-variant-system="cloudpayments"><div class="t-radio__indicator"></div>
CloudPayments (при оплате по миру)
</label> <label class="t-radio__control t-text t-text_xs" style="color: #000000"><input type="radio" name="paymentsystem" value="yakassa" class="t-radio t-radio_payment" data-payment-variant-system="yakassa"><div class="t-radio__indicator"></div>
ЮKassa
</label> </div> </div> </div> <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>#rec285860361 .t-btnflex.t-btnflex_type_submit {color:#ffffff;background-color:#1c1c1c;--border-width:0px;border-style:none !important;box-shadow:none !important;font-weight:100;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) {#rec285860361 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):hover {color:#000000 !important;}#rec285860361 .t-btnflex.t-btnflex_type_submit:not(.t-animate_no-hover):focus-visible {color:#000000 !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>#rec285860361 input::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec285860361 input::-moz-placeholder{color:#000000;opacity:0.5;}#rec285860361 input:-moz-placeholder {color:#000000;opacity:0.5;}#rec285860361 input:-ms-input-placeholder{color:#000000;opacity:0.5;}#rec285860361 textarea::-webkit-input-placeholder {color:#000000;opacity:0.5;}#rec285860361 textarea::-moz-placeholder{color:#000000;opacity:0.5;}#rec285860361 textarea:-moz-placeholder {color:#000000;opacity:0.5;}#rec285860361 textarea:-ms-input-placeholder{color:#000000;opacity:0.5;}</style> </div> <div class="t706__form-bottom-text t-text t-text_xs"><div style="text-align: center;" data-customstyle="yes">Нажимая на кнопку, ты соглашаешься с Договором Публичной Оферты и обработкой своих персональных данных.<br /><a href="https://www.school-xyz.com/privacy" style="color: rgb(51, 122, 183); font-size: 16px; font-weight: 600;">Договор Публичной Оферты</a><br /><a href="https://www.school-xyz.com/privacy" style="color: rgb(51, 122, 183); font-size: 16px; font-weight: 600;">Политика конфиденциальности</a></div></div> </div> </div> <div class="t706__cartdata"> </div> </div> <style></style> <style>.t-menuwidgeticons__cart .t-menuwidgeticons__icon-counter{background-color:#00b6d7;}</style> <style>.t-menuwidgeticons__cart .t-menuwidgeticons__icon-counter{color:#ffffff !important;}</style> <!--/tcart--> </div> <div id="rec234821546" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:20px;line-height:32px;text-align:left;color:#999999;" data-customstyle="yes">Курс начнётся 10 января. <br /><br /> Зарегистрироваться на курс: <a href="https://www.school-xyz.com/texture" style="color:rgb(128, 128, 255) !important;">School-xyz.com/texture</a> <br /></div></div> </div> </div> </div> <style> #rec234821546 .t-text{color:#ffffff;}</style> </div> <div id="rec181524855" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:26px;line-height:32px;text-align:center;color:#999999;" data-customstyle="yes"><strong>***</strong></div></div> </div> </div> </div> <style> #rec181524855 .t-text{color:#ffffff;}</style> </div> <div id="rec294523801" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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; font-size: 40px; color: rgb(255, 255, 255);">ОТЗЫВЫ ОБ XYZ SCHOOL</span></div></div> </div> </div> </div> <style> #rec294523801 .t-text{color:#ffffff;font-family:'BebasRoboto';font-weight:100;}</style> </div> <div id="rec294523609" class="r t-rec t-rec_pt_0 t-rec_pb_15" style="padding-top:0px;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: 100;">Читать отзывы о XYZ School: </span><a href="https://headkurs.com/schools/otzyvy-xyz-school/" target="_blank" style="color: rgb(128, 128, 255); font-weight: 100;">headkurs.com/schools/otzyvy-xyz-school/</a><br /><span style="font-weight: 100;"> </span></div></div> </div> </div> </div> <style> #rec294523609 .t-text{color:#ffffff;font-family:'BebasRoboto';font-weight:100;}</style> </div> <div id="rec181190762" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_8"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="181190762" data-videolazy-type="youtube" data-videolazy-id="xmhL3y8sZbo" data-videolazy-height="540px"> </div> <style>#rec181190762 .t-video-lazyload{height:540px;}</style> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('181190762');});});</script> </div> <div id="rec181190774" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_8"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="181190774" data-videolazy-type="youtube" data-videolazy-id="5RnXuurFUeM" data-videolazy-height="540px"> </div> <style>#rec181190774 .t-video-lazyload{height:540px;}</style> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('181190774');});});</script> </div> <div id="rec181190870" class="r t-rec t-rec_pt_30 t-rec_pb_30" style="padding-top:30px;padding-bottom:30px;background-color:#0d0d0d; " data-record-type="4" data-bg-color="#0d0d0d"> <!-- t121 --> <div class="t121"> <center> <div class="t-width t-width_8"> <div class="t121__wrap-video"> <div class="t-video-lazyload" data-videolazy-load="false" data-blocklazy-id="181190870" data-videolazy-type="youtube" data-videolazy-id="0Dg5E51Ikgc" data-videolazy-height="540px"> </div> <style>#rec181190870 .t-video-lazyload{height:540px;}</style> </div> </div> </center> </div> <script type="text/javascript">t_onReady(function() {t_onFuncLoad('t121_init',function() {t121_init('181190870');});});</script> </div> <div id="rec181190925" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:26px;line-height:32px;text-align:center;color:#999999;" data-customstyle="yes"><strong>***</strong></div></div> </div> </div> </div> <style> #rec181190925 .t-text{color:#ffffff;}</style> </div> <div id="rec181173990" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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); line-height: 32px; text-align: left;" data-customstyle="yes">Если хочешь научиться создавать процедурные текстуры и овладеть новым навыком, востребованном на рынке, — переходи по <a href="https://www.school-xyz.com/texture" style="color: rgb(128, 128, 255);">ссылке</a> и бронируй место на курсе. Тебя ждут 4 месяца практических занятий, доступ к огромному количеству полезной информации и общение с единомышленниками.</div></div> </div> </div> </div> <style> #rec181173990 .t-text{color:#ffffff;}</style> </div> <div id="rec181173991" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="font-size:26px;line-height:32px;text-align:center;color:#999999;" data-customstyle="yes"><strong>***</strong></div></div> </div> </div> </div> <style> #rec181173991 .t-text{color:#ffffff;}</style> </div> <div id="rec181173992" class="r t-rec t-rec_pt_15 t-rec_pb_0" style="padding-top:15px;padding-bottom:0px;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="line-height:32px;text-align:left;color:#999999;" data-customstyle="yes">Если у тебя остались вопросы, пиши в <a href="https://vk.me/xyz_gamedev" style="color:rgb(128, 128, 255) !important;">личные сообщения</a> группы.<br />И <a href="https://vk.com/xyz_gamedev" style="color:rgb(128, 128, 255) !important;">подписывайся на нас</a>, если ты ещё не с нами!</div></div> </div> </div> </div> <style> #rec181173992 .t-text{color:#ffffff;}</style> </div> <div id="rec181173993" 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/tild3561-3363-4630-b231-373461643131/1.png"> <img class="t-img t-width t107__widthauto"
src="https://thb.tildacdn.com/tild3561-3363-4630-b231-373461643131/-/empty/1.png" data-original="https://static.tildacdn.com/tild3561-3363-4630-b231-373461643131/1.png"
imgfield="img"
alt=""> </div> </div> </div> <div id="rec181173994" 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:#efefef;"> <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="181173994" 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(181173994);});});</script> <style> #rec181173994 .t797__wrapper{border-radius:10px;}</style> </div> <div id="rec181173995" class="r t-rec" style=" " data-animationappear="off" data-record-type="396"> <!-- T396 --> <style>#rec181173995 .t396__artboard {height:460px;background-color:#0D0D0D;}#rec181173995 .t396__filter {height:460px;}#rec181173995 .t396__carrier{height:460px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec181173995 .t396__artboard,#rec181173995 .t396__filter,#rec181173995 .t396__carrier {}#rec181173995 .t396__filter {}#rec181173995 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec181173995 .t396__artboard,#rec181173995 .t396__filter,#rec181173995 .t396__carrier {height:440px;}#rec181173995 .t396__filter {}#rec181173995 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec181173995 .t396__artboard,#rec181173995 .t396__filter,#rec181173995 .t396__carrier {}#rec181173995 .t396__filter {}#rec181173995 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec181173995 .t396__artboard,#rec181173995 .t396__filter,#rec181173995 .t396__carrier {height:480px;}#rec181173995 .t396__filter {}#rec181173995 .t396__carrier {background-attachment:scroll;}}#rec181173995 .tn-elem[data-elem-id="1564554044037"]{color:#ffffff;text-align:center;z-index:1;top:100px;;left:calc(50% - 600px + 320px);;width:560px;height:auto;}#rec181173995 .tn-elem[data-elem-id="1564554044037"] .tn-atom{color:#ffffff;font-size:32px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.2;font-weight:700;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){#rec181173995 .tn-elem[data-elem-id="1564554044037"]{top:100px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec181173995 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 320px + 40px);;height:auto;}}@media screen and (max-width:639px){#rec181173995 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 240px + 40px);;width:400px;height:auto;}}@media screen and (max-width:479px){#rec181173995 .tn-elem[data-elem-id="1564554044037"]{top:70px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}}#rec181173995 .tn-elem[data-elem-id="1564554130456"]{color:#999;text-align:center;z-index:2;top:185px;;left:calc(50% - 600px + 415px);;width:370px;height:auto;}#rec181173995 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#999;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;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){#rec181173995 .tn-elem[data-elem-id="1564554130456"]{top:185px;;left:calc(50% - 480px + 295px);;height:auto;}}@media screen and (max-width:959px){#rec181173995 .tn-elem[data-elem-id="1564554130456"]{top:155px;;left:calc(50% - 320px + 135px);;height:auto;}}@media screen and (max-width:639px){#rec181173995 .tn-elem[data-elem-id="1564554130456"]{top:155px;;left:calc(50% - 240px + 55px);;height:auto;}}@media screen and (max-width:479px){#rec181173995 .tn-elem[data-elem-id="1564554130456"]{top:195px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;color:#999999;}#rec181173995 .tn-elem[data-elem-id="1564554130456"] .tn-atom{color:#999999;background-size:cover;}}#rec181173995 .tn-elem[data-elem-id="1564554178466"]{z-index:3;top:258px;;left:calc(50% - 600px + 320px);;width:560px;height:auto;}#rec181173995 .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){#rec181173995 .tn-elem[data-elem-id="1564554178466"]{top:248px;;left:calc(50% - 480px + 200px);;height:auto;}}@media screen and (max-width:959px){#rec181173995 .tn-elem[data-elem-id="1564554178466"]{top:228px;;left:calc(50% - 320px + 40px);;height:auto;}}@media screen and (max-width:639px){#rec181173995 .tn-elem[data-elem-id="1564554178466"]{top:228px;;left:calc(50% - 240px + 10px);;width:460px;height:auto;}}@media screen and (max-width:479px){#rec181173995 .tn-elem[data-elem-id="1564554178466"]{top:248px;;left:calc(50% - 160px + 30px);;width:200px;height:auto;}}#rec181173995 .tn-elem[data-elem-id="1564876573371"]{color:#666666;text-align:center;z-index:4;top:330px;;left:calc(50% - 600px + 445px);;width:310px;height:auto;}#rec181173995 .tn-elem[data-elem-id="1564876573371"] .tn-atom{color:#666666;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;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){#rec181173995 .tn-elem[data-elem-id="1564876573371"]{top:335px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec181173995 .tn-elem[data-elem-id="1564876573371"]{top:315px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec181173995 .tn-elem[data-elem-id="1564876573371"]{top:310px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec181173995 .tn-elem[data-elem-id="1564876573371"]{top:375px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}#rec181173995 .tn-elem[data-elem-id="1564876573371"] .tn-atom{font-size:14px;background-size:cover;}}#rec181173995 .tn-elem[data-elem-id="1565701393805"]{color:#666666;text-align:center;z-index:5;top:375px;;left:calc(50% - 600px + 445px);;width:310px;height:auto;}#rec181173995 .tn-elem[data-elem-id="1565701393805"] .tn-atom{color:#666666;font-size:16px;font-family:'BebasRoboto',Arial,sans-serif;line-height:1.3;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){#rec181173995 .tn-elem[data-elem-id="1565701393805"]{top:380px;;left:calc(50% - 480px + 325px);;height:auto;}}@media screen and (max-width:959px){#rec181173995 .tn-elem[data-elem-id="1565701393805"]{top:360px;;left:calc(50% - 320px + 165px);;height:auto;}}@media screen and (max-width:639px){#rec181173995 .tn-elem[data-elem-id="1565701393805"]{top:360px;;left:calc(50% - 240px + 85px);;height:auto;}}@media screen and (max-width:479px){#rec181173995 .tn-elem[data-elem-id="1565701393805"]{top:420px;;left:calc(50% - 160px + 30px);;width:260px;height:auto;}#rec181173995 .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="181173995" data-artboard-screens="320,480,640,960,1200" data-artboard-height="460" data-artboard-valign="center" data-artboard-height-res-320="480" data-artboard-height-res-640="440"> <div class="t396__carrier" data-artboard-recid="181173995"></div> <div class="t396__filter" data-artboard-recid="181173995"></div> <div class='t396__elem tn-elem tn-elem__1811739951564554044037' data-elem-id='1564554044037' data-elem-type='text' data-field-top-value="100" 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-fontsize-value="32" data-field-top-res-320-value="70" 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="40" data-field-top-res-960-value="100" data-field-left-res-960-value="200"> <div class='tn-atom'field='tn_text_1564554044037'>Хочешь получать лучшие статьи<br>от XyZ раз в неделю?</div> </div> <div class='t396__elem tn-elem tn-elem__1811739951564554130456' data-elem-id='1564554130456' data-elem-type='text' data-field-top-value="185" 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="195" data-field-left-res-320-value="30" data-field-width-res-320-value="260" data-field-top-res-480-value="155" data-field-left-res-480-value="55" data-field-top-res-640-value="155" data-field-left-res-640-value="135" data-field-top-res-960-value="185" 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__1811739951564554178466' data-elem-id='1564554178466' data-elem-type='form' data-field-top-value="258" 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="248" data-field-left-res-320-value="30" data-field-width-res-320-value="200" data-field-top-res-480-value="228" 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="248" data-field-left-res-960-value="200" data-field-inputpos-value="h" data-field-inputfontfamily-value="Arial" data-field-inputfontsize-value="16" data-field-inputfontweight-value="400" data-field-inputcolor-value="#666" data-field-inputbordercolor-value="#666" data-field-inputbordersize-value="1" data-field-inputradius-value="7" data-field-inputheight-value="40" data-field-inputmargbottom-value="20" data-field-inputmargright-value="10" data-field-inputtitlefontsize-value="16" data-field-inputtitlefontweight-value="400" data-field-inputtitlecolor-value="#000" data-field-inputtitlemargbottom-value="5" data-field-inputelsfontweight-value="400" data-field-inputelsfontsize-value="14" data-field-buttontitle-value="Подписаться" data-field-buttoncolor-value="#fff" data-field-buttonbgcolor-value="#38b0cd" data-field-buttonbordercolor-value="#666" data-field-buttonradius-value="7" data-field-buttonwidth-value="200" data-field-buttonheight-value="40" data-field-buttonfontfamily-value="BebasRoboto" data-field-buttonfontsize-value="16" data-field-buttonfontweight-value="600" 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__1811739951564876573371' data-elem-id='1564876573371' data-elem-type='text' data-field-top-value="330" 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="375" 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="310" 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="335" 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__1811739951565701393805' data-elem-id='1565701393805' data-elem-type='text' data-field-top-value="375" 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="420" 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="360" 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="380" 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(102, 102, 102);" data-redactor-tag="a">Политика конфеденциальности</a></u><br></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('181173995');});});</script> <!-- /T396 --> </div> <div id="rec181173996" 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/tild6639-3834-4538-a662-393031643838/__.jpg" data-lazy-rule="comm:resize,round:100"
style="background-image: url('https://thb.tildacdn.com/tild6639-3834-4538-a662-393031643838/-/resizeb/20x/__.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="/hard-surface-kurs-po-prodvinutomu-3d-modelirovaniyu"> <div class="t132__textwrapper "> <span> <div class="t132__title t-title t-title_xxs">Hard Surface — курс по продвинутому 3D-моделированию</div> <div class="t132__descr t-descr t-descr_xs">Для тех, кто хочет выйти на новый уровень 3D-моделирования. Благодаря курсу ты научишься придумывать и создавать сложные Hard Surface-драфты с нуля — без чужого...</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/tild3461-6134-4362-b834-366464396330/photo.png" data-lazy-rule="comm:resize,round:100"
style="background-image: url('https://thb.tildacdn.com/tild3461-6134-4362-b834-366464396330/-/resizeb/20x/photo.png');"> <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="/kurs-concept-art-ot-xyz-school"> <div class="t132__textwrapper "> <span> <div class="t132__title t-title t-title_xxs">КУРС CONCEPT ART ИВАНА РАСТРИГИНА ОТ XYZ SCHOOL </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> </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('rec181173996');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('–59 % на всё! Успей купить курс до конца акции'); // заголовок
$('.descr-1 .tn-atom').html(''); // описание
// текст для будничного бара
// $('.descr-2 .tn-atom').text(''); // Успейте купить курс со скидкой
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 = `до 31.12`;
}
/* end указываем дату окончания акции в промобаре на продуктовых страницах */
});
</script> <style>
.descr-1, .descr-2, .heading-1 {
/*width: auto !important;*/
/*max-width: 500px;*/
/*min-width: 320px;*/
}
/*применить стиль когда descr-1 в две строки*/
.heading-1 {
/*transform: translateY(-8px);*/
}
/* применить, если описание в две строки */
[data-record-type="121"] .descr-1 {
/*transform: translateY(-14px);*/
}
[data-record-type="121"] .descr-2 {
/*transform: translateY(-50%);*/
}
@media (min-width: 960px) {
.descr-1 {
width: auto !important;
}
}
@media (min-width: 960px) and (max-width: 1199px) {
/*применить стиль когда descr-1 в одну строку*/
.heading-1 {
/*transform: translateY(5px);*/
}
/*применить стиль когда descr-1 в две строки*/
.heading-1 {
/*transform: translateY(0);*/
}
.descr-1, .descr-2 {
/*max-width: 400px;*/
/*min-width: 280px;*/
}
/*применить стиль когда descr-1 в две строки*/
[data-record-type="121"] .descr-1 {
/*transform: translateY(0);*/
}
}
@media (min-width: 640px) and (max-width: 959px) {
}
</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="formservices[]" value="7cb71ac814cf5f11b74e7aff35c39e83" 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:820px;"> <div class="t886__text t-text t-text_xs t-valign_middle" field="text">Привет! Для улучшения работы сайта мы используем файлы cookie и данные об IP-адресе. Оставаясь на сайте, ты соглашаешься с <a href="https://www.school-xyz.com/privacy-policy" 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>.</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:#17171b;border-style:solid !important;border-color:#17171b !important;--border-width:1px;border-radius:50px;box-shadow:none !important;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) {#rec602614066 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):hover {color:#17171b !important;background-color:#ffffff !important;}#rec602614066 .t-btnflex.t-btnflex_type_button:not(.t-animate_no-hover):focus-visible {color:#17171b !important;background-color:#ffffff !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;}</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;
}
.t886__wrapper {
display: block;
padding: 24px;
margin: 0 auto;
}
.t886__text {
font-size: 14px;
}
.t886__btn {
font-size: 14px;
line-height: 1.6;
padding: 4px 16px;
}
@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","cmsCatalog":"1"}}},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> <!-- 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>