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


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

Проблемы с кодировками при отображении страниц
        Другие уроки можно посмотреть в разделе Статьи  
подробнее...

Теги

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

Статьи сайта

megainformatic - проект Open Shop

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

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

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

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

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

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

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

megainformatic - Ива Ден энд КуХа - КОДЕКС ФРИЛАНСЕРА - Глава 2 - Начало (begin)

Новогодняя дискотека 2013 на megainformatic точка ru

megainformatic - Программируем на C++ с использованием MFC

megainformatic - Программируем на C++ с использованием MFC - Создание MFC приложения

megainformatic - Программируем на C++ с использованием MFC - Создание MFC приложения - hello, world !

megainformatic - Как создать игру ? - Пишем игровой движок с нуля

megainformatic - Как создать игру ? - Пишем игровой движок с нуля - Вступление

megainformatic - Как создать игру ? - Пишем игровой движок с нуля - Общая структура будущего игрового движка

Разное

megainformatic - Как создать игру ? - Пишем игровой движок с нуля - DXUTMainLoop - цикл работы DirectX-приложения

megainformatic - Варианты макетов Психолог 911

megainformatic - Шаблоны для сайтов - что это и какие они бывают ?

megainformatic - Ива Ден энд КуХа - КОДЕКС ФРИЛАНСЕРА - Глава 3 - Кто он ? (who is ?)

megainformatic - Мои Музыкальные Миры - готовая музыка mp3 - новинки 2013 года

megainformatic - Теория и практика хакерских атак - самозащита от нападения

megainformatic - Теория и практика хакерских атак - самозащита от нападения - Способы подмены реального IP

megainformatic - Fruity Loops Studio 9 - Как синтезировать свои сэмплы - изучаем возможности плагина Sytrus

megainformatic - Видоизменяем тему для Wordpress под свои нужды

megainformatic - Flash приложения и игры - Шаг 3 - управляемый шарик

megainformatic - Учимся создавать флеш-игры, что нужно знать для того, чтобы заняться созданием flash приложений и игр ?

megainformatic - Шаг 4 в освоении Flash-технологий - как анимировать персонажа и управлять им

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

megainformatic - megainformatic cms express files + module slider

megainformatic - Создание сайта бесплатно или под заказ

megainformatic - Как создать flash баннер

megainformatic - Разработка flash-приложения для сайта: онлайн примерочная

megainformatic - Мои впечатления о книге - Владислав Крапивин - Журавленок и Молнии

megainformatic - Модуль отзывов/комментариев для вашего сайта

megainformatic - Модуль отзывов/комментариев для вашего сайта

megainformatic - Модуль отзывов/комментариев для вашего сайта

megainformatic - Модуль короткие ссылки short link

megainformatic - Работа с сокетами fsocket из php

megainformatic - Как создать игру Создание игровых панелей и индикаторов

megainformatic - Приключения Кости Коробкина - Как я провел лето - интерактивный комикс

megainformatic - Приключения Кости Коробкина - Как я провел лето - интерактивный комикс

megainformatic - Приключения Кости Коробкина - С новым годом - интерактивный комикс

megainformatic - Система управления сайтом на php - megainformatic cms admin files

megainformatic - обзор антивирусных средств защиты

megainformatic - как работает антивирус ?

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

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

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

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

megainformatic - GET и POST запросы

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

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

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

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

     
  Уроки 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 Размещение баннерной рекламы у нас
Время загрузки: 0,0890