Wednesday, September 1, 2010

Вращаем объекты

Давно хотел научиться делать вращающиеся 3d объекты. Было много идей - сделать 20 фоток под разным ракурсом, потом склеить в anigif. Или вращать видео камеру вокруг объекта. Все это вышло бы криво... Да и трудоемко - склеивать спрайты сидеть. Причем все надо обработать в фотошопе или гимпе. И забил на эту идею на какое-то время. А сегодня заглянул в монитор к коллеге и осенило. Для начала, посмотрите ролик, который я сделал примерно за 10 минут. Немного криво конечно, но смысл моих трудов был сделать концепцию.


Для чего это надо и где пригодится?
Ну, например в вашем веб магазине. Или на страничке показать свою коллекцию старых процессоров. Ну или в презентации клиенту. Много где.

Что для этого надо?
Фотоаппарат или фотки желаемого объекта.
Программа для обработки фоток. Если объект простой - подойдёт mspaint. Если хотите шедевра - photoshop или Gimp. Последний достаточно прост в применении и главное - БЕСПЛАТЕН (качайте тут http://www.gimp.org/)
Далее я использовал программу Google SketchUP (качаем бесплатно тут http://sketchup.google.com/). В ней все вы и будете творить.

Как это делать?
Во-первых, открываем Google SketchUp и рисуем там объект нужной формы. В моем случаем это прямоугольный параллелепипед. Рисуется, как обычно, карандашом (номер 4 на рисунке).
Далее смотрим, сколько поверхностей получилось. Соответственно столько картинок будет нужно. У меня 6 поверхностей. И 3 разных картинки - вид спереди, сзади и боковые грани. Картинки/фотки обработайте нужным образом в графической программе. Я просто кропнул фотки, для демо не стал особо заморачиваться.
Далее нужно на грани параллелепипеда поместить картинки. Делается это заливкой (кнопка "1" на картинке сверху). В заливке надо выбрать материал для текстуры (кнопка "2").
И теперь поставьте нужный размер текстуры. Размер должен совпадать с размером грани параллелепипеда. Когда все готово, осталось сделать анимацию.
View-Anuimation-Add Secene. Добавляете новую сцену и сдвигаете объект (кнопкой "3" на первой картинке). Сдвинули объект - добавили новую сцену. Снова двигайте. Можете так же поиграть с настройками анимации (View-Animation-Settings). Дальше уже сами играйте:)
Года все готово экспортируем работу в AVI. File-Export-Animation.

Смотрим, что получилось в плеере. Ну а потом 2 варианта: либо заливаем на youtube. Либо другим конвертером делаем flv файл. Я использую бесплатный web-converter:
http://www.flvencoder.com/iframed/convert.php

Когда будет время, сделаю что-нибудь более сложное.

No comments:

Post a Comment