Рисуем тайлы. Часть вторая
от Magatino
В прошлой статье мы нарисовали не большой Тайл Сет, но, к сожалению, он годится лишь для создания сцен с бесконечной равниной. ![:gy:](/files/smiles/23.gif)
А в платформерах, обязательно должны быть ямы и пропасти.
Вот этим мы и займёмся, будем рисовать обрывы.
Берём наш шаблон и раставляем тайлы вот так:
![Рис. 1 Рис. 1](/ablogs/file496/a0.png)
Дальше, ведём кистью вдоль камней и убираем всё лишнее слева.
Если получается не очень из-за не правильно раставленных камней, то можно перерисовать те камни, которые портят весь вид тайла.
И не забываем, что верхний тайл будет соединяться с другими тайлами, так что заранее поставьте метку/точку вверху тайла.
![Рис. 2 Рис. 2](/ablogs/file497/a1.png)
Теперь повторим всё то, что делали до этого, только уже будем рисовать обрыв с другой стороны и с другими тайлами.
![Рис. 3 Рис. 3](/ablogs/file498/a2.png)
Возьмём два тайла травы и два новых тайла земли.
Тут почти ничего нового, также ведём кистью вдоль камней, только, где начинается обрыв, закругляем края травы.
![Рис. 4 Рис. 4](/ablogs/file499/a3.png)
Смотрите, что получилось в моей сцене, одинаковые тайлы почвы обрыва сильно выделяются.
![Рис. 5 Рис. 5](/ablogs/file500/h1.png)
По этой причине нам придёться нарисовать ещё пару тайлов.
Берём наши два тайла обрыва и ставим их вверх и вниз, а тайлы почвы в центр между ними.
Ну а теперь, всё как вначале статьи, снова ведём кистью вдоль камней и так далее.
![Рис. 6 Рис. 6](/ablogs/file501/a4.png)
Теперь берём три тайла целого обрыва и положим их так:
![Рис. 7 Рис. 7](/ablogs/file502/a5.png)
Делаем как раньше, только с других сторон тайлов, ведём кистью вдоль камней.
![Рис. 8 Рис. 8](/ablogs/file503/a6.png)
Вот так выглядит сцена с новыми тайлами:
![Рис. 9 Рис. 9](/ablogs/file504/h2.png)
Итак, мы уже не мало нарисовали тайлов почвы и травы.
Предлагаю вам перейти к рисованию растительности.
Делаем так, берём тайл травы и ставим вниз, а границу центрального квадрата обведём чёрным цветом, а сам квадрат закрасим под цвет фона, чтобы было лучше видно, как тайл будет выглядеть на фоне заднего фона.
Но для начала на всякий случай расширим палитру зелёного цвета.
![Рис. 10 Рис. 10](/ablogs/file505/a7.png)
Затем рисуем три одинаковых круга.
![Рис. 11 Рис. 11](/ablogs/file506/a8.png)
Добавляем стебель и рисуем листочек. Второй лист это копия первого, только отражённый слева направо.
![Рис. 12 Рис. 12](/ablogs/file507/a9.png)
Ищем палитру для наших ягод/овощей.
Палитру можно взять из зелёной палитры, просто меняем каналы RGB местами.
Закрашиваем наш тайл и добавляем блики.
![Рис. 13 Рис. 13](/ablogs/file508/a10.png)
Вы наверно заметили, что тайл с ягодами подходит не ко всем тайлам травы, так как поверхность наших тайлов травы волнистая.
Не беда! Помните, как мы рисовали тайл ягоды?
Так вот, берём ягоду и листочек тайла ягоды, и ставим их в наш шаблон.
Дальше подрисовываем стебель и второй лист.
Всё! Тайл готов!![:fan:](/files/smiles/213.gif)
![Рис. 14 Рис. 14](/ablogs/file509/a11.png)
Теперь сцена выглядит вот так:
![Рис. 15 Рис. 15](/ablogs/file510/h3.png)
А вот все мои тайлы, в количестве 17 штук:
![Рис. 16 Рис. 16](/ablogs/file511/mt1.png)
На этом я завершаю свою статью. Желаю вам успехов и не отчаиваться, до скорого, друзья!![:)](/files/smiles/99.gif)
![:gy:](/files/smiles/23.gif)
А в платформерах, обязательно должны быть ямы и пропасти.
Вот этим мы и займёмся, будем рисовать обрывы.
Берём наш шаблон и раставляем тайлы вот так:
![Рис. 1 Рис. 1](/ablogs/file496/a0.png)
Дальше, ведём кистью вдоль камней и убираем всё лишнее слева.
Если получается не очень из-за не правильно раставленных камней, то можно перерисовать те камни, которые портят весь вид тайла.
И не забываем, что верхний тайл будет соединяться с другими тайлами, так что заранее поставьте метку/точку вверху тайла.
![Рис. 2 Рис. 2](/ablogs/file497/a1.png)
Теперь повторим всё то, что делали до этого, только уже будем рисовать обрыв с другой стороны и с другими тайлами.
![Рис. 3 Рис. 3](/ablogs/file498/a2.png)
Возьмём два тайла травы и два новых тайла земли.
Тут почти ничего нового, также ведём кистью вдоль камней, только, где начинается обрыв, закругляем края травы.
![Рис. 4 Рис. 4](/ablogs/file499/a3.png)
Смотрите, что получилось в моей сцене, одинаковые тайлы почвы обрыва сильно выделяются.
![Рис. 5 Рис. 5](/ablogs/file500/h1.png)
По этой причине нам придёться нарисовать ещё пару тайлов.
Берём наши два тайла обрыва и ставим их вверх и вниз, а тайлы почвы в центр между ними.
Ну а теперь, всё как вначале статьи, снова ведём кистью вдоль камней и так далее.
![Рис. 6 Рис. 6](/ablogs/file501/a4.png)
Теперь берём три тайла целого обрыва и положим их так:
![Рис. 7 Рис. 7](/ablogs/file502/a5.png)
Делаем как раньше, только с других сторон тайлов, ведём кистью вдоль камней.
![Рис. 8 Рис. 8](/ablogs/file503/a6.png)
Вот так выглядит сцена с новыми тайлами:
![Рис. 9 Рис. 9](/ablogs/file504/h2.png)
Итак, мы уже не мало нарисовали тайлов почвы и травы.
Предлагаю вам перейти к рисованию растительности.
Делаем так, берём тайл травы и ставим вниз, а границу центрального квадрата обведём чёрным цветом, а сам квадрат закрасим под цвет фона, чтобы было лучше видно, как тайл будет выглядеть на фоне заднего фона.
Но для начала на всякий случай расширим палитру зелёного цвета.
![Рис. 10 Рис. 10](/ablogs/file505/a7.png)
Затем рисуем три одинаковых круга.
![Рис. 11 Рис. 11](/ablogs/file506/a8.png)
Добавляем стебель и рисуем листочек. Второй лист это копия первого, только отражённый слева направо.
![Рис. 12 Рис. 12](/ablogs/file507/a9.png)
Ищем палитру для наших ягод/овощей.
Палитру можно взять из зелёной палитры, просто меняем каналы RGB местами.
Закрашиваем наш тайл и добавляем блики.
![Рис. 13 Рис. 13](/ablogs/file508/a10.png)
Вы наверно заметили, что тайл с ягодами подходит не ко всем тайлам травы, так как поверхность наших тайлов травы волнистая.
Не беда! Помните, как мы рисовали тайл ягоды?
Так вот, берём ягоду и листочек тайла ягоды, и ставим их в наш шаблон.
Дальше подрисовываем стебель и второй лист.
Всё! Тайл готов!
![:fan:](/files/smiles/213.gif)
![Рис. 14 Рис. 14](/ablogs/file509/a11.png)
Теперь сцена выглядит вот так:
![Рис. 15 Рис. 15](/ablogs/file510/h3.png)
А вот все мои тайлы, в количестве 17 штук:
![Рис. 16 Рис. 16](/ablogs/file511/mt1.png)
На этом я завершаю свою статью. Желаю вам успехов и не отчаиваться, до скорого, друзья!
![:)](/files/smiles/99.gif)