SketchUp в дизайне наружной рекламы

Цель этого урока – показать возможности SketchUp в реальной практике, а поскольку сам по работе занимаюсь дизайном наружной рекламы, решил использовать пример из этого жанра. Специфика дизайна здесь такова: фактически – это производственный конвейер, заказы выполняются «под ключ», а значит, дизайнерские решения разрабатываются с учетом конкретных технологий и материалов, затем становятся заданием на разработку конструктивных чертежей, и далее – на изготовление и монтаж. Причем, естественно, заказчикам всегда все нужно не позже, чем завтра... И именно SketchUp оказался просто идеальным, по всем параметрам, инструментом дизайнера «наружки» – от вариантных проработок до рабочих чертежей.

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

1. Начинаем с подготовки подосновы – фасада:
Конечно, не проблема просто «с нуля» построить фасад в SketchUp, однако иногда быстрей и наглядней использовать для этого его фото. В графическом редакторе по обмерочным чертежам строим в масштабе габариты фасада здания. Далее совмещаем с габаритным чертежом фронтальное фото фасада – тут, скорее всего, придется поработать с «подгонкой» фото под реальные пропорции, т.к. объектив фотокамеры неизбежно вносит искажения. Сохраняем результат, имея в виду, что в SketchUp будем работать в реальных размерах без масштабирования – выбираем минимально достаточный по качеству картинки размер, разрешение файла и формат, например, JPG.

2. Помещаем фотоподоснову фасада в нашу будущую сцену:
Открываем SketchUp, и чтобы сразу при импорте получить нужные размеры, предварительно с помощью Рулетки (Measure) отмеряем (от начальной до конечной точки установки имиджа) длину фасада, создав на этом расстоянии Направляющую (Guideline). Используем при этом для ввода величины Панель числовых значений (Value Control Box – VCB).

По поводу VCB – все дальнейшие построения, связанные с назначением конкретных размерных величин, производим, естественно, используя опции этого замечательного устройства (см. урок «Логический механизм SketchUp»). Поэтому далее об этом не упоминаю, как о само собой разумеющемся.

Импортируем фото фасада (File > Import), выбрав в опциях Использовать как имидж (Use as image), и сразу при размещении в сцене растягиваем его по отмеренным размерам. Получаем «на земле» (в плоскости красно-зеленой осей) фото фасада (по умолчанию – группу) в реальных размерах. Инструментом Перемещение (Move) на «торце» группы находим положение, при котором на нем появляется «транспортир», за красную контрольную точку разворачиваем на 90 град. и ставим его основанием на «землю».

3. Придаем элементам фасада объемность:
Разгруппировываем (Ungroup) – получаем Поверхность (Face), «обтянутую» фото фасада.
Обрисовываем элементы фасада (дверь, окна, балкон, рельефы и т.п.) инструментами Линия (Line) или Прямоугольник (Rectangle). При этом единая поверхность фасада разделяется на отдельные независимые поверхности, которые инструментом Тянуть/Толкать (Push/Pull) остается «вытянуть» в 3-е измерение.
Все замечательно, но видим, что «торцы» появившихся объемов, искаженно повторяя текстуру фасада, выглядят нереально. Дорабатываем их – например, откосы дверного и оконных проемов и что еще возможно, просто «закрашиваем» подходящими цветами, используя Палитру (Paint Bucket).
С боковыми поверхностями балкона ситуация сложней, но вполне решаема. Возвращаемся в графический редактор и, используя другие фото фасада (снятые с угловых ракурсов), вырезаем и подготавливаем фронтальный вид «боковины» балкона. Так же сохраняем его в виде растрового файла и импортируем в нашу сцену. В этом случае удобнее в опциях импорта выбрать Использовать как текстуру (Use as Texture) и в сцене тут же «растянуть» текстуру по боковым плоскостям балкона.


Итак, этап «строительства» фасада, на котором будут размещаться новые конструкции, закончен. Остается только сгруппировать все, чтобы отделить фасад от будущих новых объектов сцены.

4. Строим крыльцо:
Начинаем с прорисовки на плоскости фасада под дверью «профиля» крыльца со ступеньками. Поскольку крыльцо ориентировано вдоль фасада и имеет ступеньки с двух сторон, т.е. симметрично относительно центра его площадки, строим сначала его половину, сделав предварительно разметку нужных габаритов с помощью Рулетки (Measure) и Направляющих (Guideline). Образовавшуюся поверхность «вытягиваем» инструментом Push/Pull на ширину крыльца в 1500 мм. Группируем полученное.
Далее строим ограждение крыльца. Начинаем с построения перил – в итоге группируем полученное в отдельный объект и поднимаем на высоту 1000 мм:

Далее строим одну стойку ограждения на одной из ступенек под перилами – рисуем прямоугольник основания и вытягиваем его вверх до «слипания» с перилами. Теперь остается сгруппировать ее в один объект и «размножить» по ступенькам – делаем это инструментом Move с нажатой клавишей Ctrl. Далее «собираем» перила и стойки вместе – уточняем их взаимное положение, стираем лишние линии перечений, выставляем точно относительно плоскостей крыльца.

Теперь остается продублировать полученную половину крыльца (Move + Ctrl), отзеркалить (Flip Along > Red Direction), состыковать и «слить» половинки вместе. Далее стираем лишние линии стыков, и окончательно группируем крыльцо в отдельный объект.

Вроде бы с крыльцом – всё, но видим, что «режут глаз» углы элементов ограждения. Можно было бы сразу сделать их округлого сечения (что усложнило бы процесс построения), но, поскольку для нас это второстепенная задача, воспользуемся другой возможностью – сгладим ребра перил и стоек опцией Soften/Smooth Edges, подбирая нужную величину сглаживания движком.

Заметим также, что пока элементы крыльца имеют свойства материала «по умолчанию» – остальное отложим до этапа окончательной отделки поверхностей построений.

5. Строим козырек и фризы:
Здесь надо реализовать такие предварительно принятые решения:
– устройство легкого козырька в виде П-образного фриза (металлический каркас, обшивка композитными панелями) с «крышей» внутри из сотового поликарбоната на арочной раме;
– фриз козырька будет продолжаться влево и вправо фризами по плоскости фасада аналогичной конструкции на заданную длину;
– на переднем фризе козырька размещается название (логотип) магазина: «Люкс» – объемные световые буквы;
– на фризе слева и справа от козырька будут размещены объемные буквы «обувь».

Сначала строим несущие конструкции входа-вывески. Их будет удобнее построить отдельно, на уровне «земли», а затем поставить на место. Начинаем с козырька, а точнее с его крыши. Поскольку она должна прикрывать площадку крыльца, за основу берем ее габариты – обмеряем их Рулеткой (Measure) и с помощью Направляющих (Guideline) простраиваем этот габарит – 1500 х 2600. Это будет низ рамы «крыши». Из соображений, что дождевая вода с «крыша» не должна попадать на крыльцо, расширяем габариты вперед и в стороны по 100 мм. Теперь на полученной основе из направляющих строим каркас (сечением 40 х 40 мм) используя вначале инструмент Дуга (Arc), а затем достраивая ребра, выдавливая поверхности, дублируя и перемещая – получаем раму крыши:

После завершения группируем созданные элементы рамы в один объект.
Теперь надо «обшить» раму сверху сотовым поликарбонатом – специальным полупрозрачным пластиком. Быстрее всего это можно сделать следующим образом: тройным кликом внутри группы рамы выбираем верхнее крайнее ребро одной из арок, копируем его в буфер, выходим из группы (Esc) и опцией Вставить на место (Edit > Paste In Place) помещаем копию дуги теперь уже поверх группы на то же место. А далее, аналогично тому, как перед этим строили арочную раму, создаем арочную поверхность сечения обшивки (толщиной, например, 8 мм), после чего инструментом Push/Pull вытягиваем по глубине рамы.

И, конечно, опять группируем элементы обшивки в один объект, а затем группируем всю крышу. Итак, крыша готова и ее можно поставить на место над дверью – при этом удобнее для точности использовать параллельные проекции (в меню Camera включаем опцию Parallel Projection (или выключаем Perspective).

Теперь стоит задача простроить П-образный фриз козырька коробчатого сечения 500 х 100 мм. Используем для этого те же направляющие «на земле», что и для крыши, размечаем габариты внутренних (с отступом на 50 мм от габаритов крыши) и внешних плоскостей фриза и рисуем:

Группируем и ставим фриз на место – пристыковываем к крыше.

Теперь строим «крылья» фриза по плоскости фасада: рисуем на фризе козырька сечение 500 х 150 и инструментом Push/Pull вытягиваем на нужные длины влево и вправо, затем группируем полученное.

6. Моделируем рекламную часть.
Итак, все «несущие» конструкции входа-вывески смонтированы, остается построить и поставить объемный логотип (название магазина) «Люкс». Предположим, что у нас уже есть логотип, предоставленный заказчиком. На этом примере посмотрим, как импортируется векторная графика в SketchUp. Переводим логотип в формат dwg или dxf (только эти форматы из векторных «понимает» SketchUp) и импортируем в нашу сцену. Он появляется в виде группы контурных линий, не «залитый» поверхностями. Чтобы они образовались, разгруппировываем, и далее как бы «подсказываем» программе, где должны быть поверхности – инструментом Линия (Line) проходимся по контурам, кликая в двух любых соседних точках на каждом из них. Далее удаляем ненужные внутренние области букв. Теперь масштабируем инструментом Масштаб (Scale) логотип так, чтобы у нас получился намеченный габарит по длине в 1800 мм. Далее последовательно поднимаем все поверхности инструментом Push/Pull на заданную ширину боковин логотипа в 100 мм. Кстати, используем для скорости полезный прием – после первого «вытягивания» для его повторения на других поверхностях на ту же величину достаточно тут же делать на них двойные клики. И в завершении сглаживаем криволинейный поверхности, выбрав все, опцией Soften/Smooth Edges, разворачиваем на 90 град. и ставим на место – на фасадный фриз козырька.

Следующая задача – разместить объемные буквы «обувь» на левом и правом крыльях. Поскольку для них есть возможность подобрать один из шрифтов, установленных в системе, воспользуемся инструментом 3D Text , работа с которым не требует никаких особых пояснений – в итоге получаем надпись, размещаем на одном крыле, затем дублируем на второе.

Надо заметить, что до этого момента мы намеренно по минимому задействовали опции визуализации – назначение материалов поверхностей (пока они все имеют свойства «по умолчанию»), освещение, графические стили и т.п. Во-первых, это имеет смысл, чтобы ускорить работу за счет разгрузки «железа», и избежать «подтормаживания» изображений на мониторе. Причем в нашем случае, при достаточно простых построениях, это может быть и не актуально, а в сложных сценах при включенной визуализации всех «красот» будет постоянным раздражающим фактом – SketchUp грузит видеокарту весьма основательно. А вторая причина – это самостоятельная задача, на которой имеет смысл сосредоточиться отдельно.

Теперь можно удалить все не нужные больше направляющие (Edit > Delete Guides), включить и настроить тени (Window > Shadows) и посмотреть, что на данный момент получили:

На этом этапе обычно происходит уточнение размеров, проворций, деталировка основных объемов и т.д. Например, решаем, что надо бы в пластику вывески добавить детали – пусть это будет объемная полоса, зрительно связывающая текстовые элементы. И еще добавляем облицовку участка фасада под фризом. Эти построения намечаем направляющими, простраиваем на плоскостях фриза и фасада инструментами рисования и выдавливаем Push/Pull.
На этом работы по моделированию основных объемов нашей сцены фактически закончены, и можно приступать к «отделке» – назначению материалов поверхностей опциями Window > Materials:

И последний штрих – помещаем на крыльцо из библиотеки Компонентов (Componenets) фигуру дамочки для показа масштабности. Вот, собственно и все – через пару часов с начала работы проект к первому показу заказчику практически готов.

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

Например, «подача», презентация проекта заказчику – прежде всего, показ объекта с разных ракурсов. Для этого создаем, сколько нам необходимо, сцен (страниц презентации) опцией View > Animation > Add Scene. В каждой из сцен установливаем и сохраняем (опцией Update) свои настройки «кадра» – ракурс и др. параметры камеры, графический стиль визуализации, освещение (тени), показ или скрытие объектов и многое другое. Конечно, далее можно экспортировать сцены в виде 2D имиджей. Можно также запустить в программе просмотр анимационного «фильма» в виде последовательной смены этих сцен (фактически проезда камеры по сцене), а также сохранить свое режиссерско-операторское творчество в видеоформате.

Экспорт объектов сцены в другие 3D форматы (или использование плагинов перехода к сторонним программам) дает возможность дорабатывать их в других 3D редакторах или рендерах.

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

341 0 850 29
35
2007-03-14
смотрится очень дешево... для наружки самое то)))))))
2007-03-14
Извините, не очень понял смысл комментария… Если по поводу собственно дизайна, цитирую сам себя: «В качестве примера для краткости намеренно выбрал достаточно простую задачу, без детальной проработки построений…»; «Имеется также ряд условий и пожеланий заказчика, в т.ч. по содержанию рекламы, используемым материалам, общему стилю дизайна и т.п., что в сумме и определяет показанные ниже решения» - по жизни так и бывает... А вообще, воспользовавшись первым комментарием (спасибо!), такое предложение – предлагаю не обсуждать дизайнерские решения, все-таки это только условный пример, чтобы осветить тему урока.
2007-03-15
По моему, все очень и очень прилично... Для человека непосвященного ни в Su, ни в наружную рекламу :) - все понятно и доступно У меня вопрос к автору технический - у меня в 6-м скетче для того, чтобы ввести число, нужно потом _дважды_ нажать Enter, чтобы изменение вошло в силу. Это бага или фича такая? :)
2007-03-15
Если речь идет о вводе числового значения в VCB - набираем число на клавиатуре, нажимаем Enter (один раз!) - число появляется в окошке VCB и соответственно срабатывает на построении. Вроде все работает как надо, так что скорее всего - глюк - впервые о таком слышу. Или, может, проблема в клаве :) - типа клавиша заедает?
2007-03-15
С клавой все ок. В 5-м все нормально было, поэтому и спрашиваю. Надо попробовать снести и еще раз поставить...
2007-03-15
Нашел проблему - Punto Switcher :) Наверное, перехватывает Enter и "не отдает" :)
2007-03-15
Вся вода с козырька падает на ступени, ночью ударяет мороз, утром клиенты ломают руки-ноги, подают в суд на магазин, хозяин магазина наезжает на фирму наружной рекламы, директор фирмы увальняет автора этого дизигна. Финита ля комедия. А урок хороший.
2007-03-16
Boris K: Ценная, кстати, информация – действительно, проги, которые висят резидентно и переназначают под себя клавиши, вполне могут вносить помехи в работу SU, спасибо! Architector: Спасибо, комментарий развеселил: анализ проблем водоотвода с козырьков и горькой судьбы дизигнера – это круче, чем обсуждение уровня дизайна вывески в уроке по работе в программе… А если серьезно – проходя по улице, обратите внимание – очень часто у входов в магазины никаких козырьков вообще нет, так что вариант вполне жизненный.
2007-03-22
УЖОС
2007-03-22
[quote]УЖОС[/quote] А поподробнее слабо?
2007-03-25
Я уже 9 лет в наружке, всякое видывал, но такого "Г.." .... поискать надо... Извиняйте за прямоту, но... может Вам, уважаемый AJP, перепрофелироваться стоит?...
2007-03-26
Уважаемый Vladimir Razinkov (3D Work), ну читайте вы хоть то, что написано ниже (и в уроке) – неужели в какой уже раз надо комментировать, что это УСЛОВНЫЙ, УПРОЩЕННЫЙ для краткости пример использования SU в реальной работе, в частности – в этом жанре, а не дизайн вывески на конкурс! Да, с примером явно просчитался – реакция просто удивила, надо было что-нибудь про бокал или цветочек… Типа как изволили метко выразиться - перепрофЕлироваться…
2007-04-05
Нормальная статья. Спасибо за нее. А глупые отзывы ты не слушай. Если люди не понимают что это только условный пример, то только кол им в лоб забить.
2007-04-06
Действительно, урок полезный. Спасибо.
2007-04-09
Начинаю изучать SketchUp!
2007-04-09
я не понимаю, а чем не подходит 3д макс?
2007-04-12
Выпиндрился примерик подал в SketchUpе, типа я крутой, типа все вы седящие в махе и в мае не сделаете этого. А сам наверно кнопачки красивше увидил-да мир хотел удевить. А на счет наружной рекламы-это уважение- в точку попал. И не слушай тех кто бокалы, цветочки и сферы с текстурами заставлеют делать.
2007-04-13
Для плоских - Корел. Для рисовок в фото - Фотошоп. Для 3d любого уровня сложности и с гораздо более качесвенным визуалом - 3dsMax. Зачем Скетчуп?
2007-04-17
Вполне приличный урок. Зачем флуд развели, как бабки старые??? *** Соблюдайте правила приличия. Отцензурировано. Модератор. ***
2007-04-23
Ребята, какие вы все умные, чтож вы свои то уроки не пишете, а только гадости пишете тем, кто старался?!?! Моежт кто нибудь захочет пользоваться этой программой, тот коу не нужны все навороты 3д макса и т.д. и т.п. !!! Может кто нибудь с этого урока начнет осваить азы модеоирования наружки и т.д!
2007-04-25
Такого уровня трёхмерку-аксонометрию несложно и в Кореле сделать. В Максе никто не заставляет всё использовать. Но потенциально он лучше даже для наружки
2007-06-07
зря наежаите на Скетч апину) в ней такие вещи тварить можно... и с такой скоростью что ни какому 3D максу и не снилось, я имею ввиду саму модель, а вот пост обрабока может быть как раз доведена в нем. и тогда могут получиться очень даже красивые картинки с очень высокой детализацией и с точностью до миллиметра!
2008-12-31
занимаюсь пром.дизайном... Никакой заказчик не примет такое исполнение!!! ТОЛЬКО качественный рендер в 3д пакете! забудьте о таких "програмках" и "програмульках", "удобных и легких"!
2009-03-06
Давно использую ScetchUp для дизайна техники. Прога очень проста в освоении, и работа в ней не отнимает много времени. Это главная причниа, почему не MAX. Про версия скетчупа позволяет экспортировать в многие форматы, которые затем можно и в Максе открыть... Кроме того для скетчупа есть три плагина=-рендера (а может и больше), среди них именитый Vray, так что при желании картинку можно получить - заглядение... Как 3Д редактор первоначального обучения прога тоже очень неплоха, можно сказать первый шаг в мир 3Д... Новичку начинать с Макса будет очень сложно, и пройдет долго времени, прежде чем появятся первые результаты... А вот даже после двух дней терзания скетчупа уже можно начинать что то свое моделить... Правда создание более менее сложной модели в скетчупе, особенно с криволинейными поверхностями - дело долгое и трудоемкое, так что как замену Макса ее рассматривать нельзя... Но вот простенькое моделирование в максе - это уж с разряда "из пушки по воробьям"... Все равно что в Фотошопе делать то с чем Паинт справится...
2009-03-06
Да, по сути все совершенно правильно, но все-таки SketchUp - просто инструмент, и многое зависит от уровня владения им. Взгляните - это тоже он: http://www.sketchucation.com/forums/scf/viewtopic.php?f=81&t=12513&st=0&sk=t&sd=a&sid=e18e5d406a33b18e37b572c5959dbd81 Кстати, это же и про Шоп и Пайнт ;)...
2009-07-21
я выкладываю видеоуроки по SketchUp на metacafe.com смотрите
2009-10-12
"занимаюсь пром.дизайном... Никакой заказчик не примет такое исполнение!!! ТОЛЬКО качественный рендер в 3д пакете! забудьте о таких "програмках" и "програмульках", "удобных и легких"! " - уже год работаю с этой удивительной и удобной программой. У меня заказчики как в Киеве, так и в Николаеве, да и не только в этих городах. Создаю такие спецефические вещи, как объекты малой архитектуры. Всё принимается и признаётся. Если крупная компания и у неё политика фотореализма - тогда да, понятно, Мах..Мая..и подобные проги. Но и крупная компания может вполне позволить себе использовать подобную программу и стиль если менеджеры так организуют подход к делу. Сколько украинских или российских компаний, а так же частных предпринимателей...( я молчу фрилансерах) способны выложить за Мах к примеру - 2 984 евро? вот так то...
2009-10-12
Кстати... AJP, спасибо именно тебе за именно этот урок, потому что с него можно сказать...всё и началось -то... :-))) Применяя Sketch UP как быстрый инструмент моделирования я сделал за полтора месяца концептуальный проект базы отдыха, масштабом с небольшой микрорайон, где прорисовано всё - и скамейки..и дома, и окна...потом модели перекидывал в МАКС и уже линковал в одну большую сцену. Я помог сам себе благодаря этому, потому что в МАХе не смог бы обеспечить точность, а в АвтоКАДЕ потратил времени ещё больше. Очень удобно ещё и то, что когда заказчик меняет чуть ли не каждый день идеи и мысли....
2009-10-12
altero, спасибо за добрые слова... Да, за те 2 с лишним года, как написана эта статья, много воды утекло... в т.ч. в отношении юзеров к SU. Конечно, покупка его Гуглом, умелая раскрутка... но и по сути - постепенные модификации, в стиле все такого же демократичного, универсального редактора. Да и количество написанных скриптов-плагинов о чем-то говорит - типа за шестую сотню перевалило - на все случаи жизни и жанры - а это уже совсем другой SU. Интерес к нему все нарастает, пользователей все больше, используют в таких областях, что и не придумаешь нарочно... А кое-где в ВУЗах (знаю, в Израиле) уже включают в обязательную программу обучения проектировщиков. На горизонте - 8-я версия, ждем...
2009-10-12
Да и кстати (для поклонников только "классических" 3D редакторов и рендеров) - уже становится хорошим тоном включать в новые версии и новые программы поддержку моделей SU и Гугловского 3D Warehouse...
2010-03-10
Для особо одарённых - в чём проблема сделать экспорт в другой пакет и отрендерить чем угодно? Скетчап - он не для рендера.
2010-07-23
В поисках нового места привело меня провидение в одну компанию. На мои слова о том, что я не работаю в 3d, дали задание сделать визуализацию выставочного стенда. Долго ломала голову с чего и в чем начать. Погуглила и скачала sketchup. За пару дней сделала 4-зонный стенд с обстановкой (спасибо готовым моделям) в 3d. Быстро, дешево и сердито. А на вид очень даже ничего получилось. Считаю, для подобных работ самое то.
2010-07-23
вот, например, лаунж-зона [img]http://karry.ucoz.ua/_si/0/66910174.jpg[/img]
2012-02-07
Хороший и полезный урок! Автору большущее спасибо!!!
2016-08-04
Я вам больше скажу - давным давно благодаря этой статье начал использовать Скетч. Сейчас уже дошел и до Макса, и до визуализаторов различных. Спасибо автору)
RENDER.RU