Как рисовать скины для Gravity Defied

Материал из Gravity Defied Wiki
Перейти к: навигация, поиск

Для рисования скина мотика для Gravity Defied нам потребуется какой-нибудь графический редактор поддерживающий прозрачность картинки, к таким программам относятся Photoshop, GIMP, Paint.Net и еще дюжина других. Используйте ту в которой вы преуспели. Настоятельно не рекомендую использовать для этого обычный виндовский Paint, потому что прозрачность он не поддерживает. В данной статье мы рассмотрим как делать скины в Photoshop. Версия неважна. Уловите суть.

Для удобства можно включить сетку. Включается в меню Вид(View) пункт Показать(Show) далее Сетка(Grid). А частота сетки устанавливается в настройках. Меню Правка(Edit), Настройки(Preferences), Сетка(Guids, Greds & Slice) и здесь выставляется величина сетки Qw1.gif
Для поворота изображения нужно выделить часть изображения, нажать правой кнопкой на выделении и выбрать пункт Свободная трансформация(Free transformation). Потом можно вращать выделенное вручную или установить угол наклона в поле на верху Pic13.gif

Скин для Gravity Defied состоит из следующих файлов. Для первой версии игры это файлы с именами
bluearm.png - руки мотоциклиста
bluebody.png - туловище мотоциклиста
blueleg.png - ноги мотоциклиста
helmet.png - шлем мотоциклиста
engine.png - двигатель мотоцикла
fender.png - заднее крыло мотоцикла
sprites.png - колёса мотоцикла и плюс рисунки флагов и медалей


и для второй версии Gravity Defied : Reprise
arm.png - руки мотоциклиста
body.png - туловище мотоциклиста
leg.png - ноги мотоциклиста
helmet.png - шлем мотоциклиста
engine.png - двигатель мотоцикла
fender.png - заднее крыло мотоцикла
wheel.png - колёса мотоцикл
Загрузив редактор, откроем любой файл, например, файл bluearm.png и увидим следующее. Здесь нарисован вид руки мотоциклиста при вращении её на 180 градусов. Как видно здесь всего 16 позиций

Pic1.gif

Что же с этим можно делать? Самое простое, например, инвертировать изображение.

Pic2.gif

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

Есть еще один момент который касается допустимых размеров картинок. В игре нет чёткого ограничения размеров. То есть загруженная картинка делится на одинаковые части. Получается, что можно сделать размер твоего скина большего размера. Если взять для примера файл bluearm.png, то там 6х3 позиций. Размер 48х24 точки. Поделив 48 на 6 получаем 8 точек и 24 на 3 получим 8. Получается, что размер одной позиции будет равен 8х8 точек. Подобным образом рассчитываем размер картинки, если решили выбрать другой размер одной позиции. Например, если взять
размер 10х10 точек, значит размер данного файла будет 60х30 точек.

Итак, далее. Создаём пустой рисунок 10х10. И нарисуем руку мотоциклиста расположенную вертикально.

Pic3.gif

Создаём пустой рисунок 60х30 и копируем туда нашу заготовку. Заполняем заготовкой все позиции рисунка.


Pic4.gif

Потом нам надо повернуть каждую позицию начиная со второй на следующие углы 11.3, 22.5, 33.8, 45, 56.3, 67.5, 78.8, 90, 101.3, 112.5, 123.85, 135, 146.3, 157.5, 168.8. И у тебя должно получиться следующее.

Pic5.gif


Подобный подход нужно применять к файлам bluearm.png, bluebody.png, blueleg.png или arm.png, body.png, leg.png. Для таких элементов как двигатель, заднее крыло мотоцикла и шлем мотоциклиста, делать нужно немного по другому. Открыв файл, например, engine.png увидим 36 позиций 4 из которых пустые и того 32 позиции.


Pic6.gif


Рисунок в первой позиции будет соответствовать положению мотоцикла на ровной горизонтальной плоскости. То есть в нормальном состоянии. Вращение этого элемента отличается от таких элементов как руки, ноги тем, что здесь вращение делается на 360 градусов. Соответственно необходимо повернуть рисунок на следующие углы 11.3, 22.5, 33.8, 45, 56.3, 67.5, 78.8, 90, 101.3, 112.5, 123.8, 135, 146.3, 157.5, 168.8, 180, 191.3, 202.5, 213.8, 225, 236.3, 247.5, 258.8, 270, 281.3, 292.5, 303.8, 315, 326.3, 337.5, 348.8. Много? Хм, а кто сказал, что будет легко? Тоже самое проделываем с задним крылом мотоцикла и шлемом мотоциклиста. В этих случаях также, первый элемент будет соответствовать положению мотоцикла на ровной поверхности.

И еще остался последний файл это sprites.png. На следующем рисунке можно посмотреть из каких частей он состоит.
медали;
замки для заблокированных уровней;
анимация флагов;
ступня и кулак мотоциклиста;
неизвестно;
логотип java
рисунки колёс;


Pic7.gif


Во второй версии игры колёса для удобства вынесены в отдельный файл wheel.png.

Для примера попробовал сделать свой мод. Значит по порядку, руки, ноги, туловище и двигатель мотоцикла в виде червяка.


Pic8.gif
Pic9.gif
Pic10.gif
Pic11.gif

В итоге получился вот такой скин.
Pic12.gif




Автор: andruxin