Главная Мой профиль Регистрация Выход Вход
Приветствую Вас Гость | RSS
Четверг
14.12.2017
18:04
Game Graphycs 2D
Меню сайта
Форма входа
Категории раздела
Уроки пиксель арта [5]
Уроки рисования [7]
Уроки по анимации [0]
Разное [0]
Главная » Статьи » Уроки пиксель арта

Рисование домика в пиксель арте (изометрия)
1) Создаём новый документ 200х200 с прозрачным фоном.
2) В первую очередь нужно создать каркас домика. Будущее строение находится изометрической проекции, наклон осей которой составляет 120 градусов. Поэтому боковые грани будут под таким же наклоном.

Для боковых граней испрользуется линия, состоящая из звеньев по 2 px углом друг к другу.
Выбираем инструмент Карандаш 1 px, цвет черный. Начинаем рисовать каркас стен:

3) Итак, стены готовы. Приступаем к крыше. Она бывает разной формы. Я выбрала крышу с двумя скатами. Определяем середину любой из стен и чуть выше неё (на уровне конька будущей крыши) ставим точку.

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

Конёк крыши. Копируем эту линию:

и перемещаем к верхней точке крыши. Затем щёлкаем карандашом на дальнем конце конька, зажимаем shift и щелкаем на верхней дальней точке второй стены. Усё, каркас готов.

4) Добавляем контуры всевозможных деталей. Окошки, двери, крылечко... что подскажет фантазия. При вырисовке окошек и дверей можно показать толщину стен. Все линии параллельны осям изометрии.

5) Раскрашивание. Для начала выбираем пложение источника света. у меня он будет слева.
Значит, левые грани будут светлее, чем правые. Для стены , которая левее выбираю светло-серый цвет, для другой стены-темно-серый. Выполняю заливку.

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

6) Добавление текстур. На стенах можно показать обшивку, на крыше черепицу или
пластины. Опять же, всё зависит от фантазии. Чтобы облегчить себе работу создаём образцы заливки, выделяем на нашем рисунке нужную область и заливаем. Каждая текстура должна быть в новом слое. Тон цвета выбираем с учетом направления света.

Делаем тень от каждой из текстур. Копируем слой с текстурой, идем в Hue/station (ctrl+U), смещаем третий ползунок чуть влево. Нажимаем ОК. Смещаем слой, с которым мы работали на 1 px вниз.
Получилась тень.
Теперь все слои можно склеить.

7) Сейчас все контуры к нас чёрного цвета. Что смотрится грубовато и не объёмно. Изменим цвет рёбер, которые направлены углом на нас. Цвет выбираем чуть светлее, чем основной цвет площади, которую ограничивает данный контур.
С рисунком будет более понятно:

Последний штрих- выделение направленных на нас углов белым цветом:

Всё, рисунок готов Сохраняем в gif, чтобы фон был прозрачным.

Автор: Джоя.

Категория: Уроки пиксель арта | Добавил: dragonskin (04.07.2009)
Просмотров: 3959 | Комментарии: 2 | Теги: начинаем, рисование, пиксель арт, Изометрия | Рейтинг: 5.0/2 |
Всего комментариев: 1
1  
Супер! smile

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Наш опрос
какие спрайты нужны вам сейчас?
Всего ответов: 376
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

 Copyright DragonSkiN © 2017