Создание рекламного щита (ч.2) (Моделирование)

I) Создание текстур

- Adobe Photoshop CS 3

- Paint

II) Моделирование

- Autodesk 3D Studio Max 2009

- Milk Shape 3D 1.8.4

III) Текстурирование

- Autodesk 3D Studio Max 2009

- Milk Shape 3D 1.8.4

IV) Конвертирование модели

- Autodesk 3D Studio Max 2009

V) Компиляция и тестирование модели

VI) Работа с плагином In Game Ads 1.8.3

VII) Размещение модели в игре

II) Моделирование

1-ый способ (Использование Autodesk 3D Studio Max 2009)

ПРИМЕЧАНИЕ: Вы можете использовать и более ранние версии 3D Studio Max.

Почему именно Autodesk 3D Studio Max?

На мой взгляд, это одна из самых простых программ для моделирования 3D объектов. Наряду с другими программами такого рода, 3D Studio Max, обладает богатым функционалом и интуитивно понятным интерфейсом.

Для тех, кто впервые открыл 3D Max, ему будет трудно разобраться с этими количеством кнопок, и вообще понять, что к чему.

Попробую объяснить. Главное окно 3D Max состоит из:

1) зоны выпадающего меню

2) панели кнопок быстрого доступа

3) четырех видовых окна (в дальнейшем Вьюпорт (Viewport))

4) основной правой панели инструментов

5) панели анимации

С панелью справа (4) мы будем чаще всего работать, в ней собраны практически все элементы, что нужны для работы.

Так же будем работать с Вьюпортами (3): TOP - вид сверху, LEFT - вид слева, FRONT - фронтальный вид, PERSPECTIVE - перспектива, 3D вид.

Стоит заметить справа внизу панели анимации, находятся кнопки для удобного просмотра модели во Вьюпортах. Мы будем использовать только две из них:

(Zoom) для приближения или отдаления модели

(Orbit) для того что бы покрутить нашу модель во вьюпорте.

Шаг 1.

Откройте 3D Studio Max, создайте объект Куб (Box). Для этого на панели справа, на закладке Create (Создать), нажмите кнопку Box (Куб)

Постройте в видовом окне Perspective (Перспектива) Куб.

У меня вышло вот так:

Далее изменим его параметры, для этого пойдем в закладку Modify (Изменить) и зададим следующие параметры, как показаны на рисунке:

ПРИМЕЧАНИЕ: Эти размеры уже рассчитаны, модель в игре будет в меру большой, и не будет размытости текстур.

Выровняем его по центру, выделите модель прямоугольника, нажмите правую кнопку мышки, затем выберите Move (Двигать)

Установите значения для X,Y,Z в 0

Вот что должно у вас должно получиться:

Шаг 2.

Приступим к изменению геометрии, и приданию формы рекламного щита.

Есть много способов достижения нужного результата, и множество способов моделирования.

Я остановлюсь на том способе, при помощи которого можно воссоздать практически любой объект - это Poly Modeling (Поли моделирование)

Выделите наш прямоугольник, нажмите на нем правую кнопку мышки (В дальнейшем ПКМ), выберите Convert to:->Editable Poly (Конвертировать в ->Редактируемый Поли)

Перейдите в режим редактирования полигонов

Выделите полигон во вьюпорте Front

Нажмите ПКМ выберите инструмент Bevel (Фаска) (Необходимо нажать на квадрат возле надписи Bevel)

Установите следующие параметры и нажмите ОК

Не снимая с выделения с полигона, нажимаем снова ПКМ, и выберем инструмент Extrude (Выдавливание) (Необходимо нажать на квадрат возле надписи Extrude), со следующими параметрами

Нажмите ОК.

Сохраните свой проект с названием big_board_model.(в формате *.MAX)

На этом моделирование рекламного щита закончено.

ПРИМЕЧАНИЕ: На рисунке включен режим отображения сетки модели, горячая клавиша F4.

2-ой способ (Использование Milk Shape 3D 1.8.4)

ПРИМЕЧАНИЕ: Вы можете использовать и более ранние версии Milk Shape 3D.

Milk Shape 3D отлично подходит для Low Poly Modeling (Низко Полигонального Моделирования - игровое моделирование).Программа создавалась сначала для Half-Life, позднее в нее была добавлена поддержка многих других форматов.

Для тех, у кого нет желания использовать 3D Max идеально подойдет данный 3D пакет.

Главное окно программы состоит из:

1) зоны выпадающего меню

2) четырех видовых окна

3) основной панели инструментов

4) консоль

5) панель анимации

Мы будем работать чаще всего с Основной панелью инструментов (3), видовыми окнами (2) и выпадающим меню (1) - Tools (Инструменты) и File (Файл)

Навигация в видовых окнах осуществляется перемещением и нажатием на ролик мышки.

SHIFT + прокручивание ролика мышки масштабирование. Покрутить модель можно зажав левую кнопку мышки с перемещением.

Шаг 1.

Откройте Milk Shape 3D. Используя ролик мышки (прокрутка вниз), максимально уменьшите масштаб окна проекции Left (Слева)

ПРИМЕЧАНИЕ: Что бы включить отображение названий видовых окон, зайдите в выпадающее меню Window->Show Viewport Caption (Окно->Показывать заголовок видового окна)

На основной панели инструментов справа включите привязку к сетке Snap To Grid

ПРИМЕЧАНИЕ: В Milk Shape 3D нельзя задавать размеры объектов, мы используем привязку к сетке для точности моделирования.

Постройте Куб (Box) в окне проекции Left. Нажмите кнопку Box (Куб) на основной панели инструментов справа (В дальнейшем просто основная панель инструментов)

Размеры прямоугольника должны быть 12 клеточек по ширине и 6 по высоте.

ПРИМЕЧАНИЕ: Эти размеры уже рассчитаны, модель в игре будет в меру большой, и не будет размытости текстур.

ПРИМЕЧАНИЕ: Если вы не можете создать Куб с точными размерами, не огорчайтесь, ниже будет описан принцип изменения геометрии объекта, который поможет решить эту проблему.

Нажмите клавишу Select (Выделение) на основной панели инструментов, выберите режим редактирования Vertex (Точка). Поставьте галочку возле Auto Tool (При помощи этой опции не нужно каждый раз нажимать на кнопку Select, всякий раз, когда нужно выделить точки)

ПРИМЕЧАНИЕ: Для удобства включите сетку для объекта, нажмите ПКМ на 3D виде, выберите Wireframe Overlay (Каркас).

Выделите на виде Top (Сверху) крайние точки справа как показано на рисунке

ПРИМЕЧАНИЕ: Выделить несколько точек поочередно, необходимо с зажатой клавишей SHIFT.

Нажмите кнопку Move (Двигать) на основной панели инструментов справа, выключите возможность перемещения по осям Y и Z, оставьте только по Х.

Передвиньте выделенные точки влево, что бы толщина нашего будущего рекламного щита составляла только ½ (половина) клеточки.

Выровняем объект по центру координат.

Снимите выделение со всех точек, кликнув в пустом месте видового окна (Top, Left, Front). Выделите теперь все точки в видовом окне Left

Нажмите кнопку Move на основной панели инструментов, убедитесь, что координаты по X,Y,Z выставлены в 0, включите все кнопки перемещения по осям X,Y,Z. Ниже в выпадающем списке вместо Relative (Относительный) выберите Absolute (Абсолютный) центр отсчета координат, и нажмите кнопку MOVE обозначенную красным кругом на рисунке

Результат проделанных операций:

Шаг 2.

Приступим к изменению геометрии, и приданию формы рекламного щита.

Нажмите кнопку Select (Выделение) на главной панели инструментов, снимите галочку возле Auto Tool (Авто Инструмент) режим выделения выберите Face (Полигон), поставьте галочку возле Ignore Backfaces (Игнорировать Задние)

В видовом окне Left (Слева) выделите полигоны как показано на рисунке.

ПРИМЕЧАНИЕ: Благодаря включенной функции Ignore Backfaces (Игнорировать Задние) выделился только полигоны спереди.

Нажмите кнопку Extrude (Выдавливание), установите значение по Х равное -5. Нажмите кнопку EXTRUDE обведенную красным кругом на рисунке

Не снимая выдиления, нажмите на кнопку Scale (Масштаб), установите значение по Y равное 0.9 и по Z равное 0.94, нажмите кнопку SCALE обведенную красным кругом на рисунке

По-прежнему не снимая выделения, нажмите кнопку Move (Двигать) установите значение по Х равное 5, нажмите кнопку MOVE обведенную красным кругом на рисунке

Нажмите кнопку Extrude (Выдавливание), установите значение для Х равное 5, нажмите кнопку EXTRUDE обведенную красным кругом на рисунке

На этом этапе моделирование нашего рекламного щита закончено.

Видео-урок:

Моделирование в 3D Studio Max 2009: Скачать

(955 Кб | 2 мин 31 сек | *rar/exe)

Моделирование в Milk Shape 3D: Скачать

(752 Кб | 3 мин 42 сек | *rar/exe)

Создание рекламного щита (ч.1) (Создание текстур)

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

Так же в конце каждого из этапов, как я и общеал прилагается видео-урок, в формате EXE.

I) Создание текстур

- Adobe Photoshop CS 3

- Paint

II) Моделирование

- Autodesk 3D Studio Max 2009

- Milk Shape 3D 1.8.4

III) Текстурирование

- Autodesk 3D Studio Max 2009

- Milk Shape 3D 1.8.4

IV) Конвертирование модели

- Autodesk 3D Studio Max 2009

V) Компиляция и тестирование модели

VI) Работа с плагином In Game Ads 1.8.3

VII) Размещение модели в игре

Необходимые программы:

Обязательные:

- Milk Shape 3D v 1.8.4 (Скачать) (Зеркало1) (Зеркало2)

- Paint (Скачать)(Зеркало)

По желанию:

- Adobe Photoshop CS3

- Autodesk 3D Studio Max 2009

- Jed’s HL Model Viewer 1.3.6 (Скачать)(Зеркало1)(Зеркало2)

К уроку кроме текстовой версии прилагается еще и видео, для наглядности, работы в программах, смотрите на amx-server.blogspotcom.

Вступление

Работа с моделью довольно трудоемкий процесс, и требует базовых навыков и знаний, некоторых программ. В данном уроке я постараюсь максимально популярно объяснить основные принципы от создания и до размещения модели в игре.

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

Наверняка, много кто из вас знает, что представляет собой модель (model (*.mdl)) в Counter-Strike (CS). Для тех, кто не в курсе, поясню - Модель это не просто 3D (3 Dimensions (3 Измерения)) объект, это целый скомпилированный файл, содержащий в себе помимо самого объекта, файлы анимации, текстуры и настройки. (reference.smd, sequence.smd, texture.bmp, model.qc)

Для создания простой модели, работа с анимацией нам не понадобится, но для общего развития необходимо иметь некое представление.

В Half-Life (и Counter-Strike), в отличии от других игр, примером Quake3, используется скелетная анимация, это означает что воздействие на отдельные части объекта производятся костью (Joint (Кость)). И для создания простой модели (без анимации), необходимо задействовать, хотя бы одну кость. Но об этом позже, сейчас мы начнем, пожалуй, с самого основного, создания текстур.

i) Создание текстур

Движок HL (HL Engine (GoldSrc)) поддерживает только 8-битные (Глубина цвета (Качество цветопередачи)) текстуры формата *.bmp (Bitmap (Формат файлов растровой графики)) размером 512х512 пикселов.

Размер модели рекламного щита у нас будет прямоугольный, с соотношением сторон 2:1, и текстуру с рекламой будем использовать максимально, размером 512х256 пикселов.

Создайте на Рабочем столе папку с названием Big-Board и сохраняйте туда все файлы и проекты по мере изучения урока.

1-ый способ (Использование Adobe Photoshop CS3)

ПРИМЕЧАНИЕ: Вы можете использовать и более ранние версии Photoshop.

Шаг 1.

Откройте Photoshop и создайте новый документ с размером 512х256 pixels.

Шаг 2.

Нарисуйте свою рекламу.

В качестве примера я создал два блока текста (Horizontal Type Tool(T)), с надписью:

connect ***.***.***.***:27015

GL HF

И надпись GL HF я окрасил оранжевым цветом

ПРИМЕЧАНИЕ: В режиме редакт. текста выделите текст и примените к нему цвет, используя палитру цветов сверху на панели инструментов.

Так же сверху добавил “тень”, взяв круглую кисть с мягкими краями

и светло-серым цветом

С зажатой клавишей SHIFT проведите линию сверху вашей рекламы, так как показано на рисунке ниже

Вы можете нарисовать свою рекламу, все зависит от ваших умений и фантазии.

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

Сохраните свою работу File->Save (CTRL+S) (в формате *.PSD).

Все с рисованием закончено, теперь нужно правильно сохранить нашу текстуру.

Шаг 3.

Зайдите в выпадающее меню Image->Mode->Indexed Color (Рисунок->Режим->Индексированные цвета)

Настройки палитры и цветов можете оставить по умолчанию

Сохраните рисунок в качестве BMP – файла (Bitmap (Формат файлов растровой графики)).

Зайдите в выпадающее меню File->Save As (CTRL+SHIFT+S). Назовите нашу текстуру – ad_tex, формат выберите BMP

Убедитесь, что все настройки стоят правильно, нажмите ОК:

Шаг 4.

Создадим теперь текстуру для корпуса нашего рекламного щита.

Создайте новый документ в Photoshop размером 15х15 пикселов (Как создавать документ читайте Шаг 1).

ПРИМЕЧАНИЕ: Для однотонного цвета корпуса мы используем небольшие размеры текстуры, так как при наложении на объект швов видно не будет. В итоге мы сократим вес скомпилированной модели.

Залейте все серым цветом (RGB (Red Green Blue): 150 150 150), при помощи инструмента (Paint Bucket Tool (G)).

Результат заливки

Сохраните нашу текстуру корпуса по такому же принципу как описано в Шаге 3 с названием ad_body.

2-ой способ (Использование MS Paint)

Шаг 1.

Откройте Paint, установите размеры холста, Рисунок->Атрибуты (CTRL+E). По ширине задайте 512 точек, по высоте 256.

Шаг 2.

Нарисуйте свою рекламу.

Для примера я сделал две текстовых надписи при помощи инструмента (Надпись):

connect ***.***.***.***:27015

GL HF

Вот что у меня получилось:

Шаг 3.

Сохраните рисунок в качестве BMP – файла (Bitmap (Формат файлов растровой графики)).

Зайдите в выпадающее меню Файл->Сохранить как. Назовите нашу текстуру – ad_tex, тип файла выберите 256-цветный рисунок (*.bmp; *.dib)

Шаг 4.

Создадим теперь текстуру для корпуса нашего рекламного щита.

Создайте новый рисунок, установите размеры 15 х 15 точек (Как устанавливать атрибуты читай Шаг 1)

Залейте все серым цветом, инструментом (Заливка)

Результат заливки

Сохраните нашу текстуру корпуса по такому же принципу как описано в Шаге 3 с названием ad_body.

Видео-урок:

Создание текстуры в Photoshop CS 3: Скачать

(1.36 Мб | 5 мин 16 сек | *rar/exe)

Создание текстуры в MS Paint: Скачать

(744 Кб | 3 мин 27 сек | *rar/exe)

Урок

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

В нем будет идти речь о том как с нуля создать модель рекламного щита, и разместить в игре. 

Результат урока:

В уроке будут описаны несколько способов достижения цели. 

Будет подробно описано как работать с Paint, Photoshop, Milk Shape 3D, 3D Studio Max, JHLMV и IGA + ко всему к каждому этапу и каждому способу сделано видео, что бы всем популярно показать как работать в этих довльно тяжелый программах.

Буквально на днях я должен опубликовать его на блоге, следите за обновлениями...