ria pc game
translate to English   translate to Chinese
fle game engine - движок для создания игр
fle game engine - движок для создания игр


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

megainformatic - Костя Коробкин - В гостях у тёти Светы (kk as) - онлайн комикс - страница 3
Костя Коробкин - В гостях у тёти Светы (kk as) - онлайн комикс - страница 3 Предлагаем вашему вниманию онлайн-комикс Костя Коробкин - В гостях у тёти Светы - интерактивный комикс (kk as). А Костик, привет ! Решил позаниматься ?
подробнее...

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайта
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 - Создание изображений огня, воды, неба

megainformatic - Создание текстур горных пород и суши (урок 5)

megainformatic - Рисование персонажей (урок 6)

megainformatic - Рисование фона (урок 6 часть 2)

megainformatic - Рельефные изображения

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

megainformatic - Воспроизведение файлов в форматах it, xm, s3m, mod

megainformatic - Воспроизведение файлов в форматах it, xm, s3m, mod - страница 2

megainformatic - Воспроизведение в игре музыки в формате XM

megainformatic - Воспроизведение файлов в формате OGG Vorbis

megainformatic - игра "Веселый Буквоежка" - инструменты разработки

megainformatic - Игра "Веселый Буквоежка" - история создания проекта

megainformatic - Как анимировать паука ?

megainformatic - Уроки Photoshop

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

megainformatic - Купить Уроки Photoshop - Рисуем и Анимируем

megainformatic - Приобрести эмулятор игры Электроника ИМ-04 Веселый Повар версия от 3.07.2019

сайт megainformatic - Говорящий Комикс Веселый Буквоежка

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

megainformatic - Моделируем девушку в 3d используя 3ds max

megainformatic - Уроки Fruity Loops Studio - пишем свою музыку

megainformatic - Уроки Fruity Loops Studio - пишем свою музыку - урок 1 - Быстрый старт

megainformatic - Сброник статей по дизайну и компьютерной графике. Обзор.

megainformatic - Уроки 3d на delphi directx - Вывод Заставки

Добро пожаловать в систему управления сайтом megainformatic cms

megainformatic - Создание эскиза и макета страницы сайта

megainformatic - Верстка созданного макета

megainformatic - Добавление модулей обеспечивающих минимально необходимый функционал

megainformatic - Основы добавления контента на сайт, управления и поддержки сайта

megainformatic - Проверка работы сайта, установка на хостинг

megainformatic - Основы продвижения созданного сайта

megainformatic - Создание шаблонов

megainformatic - Создание интернет-магазина

megainformatic - Музыкальные миры - композиция Морозное утро - 10 версий

ЛЕТО

     
  Уроки 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 нужно отключить, чтобы нечаянно не выделялся автоматически слой под курсором.  
     
  Создав такую анимационную цепочку проверьте чтобы все кадры стояли одинаково ровно.  
     
  [назад] [далее]  
     
     
     
  [Все уроки]  
     
megainformatic live chat
Начать беседу
X
 

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



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


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