Создание глянцевой 3d иконки конверта
10 июня 2009
Предположим, вам понадобилась иконка для подписки на рассылку. Возникаем вопрос — где взять иконку. Можно использовать чьи-то, а можно создать свои собственные. Большинство иконщиков используют для этих целей иллюстратор, мне же показалось, что более простым вариантом будет 3d Max.
И действительно, создание иконки блестящего пластикового конверта в 3d Max занимает на удивление мало времени, а результат оказывается потрясающим. К тому же — это действительно очень просто и любой человек, немного знающий программу создаст такую же иконку довольно быстро.
Подготовительные работы — настройка сцены и освещения
Я не буду подробно останавливаться на этом вопросе, отмечу только, что на сайте студии уже давно имеется руководство по настройке сцены, к нему же прилагается готовая сцена. Скачайте ее, чтобы не тратить лишнее время и приступим.
Создание модели конверта
Итак, приступим. Будем идти по пути наименьшего сопротивления, а именно: создавать объект из простых объектов. Это гораздо быстрее, чем модифицировать куб, пытаясь придать ему форму конверта. Создаваемая иконка будет собираться из четырех частей:
Упрощаем жизнь в дальнейшем
При создании всех частей помните о главном — толщина и длина элементов должны совпадать друг с другом. Поэтому, при построении кривых из прямоугольников используйте одинаковую длину. Ее же выставляйте в значении длины, когда включаете видимость средней части в рендеринге.
С шириной элементов все проще — значение Amount модификатора Extrude должно равняться ширине средней части. Их можно изменить/увеличить в любой момент. А вот после перевода прямоугольников в сплайны, угадать с длиной будет сложнее.
1. Верхняя треугольная часть конверта
Используя сплайны (при построении я выставляю несглаженные опорные точки, а уже затем перевожу их в Bezier и задаю нужное направление касательных) рисуем пятиугольник и придаем нужную нам форму:
Затем добавляем к линии модификатор Extrude, чтобы придать верхушке объем.
После этих манипуляций готовая верхняя часть иконки приобретает следующий вид:
2. Средняя часть конверта
Средняя часть иконки — самая простая. Достаточно нарисовать закругленную линию, и учесть, что один из концов должен быть выше другого.
Далее включаем видимость линии во вьюпорте и рендере и устанавливаем значения высоты/ширины так, чтобы они подходили под нарисованную кривую.
Теперь средняя часть иконки имеет следующий вид:
3. Часть с углублением
С этой частью также не возникает никаких проблем. Я рисовал его следующим образом: создал прямоугольник (Rectangle), затем перевел его в сплайн (правой кнопкой ConvertTo -> Editable Spline). После этого выделил верхнее ребро и разделил его на четыре части. Центральную точку сдвинул вниз, крайние сдвинул к бокам, затем перевел точки в тип Bezier и придал закругленную форму.
Затем, также как и с первой частью, добавил модификатор Extrude.
Готовая третья часть будущей иконки приняла следующий вид:
4. Письмо (это по желанию ;)
Здесь все просто до безобразия. Создаем Plane, добавляем объекту в одном из измерений побольше разбиений (чтобы сгибаемая поверхность была более гладкой) и поворачиваем под нужным углом.
Угол, на который сгибается плоскость, выбирайте по своему усмотрению, я же остановился на значении в 21 °
После этого, у меня получился вот такой листик-письмо:
Соединяем воедино
Теперь настает не сложный, но кропотливый момент. Необходимо подогнать все части друг к другу. На самом деле здесь все достаточно просто. Если вы создавали элементы, следуя приведенному в начале совету, то длина элементов должна совпадать.
После этого, остается только повернуть первую и третью части под правильным углом к средней.
Теперь выделяем элементы и группируем в одну группу. Назовем ее "Конверт". В окне камеры уже вырисовывается будущая иконка:
Для большей наглядности отрендерим ее. В случае, если имеются небольшие проблемы с углом наклона элементов, это сразу станет заметно.
Как видно, с иконкой конверта все в порядке, поэтому переходим к настройке материала.
Настройка материала иконки
В качестве материала я использую Arch & Design (mi). Для того, чтобы результат вам понравился, придется поэкспериментировать с отражением и коэффициентом отражения в зависимости от угла. После нескольких предварительных рендеингов меня устроили следующие параметры: Diffuse Level: 0.54, Reflecsivity: 0.31, Glossines: 0.92. Цвет — красный.
Значение индексов отражения во вкладке BRDF определяются экспериментальным путем, смотря какие блики вам нужны.
Подробней о бликах
Просто материалом и освещением добиться бликов, которые рисуют на макоподобных иконках будет проблематично (хотя сейчас в голове возникла идея рисовать градиентную маску блика в фотошопе, а затем использовать ее как карту отражения. Проверю — сообщу). На белой поверхности просто нечему бликовать.
А поскольку бликов все же хочется, я использую произвольные кривые, на которые цепляю модификатор Extrude. После этого, размещаю их позади камеры и подвигав вверх-вниз добиваюсь того, чтобы фигура попадала в отражение иконки. В результате получаю блики нужной мне формы.
Готовая глянцевая иконка конверта
Теперь остается применить материал к конверту (сделанное письмо оставляем белым) и запустить рендеринг. В итоге, после 15 минут манипуляций, получается вот такая симпатичная иконка.
По моему мнению — гораздо быстрей и удобней рисования подобной иконки в иллюстраторе. Плюс очевидные плюсы 3d модели — легко получить любой ракурс, сменить цвет, добавить детали и многое другое.
Мищенко Михаил, 10 июня 2009
Комментарии
Bybsvmgm, 24 июня 2010
tthedi [url=http://qcn.stanford.edu/sensor/view_profile.php?userid=25705]buy metronidazole[/url] 167710 [url=https://sqrl.eecs.utk.edu/trac/protoseq/ticket/145]inderal online[/url] %-OOO [url=http://qcn.stanford.edu/sensor/view_profile.php?userid=25708]order propranolol[/url] %-PP [url=http://qcn.stanford.edu/sensor/view_profile.php?userid=25720]order ultram[/url] =-OO [url=http://qcn.stanford.edu/sensor/view_profile.php?userid=25699]order alprazolam[/url] kpzje [url=http://urslab.indstate.edu/node/2581]order zoloft[/url] ksv [url=http://urslab.indstate.edu/node/2555]order zolpidem[/url] >:PPP [url=https://sqrl.eecs.utk.edu/trac/protoseq/ticket/147]lamisil online[/url] %[[ [url=http://www.photosig.com/go/users/view?id=330940]buy valium[/url] qsqc [url=http://torcs.sourceforge.net/index.php?name=your_account&profile=corahubbard]buy zimulti[/url] :-P [url=http://kingkong.amath.washington.edu/trac/tofino/ticket/26]retin a no prescription[/url] iogu [url=http://urslab.indstate.edu/node/2573]purchase carisoprodol[/url] >:-DD [url=https://sqrl.eecs.utk.edu/trac/protoseq/ticket/154]buy retin a online[/url] 43626 [url=http://kingkong.amath.washington.edu/trac/tofino/ticket/32]viagra no prescription[/url] =P [url=http://torcs.sourceforge.net/index.php?name=your_account&profile=miriamlugo]zithromax[/url] 8[[[ [url=https://sqrl.eecs.utk.edu/trac/protoseq/ticket/153]buy prozac online[/url] gior
