Сегодня
21 октября 2018
12:00
Вход Sign In Регистрация Sign Up Забыли пароль ? Forgot password ?
VARVE - Как создать игру ? - Пишем игровой движок с нуля - Вступление
Как создать игру ? - Пишем игровой движок с нуля - Вступление [Содержание]  [Далее] Очень часто на различных тематических форумах, да и просто практически на любом форуме, посвященном играм кто-то задает вопрос: Как создать игру ? У новичков, которые наигрались в игры и захотели чего-то
подробнее...

Теги

сайты, игры, дизайн, продвижение, php, html, css, my sql, c++, delphi, photoshop, 3ds max, fl studio, трекерская музыка, уроки

Статьи сайта

Уроки Photoshop - Рисуем волка из мультфильма стр 2

Уроки Photoshop - Рисуем волка из мультфильма стр 3

Уроки Photoshop - Рисуем волка из мультфильма стр 4

Уроки Photoshop - Анимируем волка из мультфильма

Уроки Photoshop - Анимируем волка из мультфильма стр 2

Уроки Photoshop - Анимируем волка из мультфильма стр 3

Уроки Photoshop - Анимируем волка из мультфильма стр 4

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

Создание сайта для бизнеса

Пример игры с исходным кодом Donuts3D

Как создать игру ВЕСЕЛЫЙ БУКВОЕЖКА - программируем сами

Как создать игру ВЕСЕЛЫЙ БУКВОЕЖКА - создаем игровую оболочку

Открытый Полный Исходный код игры Дорога в Город

Как создать игру - Веселый Единственный Буквоежка - программируем основу будущей игры

Как создать игру - Веселый Единственный Буквоежка - выводим заставку

Как создать игру - Веселый Единственный Буквоежка - игровое меню

Как создать игру - Веселый Единственный Буквоежка - движение и анимация героя

Как Создать игру ВЕБ - Веселый Единственный Буквоежка - Программируем сами

Новый взгляд на очевидные вещи

Разработка программ на c++

Немного о музыке

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

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

Онлайн Обучение, Репетитор

Уроки Photoshop - Рисуем и Анимируем

Уроки Photoshop - Рисуем и Анимируем - Урок 1 - Старт

GET и POST запросы

DirectX 9c - Изучаем пример MultAnimation

megainformatic cms Система Управления Контентом

Темы для WordPress

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

Макет дизайна Вашего сайта

скачать megainformatic cms

для чего нужна карта сайта

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

как создать инсталлятор для собственной cms

новые идеи, новые решения

Нововведения в megainformatic cms

Web Администрирование

Уроки Верстки

Система автоматизированной е-майл рассылки

Мысли о разном

Выгрузка файла на сайт

выпадающее меню на html и css

Использование checkbox

Краеугольная особенность работы Web-form на примере смены состояния checkbox

Технологии WEB

Технологии WEB - AJAX-запросы

Легко ли быть программистом

От идеи к реализации - трудно ли создавать сайты ?

Проблемы с кодировками при отображении страниц

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

Система Автоматизации Доставки Электронных Заказов megainformatic cms e-pro

megainformatic cms e-pro Автоматизация Обработки Уведомлений о Заказах по партнерским программам

Глубины программирования на C++

VARVE: Музыкальная страничка трэкера

Создание музыки и звука

VARVE: Создание музыки и звука: урок 2

Создание музыки и звука: урок 3 - настройка Impulse Tracker для работы в WinXP

Создание музыки и звука: урок 4 - Введение в Mod Plug Tracker

Создание музыки и звука: урок 5 - Первая композиция в Mod Plug Tracker

Создание музыки в Impulse Tracker 2.14 - урок 6 - Ввод Нот

Создание музыки в Impulse Tracker 2.14 Первая мелодия

Создание музыки в Impulse Tracker 2.14 Настройка параметров сэмплов

Создание музыки и звука: теория и практика создания трэкерской музыки

Что такое VARVE ?

Основы работы в Microsoft Visual Studio 2008 и DirectX 9 (DX SDK Aug 2008)

Введение в программирование игр на С++ для платформы DirectX 9 - Первый старт

Введение в программирование игр на С++ для платформы DirectX 9 - Меняем иконку приложения

Введение в программирование игр на С++ для платформы DirectX 9 Добавляем другую модель

Введение в программирование игр на С++ для платформы DirectX 9 Программирование игр в directx. Hello, World!

Введение в программирование игр на С++ для платформы DirectX 9 Разбираем конструкции языка C++ на примере работы в Microsoft Visual Studio 2008

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Моделируем девушку в 3ds max - Женская грудь

Моделируем девушку в 3ds max - Тело

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

megainformatic cms e-mailer

Моделируем девушку в 3ds max - Моделируем руку

Моделируем девушку в 3ds max - Кисть руки

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

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

     
  Уроки 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

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

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



Рейтинг@Mail.ru
Время загрузки: 0,0352