Рисуем в стиле ПикселАрт. Урок ПикселАрта.
Ну для начала вам нужна подходящая программа, я рекомендую фотошоп и paint.net
Многие жалуются, что не умеют пользоваться фотошопом, но я скажу, что трудно им пользоваться только в случае редактировки фотографий или рисования картин, для использования карандаша многих знаний не надо.
Все примеры будут приводиться в фотошопе
Итак, начнем.
Для начала создадим пустой документ например 100х100пикс.
Выставляем единицу измерения в пикселях
Ставим белый или прозрачный, если вы рисуете спрайты, то обязательно "прозрачный"
Масштабируем как вам удобно, лично я рисую под 2000%
Теперь берем карандаш и рисуем.
Но сначала я объясню простейшие понятия линий:
Прямая:
Наклонные прямые:
45Град.
90Град.
Ну и разные другие наклонности:
Так же тут есть и дуги.
Если мы хотим нарисовать круг, то мы будем рисовать по такой схеме:
1. 3 пиксела
2. 2 пиксела
3. 1 пиксел
Т.е. каждый последующая линия на 1пикс. меньше предыдущей, как только доходим до одного пикселя меняем направление(За исключением больших кругов)
Это правило распространяется на все -
(Тут, разумеется, мне не надо было делать идеальные круги)
Ну и так далее
В ПикселАрте есть два понятия рисунка:
Изометрический рисунок и не изометрический.
Я начну с изометрии:
Например, простейший параллелепипед:
Рисуем линии под 45Град:
Пририсовываем штык сверху на который ставим еще две линии:
Далее дорисовываем все остальное:
(В изометрии я не силен, и чет тут косо вышло)
(Про раскраску чуть попозже)
Далее не изометрические рисунки, это все не изометрическое, и этим может быть что угодно, например тот же кружок что я приводил ранее
(Тут один пиксель на два)
Ну а теперь, на мой взгляд, самое главное - цвет.
Например, раскрасим тот кубик, что я сделал до этого.
Выберем цвет, например синий.
Потом выбираем заливку и закрашиваем:
Но не находите ли, что что-то тут не так?
Я тоже) Все дело в том, что разные грани куба должны быть по разному освещены(Разная насыщенность цвета)
Теперь маленько правим..
Что изменилось теперь? Я раскрасил каждую грань большим количеством точек разных цветов, близких к основному, ведь в природе никогда не бывает идеально одноцветных вещей....
Вот как ЭТОТ вариант будет выглядит при масштабе 100%
Или пример раскраски земли:
.
.
.
На этом пока все. Если вам понравится, выложу углубленные уроки в каждый из разделов(Работа с фотошопом, изометрический арт, не изометрический арт и цвет)
- 28 апреля 2012, 14:15
- 170
Сколько нужно минусов чтобы пост удалился?
Ну правда, это очень уныло и непонятно. Неясно, что автор хотел вообще рассказать. По сути ничего про пиксельарт нету кроме того что и так очевидно - рисовать прямые линии в пэинте не сможет только законченный идиот.
Пиксельарт - это не то как рисовать линии, а техники раскрашивания, в основном, и отрисовка сложных контуров.
Ну и пиксельарт - это не стиль, а техника исполнения.
"рисуем в ситле вектор"
"рисуем в стиле гуашь"
"рисуем в стиле масло"
Глупо, да? Стиль - это другое совсем.
1) Фотошопом пользоваться совсем несложно, просто надо потратить время (год) на регулярную работу с ним. С полпинка ничего нельзя выучить
2) Уважающие себя дизайнеры не рисуют в фотошопе, а только обрабатывают фотографии. Для рисований используются другие программы, как и для вёрстки.
Убил.
Например?
Только Paint! Только хардкор!
Не скажу насчет обычного рисования, припоминаю только Art Rage и Pixia, а вот для пиксель арта назову полно, от профессионального коммерческого монстра Cosmigo Pro Motion (типа фотошоп в мире пиксель арта), условно-бесплатного Graphics Gale, до бесплатных Grafx, Aseprite, D-Pixel, Pyxel, тысячи их.
Назвать я тоже могу много чего, на самом деле я хотел спросить, чем пользуется сам Хейзер. Не для вёрстки, а для игр.
Если говорить о рисовании в художественном смысле то это ArtRage скорее всего. Вообще полиграфические изделия часто делаются в векторных редакторах типа Адобовского Иллюстратора или в Кореле. В фотошопе как правило обрабатывают результат - либо векторный, либо фотографии. Там же делают коллажи. Для вёрстки часто используется Adobe Indesign.
Кстати, да, почему-то практически все уроки по пиксель арту предлагают использовать фотошоп. Т.е. дорогущую программу, для этого не предназначенную. Рисовать-то в нем, конечно, можно, но и микроскопом тоже гвозди можно забивать.
Самое удобное в чем я рисовал - встроенный редактор GM) Ничего лишнего, слои бы туда еще добавить - вообще цены бы не было
Какой версии? Седьмой был неплох, а в 8.0 сделали поддержку прозрачности и пользоваться им расхотелось. Приходится отдельными инструментами стирать и рисовать, а не двумя кнопками мыши. Если б повесили на правую кнопку свою прозрачность, было бы действительно лучше.
к 8ой быстро привык - достаточно разучить горячие клавиши, а недавно чтото ГМ начал вылетать, вернулся к седьмой и обнаружил что совсем неудобно, так как привык к новому редактору) Сейчас снова пользуюсь восьмым и уже совсем наловчился. Но вот что я буду ипользовать для пиксель арта в последнюю очередь - пэинт на семерке. Мешать растр с вектором, помоему, верх долбоебизма(уж простите, другого слова подобрать не мог). Ну и еще одно приемущество ГМ - удобно анимировать и сразу просматривать результат. Кстати можно просто заливать фон неиспользуемым цветом в восьмерке и повесить его на ПКМ, а потом прозрачной заливкой стереть его
Блин, точно же! Совсем забыл о них, спасибо.
Вот так скопипащенный кривой урок по пиксель-арту может послужить верой и правдой Гамину! Комментариями...