Пусть этот курс будет называться «анимация в играх, для самых маленьких», сокращённо FGA. Пусть этот курс будет состоять из 8 уроков и одного бонуса (сейчас я сверюсь с картой этого курса… да, точно — 8 уроков и один бонус).

Если бы курс начинался с чего-то другого, то это был бы явно курс не по «анимации в играх, для самых маленьких». Поэтому именно с этой темы я начинаю этот курс. С темы создания персонажа, так часто измучаемой мной. «А я то думал… будет что-то интересное и новое…» — можете сказать вы, это я могу комментировать только следующим образом — работайте с нами, делайте, творите, создавайте.

Пару постов назад (пару месяцев назад:), здесь писали точно по такой же теме, но есть и сегодня отличия. Сегодня я взял, и полностью окунулся в перекладку, да ещё и motion использовал… ну, стоп об этом. Смотрим дальше.

В курсе нам будет помогать Кот Ли. Сначала я думал нарисовать ему костюм, а-ля костюм Брюса Ли, но остановился только на полосках на плечах, ведь всё таки это кот-ниндзя. Именно Ли мы будем мучать в процессе получения знаний. Вуа-ля!

Значит, Ли можно рисовать простыми фигурами. Сейчас распишем, как это. А анимация идёт тоже перекладкой. И об этом напишу. Вообще, много придётся читать, так что сядьте поудобней, теперь так часто будет. Перед нами составной конструктор Ли. Каждой части тела — свои клипы. Ног у нас два типа, именно о них — ниже.

Перекладка — принцип в котором, каждый новый кадр, как правило, состоит из тех же фигур, что и предыдущий, только разве что, изменивших свои положения. Есть у меня и такие фигуры, которые меняют свои формы, но это только ноги. Сам цикл движения ноги состоит из двух разных фигур, чередующихся странным способом между собой.

Все части Ли рисуются на разных слоях(все знают как флешем пользоваться?). Голова на верхнем, ниже идут ближняя к нам лапа и нога, далее тело, далее хвост, и заключают перечень, слои в самом низу с лапой и ногой на заднем фоне.

Частота кадров у меня 24, и вообще, лучше сразу привыкнуть пользоваться только такой частотой кадров.

Почему перекладка так хороша? Ну, каждую часть тела мы конвертируем в объекты: мувиклипы или графику. Следовательно, вся анимация работает только с объектами, что значительно уменьшает размер исходника и получившегося файла. Да и моушины быстрее делаются, не нужно нажимать лишний раз F8)

Теперь о ходьбе.
Вот у нас есть ходьба. В целом, ходьбу можно рисовать только на интуитивном уровне. Особенно игровую. Если не верите, подойдите к зеркалу и посмотрите на свою походку. В ней есть что-то сложное? Ммм, не уверен, по-моему всё просто. Главное помнить: хвост, голова и даже тело(спасибо Lerika), должны двигаться. Реакция тела — это, вроде, так называется. Привожу пример скучной ходьбы при 8fps:

Так как Ли у нас — ниндзя кот, то спокойно он ходить точно не будет. Но вот носиться он будет как угарелый. Поэтому опуская неинтересности ходьбы, сразу переходим к бегу. На бег тратится 2 разных ноги, 8 кадров, по два кадра на одно положение ноги. Руки-лапы должны двигаться в противофазе к одноименной ноге-лапе, то есть, правая рука-лапа должна двигаться в том же направлении что и левая нога-лапа. 8fps:

Если тело ниндзи бежит, то оно должно слегка наклонятся. Амплитуда качания тела, головы и хвоста больше при беге, но кадров на неё расходуется в два раза меньше. На рисунке видно, что на качание головой требуется 10 кадров. Это при беге. При ходьбе кадров будет 20. Тоже самое получается в хвосте и теле.

При 24fps вот что получается (не забываем о тени под нашим героем):

А вот, что получается если сверху прикинуть motion tween, и заставить кота двигать телом в сторону счастья… Сразу теряются из вида некоторые ошибки и косяки движения.

Вопросы?

Будет очень хорошо, если читатели этого блога захотят поделиться с другими своими достижениями или примерами по этой теме. Я буду рад увидеть любые работы. Используйте файлохранилищи(типа narod.yandex.ru) для загрузки своих fla и swf.

Что касается меня, то я с радостью прокомментирую, восхищусь или найду что-то новое для себя в вашем творении. Мы все учимся. Так почему бы не перенимать опыт друг у друга и учиться вместе?

Вот так всё просто и без потерь энергии.

ps Кстати, запомните пароль: fgafirst

Чуть не забыл(спасибо Алексу) — исходник. В библиотеку можете не лазить, многое там не относится к этому топику.

email: wa.master@yandex.ru

при поддержке WayToRise Group

В любом случае, несмотря на мой проступок(а это был именно он), но с декабря месяца, читателей у блога поубавилось. Хорошо или плохо это, я не знаю. Но, видимо, с нами остались только те, кому я, в частности, могу быть признателен. Спасибо вам.

Тем, кто следил за мной и за моими движениями через андребук — тоже неслабый респектос. Если будут какие-то вопросы не по теме анимации, то лучше там задать.

Из последних новостей.
Скоро будет Flashgamm в Москве, шикарная Lerika будет там администратором. Спешите пока регистрация не стала «слишком» стоящей.

Новость номер два: Ant.Karlov переехал. Теперь он в новой обложке, со старым эффектом. Радуемся и наслаждаемся. Успехов ему.

Новость номер три: Murejib начал рассказывать о векторном морфинге, как об инструменте анимации.

В любом случае, люди могут меняться, но основная идея останется. Состав Murlyka Animation Studio может ещё не раз измениться, но блог будет жить.

Спасибо вам за то, что вы есть.

email: wa.master@yandex.ru

при поддержке WayToRise Group

Анимация героя — зацикленная штука. Я использовал всего 8 кадров анимации при 20fps в результате(частота 20 кадров в секунду). Всё просто и легко. Примерно представляя как ходит человек(поднимает ноги и пр), можно, не особо выдумывая нарисовать 4 кадра анимации, и цикл будет в 80% готовности. Почему так? а потому что остальные 4 кадра будут будут лишь отличаться зеркальным положением рук и ног.

Анимация с 0.5 fps. На рисунке подробно показано, почему именно 4 кадра. Если присмотреться, то ноги на кадрах под цифрами 1, просто-напросто поменяны местами. На других кадрах — тоже самое.

Если ускорить нашего парня до 20fps, то получиться вот такой трюк:

Вообще, этот герой создан для одноименной игры, которая будет скоро релизиться товарищем memphys.sk, основателем Wheemplay Ltd.. Герой наш не простой, он умеет не только бегать, но и бить(кидать), прыгать и присаживаться:

В следующий раз, я расскажу о том, как анимировать героев 2.5d(псевдо 3d) в классическом стиле(немного отличным от игр faor и dofus), с примером кучи анимаций, которую я делаю для Bred.

Ну и напоследок… наш парень бежит куда? Правильно, к самой обаятельной и красивой участнице флеш-коммьюнити

email: wa.master@yandex.ru

при поддержке WayToRise Group

которую можно наблюдать в его блоге.

Картинка кликабельна

email: wa.master@yandex.ru

при поддержке WayToRise Group

Поскольку это всем и так известно, я просто покажу как это работает для моих рисунков. Нарисованная мелкая курица цыпа, замечательно подходит для того, чтобы быть разложенной на царство простых фигур.

Что касается меня, то всё ещё проще. Для того, чтобы нарисовать персонажа, не нужно придумывать какие то формы, правильные объекты. Подойдёт любая большая клякса, как мы могли видеть это на видео, в одном из предыдущих постов. Тут я изобразил вещевой мешок с зубами и лапами. Такой вот помощник туриста.

В следующий раз будет немного о том, как просто заставить нашего персонажа идти, ползти, бить или прыгать.

wamaster english version

© 2009-2010 Murlyka Animation Studio

email: wa.master@yandex.ru

при поддержке WayToRise Group

Счастья, кайфа и бабах!

© 2009-2010 Murlyka Animation Studio

email: wa.master@yandex.ru

при поддержке WayToRise Group

Что же такое Wa, Wa Masters и Warld?
Пока это просто задумка реализованная на графике. Скорее всего из неё действительно что-то получится, и получится не плохо.
World of Wa — Warld, вселенная обитания кучи-при-кучи различных милых существ Wa(рисунки ниже), Варлденов(Warldens — местные люди) и небольшим количеством людей, «выбившихся» из стаи, и нашедших таинственным, известным только им, путём, способ общения с Wa.
Wa masters — это не покемастера.
В Warld есть животные, и они отлично уживаются со всеми.
Некоторые Wa умеют говорить(всё племя может трепаться), некоторые Wa, просто, из-за нелегкой жизни научились общаться с людьми(помните Slowking или Myaut из вселенной Pokemon?=)
Значит, что это будет — пока неизвестно. Проект делается ради фана, ради развития, ради удовольствия. Я делаю пока его один, и всё только на уровне графики. Что будет дальше? Не знаю. возможно у меня появятся единомышленники(программисты, аниматоры, сценаристы, композиторы и etc) желающие тоже принять участие в проекте.

email: wa.master@yandex.ru

при поддержке WayToRise Group

Да, проект этот носит название Warld (от «Wa World»), и пока крепится за блогом Wa Master.

email: wa.master@yandex.ru

при поддержке WayToRise Group

Обучать я умею, но к сожалению, не анимации. В то время, как я начал учиться анимации, я и рисовать толком не умел (да и сейчас, в академическом рисовании я вообще ни в какие ворота), что уж говорить об источниках, откуда я черпал отрывки знаний и умений? Буду, как умею, собирать все с самых первых шагов, стараясь не урывать с места в карьер. Поэтому обвиняйте, корите, осуждайте – как знаю, так и показываю.

Никакая мало-мальски адекватная анимация не может обойтись без графики(тоже мало-мальской). Сейчас существует множество уроков в сети по тому, как рисовать (не-)красиво и (не-)качественно. Выбирать, чего именно хотите добиться – только вы. Стиль, техника, направление. Все для вас. Сам я рисую графику для флеш-игр, но только в своем стиле. Реалистично рисовать я не умею, поэтому герои и бэкграунды у меня получаются, мягко-говоря, мягкими, и по-детски интересными.

Ваши графические способности и умения может осудить любой. Но просторы, широкий, красочный мир вашего воображения и представления, вашей фантазии, никто и ничто не сможет сломать и разрушить. У меня никогда не было ни анимационного, ни тем более художественного образования. Я много и часто искал ответа на вопрос: как, как стать лучше? Как рисовать круче? Как усовершенствовать свою технику?

Из десятков ответов, предложенных мне по этой теме, лишь два оказались верными. Первый: рисуй каждый день, много рисуй. Рисуй ничем себя не ограничивая, не ставя приграды и рамки полету своей фантазии. И второй: верь в себя.

Удачи вам. Все начинается с рисунка.

По этой теме можно взглянуть:

1) Сообщество в жж Ру-Персики

2) Мой WaMaster блог

© 2009-2010 Murlyka Animation Studio

email: wa.master@yandex.ru

при поддержке WayToRise Group

Первым делом, установив себе ПО (кстати, настоятельно советую не использовать различные руссификаторы – изучаем английский язык),  в нашем случае Flash, мы отключаем все панели Window ? Hide Panels или F4. Удобно теперь? Ничего глаз не режет? А по-моему, не режет.

Вторым делом идет небольшой, но очень крутой чит, о котором некоторые очень часто забывают. Чит этот, способен в тыщу раз сэкономить вам время при работе с флешем и любым другим ПО. Весь он заключается в автомитики моторики пальцев рук. И носит он гордое название HotKeys. Открываем опять вкладку Window. Смотрим какими горячими клавишами и сочетаниями клавиш нам могут быть доступны окна. Начать советую с Tools, резко забываем о том, что можно кликать мышкой по меню, и жмем Ctrl+F2. Вуа-ля. Нам доступны инструменты. По ним, кстати, тоже советую не щелкать, а лишь наводить мышью, для того, чтобы узнавать какие клавиши клавиатуры отвечают за вызов того или иного инструмента. На пример, Brush вызывается B, а Pencil Tool кнопкой Y, и тд.

Секрет в том, что даже если вы работаете два-три года, но редко используете возможности хоткейсов, то на изучение нужных комбинаций вам потребуется от силы часов 5 работы, а на закрепление знаний уйдет следующий рабочий день. Поймите: это удобно.

Ну, а теперь небольшое отступление от темы. Я долго боролся с муками-терзаниями о том, стоит ли мне начинать курсы об анимации в играх, или все же нет. Теперь я точно знаю что НЕТ, не стоит! Почему? Да все просто. Просто при наличии таких гениальных и умелых специалистов как Xitri, Lerika, Ant.Karlov и Murejib в сфере раздачи хороших знанияй из области создания флеш-игр и всему, что с ними связано, моя лепта тут не нужна. Поэтому – долой терзания, данный блог будет вестись только о классической анимации во флеше (ну, или, хотя, и, не только во флеше).

Засим, до скорого.

PS а что стоит изменить в блоге? Убрать? Может быть, добавить?

email: wa.master@yandex.ru

при поддержке WayToRise Group