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


Вакансии
Игродельня
Сегодня
30 мая 2017
1:47
Вход Регистрация Забыли пароль ?

Balls on Lift / Шарики на лифте - Как создать игру - серия уроков - Содержание / How make the game - series of lessons - Index
megainformatic.ru Синицин А. С. Шарики на лифте - Как создать игру 08.09.2016 Вместо предисловия
подробнее...

Теги

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

Статьи сайта

Разбираем конструкции языка C++ на примере работы в Microsoft Visual Studio 2008 - Урок 1 Основные операторы языка C++ (часть 2)

Урок 2 Написание Win32-приложений. Обзор стартового кода Win32-приложения. Добавление ресурса текстовая строка

Урок 3 Создание Win32-приложений. Создание меню и простых диалоговых окон.

Урок 4 Создание Win32-приложений. Стандартные диалоги. Изучение сопутствующих конструкций языка. Консольные Win32-приложения. Указатели. Ссылочный тип. Массивы.

Урок 4 часть 2 Win32. Диалог выбора цвета, смена цвета фона окна приложения

Написание приложения DirectX9c + MFC в среде MSVS 2005

megainformatic - Создание компьютерных игр на основе DirectX в среде Delphi 6, 7

megainformatic - Создание компьютерных игр на основе DirectX в среде Delphi 6, 7 - Почему избраны DX8 и Delphi ?

megainformatic - Основы IDirectMusic8 в среде Delphi6-7

megainformatic - Основы DirectInput8 в среде Delphi 7

megainformatic - Основы DirectSound8 в среде Delphi6-7

megainformatic - Плагин для 3DS MAX из DX9 SDK

megainformatic - Мастер-класс: Создание модели и текстуры Коммандного Центра (как в StarCraft 2)

megainformatic - Мастер-класс: Создание модели и текстуры Коммандного Центра (как в StarCraft 2) Часть 2

megainformatic - Мастер-класс: Создание модели и текстуры Коммандного Центра (как в StarCraft 2) Часть 3

megainformatic - Мастер-класс: Создание модели и текстуры Коммандного Центра (как в StarCraft 2) Часть 4

megainformatic - Мастер-класс: Создание модели и текстуры Коммандного Центра (как в StarCraft 2) Часть 5

megainformatic - Мастер-класс: Создание модели и текстуры Коммандного Центра (как в StarCraft 2) Часть 6

Система управления сайтом - megainformatic cms e-shop

Система управления сайтом - megainformatic cms e-shop

Система управления сайтом - megainformatic cms e-shop

megainformatic - Уроки 3ds max - Введение в 3ds max

megainformatic - ГАЛЕРЕЯ 3D-моделей

megainformatic - СОЗДАНИЕ МАКЕТА ПОМЕЩЕНИЯ

megainformatic - Создание макета помещения - этап 2

megainformatic - МОДЕЛИРОВАНИЕ НА УРОВНЕ МНОГОУГОЛЬНИКОВ

megainformatic - СОЗДАНИЕ ПРЕДМЕТОВ ОБСТАНОВКИ ПОМЕЩЕНИЯ

megainformatic - Моделирование обстановки помещения

megainformatic - Создание модели автомобиля

megainformatic - Создание текстурной развертки для модели автомобиля

megainformatic - Создание анимации вращающихся колес автомобиля

megainformatic - игра Нечто: Необъяснимое и в плену желаний

megainformatic - Основы 3D-анимации, экспорт скелетной анимации

megainformatic - Подготовка модели к использованию скелетной анимации

megainformatic - Продолжаем Создание скелета для данной модели

megainformatic - Построение ирерархических связей между объектами и основы 3d анимирования

megainformatic - Особенности экспорта моделей и анимации экспортером kWXPort080719 из 3ds max 2009 

megainformatic - Создание модели броневика (Хэд)

megainformatic cms e-mailer

megainformatic cms e-mailer

megainformatic cms e-mailer

Бесплатная Система Управления Вашим Сайтом - megainformatic cms free

megainformatic - Путешествие в мир 3d

megainformatic - Путешествие в мир 3d - страница 2

megainformatic - Путешествие в мир 3d - страница 3

megainformatic - Путешествие в мир 3d - страница 4

megainformatic - Путешествие в мир 3d - страница 5

megainformatic - Путешествие в мир 3d - страница 6

megainformatic - Создание модели броневика (Хэд) - Анимация вращения колес

megainformatic cms express files

megainformatic cms express files

megainformatic cms express files

megainformatic - Уроки Photoshop - Чудеса

megainformatic cms express files - Развертывание сайта на Вашем хостинге

megainformatic - Настольная игра "Веселый Буквоежка"

megainformatic - Уроки delphi directx 8.1

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

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

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

 
     
   
     
 

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

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

 
     
  [к началу] [страница 1] [страница 2] [страница 3]  
     
  наборы слоев Frame0 и Frame4 останутся без изменений. В остальных наборах нужно выполнить анимацию движения конечностей, как это описывалось.  
     
  рассмотрим эту работу на примере анимации движения левой ноги -  
     
  выбираем инструмент Move Tool и ставим галочку Auto Select Layer  
     
   
     
  в панели слоев выбираем набор Frame2 - это будет 3 по счету справа кадр анимационной цепочки, щелкаем на изображении левой ноги -  
     
   
     
  при этом набор Frame2 в панели слоев автоматически развернется и будет выбран слой LLeg  
     
   
     
  в панели свойств инструмента Move Tool нужно установить галочку у пункта Show Bounding Box, при этом вокруг выбранного элемента появится пунктирная рамка, которую удобно использовать для выполнения трансформаций.  
     
   
     
  В нашем случае в кадре Frame2 ногу нужно повернуть в крайнее левое положение  
     
   
     
  наводим курсор на угловые маркеры и выполняем поворот  
     
   
     
  перемещаем ногу в правильное положение, если угол поворота достигнет некоторого значения, то можно будет изменить точку центра вращения (мишень в центре пунктирной рамки). Обратите также внимание, что если нога оказывается на заднем плане - за правой ногой и телом, то ее надо перетащить выше этих слоев (см. рисунок до рисунка выше)  
     
  аналогичным образом выполняем повороты на слоях Frame1 и Frame3, но на меньший угол. Повторяем анимацию в кадрах Frame5 - Frame7 с движением ноги теперь уже назад, а не вперед  
     
  при этом анимационная цепочка примет следующий вид -  
     
   
     
  повторяем процесс для правой ноги -  
     
   
     
  левой руки -  
     
   
     
  и правой руки -  
     
   
     
  можно также анимировать небольшое смещение тела вверх-вниз  
     
  в конечном итоге готовая анимация в gif-файле будет такой -  
     
   
     
  пока анимация находится в виде анимационной цепочки ее недостатки могут быть неочевидны. увидеть все допущенные ошибки позволяет просмотр анимации в динамике - как в указанном анимированном gif-файле  
     
 

Как его создать?

Сохраняем анимационную цепочку в формате jpg с максимальным качеством (12).

Открываем сохраненный файл.

Включаем режим отображения сетки.

При помощи рамки прямоугольного выделения выделяем кадр 0 (краний правый) и копируем в буфер обмена (Edit > Copy)

 
     
  Создаем новый файл и вставляем в него скопированный кадр. Остальные кадры анимационной цепочки вставляем последовательно на отдельные слои, сохраняем файл в формате psd с именем, например, anim_wolf_for_gif.psd  
     
  Запускаем программу ImageReady и открываем созданный файл из нее.  
     
   
     
  теперь нам остается только создать анимационную цепочку для gif и вывести ее в gif-файл  
     
 

если панель анимации не отображается включите ее отображение как показано на рисунке

панель слоев отображеется командой Windows > Layers

 
     
  для создания нового кадра анимации нажимайте кнопочку Duplicates current layer, для задания времени показа кадра нажимайте показанное на рисунке поле времени -  
     
   
     
  вся суть анимации сводится к тому, что в каждом кадре анимационной цепочки отображается нужный слой, т.е. в первом кадре должен быть виден только первый слой, во втором - только второй и т.д.  
     
  для проигрывания анимации можно нажать кнопочку Play/Stops animation в панели анимации  
     
 

сохраните изменения в формате psd, для вывода в gif-файл используйте пункт меню File > Save Optimized As

Созданный gif-файл можно просмотреть обычным средством просмотра изображений Windows

 
     
  [назад] [далее]  
     
  [Все уроки]  
     
 

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



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


визиты
сегодня: 161
всего: 19202
посетители
сегодня: 51
всего: 20962
Время загрузки: 0,8987