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