“Ничто так не облегчает работу фотошопера, как навыки работы с 3d-max!”

В статье Из плоской карты мира делаем глобус. Часть I – глобус в фотошопе лежит первая часть урока, в которой я рассказывал, как сделать глобус в фотошопе. Сегодня очередь 3d. Для выполнения занятия нам потребуется непосредственно 3d-max и инсталлированный визуализатор VRay (я материалы настраиваю в нем, потому и…), а также карта мира (которую можно скачать по ссылке в первом уроке) в трех инкарнациях – в виде раскрашенной карты мира для текстуры, в виде инверсной черно-белой карты (черные моря, белые материки, это важно!) в качестве карты бампинга для создания рельефа и в виде черных материков на прозрачном фоне, в качестве карты бампинга для прозрачности. Рекомендую заготовить.

Итак, открываем макс. Для начала рисуем там элемент box, который будет символизировать собой основание композиции (когда предмет болтается в космической пустоте его освещать сложнее). Назначаем ему Vraymtl (стандартный материал Vray), просто раскрашенный в белый цвет:

На некотором расстоянии над этой плоскостью подвешиваем объект Sphere. Добавляем в нужное место источник света (Lights->Omni) с настройками примерно как на каринке:

Далее мы должны наложить текстуру на шар. Для того, чтобы объяснить программе, что мы собираемся натягивать фигуру на шар, выделяем левым кликом сферу, открываем список модификаторов (Modifier List) и выбираем там UVW Map, в свитке Parameters которого выбираем Spherical:

Теперь нам надо создать правильный материал для глобуса. Щелкаем клавишу M для вызова редактора материалов, и начинаем.
У свойства Diffuze (которое характеризует фактуру, цвет и общий вид поверхности материала) нажимаем кнопочку сбоку от цвета (на рисунке помечена красным), и в появившемся списке выбираем Bitmap (помечено красным на рисунке):

В появившемся окне диалога необходимо выбрать цветную карту. Нажимаем open и видим, что карта перенеслась на материал.

Далее придадим глобусу рельефность. Для этого, под свойствами Diffuze, Reflect и Refract (возможно, придется воспользоваться бегунком) находим свиток Maps. В этом свитке нас будет интересовать строчка Bump, которая собственно и отвечает за придание рельефности поверхности материала. Нажимаем на кнопку “None” напротив, и выбираем инверсную карту. Материки должны быть белыми, а океаны черными так как Max воспринимает цвет, как команду: светлее – выше, темнее – ниже. А величина бампинга – это амплитуда между самой высокой и самой низкой точками:

В данном случае я выставил величину бампинга в 20 единиц, чтобы не появлялось искажений по краям карты, которые будут заметны глазу.

Теперь осталось настроить прозрачность “океанов” (это уже мое личное желание, может быть и незачем). Я захотел сделать океаны прозрачными, а материки – нет. Для этого мне и понадобится карта с черными материками на прозрачном фоне. Выставляем цвет прозрачности (параметр Refract), также, как и в случае с текстурой, нажимаем кнопочку рядом с цветом, выбираем в появившемся окне Bitmap и там нашу карту с черными материками на прозрачном фоне. Все, теперь океан у нас прозрачный, а материк – нет:

Также на картинке выше уже настроены блики: цвет выбран чуть светлее черного, а параметр Refl. glossiness приобрел значение 0,8 (для ярких, глянцевых бликов).

Осталось перенести материал на сферу. Выбираем сферу и щелкаем кнопочку (сразу под шарами с материалами, третья слева). Сфера изменится, это нормально. Теперь, для того, чтобы настроить ракурс мы нажимаем кнопочку (там же, только четвертая справа). Инструментом поворота настраиваем ракурс. Нажимаем F10 и рендерим.

У меня получилось вот так:

Пробуйте:-)

Выбираем окно проекции, щелкнув по нему правой кнопкой мыши.
————————————-

Я бы очень хотел себе такую кружку. Сам бы пил с удовольствием, али подарил бы знакомому архитектору.
—————————————————–

Хостинг изображений – radikal.ru

—————————————————–

Хостинг изображений – radikal.ru

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

Что мы тут, уважаемые граждане, видим? Мрак и ужас мы тут видим, помноженные еще на два мрака и ужаса. Причем, что интересно – технически грамотно (см. исходный код) выполненные мрак и ужас. Даже без таблиц.

Есть некая идея: грамотный мерчандайзинг – это очень сложно (тонкий намек в виде паззла), но мы совсем недорого возьмем решение этой проблемы на себя, и все у вас будет в лучшем виде. Это вот была идея.

А дальше начинается полная, простите, годзилла. Злая и некормленная:
– шрифты. О, эти болдовые газетные шрифты… как они меня успели достать в свое время!
– цвета. Сине-зеленая тоска.
– качество графики. За гранью бобра и козла.
– кадрирование фото. За той же самой гранью. Не надо так кадрировать фото. Я не верю, что женская грудь с бейджем символизирует собой “мерчандайзовый аудит”. Вот не верю и все. А обучение мерчандайзингу в полях…
– заголовки подразделов. Граждане, имейте совесть. У меня зрение стопроцентное, и то прочитывал с пятого раза. А у кого не стопроцентное?
– форма кусочков паззла нефункциональна. Это видно глазу, и сразу понимаешь – что нет, не справятся ребята со своей задачей. Такие кусочки не состыковать.

И ведь этот сайт должен продавать.

Короче, решил я действовать в рамках той же идеи. С паззлами. Получилось так:

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

Вот как-то так. Вынимательно слушаю комментаторов.

PS: Там еще есть флешь-версия сайта, это отдельная и весьма грустная песня, которую я как-нибудь тоже перепою на новый лад.
—————————————————–

Хостинг изображений – radikal.ru

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

Хостинг изображений – radikal.ru