Текстуры в изометрии и пиксель арте

Я слышал много раз, как люди говорили о том,  что самое трудное в пиксель арте - это создание текстур. Однако, это не так. В этом уроке я расскажу вам, как быстро создать текстуры в photoshop и ms paint. Наслаждайтесь!

Кирпичи

Достаточно просто нарисовать кирпичи, если используешь ms paint. Пока вы рисуете кирпичную стену, то вы запросто сможете переключаться между photoshop и ms paint. Главной причиной, из-за которой я использую ms paint, так это то, что я смогу нарисовать в нем кирпичи быстрее: просто копируя один кирпич, а после вставляя его много раз. Сперва, нарисуйте контур кирпича. Теперь выберите его средний оттенок, к примеру: #9D9D4F. Раскрасьте внутреннюю сторону кирпича. Нижнею, внутреннюю сторону закрасьте более светлым цветом. Теперь  включите ms paint, и скопируйте этот кирпич. Следующие шаги будут очень-очень простыми и быстрыми. Просто копируйте и вставляйте, до тех пор пока не получите линию такой длины, которой вам нужно. После многочисленных cntrl -c, cntrl-v у вас получится что-то похожее на это.

 Ну вот все и готово! Такого рода текстуры можно добавлять к своему зданию!

Трава

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

Крыши

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

Полы

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

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

Рисуем текстуру дерева

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

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

Теперь нужно проверить цикличность. Хорошо ли выглядят тайлы соединенные друг с другом? Выглядит ли это аккуратно? Если нет, то поправляйте все прямо сейчас, а не потом. Смотрим…

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

Также важно добавить светлые участки (блики). Мы добавляем более светлый оттенок к поверхностям, которые выступают немного вперед.

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

Как вы видите тайлы примыкают к друг другу отлично, так что можно видеть сетку. Чтобы убрать сетку вы можете сделать еще одну деревянную структуру и разнообразить поверхность, располагая их в случайном порядке.

Благодарю Марса, за перевод этой замечательной статьи. Рекомендую вам посетить его блог в котором вы найдете статьи с пиксель арт'ом, работы автора и множество другой информации, которую любопытно почитать. Спасибо за внимание, надеюсь урок дал вам многих разъяснений. Автор этого урока: Kiwinuptuo