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


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

megainformatic - Оплата заказа через Сбербанк
        Оплата по квитанции     &nbs
подробнее...

Теги

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

Статьи сайта

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

megainformatic - Уроки delphi directx 8.1 - Урок 1 - Введение в Delphi DirectX 8.1. Создание шаблона стартового приложения.

megainformatic - Уроки delphi directx 8.1 - Урок 1 - Введение в Delphi DirectX 8.1. Создание шаблона стартового приложения. Страница 2

megainformatic - Урок 2 Создаем и обрабатываем команды меню.

megainformatic - Урок 2 Создаем и обрабатываем команды меню. Страница 2

megainformatic - Урок 3 Оконный и полноэкранный режимы работы D3D-приложения. Управление игрой средствами DirectInput8

megainformatic - Урок 3 Оконный и полноэкранный режимы работы D3D-приложения. Управление игрой средствами DirectInput8 - Страница 2

megainformatic - Урок 3 Оконный и полноэкранный режимы работы D3D-приложения. Управление игрой средствами DirectInput8 - Страница 3

megainformatic - Урок 4 Построение класса приложения

megainformatic - Урок 4 Построение класса приложения - Страница 2

megainformatic - Урок 5 Построение классов игровых объектов и других необходимых классов

megainformatic - Урок 5 Построение классов игровых объектов и других необходимых классов - Страница 2

megainformatic - Урок 6 Игровая логика

megainformatic - Заметки по joomla - JFolder::create: Path not in open_basedir paths. Что это?

megainformatic cms express files - Добавление статей на сайт под управлением megainfromatic cms express files

megainformatic - Урок 7 2D-анимация

megainformatic - Урок 8 Загрузка/Сохранение текущей игры, режим паузы, режимы часов/будильника, запуск браузера Internet Explorer для показа сайта разработчика и других интернет-ресурсов

megainformatic - Урок 9 Тестирование и отладка приложения

megainformatic - Мои Музыкальные Миры

megainformatic - уроки Photoshop free

megainformatic cms express

megainformatic cms express

megainformatic cms express

megainformatic cms express files

megainformatic - Методы создания растровых изображений в Adobe Photoshop

megainformatic - Создание фотореалистичной текстуры травы

megainformatic - Рабочее пространство Adobe Photoshop

megainformatic - Бесшовные (тайловые) текстуры

megainformatic - Создание изображений огня, воды, неба

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

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

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

 
     
   
     
 

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

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

 
     
  [к началу] [страница 2] [страница 3] [страница 4]  
     
 

Нам потребуется волк, которого Вы нарисовали в предыдущем уроке.

Можете открыть архив с готовым волком





Скачиваний : 1


 
     
  Распакуйте архив и откройте файл с волком из photoshop 8 или выше  
     
  В самом начале урока я упоминал, что конечный размер волка в нашем примере будет 128х128 пиксель.  
     
  Мы сейчас будем анимировать нашего волка, чтобы он ходил. Анимация должна выполняться в изображении небольших размеров, иначе объем файлов разрастется до слишком большого объема, т.к. у нас будет много кадров анимации, как минимум 8.  
     
  Для того, чтобы уменьшить картинку до этих размеров выберите пункт меню Image > Image Size и задайте размер изображения 128х128 пиксель,  
     
   
     
  остальные параметры задайте как на рисунке и нажмите ОК  
     
   
     
  Картинка уменьшится и чтобы увидеть результат в натуральную величину выберите инструмент Лупа (Zoom Tool) и нажмите кнопку Actual Pixels -  
     
   
     
  Переходим к созданию анимации. Наш волк будет идти из своего начального положения в котором он нарисован влево. Анимация будет сводиться к изменениям положения рук и ног во время хотьбы и небольших смещений тела обусловленных изменением центра тяжести.  
     
 

Вся анимация будет сводиться к поворотам рук и ног и небольшим смещениям тела. Для этого нам нужно разбить изображение волка на эти элементы и разместить их на отдельных слоях.

Далее останется просто выполнять нужные трансформации на нужном слое.

 
     
  Сохраним уменьшенное до размеров 128х128 пиксель изображение под именем anim_walked_wolf_prepare128.psd и будем работать с ним -  
     
   
     
   
     
  дублируем слой draw_2 щелкнув по нему правой кнопкой мыши в панели слоев и выбрав Duplicate Layer  
     
   
     
  и называем его body  
     
   
     
  скрываем слой draw_2  
     
   
     
   
     
  переходим на слой body и ластиком аккуратно стираем руки, ноги, подрисовываем часть тела слегка прикрытую рукой  
     
   
     
   
     
   
     
   
     
  если вы подрисовывали часть тела скрытую рукой как показано на рисунке выше - на отдельном слое Layer 1, то Вам теперь нужно связать слои Layer 1 и body и склеить их.  
     
  теперь нам нужно вынести каждую конечность на отдельный слой. Для этого дублируем слой draw_2 щелкнув по нему правой кнопкой мыши и выбрав Duplicate Layer 4 раза. Каждый созданный дубликат сразу же называем Lhand, Rhand, Lleg, Rleg (левая, правая руки, левая, правая ноги)  
     
   
     
  далее работаем следующим образом: скрываем все слои кроме того, на котором производим выделение конечности и ластиком аккуратно стираем все лишнее -  
     
   
     
  обратите внимание: левая нога на экране для нас определяется как правая т.к. принято левую и правую сторону определять мысленно встав спиной к персонажу  
     
   
     
  если получилось скрытие конечности одного слоя другим (как на данном рисунке выше), то просто перетащите слой с данным элементом выше -  
     
   
     
   
     
  далее мы рассмотрим как выполнить трансформации конечностей и тела для анимирования их движения и создать анимационную цепочку. После этого мы выведем анимацию в анимированный gif-файл посредством программы Image Ready и подготовим анимационную цепочку в формате tga c альфа-маской для использования анимированного персонажа в компьютерной игре.  
     
     
     
     
  [назад] [далее]  
     
  [Все уроки]  
     
 

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



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


визиты
сегодня: 178
всего: 19219
посетители
сегодня: 52
всего: 20962
Время загрузки: 0,7501