Привіт друзі!
У цій статті, я хочу вас познайомити з деякими хитрощами, як швидко малювати тайли, при цьому, маючи мінімум досвіду в Піксель Арте.
Дещо я взяв з цієї статті і переробив на свій лад.
Ну що, ви готові малювати? Якщо так, тоді поїхали!
У більшості 2D платформер, присутній тайл землі, який і буде основою нашого Тайл Сетa.
Ось з нього і почнемо, тільки для початку виберіть палітру і розмір тайла.
Палітра землі може бути будь-який, але зазвичай для грунту беруть коричневі і сірі кольори.
Якщо у вас не виходить вибрати палітру або сама палітра ніяка, то завжди можна взяти палітру з чужих зображенні.
Після вибору палітри, можна приступити до малювання!
Але перш, зверніть увагу, як я підготувався до самого малювання.
У лівому кутку біля мене знаходиться палітра, також заздалегідь підготовлені білі квадрати під розмір тайлів.
Розмір моїх тайлів 32 на 32 пікселів.
І так, найважливіше, дотримуйтесь, щоб ваші камені могли з'єднуватися з такими ж каменями з сусідніх тайлів, дивіться на малюнки, сині точки показують, де повинні з'єднуватися з протилежного боку тайла камені.
Похибка може бути тільки в один піксель, інакше отримаєте потворну сцену.
Тепер можете малювати. Рандомно малюємо камені і після зафарбовує тайл.
Ось що вийшло у мене і вийде у вас.
У нас є цілий один тайл, але для гри цього мало, тому ми зараз буде малювати тайли!
Беремо наш шаблон з білими квадратами і як на малюнку раставляем наш готовий тайл на квадрати.
Цього разу нам буде легше намалювати новий тайл, так як не потрібно позначати з'єднання каменів.
Все просто, дивіться на сусідні тайли. Малюємо другий тайл, рандомно раставляем камені і зафарбовує тайл.
І ось, вже готовий другий тайл!
Таким чином можна і не один десяток тайлів зробити. Чим більше різних тайлів, тим різноманітніше сцена.
Отже, грунт ми намалювали, тепер можна малювати траву.
Візьмемо наші тайли з грунтом і спрайт головного героя гри.
Поставимо спрайт так, як ніби, герой гри йде по траві.
Виділимо червоними лініями кордон площині поверхні по якій буде йти наш герой.
Прибираємо спрайт персонажа, після цього беремо перший тайл грунту виділеними червоними лініями і зафарбовує зеленому кольором лінії і їх проміжок.
Верхня частина грунту, яка вище трави зафарбовує білим кольором.
Тепер ми підбираємо палітру для трави.
І після цього, можна приступати до малювання, починаємо з верхньої частини тайла.
Малюємо як би пагорби або хвилі, плавно переходять з однієї хвилі на іншу.
А в нижній частині від зелені ми малюємо як би зубчики, але з різними розмірами і без гострих кутів.
При цьому не заходимо на територію зеленого кольору і не забуваємо, що цей тайл буде з'єднуватися з іншими тайлами трави, тут теж саме, як на самому початку з камінням.
Ось тепер, зафарбовує нашу травичку, відокремлюємо одну площину від іншої за допомогою палітри.
У підсумку вийшло ось таке:
Але що то в цьому тайлі не так, цікаво, що?
Бракує тіні від трави.
Беремо палітру грунту і затемнюємо її.
Також на око визначаємо висоту і зрушення тіні.
Я не став зрушувати тінь вліво або вправо, тінь кожного зубчики строго під своїм зубчиком, а висоту тіні взяв в чотири пікселя.
Коротше, у нас виходить, ось такий не поганий тайл трави.
Тепер беремо шаблон, копіюємо в нього нашу палітру.
Ліворуч і праворуч ставимо наш перший тайл трави, а в центр другий тайл землі.
Далі, повторюємо все те, що робили до цього з першим Тайлі трави і таким чином, отримуємо другий тайл трави.
Усе! Праця завершена!
Можна відпочити і помилуватися що вийшло.
Ось так виглядає мій Тайл Сет:
А так виглядає загальна сцена:
Швидше за все, загальна сцена здасться мізерною, бо немає заднього фону, кущів і дерев.
Але все це залишимо для наступних статей.
Можливо, у вас не вийде з першого разу, не впадайте у відчай, друзі, повторіть кілька разів і обов'язково, щось і вийде.
Не здавайтеся і не лінуйтеся, вірте в себе і в свої сили.
З вами був Magatino!
Побачимося в наступній статті