Урок по PA рисованию (авторский)

23.09.2010

Начну, как всегда, со вступления:
Было очень скучно и я решил составить урок по рисованию в стиле пиксель-арт. Сразу оговорюсь - стиль отличается от уроков gas13 и используется на дисеньяре.


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

Необходимо:
********** любой версии (Обязательно)
Рабочий и абсолютно вменяемый мозг (Обязательно)
********** для пиксель-арта, сделанные мною. (Желательно)

Начнём:
Работа рисовал для конкурса, но раз у Болтаеча проблемы с компьютером, то выкладываю работу здесь.
Сначала размечаю габариты здания, чтобы вместить в картинку.


В изометрии пиксель-арта используется стиль 2 пикселя в сторону, на 1 пиксель вниз.
Соединяю высоты друг с другом, подчищаю лишние пиксели.




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


Решаю сделать большое стекло на половину здания. Размечаю его и делаю первые наброски.




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


Делаю начальный, отвратительный вариант.
[img]http://imgs.su/tmp/1285244401.jpg[/img]

Далее иду в Image - Hue/Saturation и осветляю отдельно части стекла, чтобы добиться правильного освещения.
[img]http://imgs.su/tmp/1285244428.jpg[/img]

Правда стало приятнее? Провожу на стекле тонкую 1px линию, где стекло образует перегиб.
[img]http://imgs.su/tmp/1285244477.jpg[/img]

Стекло выглядело немного искусственно, я решил добавить за стеклом продолжение стен. Я нарисовал на новом слое толщину стены и поставил прозрачность и провел светлую линию на стыке стекла и стены. Уже лучше.
[img]http://imgs.su/tmp/1285244667.jpg[/img]

Провожу разметку двери. Наверняка она будет здесь.
[img]http://imgs.su/tmp/1285244714.jpg[/img]

Как видите свет падает с правой стороны, значит все части, которые находятся слева, должны быть затемнены.
[img]http://imgs.su/tmp/1285244742.jpg[/img]

Продолжаем продумывать дверь и крышу над ней.
[img]http://imgs.su/tmp/1285244799.jpg[/img]
[img]http://imgs.su/tmp/1285244827.jpg[/img]
[img]http://imgs.su/tmp/1285244836.jpg[/img]
[img]http://imgs.su/tmp/1285244846.jpg[/img]

А что если? Хм... Вариант увлекает, оставляю его.
[img]http://imgs.su/tmp/1285244856.jpg[/img]

Сначала хотел сделать боковые стены этого закутка стеклянными, но это ужасная морока.
[img]http://imgs.su/tmp/1285244887.jpg[/img]

Проверяем габариты, отсекаем лишнее...
Начинаем второе стекло с затемненной стороны.
[img]http://imgs.su/tmp/1285244927.jpg[/img]
[img]http://imgs.su/tmp/1285244946.jpg[/img]
[img]http://imgs.su/tmp/1285244982.jpg[/img]

Балуюсь со цветом (Hue/Saturation, не забыли?) и нахожу приятный зелёный цвет. Аккуратно выделяю волшебной палочкой ([img]http://imgs.su/tmp/1285245106.jpg[/img]) всю поверхность, кроме окон и выбираю галочку colorize.
[img]http://imgs.su/tmp/1285245139.jpg[/img]



Опять за старое, второй навес, ставлю фирменную урну, созданную в самом начале рисования в пиксель-арте. От навеса провожу вверх 1х1px, вниз провожу столбики, поддерживающие навес. Потянет, с пивом. Еще табличку прикручу, пусть любуются.
[img]http://imgs.su/tmp/1285245164.jpg[/img]

Хотя нет, не потянет. Закрашу поверхность внутри. Уже ближе к цели.
Так же я добавил немного объема проведя на один пиксель выше сначала тёмную линию, потом светлую
[img]http://imgs.su/tmp/1285245335.jpg[/img]

Проведу еще объемных линий, сделав ребристой поверхность.
[img]http://imgs.su/tmp/1285245593.jpg[/img]

Нужно делать ярче! Перекрасив (Опять же балуясь Hue/Saturation), я нахожу привлекательный цвет. И опять добавляю незначительные, но красивые детальки.
[img]http://imgs.su/tmp/1285245659.jpg[/img]
[img]http://imgs.su/tmp/1285245756.jpg[/img]

Тут я пропустил несколько деталей (Совсем малость, ага), продумываю логотип фирмы, размещаю на здании, ставлю табличку, не ставлю названия кафе, так как оно еще не придумано.
[img]http://imgs.su/tmp/1285245781.jpg[/img]

Тут я пропустил еще несколько деталей (В десятки раз больше, чем в прошлый раз, но эти изображения я делал уже в выходные). Дорисовываю, довожу до вменяемого результата.
[img]http://imgs.su/tmp/1285245932.jpg[/img]
[img]http://imgs.su/tmp/1285246005.jpg[/img]
[img]http://imgs.su/tmp/1285246031.jpg[/img]
[img]http://imgs.su/tmp/1285246153.jpg[/img]
[img]http://imgs.su/tmp/1285246241.jpg[/img]

Готово. Кто дотерпел до конца, а? 😀

23.09.2010

Кайф)) супер))

23.09.2010

Добавлюсь: каждый кто создаст по уроку здание - может выложить его сюда и подарить его дисеньяру. 😀
Для чего вам мучаться? Всё просто - это здание будет ссылкой на ваш сайт.
Так же по клику можно сделать большое описание, аля **********.
Всё для вас. 😁

23.09.2010

да, хотелось бы так научиться но думаю врятли выйдет 🙁

23.09.2010

********** одного из стажёров aka Krevedkozavr. Меньше двух недель опыта в рисовании пиксель-арта на момент отрисовки этого здания.
Правда тут есть некоторые лаги, да и малость доработано мною, но всё же. 😀

23.09.2010

ну попробую что-то..

23.09.2010

Gas13 отдыхает ))
В скором времени ищи свой урок в паблике 🙁

23.09.2010

Чего унывать то, тут радоватся надо что люди именно этот урок по РА скопировали )
И ждет тебя всемирная известность.