В сегодняшнем туториале предлагаем нашим детям разобраться, как сделать кота в «Роблоксе». Чтобы упростить задачу, мы специально подготовили инструкцию в виде бесплатного урока. Будет интересно и просто: в статье представлена подробная последовательность действий, с повторением которых сможет справиться даже новичок без опыта. 

Перед тем как приступить к основной части, хотим отметить, что Roblox – популярная игровая онлайн-платформа. На ней дети и подростки создают собственные игры, играют в них, общаются и обмениваются опытом. Знакомство с площадкой и ее возможностями – хороший способ начать движение в направлении разработки – распространенной и востребованной IT-области.

А еще подчеркнем: если ребенок интересуется темой, то задача родителей сводится к тому, чтобы поддержать и развить увлечение. Постепенно это поможет сделать из маленького геймера полноценного разработчика.

Урок подготовила школа программирования для детей Pixel. Ниже в статье можно посмотреть видеоролик, который поможет разобраться, как получить кота в «Роблоксе», если такой формат вам удобнее. Оно пригодится, если не удастся понять предложенную пошаговую инструкцию. Однако мы считаем, что все получится: гайд достаточно подробный.

Перед тем как начать: что такое скин 

В среде разработчиков игр и создателей 3Д-моделей термин «скин» употребляется для обозначения «кожи» персонажей и объектов, предметов. Если просто, то речь об их внешней оболочке. Представьте, что мы взяли простую 3Д-модель без скина: в этом случае она будет выглядеть как гладкая фигура, напоминающая пластиковую куклу из детства. Ничего интересного, согласитесь? Особенно когда дело касается разработки игр и моделирования. 

Именно «кожа» – инструмент придания виртуальным персонажам и объектам привлекательного вида. А еще отметим, что скин – это в первую очередь набор изображений в виде развертки. Она накладывается на трехмерную модель и может включать различные детали:

• Одежду;

• Лицо и волосы;

• Другие вещи.

А теперь приступим к уроку.

Как сделать скин кота в Roblox: пошаговая инструкция

Отметим, что скины можно найти на внутреннем маркетплейсе онлайн-платформы Roblox. Магазин выглядит так, как показано на скриншоте ниже.

Мы видим, что некоторые скины бесплатны: именно такие и изображены на скриншоте. Другие же требуют покупки: оплату можно совершить робаксами – внутренней валютой онлайн-площадки «Роблокс». Но нас интересует создание скина с нуля, поэтому давайте разбираться, как сделать «кожу» для красочного кота самостоятельно.

1. Шаг первый: скачиваем изображения развертки и загружаем их в используемый графический редактор

Изображения, интересующие нас, можно скачать прямо из статьи. Они представлены ниже. Обязательно воспользуйтесь. 

Теперь потребуется:

1. Скачать и установить новый или запустить графический редактор, уже установленный на ПК. Для нашего урока потребуется Photoshop. Если на компьютере нет этой программы, предварительно скачайте и установите ее. 

2. Загрузить изображение в редактор. 

3. Перейти к следующему шагу.

Итак, начинается самое интересное. 

2. Шаг второй: создаем футболку для будущего персонажа – яркого кота 

Продолжим туториал на скин в «Роблоксе» и создадим условную футболку – основу «кожи». Шаги просты: следуйте инструкции, чтобы все получилось. Вот какие действия потребуется выполнить:

1. Открываем скачанное изображение в Photoshop. Должно получиться так, показано на скриншоте ниже. 

2. Создаем дубликат через выпадающее меню «Слои»: в нем нужно кликнуть на кнопке с надписью «Создать дубликат слоя…».

3. Отключаем видимость основного слоя. Это можно сделать путем клика на иконке с изображением глаза. Наглядный пример показан на скриншоте.

4. Выбираем инструмент «Прямоугольная область» и выделяем трафареты – отдельно расположенные цветные участки. Чтобы захватить сразу несколько зон, зажмите клавишу Shift и удерживайте ее, пока выделяете фигурки с помощью мыши: это поможет.

5. Удаляем выделенные области с дублированного слоя. Для этого достаточно нажать на клавишу Delete на клавиатуре или кликнуть на строке «Очистить» в выпадающем меню «Редактирование».

Так, мы должны увидеть пустое пространство. Оно потребуется нам для рисования скина на втором слое. А еще предварительно нужно активировать видимость основной развертки.

Предлагаем приступить к созданию импровизированной футболки. Для этого нам нужно выбрать инструмент «Кисть» и начать работать ей. Чтобы создать светлые и темные области, давайте попробуем менять жесткость. Это поможет нам сгладить переходы и сделать скин более реалистичным. Но до идеала далеко, поэтому давайте добавим детали.

3. Шаг третий: создаем шерсть и лапы

Так, условная футболка готова. А чтобы закончить скин модели для симулятора кота в «Роблоксе», давайте сделаем следующие шаги:

1. Нарисуем шерсть. Выберем инструмент «Линия» и отметим, что нам нужны пикселы, а не фигура или контур.

2. Нанесем полосы на почти готовый скин. Сделать это просто: с помощью инструмента «Линии» рисуем горизонтальные полоски оранжевого цвета на одинаковом расстоянии друг от друга.

3. Сделаем лапы. Для этого поставим по два крупных розовых круга в нижней центральной части в окошках Right и Left Arm, а еще – по три маленьких чуть выше.

Так, у нас должна получиться развертка, похожая на то, что показано на скриншоте.

4. Шаг четвертый: сохраняем файл в формате PNG

Чтобы «вытащить» скин из программы, нужно кликнуть левой кнопкой мыши на выпадающем меню «Файл» и выбрать строку «Сохранить как...».

Теперь давайте придумаем название и выберем, куда нужно выгрузить PNG. Пусть именем будет «Скин веселого кота для Roblox», а директорией назначения – рабочий стол. Не забудьте установить требуемый формат. Это PNG.

В конце нам потребуется кликнуть на кнопку «Сохранить».

Достаточно повторить настройки, показанные на скрине. 

5. Шаг пятый: переходим на страницу Roblox Create и загружаем развертку

Скин кота готов, осталось загрузить его в Roblox. Последовательность необходимых шагов:

1. Заходим в систему Roblox Create.

2. Переходим на страницу загрузки новых элементов. Нужно нажать на Upload Asset и выбрать файл скина, сохраненный на рабочем столе. Дополнительно указываем тип Shirt, имя и краткое описание в окошке Description.

Теперь нужно немного подождать: сначала появится иконка, а сам загруженный файл будет обрабатываться. 

Итак, мы разобрались, как сделать скин в «Роблоксе». Инструкция помогла? Результат получен? Тогда поздравляем!

А если что-то не получилось, обязательно посмотрите обучающий видеоролик: в нем преподаватель школы «Пиксель» говорит просто о сложном и сопровождает повествование наглядными примерами. Это поможет создать собственный скин кота.

Если хочется узнать больше о возможностях Roblox и найти туториалы по «Роблокс Студио», советуем следующие подборки:

• Моделирование в Roblox. Плейлист посвящен созданию различных предметов и объектов на онлайн-платформе и с помощью движка «Студио»;

• Разработка собственного клона игры PUBG в «Роблоксе» с нуля. Подборка поможет, если хочется научиться использовать расширенные возможности платформы.

Если направление увлечет, а ребенок продемонстрирует интерес, вы может прийти на онлайн-курс для детей 9-14 лет в школе Pixel. Он поможет научиться писать код на языке Lua и применять полученные навыки для создания игр с помощью движка Roblox Studio.

Смотреть обучающие видеоуроки, находить другие инструкции и использовать их для самообучения или заниматься под руководством чуткого педагога – выбор за детьми и их родителями.

А мы хотим подвести итог и узнать: все получилось? Может, было трудно? Насколько прост или сложен оказался урок? Делитесь мнениями и опытом: мы обязательно учтем все комментарии при подготовке новых инструкций и туториалов.