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


Вакансии
Игродельня
Сегодня
23 сентября 2017
8:34
Вход Регистрация Забыли пароль ?

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

Теги

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

Статьи сайта

megainformatic - Пишем свою cms - шаг 3

megainformatic - бесплатная флеш игра freeway fury 2 - разработчик Serius Games

megainformatic - бесплатные флеш игры сторонних разработчиков

megainformatic - Как я осваивал Flash

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

megainformatic - Как я осваивал Flash - шаг 2 - Основы создания простейших flash - игр

проект портала Идеи Комфорта

megainformatic - игра Веселый Буквоежка

megainformatic - игра Веселый Буквоежка

megainformatic - Использование cron, crontab и планировщика задач

megainformatic - Совместное использование jquery и mootools или других js-фреймворков

megainformatic - Модуль content php performer для megainformatic cms

megainformatic - Пишем компактный слайдер

megainformatic - Что нужно знать для создания сайта ?

megainformatic - Что нужно знать для создания сайта ? Глава 2 - Кодировки и DOCTYPE

megainformatic - Что нужно знать для создания сайта ? Глава 3 - Идём дальше - нанизываем новый код - где объявляются стили css и код javascript

megainformatic - Что нужно знать для создания сайта ? Содержание

megainformatic - Что нужно знать для создания сайта ? css - стили

megainformatic - preg_match или Использование регулярных выражений в php

megainformatic - статьи Тимонина Андрея - Flash. Содержание

megainformatic - статья Тимонина Андрея - Flash. Подготовка к работе.

megainformatic - статья Тимонина Андрея - Flash. Hello world.

megainformatic - статья Тимонина Андрея - Flash. Экспорт SWC библиотеки.

megainformatic - Тимонин Андрей - Несколько слов о себе

megainformatic - статьи Тимонина Андрея - уроки из области веб программирования, создания казуальных игр

megainformatic - статья Тимонина Андрея - Обеспечиваем доступ к объекту из любой точки программы. Singleton

megainformatic - статья Тимонина Андрея - Хронология работы программы. Создаем Лог

megainformatic - статья Тимонина Андрея - Поиск файлов. Получаем список файлов каталога.

megainformatic - статья Тимонина Андрея - Исключения. Создаем класс обработки исключений.

megainformatic - статья Тимонина Андрея - States. Создаем менеджер состояний игры.

megainformatic - статья Тимонина Андрея - Регистрация. Часть 1. Создаем страничку регистрации на сайте.

megainformatic - статья Тимонина Андрея - Регистрация. Часть 2. Создаем обработчик, и заносим информацию о пользователе в Б.Д.

megainformatic - статья Тимонина Андрея - Таймер. Выводим время игры.

megainformatic - статья Тимонина Андрея - DirectX9. Создаем основной класс обработки графики.

megainformatic - статья Тимонина Андрея - DirectX9. Создаем первое приложение.

megainformatic - Что нужно знать для создания сайта ? float - использование в css - стилях

megainformatic - Уроки Fruity Loops Studio (FL Studio) - урок 2 - пишем свою композицию COLD

megainformatic - Уроки Fruity Loops Studio (FL Studio) - урок 3 - экспериментируем с композицией COLD

megainformatic - Что нужно знать для создания сайта ? Стандартные шрифты для сайта

megainformatic - Что нужно знать для создания сайта ? ASC II Коды символов

megainformatic - Уроки Fruity Loops Studio (FL Studio) - урок 4 - пишем первый вариант композиции COLD

megainformatic - Популяризация Современных Научных Знаний и Размышления на околонаучные темы. СОДЕРЖАНИЕ

megainformatic - Популяризация Современных Научных Знаний и Размышления на околонаучные темы. Энергетический кокон

megainformatic - Модуль галерей для любой cms

megainformatic - Портфолио выполненных проектов сайтов и приложений

megainformatic - Мои Музыкальные Миры - страница 2

megainformatic - megainformatic cms rs

megainformatic - модуль Падающий снег

megainformatic - проект Open Shop

megainformatic - Рисуем красивую девушку всего за 6 шагов

megainformatic - Галерея красивых рисованных девушек

megainformatic - НОВОГОДНЕЕ ОБРАЩЕНИЕ СОЗДАТЕЛЯ webinformatic К ЖИТЕЛЯМ ПЛАНЕТЫ интернет

megainformatic - Отзывы оставленные пользователями как впечатление о проделанной работе или что-либо понравившееся на сайте

megainformatic - Уроки css - атрибут position

megainformatic - Ива Ден энд КуХа - КОДЕКС ФРИЛАНСЕРА - СОДЕРЖАНИЕ

megainformatic - Ива Ден энд КуХа - КОДЕКС ФРИЛАНСЕРА - Глава 1 - Обычный день

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

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

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

 
     
   
     
 

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

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

 
     
  [к началу] [страница 1] [страница 2]  
     
  Сохраните созданный файл. Теперь удалите все лишние слои, кроме показанных на рисунке -  
     
   
     
  сохраните файл под именем anim_walked_wolf.psd  
     
  Теперь подготовим анимационную цепочку. Мы уже упоминали, что она будет включать всего 8 кадров. Следовательно нам нужно иметь 8 наборов показанных на рисунке слоев. Для этого удобнее сгруппировать слои и каждой группе дать соответствующее имя -  
     
  создаем новую группу -  
     
   
     
  щелкаем по названию созданной группы Set 1 и называем Frame0  
     
   
     
   
     
  все слои переносим во внутрь созданной группы -  
     
   
     
  иногда потребуется сначала перетащить слой на начало группы, а уже внутри нее расставить слои в нужном порядке  
     
  далее сверните созданную группу  
     
   
     
   
     
  и дублируйте ее еще 7 раз, называя каждую новую группу Frame1, Frame2 и т.д. до Frame7. Для этого щелкните по группе правой кнопкой мыши -  
     
   
     
   
     
   
     
  Переходим к процессу создания анимации  
     
  Наша анимация будет заключаться в том, что волк должен идти -  
     
   
     
  на данном рисунке показаны все 8 кадров анимации анимационной цепочки справа налево. Крайний правый кадр - начальное положение волка (кадр помеченный цифрой 0).  
     
 

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

Иными словами кадры 3-0 первая половина цикла анимации, 7-4 - вторая.

 
     
  Далее проследите за анимацией каждой из конечностей. Например посмотрите на анимацию левой ноги (с такой точки зрения, когда стоим спиной к волку): в кадре 0 она находится в исходной позиции, в кадре 1 слегка поднята вперед, в кадре 2 достигла крайней точки движения, в кадре 3 вернулась примерно к положению подобному кадру 1. 4 кадр является исходной позицией, далее в 5 кадре нога отводится чуть назад, в 6 кадре достигает крайней точки движения назад, в 7 кадре возвращается в позицию аналогичную кадру 5.  
     
  Правая нога осуществляет подобные движения, но в противоположную сторону, руки движутся аналогично, с той разницей, что левая рука повторяет движения правой ноги, а правая - левой.  
     
  Исходя из сказанного выполним создание анимационной цепочки. Лучше это сделать в развернутом виде как на рисунке с шагающим волком.  
     
  Сначала нам нужно увеличить холст изображения до 128*8 пиксель в длину, т.к. нам потребуется 8 кадров -  
     
   
     
   
     
  для более точного размещения кадров анимационной цепочки по своим местам настраиваем размер ячеек сетки и включаем ее отображение  
     
   
     
   
     
   
     
   
     
  теперь выбираем нужный кадр представленный наборами слоев Frame0 - Frame7 и размещаем его в нужном месте анимационной цепочки, т.е. Frame0 - краний справа, Frame1 чуть левее и т.д. до Frame7 - крайний левый.  
     
   
     
  обратите внимание! для перемещений используем инструмент Move Tool, при этом в панели свойств этого инструмента галочку Auto Select Layer нужно отключить, чтобы нечаянно не выделялся автоматически слой под курсором.  
     
  Создав такую анимационную цепочку проверьте чтобы все кадры стояли одинаково ровно.  
     
  [назад] [далее]  
     
     
     
  [Все уроки]  
     
 

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



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


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