на
форуме можно задать вопрос, посмотреть ответы на часто задаваемые вопросы
Здравствуйте!
Вы попали на информационно-образовательный сайт посвященный информатике,
информационным технологиям и компьютерным играм. Подробнее о целях и задачах
сайта в разделе Главная. [English
version of this page here...]
Создаем
анимацию хотьбы волка в Photoshop и ImageReady
Анимацию
будем создавать на основе волка нарисованного в предыдущем уроке - рисуем
волка
В
этом уроке мы познакомимся с тем, как выполнить анимирование персонажа
на примере хотьбы волка.
Мы
создадим два варианта анимации - в формате gif для использования в интернет-публикациях
и тестовых целях и в формате tga для использования в компьютерной игре
Распакуйте
архив и откройте файл с волком из 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 альфа-маской для использования анимированного
персонажа в компьютерной игре.
