Рисуем каркасный дом с нуля

+56

Как-то однажды мне понадобилась картинка, отображающая технологию строительства каркасного дома, а 3д-редактора под рукой не оказалось. Пришлось немного поплясать с бубном, но результат был достигнут).
Каркасный дом-технология
Изображение в оригинальном размере вы можете посмотреть в конце урока.

Итак, тем, у кого нет 3д-редактора (или если вы не очень сильны в трехмерном моделировании), но картинка позарез нужна, посвящается. Создаем новый документ с белым цветом фона.

1. Создаем сетку

С помощью инструмента "Линия" рисуем 1-пиксельную вертикальную линию. Дублируем и размещаем по всей длине документа на равных расстояниях- получили  вертикальную разметку страницы. При зажатой клавише  Shift выделяем все наши 1-пк линии в одни фигуру (Ctrl+E), получившуюся фигуру переименовываем в "Вертикаль" (в принципе, переименовывать не обязательно,  но это делается для вашего же удобства - когда у вас слоев более полутысяч найти необходимый без смыслового названия не так просто).

сетка


2. Дублируем слой "Вертикаль" (Ctrl+J) и поворачиваем его на 90 град. Переименовываем слой в "Горизонталь". Мы получили сетку. Пока ее прячем, она пригодится в дальнейшем.



основание дома
3. Рисуем основание дома
- произвольной формы четырехугольник - это прямоугольник в перспективе.


определение точек схода
4. Определяем точки схода
- с помощью инструмента "Форма" (Shape) рисуем 1пк линии, совпадающие с теми сторонами четырехугольника, которые должны быть, и  продлеваем их до точки пересечения- это и есть точка схода. Линии, сходящиеся в одной точке обозначаем одним цветом (я использую красный и зеленый, четко  отличаются друг от друга и достаточно заметные, вы можете выбрать любые другие цвета).

На этом шаге важно проследить, чтобы линии максимально точно совпадали с гранями, иначе в дальнейшем вы получите искажение перспективы.


построение перспективной сетки


5. Строим перспективные сетки:
из точек схода проводим 1пк линии до пересечения с дальней гранью 4х-угольника. Отключаем пока перспективные сетки.

6. Рисуем эскиз дома

эскиз домаНа нарисованном нами основании, созданном в шаге 3, причем вертикальные края строго перпендикулярно горизонтальной сетке, для удобства можно сделать видимым вертикальную сетку. Этот шаг можно нарисовать и карандашом, отсканировать и поместить в ваш документ, мне удобнее в данном случае рисовать сразу в документе. Так как моя конечная цель - нарисовать картинку, отображающую технологию строительства каркасного дома, учитываю это, и набрасываю нужные элементы: строение крыши, слои стен дома, срез земли с фундаментом.

На этом же этапе накладываю ориентировочные цвета будущего изображения- это делать не обязательно, но я предпочитаю прикидывать цветовую гамму сразу, так удобнее ориентироваться и складывается общее видение.

перспектива стен7. Строим перспективу стен:
Включаем слой горизонталь, дублируем (CTRL+j) и трансформируем (Ctrl+t) так, чтобы линии одного края сходились в одной точке (если при трансформировании удерживать зажатой клавишу Ctrl, это даст вам возможность свободно двигать узлы трансформации). Нажимаем Enter.

8. Совмещаем узел сетки с точкой схода и переименовываем в "Перспектива передняя стенка"- мы получили перспективу торцевой части дома.
На данном этапе видно, что нижний край эскиза- земля- сильно расходится с перспективой, поэтому  снова жмем Ctrl+T, и трансформируем слой до необходимого.


построение перспективы 2 стены


9. Аналогичным образом образовываем перспективу для второй точки схода
и называем слой "Перспектива задняя стенка".

10. Прячем края, выходящие за крайнюю вертикальную грань дома с помощью маски.

11. Подготавливаем наши слои для наложения текстур и дальнейшей отрисовки:
Выделяем слои с перспективой торцевой и дальней стенок и наш эскиз, уменьшаем их заливку до 40% и перемещаем в самый верх слоев (Shift+Ctrl+]).


12. Накладываем текстуры

Открываем текстуру вагонки, отрисованной с помощью форм (об этом подробно описано в уроке "Бесшовная текстура вагонки"). Дублируем текстуру до необходимой высоты.


Важно! Не сливайте текстуру, иначе дальнейшая трансформация в перспективе приведет к потери качества изображения!

Трансформируем так, чтобы соединительные линии текстуры совпадали с перспективной сеткой.

наложение текстур на дом

 

наложение текстур бревна и окон
13.
Аналогично накладывает текстуру бревенчатой кладки (урок "Создание бесшовной текстуры бревенчатой кладки") и окна из урока "Рисуем трехстворчатое окно".

14. Рисуем веранду и перила

Для вертикальной перекладины перил рисуем прямоугольник серого цвета, закругляем ему края и применяем стиль слоя "Наложение градиента" с настройками как на скрине. 

рисуем перила

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


Каркас

15. Рисуем боковой каркас и составляющие части стен



16. Рисуем каркас крыши

17. Элементы крыши

Поскольку нам надо было сделать наглядную картинку по технологии изготовления каркасного дома, надо показать из каких слоев состоит крыша:

крыша

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

Рисуем в таком же порядке, причем учитываем, что слой утеплителя самый толстый, толщину показываем на боковом срезе. Дорисовываем опорные балки крыши, внутренние скаты, фундамент и каменную кладку (пока без текстур, красоту наводить будем позже).
На этом же этапе я убрала одно окно со 2-ого этажа, мне оно показалось лишним.


Добавляем землю

18. Добавляем срез земли
, нарисованный в уроке Рисуем срез земли и подгоняем фундамент, накладываем черепицу из урока "Делаем текстуру черепицы", дорисовываем трубу.

 


Источник света19. Выбираем источник света
Для придания дому большей реалистичности, выбираем источник света и накладываем света и тени. Элементы, находящиеся ближе к источнику света, освещены сильнее, дальше - слабее.


Результат:

Технология сторительства каркасного дома

Понравилась статья? Поделись с друзьями:

Комментарии ()

  1. Вячеслав 29 июля 2014, 12:32 # 0
    Красота просто)
    Категории
    События студии все
    Популярное
    Последнее