Создание изометрической комнаты в 3D
Наверняка у тебя есть представление о том, как в идеале должна выглядеть твоя комната? Она оформлена в любимых тонах, обставлена предметами, которыми увлекаешься. Сегодня мы пошагово смоделируем изометрическую комнату в Blender.
3D поможет тебе воссоздать уголок мечты и научиться создавать интересные сцены с помощью простых элементов.
Изометрия относится к виду параллельной проекции. Угол обзора в ней смещен — это создает эффект трехмерности и позволяет показать некоторые детали окружения, которые не видны при виде сверху или сбоку.
Мы подробно разберем каждый шаг и укажем все инструменты, которые нам пригодятся при проектировании комнаты, мебели и интерьера. Также создадим лоуполи модель, построение которой будет понятно новичкам в Blender.
Первые шаги
Определившись с понятием изометрии перейдем к созданию проекции в Blender. Самое главное при изометрическом рендеринге – это камера. В первую очередь необходимо изменить ее тип на ортографический:
Меняем тип камеры с Perspective на Orthographic
Для изометрического рендеринга очень хорошо подходит «квадратная камера» (соотношение сторон 1:1). Если нужно приблизить/отдалить камеру, используй параметр Orthographic Scale.
Далее, камеру нужно расположить в правильном месте. Для этого установи ее положение по осям:
- X: 12
- Y: -12
- Z: 12
Также, камеру нужно повернуть по всем трем осям:
- X: 54.8
- Y: 0
- Z: 45
Моделирование комнаты
Завершив настройку камеры, переходим к созданию сцены. В качестве примера для туториала мы взяли среднестатистическую комнату, которую впоследствии ты сможешь наполнить понравившимся контентом.
Изометрическая комната, которую получим в процессе туториала
Первоначально создаем кубик и удаляем ненужные нам грани с помощью инструмента Edge Loops. Немного утолщаем стены, используя модификатор Solidify. Вуаля, наша заготовка комнаты уже готова. Буквально минута и мы уже построили собственное помещение.
Заготовка комнаты
1 этап — Рабочее место
Создадим куб и преобразуем его в плоский прямоугольник, два раза дублируем этот объект через Shift+D и группируем Shift+J. Мы получили три «ножки» будущего компьютерного стола. Чтобы назначить общий центр масс нашим прямоугольникам выбираем Edit — Set Origin — Origin to Center of Mass (или Shift + Ctrl; + Alt + C).
Моделируем ножки компьютерного стола
Для столешницы выделяем верхние грани прямоугольников. После выделения создаем плоскость клавишей F и экструдим их вниз (E). Толщина столешницы должна совпасть с толщиной ножек.
Создаем плоскость между «ножками»
Закрываем верхнюю часть столешницы, выделяя нужные нам углы и добавляя между ними плоскость (F). Для объединения созданных нами элементов в один объект переходим в режиме Edit Mode на вкладку Shading — Normals — Recalculation. Blender автоматически соединяет наши объекты.
Модель компьютерного стола
Главный атрибут любого 3D-художника — компьютер и комплектующие. Для начала разберемся с клавиатурой. Несмотря на нашу лоуполи атмосферу, она не будет обычным прямоугольником, ведь сейчас многие клавиатуры делают эргономичными — удобными в использовании.
То же самое касается и мышки. Не забудем про количество экранов — настоящий художник не ограничивается одним, ему нужно сразу две штуки. Один для редактирования, второй для просмотра результатов или превью работы в натуральную величину.
КУРС ПО ТЕМЕ: 2d-графика для игр
Ты разберешь все этапы студийной разработки графики для игр в жанрах runner, platformer, city builder, slots. Научишься работать с быстрыми набросками, изометрией, композицией, светом, тоном и общей стилизацией.
У топорного прямоугольника клавиатуры нам нужно видоизменить один угол. Для этого инструментом Loop Cut в Edit Mode выделяем нужную нам часть для редактирования и опускаем одно из верхних ребер немного вниз.
Для клавиш тем же Loop Cut «разрезаем» нашу клавиатуру на квадратики, более-менее похожие по размеру на кнопочки и инструментом Extrusion (клавиша E) буквально выдавливаем их из нашей клавиатуры-заготовки.
Создаем кнопки инструментами Loop Cut и Extrusion
Естественно располагаем на нашем компьютерном столе получившуюся модельку. Согласись, мало у кого клавиатура лежит ровно. Именно поэтому мы немного развернем ее. Не забудь проверить по оси Z, действительно ли клавиатура лежит на столе или же висит в воздухе.
Позиционирование клавиатуры на компьютерном столе
Экран мы начнем моделировать с подставки. Создаем плоский прямоугольник и через хорошо известный нам Loop Cut делим плоскость на 9 одинаковых квадратов. Выделяем центральный квадрат и немного увеличиваем его (клавиша S — Scale). Экструдируем получившуюся область к центру и вверх (клавиша E), затем верхнюю плоскость также экструдируем, но уже только по оси Z.
Осталось добавить сам экран. Выбираем верхнюю плоскость получившейся ножки и экструдируем (клавиша E) ее только по оси X. Для этого при экструдировании один раз нажимаем клавишу X.
Создание нижней части экрана
Итоговую нижнюю плоскость экрана также экструдируем наверх, выбирая оптимальную высоту экрана
Создаем экранную плоскость
Чтобы добавить рамку, выделяем переднюю плоскость экрана и поочередно нажимая клавиши E и S, углубляем рамку и экструдируем получившийся экран внутрь монитора.
Моделирование монитора
Видоизменяем монитор пропорционально столу и клавиатуре. Дублируем готовый объект (Shift+D) и размещаем его рядом с первым монитором. Создаем материалы для получившихся моделей — красим в любой цвет, который тебе понравится.
Позиционирование мониторов
Еще одна функциональная деталь десктопа — мышка. Снова создаем и режем на четыре части прямоугольник инструментом Loop Cut и придаем ему нужную форму экструдированием и изменением размера отдельных граней и ребер.
Моделирование компьютерной мыши
Завершаем наш первый этап покраской стен и настилом деревянного пола. Для стен добавляем материал и выбираем предпочитаемый цвет. Нам понравился персиковый.
Паркет создаем с помощью копирования плоского прямоугольника по периметру комнаты. И да, ему тоже нужно добавить материал с соответствующим цветом.
Первый этап создания изометрической комнаты
2 этап — Кровать, стул и источник света
Стул у нас не геймерский, но начинать с чего-то нужно. За основу берем четыре прямоугольника, вытянутых по высоте — это будут ножки. Создаем плоскость над ножками и экструдируем ее, создавая толщину сидения. Внимание! Нужно оставить место под спинку стула.
Моделируем ножки и сидение
Чтобы объединить три прямоугольника для спинки в одну плоскость, выделяем их, нажимаем правую кнопку мыши и выбираем Dissolve Faces. Экструдируем область по высоте (ось Х). Немного видоизменяем углы стула, чтобы придать ему вид деревянного лоуполи объекта. Подвинем его поближе к столу, будто хозяин недавно закончил работу и отлучился по важным делам.
Позиционирование стула
У жителя нашей комнаты будет не совсем удобная кровать, потому что ее каркас и матрас из ровных прямоугольных блоков.
В плане моделирования нас больше интересует одеяло и подушка. И снова прямоугольники! Но здесь придется попотеть в Edit Mode и создать текстуру лоуполи одеялка. Его край нужно опустить за пределы матраса, а также создать некую скомканность и неровность инструментами Loop Cut, Scale и Extrusion. Их нужно применять как на плоскость и ребра, так и на отдельные точки фигуры.
Модифицирование текстуры одеяла
Основным источником света в нашей комнате станет напольный торшер. При моделировании мы будем использовать цилиндры. Для подставки исходный цилиндр нужно уменьшить по оси Z. Для ножки сузить к центру по осям X и Y, а затем вытянуть вдоль оси Z.
Моделирование ножки и подставки торшера
Абажур торшера можно сконструировать из цилиндра c десятью вершинами. Верхнюю плоскость стандартного цилиндра мы сужаем инструментом Scale (обязательно находясь в Edit Mode). Экструдим плоскость к центру (клавиша E) и далее опускаем полученную область, формируя углубление. Центрируем полученный абажур с готовой подставкой.
Моделирование торшера
Добавляем в сцену свет лампы. Позиционируем его в абажуре так, чтобы он выглядел реалистично. Для этого включаем дополнительное окно с превью рендера, где мы сразу можем увидеть итоговую картинку. Мы выбрали оранжево-желтый цвет лампы. Он придает картине домашний уют и спокойную вечернюю атмосферу.
Установка и корректировка света
Итог 2-го этапа
3 этап — Доработка деталей
Реалистичность и правдоподобность сцене придают мелкие детали интерьера:
- книги;
- ковер;
- картины;
- растения;
- и так далее.
Их очень просто создать, поэтому если у тебя уже получилось смоделировать мебель, то эти вещи покажутся пустяком.
Используем кубик, который впоследствии модифицируем в прямоугольник. По размерам он должен напоминать книжку. Далее инструментом Loop Cut делим его на обложку нашей книги и часть, которая будет играть роль страниц. Эту часть мы выделим и экструдируем внутрь книги по оси Z. Комбинация Shift+D продублирует нашу книжку и мы сможем разместить нужное нам количество на полках.
Кстати, полки — те же прямоугольники, их нужно расположить вдоль стены. Снова проверь, не проваливаются ли они в саму стену? А может висят в воздухе? Если так, то исправляем!
Моделирование книги
Картины и окна создаем таким же способом. Только видоизменять придется не верхнюю плоскость, а боковую.
Модификация окна
Лоуполи кактус начинаем моделировать с горшка. Экструдируем верхнюю плоскость внутрь, а далее по аналогии с монитором «выращиваем» из горшка кактус. Для ковра можно использовать тот же подход, который мы использовали для одеяла.
Моделирование лоуполи кактуса
Ты можешь сам задать цвета предметов и их текстуру. Все зависит от твоего вкуса и настроения. Рендерим сцену и вот в твоей коллекции работ появилась атмосферная изометрическая комната. Здорово, не правда ли? Можно поиграться со светом, добавить дневную версию комнаты. Для этого нужно убрать свет лампы, добавить солнечный свет и сделать окно прозрачным.
Итог 3-го этапа
Итоги
Как видишь, сегодня мы использовали всего две фигуры — куб и цилиндр. Из них получилось создать более 15-ти предметов. Если ты новичок, то очень советуем моделировать все из простых предметов в Edit Mode. С помощью инструментов в этом режиме ты сможешь создать практически любой объект.
Доработай готовую изометрическую комнату на свой вкус. Добавь интересные элементы или замени существующие. А мы поможем тебе, приложив несколько прекрасных и вдохновляющих работ. Не важно, в каком стиле ты сделаешь комнату: лоуполи или гиперреализм. Главное, что ты практикуешься и учишься чему-то новому!
Визуализация гостиной комнаты в Blender
В данном уроке мы будем создавать гостиную комнату с помощью готовых моделей. Несмотря на то, что большая часть объектов уже готова, урок достаточно сложный и потребует несколько часов на выполнение.
Финальный результат
Перевод урока с канала Andrew Price
Удалите из сцены лампу и на вкладке сцены измените единицы измерения на метрические: 
Подымите куб так, чтобы он располагался над сеткой и увеличьте его масштаб до 2.7 метров. Затем создайте из него прямоугольник и удалите боковую грань: 
Направьте камеру на угол Вашей комнаты: 
Чтобы стены комнаты не выглядели заваленными, выставите угол камеры по оси X равным 90 градусов, а по оси Y — 0. Также измените пропорции камеры на вкладке рендера: 
Теперь необходимо наполнить сцену различной мебелью, столами, цветами… В общем всем тем, что необходимо 🙂
На создание всего этого потребуется не мало времени, поэтому, для данного урока мы будем использовать уже готовый архив, содержащий готовые модели, текстуры и HDR-текстуру.
Чтобы добавить что-либо в Вашу сцену из другого файла нажмите File — Append. Добавление стола выглядит следующим образом:
Models — Coffee Table Japanese Gigh — Group — Japanese Gigh Coffee.
Вот так выглядит сцена заполненная готовыми моделями: 
Теперь займемся освещением. Измените тип рендера на Cycles Render. Перейдите на вкладку мира и укажите использовать HDR-текстуру из архива. Если включить режим отображения Rendered, то Вы должны увидеть примерно следующую картину: 
Теперь займемся созданием окна. В режиме редактирования разделите куб на 3 отдельных объекта (P — Selection): 
Выделите центральную часть (номер 3) и с помощью Ctrl + R добавьте 4 ребра на правой стенке. Проэкструдируте немного наружу только что созданную грань и удалите ее, чтобы создать отверстие: 
Завершим настройку окружения с помощью редактора нодов. Разделите окно на 2 части и в одной их них переключитесь на Node Editor. С помощью нода Mapping мы можем вращать HDR так, чтобы нас устраивал вид из окна, а увеличив параметр Strength мы сделаем нашу сцену более светлой: 
Перейдем к созданию пола для комнаты. Выберите пол, примените к нему масштабирование (Ctrl + A — Scale) и создайте UV-развертку (U — Unwrap).
Глядя на окончания названий текстур используемых в нодах Image Texture вы сможете узнать какую текстуру в какой нод загружать. Находясь в редакторе нодов создайте для пола следующую связку нодов.
Теперь необходимо создать окно в том месте, где мы сделали для него отверстие. Само окно можно моделировать вручную или же воспользоваться замечательным дополнением Window Generator 2.
Создав окно расположите его в нужном месте. 
Если Вы создавали окно при помощи дополнения, то на вкладке материалов у Вас появились новые материалы для окна. Выберите материал Glass и перейдите в редактор нодов. Настройте для стекла следующий материал: 
На данный момент сцена выглядит следующим образом: 
Теперь нужно создать окно вместо той стены, которую мы удалили вначале урока. Делается все также, как и с первым окном, разница лишь в размерах: 
Выберите материал окна PVC и настройте для него материал: 
Создали мы еще одно окно вместо стены, чтобы на металлической лампе не отражалась наша HDR-текстура. Также выберите лампочку на лампе и измените ее материал с Emmision на Diffuse. Ведь у нас с сцене день и включенный свет нам ни к чему. 
Добавьте в сцену солнце, направьте его свечение в Вашу комнату и установите для него следующие настройки: 
Сейчас сцена выглядит сильно шумной. Чтобы это исправить на вкладке рендера измените следующие параметры: 
Теперь результат гораздо чище: 
Выделите заднюю стенку комнаты (ту на которой картина) и назначьте ей новый материал: 
Теперь выделите камеру и настройте для нее глубину резкости: 
Также, для большей детализации, на окно можно повесить жалюзи или занавеску. 
Для той части занавески через которую проходит свет настройте следующую связку нодов. Для верхней и нижней части просто используйте шейдер Diffuse темного цвета: 
В архиве с моделями также присутствует модель дерева. Добавьте в сцену 3 дерева и расположите так, чтобы их было видно из окна вашей комнаты: 
В завершении сцены выполним небольшую пост-обработку. Перед тем как выполнять рендер, выберите материал Glass и в меню Settings установите Pass Index равным 1. Также на вкладке слоев рендера в меню Passes отметьте пункт Material Index. Затем выставите 400 семплов и сделайте рендер сцены. По завершению рендера перейдите в редактор нодов, добавьте свечение окну, отрегулируйте цветокоррекцию и затемните углы изображения: 
Вот собственно и все! Надеюсь Вы узнали для себя что-то новое. Жду Ваши работы в комментариях!