ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Рисуем макет здания

Вопрос в теме «Можно ли создать объемную форму здания?» побудил меня написать этот урок, как можно нарисовать здание, например как на картинке вопроса (ниже).

В уроке будет использован простейший способ - обрисовка здания по картинке.
Это конечно не рисование, но уже и не фильтры.
Открываем в Gimp картинку, та что выше. И сразу запираем слой чтобы не мешался. В этом уроке будем делать только само строение. Фон и окружение не будет затронуто. Представим себе, что это не закопанный в землю секретный комплекс, а телебашня или отель.
Качество исходника низкое, результат будет таким же. Но нам ведь важен процесс. Не копируйте буквально шаги, проявляйте свое творчество.
Сначала работаем с центральной частью, затем шпиль и напоследок опорная нога снизу.
Центральная часть
Будем рисовать ту самую перевернутую пирамидку, которая является центральной частью. Рассматриваем поближе. Она имеет 8 этажей, все они одной формы и уменьшаются в диаметре к низу. Напоминает торт, правда же?
Создаем новый прозрачный слой. Tech, это будет технический слой, для вспомогательных линий, который мы потом удалим. В нем, Карандашом (N) с минимальным видимым размером, проводим линии проходящие через углы всех уровней строения. Это что то вроде условных граней. Прямые линии сделать легко. Ставим начальную точку зажимаем Shift, ставим конечную точку, за курсором тянется линия-подсказка.

Дальнейшие действия:
Рисуем один "блин", а потом просто продублировав слой нужное число раз в новых слоях масштабируем и подгоняем по местам.
Нам видна нижняя платформа полностью. С нее и начнем.
Этаж будем делать из двух частей, вертикальной стенки и пола.

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

Включаем инструмент Контуры (B) и примерно через точки пересечения выделения и линий проведенных ранее создаем внешние очертания "блина" этажа. Чтобы замкнуть контур, нужно выделить последнюю точку и зажав Ctrl кликнуть по начальной.

Переходим во вкладку Диалог контуров. Видим нарисованный контур и дублируем этот слой. Делаем видимым новый слой контура (значок глаза напротив слоя). Его надо отредактировать, что бы он охватывал вертикальную стенку "блина". Удаляем ненужные точки по нижнему краю, кликая по ним с зажатым Shift+Ctrl и затем выбрав одну из крайних точек добавим новые точки по нижнему краю стеночки. Замыкаем контур. Но у нас в крайних точках округляется линия, просто надо передвинуть рычаги этих точек соосно линиям. Делаем видимым первый слой контура и там тоже требуется подправить линии обводки.

Видимость контуров теперь можно отключить.
Надо составить палитру для окраски цветом подготовленных плоскостей. Это будет 4 цвета для четырех граней стенки "блина" и цвет для днища. Я просто поставил галочку Сводить слои в параметрах инструмента Пипетка (О). Затем Кистью (Р) с зажатым Ctrl снимал в нужном месте цвет, еще можно подкорректировать значение этого цвета, я слегка осветлял. Делаем небольшой мазок кистью на холсте технического слоя Tech, вот и палитра готова. Теперь нужные цвета под рукой.

Сразу создадим новый слой и дадим ему имя 1. Да-да, их у нас будет восемь, так проще.
Переходим в диалог контуров, выделяем нижний слой и кликаем по значку ниже Контур в выделение (можете использовать и более времязатратный способ, через контекстное меню правой кнопки мышки). Заливаем выделение привычным для вас способом, цветом для дна из созданной нами палитры. Я просто закрасил широкой кистью. Кисть не красит за пределами выделения, получается удобно и быстро.
Активируем слой второго контура и опять Контур в выделение. Это у нас узкая полоса стенки "блина", берем зажав Ctrl первый цвет из своей палитры и красим выделение, о размерах можно не беспокоится, пока есть выделение, красить будет только внутри него.
Теперь, Лассо (F) и щелкая по углам оставшихся граней, поочередно выделяем и окрашиваем их в предназначенные цвета.

Настало время приумножить количество слоев. Но сначала, чтобы не ворочать большие слои, сделаем Слой / Автокадрировать слой. У нас получится небольшой, аккуратный слой обрамляющий платформу в слое 1.
Делаем копию слоя. Перемещаем эту копию в слоях ниже 1 и жмем клавишу М (Перемещение), кликаем на холсте с изображением и можем его передвигать курсорными клавишами, Если требуется точная подгонка это удобнее. Немного увеличиваем Shift+T(Масштабирование) раздвигая в пределах проведенных в начале урока линий через углы этажей. Имеет смысл включить фиксированное изменение размера (значок цепочки возле окон ширины и высоты)

Второй способ нарисовать этажи:
выбрать нужный контур и в выделение, Shift+T (Масштаб) в параметрах инструмента переключить преобразование на выделение. Можно масштабировать и передвигать само выделение к следующей платформе этажа, заливка выделения цветом в новом слое и далее как в первом варианте.
Третий способ:
Используя В (контуры) рисуем каждый слой этажа индивидуально.
Первый способ самый быстрый — качество низкое, потому что увеличивается размер всех элементов и «блин» наверху толстоват и не соответствует оригиналу картинки. К тому же сильно размыт.
Второй значительно медленнее, поскольку все-равно придется в каждом слое подгонять и раскрашивать как первый этаж.
Третий самый медленный но и самый качественный, будут контуры на каждый слой, которые можно редактировать и изменять по вашему желанию.
В верхней части этажей есть проем, надо его добавить в наш рисунок.

Скрываем слои созданных этажей. Выделяем инструментом лассо (F) необходимую область, проверяем чтобы был активным слой с верхним "блином", включаем его видимость и Del — удаляем ненужное внутри выделения. Отключаем видимость слоя.

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

Инструменты Выделение вещь универсальная и позволяет работать с разными слоями.
Просматриваем созданное, где можно подтираем ластиком, где надо подкрашиваем кистями.Украшаем на свое усмотрение межэтажными стойками или еще чем-нибудь.
Когда решили, что достаточно, можно объединить слои этажей основной части. Отключаем видимость ненужных слоев. Кликаем Правой кнопкой мышки на любом слое и выбрать в контекстном меню Объединить видимые слои
Быстренько сделаем шпиль. Здесь все просто.
Новый слой. Расположить его ниже слоя основной части, что бы не заботиться о подгонке шпиля. Прямоугольным выделением (R), удерживая для добавления выделения Shift, надстраиваем 3 части с каждым разом уменьшая немного ширину выделения. Можно и просто прямое выделение сделать, без всяких телескопических переходов.
Закрашиваем кистью выделение светлым цветом из созданной нами палитры, затем более темным правую половину, где на шпиль затенён.

Из-за опасения слишком раздуть урок ничего больше со шпилем не делаю, но вы могли бы его украсить какими то надстройками и устройствами.
Следующий этап — опорная нога и какая-нибудь постройка у основания.
Все по тому же принципу. Создаем новый слой, только теперь он располагается выше основной части, т.к. нога перекрывает видимую нижнюю часть основного блока здания.
Выделяем прямоугольник (R), только теперь в верхней части зажав Shift, добавляем овальное выделение (Е). Так в месте стыка основной платформы и опорной ноги мы сможем подчеркнуть объемность опоры. Окрашиваем кистью цветами из палитры, создавая объемность.
Прорезаем слева в опоре на четверть её ширины пару проемов, по всей длине этого можно не делать. У меня по замыслу нижняя часть будет закрыта постройкой. С противоположной стороны можно тоже сделать выемки, что бы получилось некое подобие резьбы винта.
Дорисовать немного кистью, так же придавая объем.

Наземная постройка собирается просто. Делаются выделения плоскостей стен с помощью R (Прямоугольного выделения), затем моим любимым Лассо (F), зажав Ctrl обрезаем все лишнее выделение. Закрашиваем кистью подходящим цветом и переходим следующему элементу здания. Мелкие и сложные выделения можно сразу делать Лассо (F).

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

Теперь можно удалить слой Tech с палитрой и слой с исходным изображением.
Макет здания предлагаю считать готовым. Дальше можно найти подходящий фон, поработать с цветом и фактурой здания, подгоняя их под найденный "задник" или обработать сам фон.
У меня получилось так. Можно кидать какахи в автора. )

Можно было конечно просто все быстренько сделать кистью, но мы же не ищем легких путей, правда?!
Уроки: ← предыдущий следующий →
13 комментариев
Вадим10 июля 2011 в 23:39Личное сообщение
TechnoVirus,
общее качество вообще низкое и да, вот размыть шпиль я и не подумал.
Ну как бы не ставил задачу урок сделать шаблоном для кого то. Просто пример, как можно использовать слои, контуры.
Андрей Сидоров11 июля 2011 в 11:47Личное сообщение
Фоновую картинку плохо подобрали. Солнце на ней с другой стороны.
Вадим11 июля 2011 в 11:53Личное сообщение
Андрей Сидоров,
по моим ощущениям на фоне солнце левее центра. Может я и ошибаюсь.
Макс Шевченко11 июля 2011 в 21:39Личное сообщение
А мне понравилась идея использования анимации в описании работы. Респект, Вадим.
Вадим11 июля 2011 в 21:48Личное сообщение
Макс Шевченко,
а мне не очень, сумбурно получается и вес картинок больше значительно.
Возможно лучший вариант с "листками-наклейками", а на них основные пояснения по картинке.
Макс Шевченко11 июля 2011 в 22:01Личное сообщение
Вадим
Ну, возможно и так.. Просто у самого крутилась в голове мысль о рентабельности введения в свои уроки подобной вещи..) Все равно, спасибо за такой пример)
Serge ZZZZ14 июля 2011 в 15:55Личное сообщение
Это ведь "Муравейник" из "Обители зла"?
Илья Новиков24 июля 2011 в 17:38Личное сообщение
Serge ZZZZ - О да! :) Это муравейник из обители зла часть первой. А это фото я сам лично "взял" из фильма к моему вопросу.
Однако суть вопроса была о том, что бы сделать в GIMP объёмную схему здания как в фильме "Обитель зла" сделали муравейник.
Макс Шевченко24 июля 2011 в 19:12Личное сообщение
Ну если не лениво положить на это дело много времени... Если нужно, чтобы эта конструкция вращалась, то почти все кадры нужно будет рисовать вручную. Если же нет... То желательно знать азы черчения.. Хотя это в любом случае. Лучше нарисовать это в том же Google SketchUp. Ну если не лениво положить на это дело много времени... Если нужно, чтобы эта конструкция вращалась, то почти все кадры нужно будет рисовать вручную. Если же нет... То желательно знать азы черчения.. Хотя это в любом случае. Лучше нарисовать это в том же Google SketchUp.
Макс Шевченко24 июля 2011 в 19:14Личное сообщение
Прошу прощения за такой двойной пост. Пишу с телефона.
Вадим24 июля 2011 в 20:10Личное сообщение
Илья Новиков,
Gimp двухмерный графический редактор. Иллюзию трехмерности можно создавать с помощью светотени.
Если вам нужна условно объемная модель изображения, то это нужно изучать 3d редакторы. Например таким является бесплатный редактор Blender, так же как Gimp вышедший из программ разрабатываемых для Линукс.
Илья Новиков27 июля 2011 в 21:39Личное сообщение
Теперь буду знать. Спасибо, что объяснили.
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
- интернет магазин женской одежды большие размеры.
Информация по уроку
Добавил урок:
Вадим
Выполнено в GIMP 2.6.11, 2.7.3
Опубликовано 10 июля 2011
Другие уроки автора
Кисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Описание редактора
Про Гимп
Избирательное масштабирование
Скачать → Плагины для GIMP
Возможности GIMP
Про Гимп → Описание редактора
Кисти для GIMP
Начиная с версии 2.3, Гимп поддерживает кисти Фотошопа в формате ABR.
Воображение
Галерея
Вопросы
Как сохранить фото именно в JPEG и с сохранением контура
Рамка в форме закруглённого прямоугольника
Оценка урока
«Рисуем макет здания» получил оценку 4.44 на основе 9 голосов.
9170+243 Комментариев |
со ссылкой на www.progimp.ru. Более подробно →





Металлический текст в GIMP
9 мая. Стенд для школьного музея

ИМХО еслиб ты каждый следующий этаж с нуля обводил, было бы не так аляповато :)
Просто верхние этажи особенно самый верхний размыт до ужаса как :) Там бы того и шпильку размыть :)
Мне почти что понравилось :) +5 :)