Давно хотели создать свой скин для персонажа игры Minecraft, но не знали с чего начать? Сегодня вам повезло, так как я подробно расскажу вам, как создать скин для Майнкрафт. Для работы мы воспользуемся заранее подготовленным шаблоном и в конце получим готовый к использованию скин.
Этот урок является продолжением предыдущего урока по рисованию изометрического персонажа Майнкрафт в Affinity Designer. На основе уже созданного персонажа мы нарисуем свой скин и добавим его в игру.
Возможно, некоторые из вас знают множество онлайн-редакторов, которые позволяют получить похожий результат. Но я предпочитаю контролировать творческий процесс от начала до конца. Если вы захотите выполнить этот урок в Affinity Designer, в архив с шаблоном есть файл для этой программы.
Также не бойтесь экспериментировать! Для вдохновения предлагаю посмотреть подборку векторной графики в стиле пиксель-арт на сайте GraphicRiver.
На этом вступление подходит к концу. Скачиваем шаблон и переходим к рабочему процессу.
Перед работой со скином, мы должны подготовить шаблон. Открываем его в Illustrator через меню File – Open (Файл – Открыть) или просто дважды кликаем по файлу.
Как только файл откроется, вы увидите базовый каркас размером 64 х 64 пикселя, разделенного на отдельные элементы персонажа.
Далее мы сохраняем открытый шаблон как новый проект File – Save as (Файл – Сохранить как). Выбираем осмысленное название, чтобы не запутаться среди других скинов.
Откройте панель слоев. Обратите внимание, что для каждой части тела я создал отдельный слой и дал ему соответствующее название, чтобы вы не запутались.
Разверните группу «Guides» и вы увидите несколько вложенных слоев. На них находится каркас скина с подписями. Для удобства вы можете включать/выключать видимость этих слоев.
Начиная разработку скина, я советую вам заблокировать все слои, кроме рабочего. Это позволит сфокусировать на отдельном элементе скина и ускорит рабочий процесс.
Теперь давайте перейдем непосредственно к творческому процессу. Далее вы узнаете, как создать скин для Майнкрафт, используя всего лишь несколько прямоугольников.
Закончив с начальной подготовкой рабочего пространства, начинаем создание основы скина.
Берем инструмент Rectangle Tool (M) (Прямоугольник), выбираем цвет #95693D и начинаем заполнять каждый элемент скина. Следите, чтобы все элементы дизайна находились на своем отдельном слое.
Так как у меня уже был готовый персонаж, который я создавал в другом уроке серии (ссылка), я скопирую его цвета в Illustrator. Открываем его в программе и активируем инструмент Eyedropper Tool (I) (Пипетка). Кликаем левой кнопкой мышки по нужному цвету на готовом персонаже, затем зажимаем клавишу Alt и кликаем по фигуре, которую нужно залить новым цветом.
Если у вас нет готового персонажа, то можете самостоятельно подобрать цвета.
Закончив с базовой заливкой, мы можем переходить к добавлению деталей. И начнем с головы. Убедитесь, что вы находитесь на нужном слое, затем приближаем верхнюю часть шаблона, где у нас находится каркас головы.
Сочетанием клавиш Alt+Ctrl+Y включаем пиксельную сетку и рисуем рот в виде прямоугольника 2 х 1 пиксель. Используем цвет #BC9069. Размещаем прямоугольник в центре лица, отступив один пиксель от нижнего края.
Рисуем правый глаз из двух квадратов размером 1 х 1 пиксель. Размещаем их рядом друг с другом по горизонтали. Для левого квадрата выбираем цвет #FFFFFF, для правого – #402C1B. Закончив, выбираем два квадрата и группируем их (Ctrl+G). Размещаем глаз, как показано ниже.
Копируем правый глаз (Ctrl+C, Ctrl+F) и отражаем копию по горизонтали. Для этого кликаем по ней правой кнопкой мышки и выбираем Transform – Reflect – Vertical (Трансформировать – Зеркальное отражение – Вертикальная). Размещаем левый глаз на противоположной стороне.
Рисуем несколько коричневых (#4D3723) прямоугольников, которые будут передней частью волос. Не спешите и будьте внимательны! Затем группируем (Ctrl+G) все детали передней части головы и переходим к следующему элементу.
Теперь работаем с левой стороной головы. Рисуем серьгу размером 1 х 1 пиксель (цвет #E09A50) и размещаем ее на 3 пикселя от левого края и 3 пикселя от нижнего.
Рисуем волосы на нижней части головы. Для этого создаем прямоугольник размером 8 х 4 пикселя (#402C1B), затем выше добавляем еще один размером 4 х 2 пикселя (#95693D). После этого группируем обе фигуры и размещаем их, как показано ниже на скриншоте. Закончив, выделяем всю сторону головы и группируем ее вместе.
Совет: если у вас персонаж с короткой прической, последний шаг необязательный. Без волос на нижней грани готовый скин будет смотреться нормально.
Закончив с головой, выбираем слой с туловищем и продолжаем работу.
Начинаем с верхней грани туловища. Рисуем ворот рубашки размером 4 х 1 пиксель (цвет #BF522E) и размещаем его сверху по центру.
На этом же элементе добавляем волосы по бокам размером 2 х 4 пикселя (#4D3723). Закончив, группируем (Ctrl+G) все элементы грани вместе.
Опускаемся ниже к передней части туловища и рисуем вырез на шее. Для этого добавляем прямоугольник размером 4 х 2 пикселя (#95693D), затем ниже по вертикали еще один размером 2 х 1 пиксель (#95693D). Группируем (Ctrl+G) обе фигуры и размещаем в центральной верхней части прямоугольника.
Цветом #E09A50 рисуем ожерелье, группируем (Ctrl+G) его и размещаем на шее.
Продолжаем рисовать волосы с помощью двух вертикальных прямоугольников размером 2 х 4 пикселя (#4D3723) и двух маленьких 1 х 2 пикселя расположенных ниже. Группируем их и размещаем по бокам выреза на шее. Закончив, группируем (Ctrl+G) всю часть туловища вместе и переходим к следующей.
Перемещаемся к спине. Рисуем волосы линиями высотой 1 пиксель (#4D3723) и размещаем их в верхней части туловища. Закончив, группируем все три прямоугольника, затем все элементы спины вместе.
Заканчиваем работу рисованием пояса размером 24 х 1 пиксель (#37404D) и размещаем его, отступив 1 пиксель от нижней части туловища.
Закончив с туловищем, переключаемся на следующий слой (четвертый по счету) и дорабатываем правую руку.
Рисуем рукав рубашки в виде прямоугольника размером 4 х 8 пикселей (#BF522E). Размещаем его в верхней части руки и группируем (Ctrl+G) все детали элемента вместе.
Рисуем переднюю часть рукава. Добавляем прямоугольник размером 4 х 6 пикселей (#E37047), затем ниже еще два маленьких (#E37047). Группируем (Ctrl+G) их и размещаем, как показано ниже. Закончив, группируем все элементы этой части руки вместе, используя горячие клавиши Ctrl+G.
Теперь внутренняя часть руки. Рисуем прямоугольник размером 4 х 6 пикселей (#BF522E) и размещаем его в верхней части руки. Выделяем все элементы и группируем их (Ctrl+G).
Для задней части руки мы копируем элементы передней (Ctrl+C, Ctrl+F) и отражаем копию по вертикали Transform – Reflect – Vertical (Трансформировать – Зеркальное отражение – Вертикальная). Размещаем скопированные детали на соответствующем прямоугольнике, удаляем все лишнее и группируем.
На данном этапе у нас уже есть готовая версия правой руки, поэтому мы можем скопировать (Ctrl+C) ее и перенести на левую (Ctrl+F), которая находится на пятом слое. Чтобы отредактировать размещение элементов дизайна, дважды кликаем по скопированным объектам и переходим в режим изоляции. Закончив, нажатием клавиши Esc выходим из режима изоляции.
Добавляем волосы на верхней части левого рукава (плечо). Рисуем прямоугольник размером 1 х 4 пикселя (#6D4B31) и размещаем его у левого края фигуры. После этого группируем (Ctrl+G) оба элемента вместе.
Заканчиваем текущую часть тела добавлением кусочка волос размером 1 х 2 пикселя (#4D3723) и размещаем его, как показано ниже. После этого выделяем и группируем все элементы вместе.
Переключаемся на третий слой с левой ногой и продолжаем работу.
Рисуем внутреннюю часть обуви, используя прямоугольник размером 4 х 5 пикселей (#37404D), и привязываем его к нижней части основного прямоугольника. Выделяем элементы и группируем (Ctrl+G) их вместе.
Рисуем переднюю часть обуви. В нижней части добавляем несколько прямоугольников (#37404D), как показано ниже, затем группируем их.
Далее в углу рисуем край рубашки. Для этого добавляем вертикальный прямоугольник размером 2 х 1 пиксель (#E37047), затем рядом один маленький размером 1 х 1 пиксель (#E37047). Группируем их вместе и размещаем в правом верхнем углу. После этого группируем все элементы этой грани.
Для внешней части обуви рисуем прямоугольник размером 4 х 5 пикселей (#37404D), который мы размещаем в нижней части основной фигуры. Группируем все вместе.
Добавляем прямоугольник размером 4 х 2 пикселя (#E37047) – это будет боковая часть рубашки. Размещаем фигуру в верхней части основной фигуры и группируем (Ctrl+G) все вместе.
Копируем детали передней части (Ctrl+C, Ctrl+F) на заднюю грань левой ноги корректируем размещение некоторых элементов, как показано ниже. После этого группируем элементы вместе.
Заканчиваем работу со скином копированием (Ctrl+C, Ctrl+F) левой ноги на правую. Переносим дубликат на соответствующий слой (в данном случае шестой). Корректируем размещение деталей, как показано ниже. Закончив, удаляем лишние прямоугольники, которые находятся под копиями, и сохраняем работу.
Отлично, теперь у нас есть готовый скин и нам осталось добавить его в игру.
Перед экспортом открываем панель слоев и скрываем группу с каркасом, чтобы их не было на готовом скине.
Убрав каркас, экспортируем рисунок через меню File – Save for Web (Файл – Сохранить для Интернета) (или используем комбинацию клавиш Alt+Shift+Ctrl+S). В открывшемся окне выбираем формат PNG-24 и ставим галочку напротив Transparency (Прозрачность).
Скин полностью готов, и дальнейшая работа будет проходить непосредственно в самой игре.
Запускаем Майнкрафт, кликаем на значок вешалки в правом нижнем углу сразу под вашим ником.
В результате откроется окно с доступными скинами. Нажимаем кнопку Choose New Skin (Выбрать новый скин).
Далее на компьютере находим нашу экспортированную картинку и жмем кнопку Открыть, чтобы добавить ее в игру.
Игра попросит вас выбрать корректный тип модели для скина. В нашем случае подходит модель справа с широкими руками.
После этого нажимаем кнопку Confirm (Подтвердить) и готово! Можете опробовать новый скин в игре.
Теперь вы узнали, как создать скин для Майнкрафт, используя обычные прямоугольники и простую цветовую палитру.
Надеюсь, вам было интересно и, самое главное, вы научились чему-то новому. Если возникнут трудности, оставляйте комментарии ниже. Также не забывайте поделиться своим результатом. Приятного творчества!
Что такое Adobe XD? Это векторный редактор для дизайна любых пользовательских интерфейсов (UI-UX), начиная со…
К выбору шрифта для обложки книги нужно подходить так же ответственно, как к внутреннему содержанию,…
Хотите больше узнать об иллюстрации? Или даже стать иллюстратором? Техническим иллюстратором, концепт-иллюстратором… Так много разных…
В этом уроке вы узнаете, как нарисовать коноплю пошагово. Нарисованный лист конопли (каннабиса) можно использовать,…
В этом уроке вы узнаете, как создать мокап для стикера в Фотошоп. Урок рассчитан на…
В этом уроке я покажу вам, как создать обложку для книги в InDesign. В результате…