Создание сайтов от фрилансера на ldi.ru, а также частный сео мастер для продвижения в Санкт-Петербурге.

Рисуем здание с нуля в Photoshop

Рубрика: Уроки

Очень часто для всевозможных проектов нам нужно рисовать здания с нуля. Будь то схемы проездов, тизеры, игровые локации и прочее. В данном уроке я попытаюсь объяснить, как быстро можно нарисовать небольшой изометрический домик в Photoshop

Шаг 1.

Открываем Photoshop, создаем новый файл произвольного размера. Теперь нам нужно сделать направляющие для изометрической проекции. С помощью инструмента Line Tool (L) на новом слое создаем горизонтальную линю.

13

Шаг 2.

Далее жмем Ctrl+(T). В появившихся настройках задаем угол наклона -9 градусов. Задаем любой цвет, я по привычке взял Cyan. Таким образом, получаем одну направляющую линию.

22

Шаг 3.

Далее делаем с помощью Line Tool еще одну, с углом наклона 23 градуса

32

Шаг 4.

Дублируем наши линии (Alt+Click) столько, сколько нужно.

41

Шаг 5.

Итак, мы получили несколько направляющих. Лучше их сгруппировать, и не в коем случае не склеивать, так как их нужно будет перемещать. Теперь переходим непосредственно к рисованию самого домика. Создаем новый, слой берем Polygonal Lasso (L) и по нашим линиям рисуем боковую стену.

51
Шаг 6.

Заливаем выделение светло серым цветом (это будет освещенная сторона здания).

6

Шаг 7.

Иногда требуется подправить нижнюю часть стены, для этого кликаем в окне Layers по слою c зажатым Ctrl, чтобы получить выделение. Смещаем его в самый низ, удерживая при этом Shift, и удаляем ненужное через Delete.

7

Шаг 8.

Добавляем остальные стены нашего здания. Для этого просто продублируем наши первые стены и обрезаем не нужное.

8

Шаг 9.

Аналогичным образом рисуем крышу и фундамент. Просто дублируем слои со стенами и обрезаем ненужное через выделение Ctrl+click в окне слоев.

9

Шаг 10.

Затем с помощью все того же Line tool создаем светлые и темные грани на стенах и крыше.

10

Шаг 11.

Для объема проходимся по крыше и стенам Burn и Dodge Tool’ом.

111

Шаг12.

Рисуем окна. За основу, опять же, можно взять наши стены, копируем их и удаляем лишнее:)

121

Шаг 13.

Подбираем цвет, далее проходимся Burn Tool’ом и Dodge Tool’ом.

131

Шаг 14.

Придаем окнам объем: Layer style->Inner Shadow Со следующими параметрами: Distance 1, Size 1, Opacity 10 %. Растрируем эффект и проходимся опять на светлых областях окон Dodge Tool’ом.

14

Шаг 15.

Корректируем цвет, освещеность, опять же используем Dodge Tool и Burn Tool. Ложим тень, добавляем деталей.

15

Шаг 16.

Добавляем разных красивостей, птиц, небо зелени и получаем вот такой вот симпатичный домик для карты проезда:)

16

Автор: Ракутин Андрей

Источник: rakutin.ru

Копирование разрешается только при наличии активной прямой ссылки на rakutin.ru без запрета на ее индексацию (без noindex и nofollow) и указанием автора

Связанные записи:

  1. Мария:

    Максимально понятно как рисовать здание,но как к нему пририсовать эти микроскопические детальки, которые создают оживлёж осталось загадкой. Фонарные столбы особенно хороши…
    Спасибо за урок.
    Ещё!

  2. :

    Класс - ставлю в закладки - буду пробовать

  3. Саша New:

    Да:( А как этих красивостей добавитЬ?

  4. admin:

    Да все руками попиксельно, разве что деревья стоковые и сильно уменьшенные)

  5. :

    Самое сложное мне кажется это попиксельня отрисовка объектов. Тут все таки хоть немного, но нужно уметь рисовать. А ты это все планшетом рисуешь? Ксли да то каким?

  6. Eniti:

    Мне всё очень нравится, но, не в обиду, создаётся впечатление, что перспектива задирается… но в остальном, good

  7. :

    перспектива-то потому и задирается, что линии построения должны идти НЕ параллельно. Думаю, что Андрей и без меня это знает, просто не придал значения ;)
    В остальном, очень мило

  8. Cjay:

    Андрей, скажите пожалуйста, какая это проекция?

  9. admin:

    Насколько я помню - это изометрическая проекция

  10. happybolt:

    ToМарико
    Как я понял Андрей рисовал не линейную перспективу а изометрическую проекцию. Смутно помню, что существует несколько видов проекций. Нужно перечитать учебник по начертательной геометрии :)

  11. :

    Это изометрия. В изометрической проекции все параллельные линии параллельны, в отличии от перспективы.

  12. :

    офигеть круто)

Оставьте отзыв!

Перед тем как нажать добавить: