webinformatic
create your reality !

Balls and holes PC game / Balls and Holes PC игра

Главная

ПреГлавная ЧаВо

События

Новости Статьи Архив

Проекты

ФОРУМ Youtube megainformatic уроки сайты ЧЕРНЫЙ СПИСОК

Контакты

О Проекте Рекламодателям

Сегодня

24 ноября 2024
2:27

Вход Регистрация Забыли пароль ?

webinformatic - Как я осваивал Flash - шаг 2 - Основы создания простейших flash - игр
Как я осваивал Flash - шаг 2 - Основы создания простейших flash - игр Доброго времени суток ! В данном цикле статей я поделюсь с вами своим опытом освоения технологии Flash. В данной статье я расскажу о том, как заставить наш Шарик (из предыдущего урока) перемещаться по нажатию клавиш стрелок ВВЕРХ, ВНИЗ, ВЛЕВО и ВПРА

подробнее...

игра Шарики на лифте / Balls on lift game

игра Шарики и Ямки - Каникулы Зеленого Шарика PC / Balls and Holes - Green Ball Holidays PC game

Поиск

карта сайта

sitemap.xml

Добавить новость / Add news

Программы

Антивирусы

Графика

Уроки Photoshop - Чудеса

Уроки Photoshop - Рисуем и анимируем

Дорога в город + source

Нечто Необъяснимое

Нечто Необъяснимое в плену желаний

donuts3d + source

Веселый буквоежка

комиксы

Костя Коробкин - Как я провел Лето

Костя Коробкин - С Новым годом

Веселый буквоежка комикс

игровые движки

движок игры Веселый буквоежка - fle

Статьи сайта




	Рисуем волка из мультфильма

	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 альфа-маской для использования анимированного персонажа в компьютерной игре.




	[назад] [далее]

	[Все уроки]

Something: Unexplained 2 captive of desires / Нечто: Необъяснимое 2 в плену желаний

Костя Коробкин Комикс Коллекционное издание - 6 комиксов, 81 страница, 220 mp3 треков

(с) ВЕБИНФОРМАТИК (webinformatic) 2006-2024
Все права защищены. Использование материалов сайта только с разрешения администрации. Для этого свяжитесь с нами через форму комментариев. Ответственность за содержание рекламных материалов несут рекламодатели. All rights reserved. Use of site materials only with the permission of the administration. To do this, please contact us through the comments form. Responsible for the content of advertisements are advertisers.
карта сайта sitemap.xml Рекламодателям

megainformatic.ru http://megainformatic.ru/varve

Посетили страницу: 1807

Поиск

Теги

Добавить новость / Add news

Программы

Статьи сайта