Давно хотели создать свой скин для персонажа игры 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 Photoshop 3.0 в 1994 году. С тех пор слои…
Внезапно по всему Интернету стали встречать упоминания Midjourney, но до сих пор не понимаете, что…
Что такое Adobe XD? Это векторный редактор для дизайна любых пользовательских интерфейсов (UI-UX), начиная со…
К выбору шрифта для обложки книги нужно подходить так же ответственно, как к внутреннему содержанию,…
Хотите больше узнать об иллюстрации? Или даже стать иллюстратором? Техническим иллюстратором, концепт-иллюстратором… Так много разных…
В этом уроке вы узнаете, как нарисовать коноплю пошагово. Нарисованный лист конопли (каннабиса) можно использовать,…