Блог ☯

вторник, 18 июля 2017 г.

Базовые функции графического редактора GameMaker Studio

Посмотрим на функции графического редактора GameMaker Studio, что можно делать с картинками или спрайтами. Так-то там можно даже рисовать неплохо, даже мышкой, если есть желание и время. Мои первые рисунки были сделаны в графическом редакторе ГМС, это уже потом я на SAI 2.0.

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

Функции графического редактора GameMaker Studio

Что-то такое, довольно посредственное, но для гайда пойдёт

В целом тут я говорю про GameMaker Studio последней версии, а не про вторую часть GMS, но GMS 2 имеет очень много таких-же функций, так что гайд вам поможет в любом случае.

Данный гайд / руководство будет больше полезно для совсем новичков, сначала смотрим на очень базовые функции о многих из который вы скорее всего уже знаете, а дальше двигается к более интересным.

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


 Функции Transform (Трансформировать, менять форму)


Начнём с функций трансформации, изменения формы, размера, угла и т.д.:

Базовые функции графического редактора GameMaker Studio

Функции Transform

Первая функция это Shift - сдвиг. Перемещение спрайта.

Базовые функции графического редактора GameMaker Studio

Сдвигаем картинку

Выбираем на сколько пикселей спрайт изменит своё положение от центра. В данном примере мы передвигаем его на 50 пикселей по горизонтали и на 5 по вертикали. 

Если честно я не пользовался данной функцией, так-как сдвинуть спарайт куда проще с помощью простого вырезания и перетаскивания.

Но вдруг вам надо подвинуть какой-то спрайт ровно на Х пикселей.

Так-же тут можно заполнить прозрачную область по вертикали или горизонтали (wrap) если хотите, но вообще-то её залить можно и потом, руками за пару секунд.

Вторая простая функция это mirror (зеркало, отражение) и flip (переворот). 

Базовые функции графического редактора GameMaker Studio

Думаю это тоже вам известно и понятно

Тут и еще много где есть галочка "apply to all images inside sprite" - применить ко всем изображениям внутри спрайта.

Тут нужно понять различие между изображениями и спрайтом. 

Спрайт - это как-бы готовая картинка, которая может включать в себя множество изображений. Примерно как фильм включает в себя множество кадров. Так и со спрайтом, он может включать в себя много картинок и быть анимацией. 

Но в итоге это будет цельный спрайт. Вот допустим:

Базовые функции графического редактора GameMaker Studio

Это всё один спрайт, в котором много изображений (кадров)

Дальше у нас функции rotate - переворот. А вот эту функцию я раскрыл для себя только спустя многие годы работы в редакторе, она казалось мне не очень полезной. Но раскрыл я её даже не для создания графики для игр, а вообще для другого...

Базовые функции графического редактора GameMaker Studio

Крутим и вертим, хотим обмануть

Понадобилась мне эта функция вот для чего:

Базовые функции графического редактора GameMaker Studio

Надпись сверху слева с наклоном

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

Далее функция scale - изменить масштаб:

Базовые функции графического редактора GameMaker Studio

Вот так можно удвоить масштаб

Этой функцией я тоже если честно никогда не пользовался, так-как это всё делается другими методами, в том числе с помощью stretch  (растягивание), про это позже.

Далее функция skew - скос / наклон. Эта штука мне тоже так и ни разу не понадобилась.

Базовые функции графического редактора GameMaker Studio

Хотя может для чего-то упоротого это прикольно

Далее уже важная штука - resize canvas (изменить размер холста). По сути дела эта функция меняет размер картинки, это нужно регулярно для самых разных целей.

Может установить позицию сдвига - центрирования. По умолчанию стоит в центре.

Базовые функции графического редактора GameMaker Studio

Меняете размер в процентах или в пикселях

Я думаю про эту функцию вы и так всё знаете, она простая и есть в любом графическом редакторе начиная с пейнта. 

  • Keep aspect ratio - сохранять пропорции. 
Обычно это нужно ставить так-как иначе у вас всё будет кривое растягивание. 


Далее идёт важнейшая функция stretch - растянуть.

Как увеличить спрайт в гейм мейкере? Как раз с помощью этой функции.

В этом случае вам дадут еще и выбрать качество, ставьте самое высокое (excellent), часто нет особого смысла экономить что-то и ухудшать графику. 

Разница между увеличением спрайта resize canvas (изменить размер холста) и растягиванием (stretch) вот такая:

Базовые функции графического редактора GameMaker Studio

Растянули спрайт                Увеличили размер холста

  • Слева мы растянули спрайт (при этом еще и увеличив размер холста!) 
  • Справа мы только увеличили размер холста, не трогая размеры спарйта

Растягивая спрайт вы всегда автоматически изменяете размер холста. 

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

И последнее на что мы посмотрим сегодня это trim - отделка (рамка, подрезание).

Базовые функции графического редактора GameMaker Studio

Тут на самом деле всё просто, это отступ

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

На этом первая часть заканчивается, с базовыми функциями мы разобрались, мало какие из них используются часто, но некоторые используются постоянно, однако вы и так почти всё знали, но если уж я решил делать обзор на все функции, нужно сделать и на базовые.

Мои статьи про создание игр вы можете найти вот тут:


Про продвинутые функции графического редактора GameMaker Studio и примеры использования вы можете посмотреть видео на моём ютуб канале: