3D спрайты

2

Tagged

Stats

15,843 visits, 17,219 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 5 May, 2013. Last updated 25 Feb, 2019

Концепция

Как всем известно, в Construct 2 отсутствует поддержка 3D-моделей, так что, судя по всему, единственным способом внедрения 3D-объектов в игру, остаётся создание соответствующих моделей в графическом редакторе, с последующим добавлением изображений в игру.

С чего начать?

Сначала вам необходимо определиться, какой 3D-редактор вы будете использовать (я буду использовать Google SketchUp, потому что он бесплатен и у него есть большая база готовых моделей, в которой можно найти много интересного, так же это очень полезно если вы слишком ленивы, для того чтобы создать модели самостоятельно.

Я рекомендую использовать инженерный шаблон, если вы не хотите чтобы ваши тени в Photoshop были цветными(они будут зелёными, если использовать стандартный шаблон).

Создание спрайта

После того, как вы создали или открыли модель, выберите угол для вашей игры(платформер, вид сверху и.т.д.), я создал Сторожевую Башню для игры в жанре tower defense, над которой я работаю в данный момент.

Чтобы придать ей больший объём, мы добавим некоторые тени(Примечание: с тенями достаточно сложно работать, так как они изменяются когда движутся по различным объектам, например если на вашу руку направлен свет, то тень от руки, которая появится на земле, будет больше чем тень, которая появиться на столе.

Свойства тени в Google SketchUp расположены под Window>Shadows (Примечание !Важно: Помните, настройки даты и времени тени, которые вы используете для одной модели, также используйте и для всех остальных моделей!

После того, как вы создали/выбрали свою модель и добавили к ней тени, вы готовы экспортировать её. Выберите File>Export>2D Graphic... и сохраните её как .png файл.

Экспортированное изображение должно выглядеть примерно так...

Редактирование в Photoshop

Это сырой спрайт, который в последствии мы будем дорабатывать. Теперь откройте программное обеспечение для обработки изображений(в этом уроке я буду использовать Photoshop). Выберите белые области(или как в моём случае зелёные, потому что я использовал стандартный шаблон) и нажмите кнопку Delete. Сейчас мы сделали область вокруг нашего спрайта прозрачной. Нажмите Select>Inverse и затем обрежьте изображение. Сейчас у нас есть только спрайт и его тени. Так как тени являются прозрачными, именно такого эффекты мы и должны добиться. При помощи "Волшебной палочки" выберите тени и нажмите Ctrl+Shift+J. Создастся новый слой с тенью. На вкладке слоя вы должны сделать непрозрачность около 35% (я думаю что это правильно). Сохраните изображение в .png расширении.

Результат должен быть похож на это ...

Теперь вы можете импортировать этот спрайт, в Construct 2 и сделать отличную игру!

P.S. Убедитесь что тень не находится в области обнаружения столкновений, так как объекты обычно с тенями не сталкиваются. Это легко сделать в меню 'edit animations' Construct 2.

Получайте удовольствие!

  • 1 Comments

  • Order by
Want to leave a comment? Login or Register an account!
  • Google SketchUp о класс и 30 дней бесплатно спасибо