Главная
События
Проекты
Контакты
Вход Регистрация Забыли пароль ?
Выпуски 47.2 - 54 Разноцветный снег, Звезды, обзор комиксов о Косте Коробкине, Костя Коробкин в гостях у тёти Светы часть 1, directx 9c 3d трансформации. Основы, история развития проекта мега информатик, bubbles music clip, bubbles music clip версия 2
[страница 1] [страница 404] [страница 403] [страница 402] [страница 401] [страница 400] [страница 399] [далее]
подробнее...[страница 1] [страница 404] [страница 403] [страница 402] [страница 401] [страница 400] [страница 399] [далее]
Программы
Статьи сайта
webinformatic - Уроки 3d на delphi directx - Вывод ЗаставкиДобро пожаловать в систему управления сайтом megainformatic cms
webinformatic - Создание эскиза и макета страницы сайта
webinformatic - Верстка созданного макета
webinformatic - Добавление модулей обеспечивающих минимально необходимый функционал
webinformatic - Основы добавления контента на сайт, управления и поддержки сайта
webinformatic - Проверка работы сайта, установка на хостинг
webinformatic - Основы продвижения созданного сайта
webinformatic - Создание шаблонов
webinformatic - Создание интернет-магазина
webinformatic - Музыкальные мир - композиция Морозное утро - 10 версий
ЛЕТО
webinformatic - Нечто Необъяснимое - пре релиз
megainformatic cms admin
megainformatic cms admin
webinformatic - Основы создания 3d игр - проект Тайны Морских Глубин
webinformatic - уроки delphi directx 8.1 3d - Основы Вращений и Управления камерой
megainformatic cms seo
megainformatic cms admin
webinformatic - Моделируем девушку в 3d - Подготовка 2d-эскиза тела человека
megainformatic cms stat kit
megainformatic cms seo
webinformatic - Теория и практика 3d игр - О Кватернионах
webinformatic - Теория и практика 3d игр - Основы теории векторов
webinformatic - Теория и практика 3d игр - Важные замечания
webinformatic - Моделируем девушку в 3d используя 3ds max - Подготовка к моделированию ноги - готовим ширму
webinformatic - Моделируем девушку в 3d используя 3ds max - Выполняем моделирование ноги
webinformatic - Моделируем девушку в 3d используя 3ds max - Улучшаем созданную модель женской ножки
megainformatic cms stat kit
webinformatic - Подводная лодка и подводный мир
webinformatic - megainformatic cms - Форма для смены шаблонов сайта - модуль template selector
megainformatic cms social
megainformatic cms social Руководство пользователя
webinformatic - megainformatic cms - Форма для смены шаблонов сайта - модуль template selector
модуль слайдера
ТЗ на сайт коллективных покупок
модуль slider
megainformatic cms seo
Поддержка сайтом нескольких языков - модуль multi lang
Поддержка сайтом нескольких языков - модуль multi lang
webinformatic - Моделируем девушку в 3d используя 3ds max - другие статьи сборника статей - обзор
установка нового шаблона в joomla 2.5.4
Описание продукта megainformatic cms social
Описание продукта megainformatic cms social
webinformatic - ТЗ на сайт по аналогии rys-stroi.ru
megainformatic cms groupon
webinformatic - дизайн сайта строительной компании УЛЬТРА-СТРОЙ
webinformatic - Тестирование подключения платежной системы
webinformatic - Выпадающее окно регистрации на сайте
webinformatic - Тестирование подключения к платежной системе с использованием скрипта эмулятора
webinformatic - Модуль для регистрации пользователя на сайте
webinformatic - Код для модуля регистрации пользователя на сайте
webinformatic - Быстрый подсчёт ключевых слов в статье
webinformatic - Модуль подсчёта ключевых слов в статье
webinformatic - Онлайн-сервис для подсчёта статистики ключевых слов
webinformatic - Пишем слайдер на javascript с нуля
 |
||
| Рисуем волка из мультфильма | ||
| 04/11/2008 | ||
Создаем анимацию хотьбы волка в Photoshop и ImageReady Анимацию будем создавать на основе волка нарисованного в предыдущем уроке - рисуем волка |
||
  |
||
В этом уроке мы познакомимся с тем, как выполнить анимирование персонажа на примере хотьбы волка. Мы создадим два варианта анимации - в формате gif для использования в интернет-публикациях и тестовых целях и в формате tga для использования в компьютерной игре |
||
| [к началу] [страница 2] [страница 3] [страница 4] | ||
Нам потребуется волк, которого Вы нарисовали в предыдущем уроке. Можете открыть архив с готовым волком Скачиваний : 0 |
||
| Распакуйте архив и откройте файл с волком из 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 альфа-маской для использования анимированного персонажа в компьютерной игре. | ||
| [назад] [далее] | ||
| [Все уроки] | ||
