поиск по сайту  megainformatic  en translate to English   translate to Chinese
соц. сети twitter youtube
    поддержать
540 руб / 9 usd
Серебряный юзер
 версия 20.02.2018
получи ссылку на
скачивание + бонусы !
300 руб / 5 usd
Бронзовый юзер
размер: 1,14 Gb
    60 руб / 1 usd
Стальной юзер
слегка ограниченная
полная версия игры.
Сегодня
21 февраля 2018
22:19
Вход Регистрация Забыли пароль ?

megainformatic - Уроки Photoshop - Рисуем волка из мультфильма стр 4
            &nb
подробнее...

Теги

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

Статьи сайта

megainformatic cms admin

megainformatic - Основы создания 3d игр - проект Тайны Морских Глубин

megainformatic - уроки delphi directx 8.1 3d - Основы Вращений и Управления камерой

megainformatic cms seo

megainformatic cms admin

megainformatic - Моделируем девушку в 3d - Подготовка 2d-эскиза тела человека

megainformatic cms stat kit

megainformatic cms seo

megainformatic - Теория и практика 3d игр - О Кватернионах

megainformatic - Теория и практика 3d игр - Основы теории векторов

megainformatic - Теория и практика 3d игр - Важные замечания

megainformatic - Моделируем девушку в 3d используя 3ds max - Подготовка к моделированию ноги - готовим ширму

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

megainformatic - Моделируем девушку в 3d используя 3ds max - Улучшаем созданную модель женской ножки

megainformatic cms stat kit

megainformatic - Подводная лодка и подводный мир

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

megainformatic cms social

megainformatic cms social Руководство пользователя

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

модуль слайдера

ТЗ на сайт коллективных покупок

модуль slider

megainformatic cms seo

Поддержка сайтом нескольких языков - модуль multi lang

Поддержка сайтом нескольких языков - модуль multi lang

megainformatic - Моделируем девушку в 3d используя 3ds max - другие статьи сборника статей - обзор

установка нового шаблона в joomla 2.5.4

Описание продукта megainformatic cms social

Описание продукта megainformatic cms social

megainformatic - ТЗ на сайт по аналогии rys-stroi.ru

megainformatic cms groupon

megainformatic - дизайн сайта строительной компании УЛЬТРА-СТРОЙ

megainformatic - Тестирование подключения платежной системы

megainformatic - Выпадающее окно регистрации на сайте

megainformatic - Тестирование подключения к платежной системе с использованием скрипта эмулятора

megainformatic - Модуль для регистрации пользователя на сайте

megainformatic - Код для модуля регистрации пользователя на сайте

megainformatic - Быстрый подсчёт ключевых слов в статье

megainformatic - Модуль подсчёта ключевых слов в статье

megainformatic - Онлайн-сервис для подсчёта статистики ключевых слов

megainformatic - Пишем слайдер на javascript с нуля

megainformatic - Логика работы слайдера на javascript

megainformatic - Пишем свою соц. сеть - модуль предложений для webjob

megainformatic - Пишем свою соц. сеть - модуль предложений для webjob - часть реализации для личного кабинета

megainformatic - Пишем свою соц. сеть - Реализация файлового хранилища предложений в csv-файле

megainformatic - Тестирование подключения к платежной системе ЕДИНЫЙ КОШЕЛЕК (w1.ru) с использованием скрипта эмулятора

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

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

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

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

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

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

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

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

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

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

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



Время загрузки: 1,4830