fle game engine - движок для создания игр
fle game engine - движок для создания игр


Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
29 июня 2017
6:59
Вход Регистрация Забыли пароль ?

Технологии WEB
        Другие уроки можно посмотреть в разделе Статьи  
подробнее...

Теги

создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт

Статьи сайта

megainformatic - Воспроизведение в игре музыки в формате XM

megainformatic - Воспроизведение файлов в формате OGG Vorbis

megainformatic - игра "Веселый Буквоежка" - инструменты разработки

megainformatic - Игра "Веселый Буквоежка" - история создания проекта

megainformatic - Как анимировать паука ?

megainformatic - Уроки Photoshop

megainformatic - Купить Уроки Photoshop - Чудеса

megainformatic - Купить Уроки Photoshop - Рисуем и Анимируем

megainformatic - Эмулятор игры Ну, Погоди!

сайт megainformatic - Говорящий Комикс Веселый Буквоежка

megainformatic - Что нужно для создания собственного сайта ?

megainformatic - Моделируем девушку в 3d используя 3ds max

megainformatic - Уроки Fruity Loops Studio - пишем свою музыку

megainformatic - Уроки Fruity Loops Studio - пишем свою музыку - урок 1 - Быстрый старт

megainformatic - Сброник статей по дизайну и компьютерной графике. Обзор.

megainformatic - Уроки 3d на delphi directx - Вывод Заставки

Добро пожаловать в систему управления сайтом megainformatic cms

megainformatic - Создание эскиза и макета страницы сайта

megainformatic - Верстка созданного макета

megainformatic - Добавление модулей обеспечивающих минимально необходимый функционал

megainformatic - Основы добавления контента на сайт, управления и поддержки сайта

megainformatic - Проверка работы сайта, установка на хостинг

megainformatic - Основы продвижения созданного сайта

megainformatic - Создание шаблонов

megainformatic - Создание интернет-магазина

megainformatic - Музыкальные миры - композиция Морозное утро - 10 версий

ЛЕТО

megainformatic - Нечто Необъяснимое - пре релиз

megainformatic cms admin

megainformatic cms admin

megainformatic - Основы создания 3d игр - проект Тайны Морских Глубин

megainformatic - уроки delphi directx 8.1 3d - Основы Вращений и Управления камерой

megainformatic cms seo

megainformatic cms admin

megainformatic - Моделируем девушку в 3d - Подготовка 2d-эскиза тела человека

megainformatic cms stat kit

megainformatic cms seo

megainformatic - Теория и практика 3d игр - О Кватернионах

megainformatic - Теория и практика 3d игр - Основы теории векторов

megainformatic - Теория и практика 3d игр - Важные замечания

megainformatic - Моделируем девушку в 3d используя 3ds max - Подготовка к моделированию ноги - готовим ширму

megainformatic - Моделируем девушку в 3d используя 3ds max - Выполняем моделирование ноги

megainformatic - Моделируем девушку в 3d используя 3ds max - Улучшаем созданную модель женской ножки

megainformatic cms stat kit

megainformatic - Подводная лодка и подводный мир

megainformatic - megainformatic cms - Форма для смены шаблонов сайта - модуль template selector

megainformatic cms social

megainformatic cms social Руководство пользователя

megainformatic - megainformatic cms - Форма для смены шаблонов сайта - модуль template selector

модуль слайдера

ТЗ на сайт коллективных покупок

модуль slider

megainformatic cms seo

Поддержка сайтом нескольких языков - модуль multi lang

Поддержка сайтом нескольких языков - модуль multi lang

megainformatic - Моделируем девушку в 3d используя 3ds max - другие статьи сборника статей - обзор

     
  Уроки Photoshop  
     
  Рисуем волка из мультфильма  
     
  08/11/2008  
     
 

Создаем анимацию хотьбы волка в Photoshop и ImageReady

Анимацию будем создавать на основе волка нарисованного в предыдущем уроке - рисуем волка

 
     
   
     
 

В этом уроке мы познакомимся с тем, как выполнить анимирование персонажа на примере хотьбы волка.

Мы создадим два варианта анимации - в формате gif для использования в интернет-публикациях и тестовых целях и в формате tga для использования в компьютерной игре

 
     
  [к началу] [страница 1] [страница 2] [страница 3] [страница 4]  
     
  Если просмотр созданной анимации Вас удовлетворил, значит вы разобрались с тем как создается анимация.  
     
  Нам осталось рассмотреть как подготовить анимацию в tga-файле для использования в компьютерной игре  
     
 

Моменты которые мы рассмотрим:

- последовательность кадров в анимационной цепочке.

- тень от персонажа;

- создание альфа-маски для альфа-канала;

 
     
  Окончательная анимационная цепочка должна выглядеть следующим образом -  
     
   
     
  такая последовательность кадров от последнего к первому была удобна тем, что наш персонаж двигался влево, поэтому было понятней куда должна двигаться та или иная конечность  
     
  в игровом приложении анимация проигрывается как правило слево направо, поэтому стоповым кадром всегда будет оказываться крайний левый вместо крайнего правого.  
     
  для того, чтобы учесть порядок проигрывания анимации слева-направо, а не справа-налево достаточно лишь переставить кадры местами по следующей схеме:  
     
  старая позиция кадра новая позиция кадра  
  0 7  
  1 6  
  2 5  
  3 4  
  4 3  
  5 2  
  6 1  
  7 0  
       
       
     
  в итоге получим такую анимационную цепочку -  
     
   
     
  для рисования тени нужно предварительно удалить фоновый цвет и сделать его прозрачным. далее создайте новый слой и используйте непрозрачную кисть с нетвердыми краями. цвет тени черный.  
     
   
     
  после создания тени данный слой сделайте полупрозрачным  
     
   
     
 

перед тем как сохранить созданную анимацию в формате tga для использования в компьютерной игре нужно создать альфа-маску.

Альфа-маска - это особое изображение используемое в игровых приложениях для передачи полупрозрачных объектов. Изображение альфа-маски - это градации серого. Черный цвет соответсвует абсолютной прозрачности, оттенки серого - определенной степени полупрозрачности, белый - абсолютно непрозрачным частям изображения.

Поскольку формат tga позволяет хранить альфа-маску внутри себя (в альфа-канале), то он идеально подходит для анимированных изображений с альфа-маской.

 
     
  дублируем слои wolf и shadow и назовем wolf_alpha и shadow_alpha  
     
  для превращения wolf_alpha в альфа-маску изображение нужно привести к предельной яркости - белому цвету  
     
   
     
   
     
  поскольку тень должна быть слегка полупрозрачной, то она должна содержать оттенки серого, а не полупрозрачный черный, поэтому слой shadow_alpha инвертируем  
     
   
     
  слой back заливаем черным и дублируем, связываем слои wolf_alpha, shadow_alpha и дубликат back, склеиваем и размещаем под back  
     
   
     
   
     
   
     
  выделяем содержимое слоя wolf_alpha [Ctrl] + [A], копируем в буфер обмена Edit > Copy  
     
  в панели слоев выбираем вкладку Channels (каналы), создаем альфа-канал и вставляем в него скопированное [Ctrl] + [V] или Edit > Paste  
     
   
     
  отобразив все каналы (щелкнуть видимость RGB) увидим альфа-маску в красном цвете  
     
   
     
  текстуру с анимированным волком нужно обязательно сделать квадратной, например 512х512  
     
  для этого изменить размер изображения на 512х64, изменить размер холста на 512х512, сместить анимационную цепочку и альфа-маску вверх, пустоту залить черным цветом на слое back  
     
   
     
  осталось сохранить файл в формате tga  
     
  File > Save As  
     
   
     
   
     
  на этом наша работа закончена.  
     
     
  [назад]  
     
  [Все уроки]  
     
 

Оставленные комментарии



fle game engine - движок для создания игр
fle game engine - движок для создания игр


Something: Unexplained 2 captive of desires / Нечто: Необъяснимое 2 в плену желаний
Костя Коробкин Комикс Коллекционное издание - 6 комиксов, 81 страница, 220 mp3 треков
megainformatic Размещение баннерной рекламы у нас
визиты
сегодня: 444
всего: 13132
посетители
сегодня: 109
всего: 22283
Время загрузки: 1,8230