Малювання великої місцевості на рівні 2D боковинки


12

Я відносно хороший програміст, але тепер, коли потрібно додати деякі базові рівні до моєї 2D гри, я якось застряг.

Що я хочу зробити: прийнятний, великий (8000 * 1000 пікселів) "зелений пагорб" тестовий рівень для моєї гри.

  • Який найкращий спосіб для мене це зробити?

Це не повинно виглядати чудово, воно просто не повинно виглядати так, як це було зроблено у фарбі MS за допомогою інструмента "Лінія та відро фарби".

В основному він повинен просто грязі з травою зверху, у формі якоїсь форми пагорбів.

Але як мені це намалювати, я не можу просто взяти інструмент для олівця і почати малювати його піксель на піксель, чи можу я?


2019 рік, питання все ще актуальне :)
Город

Відповіді:


20

Photoshop має шарові ефекти, які можна використовувати для того, щоб дуже швидко намалювати хороший рівень. Я не знаю, чи буде це працювати з GIMP, але ось кілька кроків, як швидко отримати щось на екрані за допомогою Photoshop:

Інструкції

  1. Отримайте трохи бруду та трав'яних текстур. Я використовую у своєму прикладі з цього набору вільних текстів .
  2. Відкрийте текстуру бруду у Photoshop. Виберіть усе Ctrl-Aта скопіюйте Ctrl-C. Потім виберіть Edit > Define Pattern...у меню. Назвіть свій шаблон "Бруд".
  3. Зробіть те ж саме для текстури трави, назвіть її «травою».
  4. Створіть новий шар у Photoshop та застосуйте ефект Pattern Overlayта Strokeефект до свого шару. Виберіть шаблон "Бруд" для накладки та "Трава" для Вашого обведення (див. Зображення нижче).
  5. Фарбуйте будь-якою пензликом на вашому шарі ... замість того, щоб мати нудний єдиний колір, він повинен виглядати як пейзаж, завдяки ефектам шару. Краса в тому, що ви можете вільно додавати / видаляти частини свого пейзажу, використовуючи звичайні інструменти для малювання, такі як пензлик або гумка.
  6. (необов’язково) Намалюйте градієнт від темно-синього (верх) до світло-синього (знизу) на фоновому шарі для вашого неба (ви також можете використовувати шарові ефекти для цього).
  7. (необов’язково) Додайте ще декілька ефектів шару, таких як градієнт та тінь, щоб досягти кращого вигляду.

Зображення

Параметри накладення шаблону

Параметри накладання шаблону Photoshop

Параметри обведення

Параметри обведення Photoshop

Кінцевий результат

З ще деякими ефектами шару та фоном.

остаточне зображення

Ви також можете завантажити тут файл PSD, щоб переглянути його.


1
а у вас просто одне велике зображення на весь рівень?
Спокуси

1
Так, ви можете зберігати його на весь рівень; Я б відокремив фон, предмети тощо від фактичних пагорбів. Для виявлення зіткнень можна використовувати альфа-шар. +1 за дивовижне технічне мистецтво :)
ashes999

4

Багато платформерів та ігор усіх видів використовують систему рівнів на основі плитки, де кожен рівень складається з сітки плиток, іноді в декілька шарів. Можливо, у вас є кілька плиток "трав'яна поверхня", кілька плиток з брудом тощо. Потім замість малювання величезного зображення викладаєте плитки на карту. Вона, як правило, заощаджує на просторі текстури, серед іншого.

Більш просунуті 2D ігри застосовують аналогічний підхід, але з великими "штампами", які можна вільно переміщувати, обертати та / або масштабувати, щоб досягти рівня і не приставати до сітки, як у техніці на основі плитки. Акваріум використовує цей метод.


2

Якщо ви не заперечуєте, щоб це виглядало трохи нудно, ви можете просто намалювати купу кружечків різної величини вздовж плоскої лінії (основної площини) і залити їх. Тоді ви можете повернутися назад і намалювати коричневий ящик, що покриває "підземна" частина карти, а потім додайте невеликі дотики до землі, щоб зустріти верхні криві кола. Тоді ви можете зробити детальний пропуск, щоб додати траву або що завгодно (дуже просто, якщо у вас є Photoshop з різними кистями).

Що допомогти?


2

Я настійно рекомендую вам взяти копію Paint.NET безкоштовно та в 100 разів краще, ніж MS Paint - у неї є кілька основних інструментів для полегшення створення мистецтва у тому сенсі, який ви шукаєте.

Наприклад, це дозволить зробити вибір і заповнити весь вибір заданим кольором / градієнтом, це позбавить вас від використання інструмента пера та малювання пікселя за пікселем.

Його навіть не близько до фотошопу, але він відмінний для такого типу використання, де ви шукаєте базове мистецтво.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.