Как создать скин кота в Roblox для детей: бесплатный урок

70cfa105e10c026492bc777de174d9a1.png

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

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

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

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

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

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

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

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

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

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

Маркетплейс в Roblox: ищем скины

Маркетплейс в Roblox: ищем скины

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

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

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

4e45b9a972388a28a4452229c833723d.png

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

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

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

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

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

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

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

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

Интерфейс Photoshop где работаем над скином.

Интерфейс Photoshop где работаем над скином.

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

7fc6bd876902f7166dbca3e5d990105f.png

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

0f4d51863ea85e27dff987afea536f57.png

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

3887a2269f6bae75bf5a9491047518d1.png928eb116172ff4f48d0cfca0f90483be.png

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

7740f675c4c5da8bc17e03c843e6dba0.png

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

c0db31bfb5ba2908298ff0fc0055eef2.pngfd3644e85a28c941fbcd7793b3f1fc68.png

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

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

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

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

8ceef6324a4199d95510f63bc5b7ecf2.png

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

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

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

148a8b0b29534459d9555263728f3084.png

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

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

899318a8200098f379efc8b3504fd9d2.png

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

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

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

08135cbfd217e72858c363f1f1f6319f.png

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

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

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

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

53d72e8bca7387593130f64759ea8dd7.png

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

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

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

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

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

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

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

© Habrahabr.ru