Концепт и графика — Bred

Код, правка наших кривых рук, лидинг — Chrust.

Персонажи и анимация мои.

email: moy@murlyka.com

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

Я сохраняю оригинальный текст письма, не исправляя в нём ничего — не судите строго писавших, у нас нас не кружок правильного письма.

(Вопрос) Письмо от Jeny King.

Это моя первая попытка что-либо сделать во флеше,
и у меня сразу возник вопрос: как анимируют сложные лапы, ну например такую заячью с длинной стопой?
Смотрят видео как оно на самом деле двигается?

Прикрепленный файл.

(Ответ)

Для начала, нужно прикинуть, какого персонажа мы делаем — будет ли это анимационный стиль с заносом на игровой, или это будет персонаж реалистичный, или это будет вообще очеловеченный персонаж, а-ля тело универсальное (стоящий Homo) и голова животного (в случае с моим котом Ли и Заей  из файла это так).

Рассматриваем несколько случаев:
1. Если персонаж будет с заносом на реалистичность (мы делаем ролик для компании uniliver и они попросили нас создать красивый пейзаж, дав пару фотографий оленей и медведей), то нам нужно будет изучить по видео характеры движений, грацию, законы инерции тел животных — без этого никак в построении анимации. Анимация вся повязана на видео. Смотрим видео, изучаем, копируем.

2. Мы работаем в Диснее, и делаем римейк мультфильма «кто подставил кролика Роджера?»… или мы работаем на «Союзмультфильме», рисуя новую серию «ну, погоди!». Мы безусловно должны знать анатомию нашего животного-кролика-зайца, чтобы нарисовать красивого, но псевдо-реалистичного персонажа, анатомически схожего с настоящими зайцами. Анимация мультяшная, видео нам не нужно, но Блэра почитать придётся:)

3. Персонажи для игр или для лоу-фан-анимации. Ну опять же кот Ли. Анатомическое сходство с котом только в голове и хвосте. Анимация игровая. Видео от BBC и Блэр нам особо не помогут, но можно поиграть в Mario или DMC4, чтобы выбрать, что нам именно нужно.

Ещё до того, как я стал писать этот пост, я решил посовещаться с Рондой, и вот какой ответ прислала она мне.

Ну, для начала – стопы я там не вижу. О чем вообще речь? Добавить стопы хочет?
Я бы подсунула Престона Блера, как всегда – и пущщай разбирается. http://www.cdrrhq.ru/lessons/preston/main.htm

Мона еще намекнуть, что есть вариант рисовать новую стопу для каждой фазы, а можно одну – и разрезать на 2 части, имитируя подвижность пальцев. Опять же, Блер в помощь в качестве референса.

Блер — в помощь:)

Если у вас есть какие-то вопросы касательно анимации, не стесняйтесь — присылайте на почту moy[друг человека]murlyka.com я постараюсь вам ответить здесь либо в письме.

email: moy@murlyka.com

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

Вопрос:

Вот у меня опять назрели вопросы, после просмотра FGA#4
Каким образом во флеш обьединяют разные анимации? Вот, допустим, есть анимация бега. Я хочу, что-бы персонаж пробежал 40 кадров, прыгнул с кувырком, и снова бежал. Как эта задача решается? Копипастой нужных кадров, или как-то объединяются готовые анимации? Можно ли поставить кейфрейм с анимацией, и выставить, что он проигрывается 40 кадров. потом кейфрейм с анимацией перехода, и так далее?


Ответ:

0. Открываем flash.

1. Создаем новый документ во флэше.

2. Прикинем, что один цикл бега длится 10 кадров. И того, за 40 кадров, наш персонаж сделает 8 шагов (1 цикл = 2 шагам). Вы создаете объект (Ctrl + F8) «run», и в нём анимируете своего бегущего на месте персонажа.

3. Теперь у нас есть в библиотеке клип бегущего персонажа. Вытаскиваем клип на главный таймлайн.

4. Жмем на слое с клипом на 40ой кадр, жмем F6, создавая ключевой.

5. Выбираем начальное положение бега, перетаскивая персонажа в нужное нам место. Тоже самое делаем и с последним положением бега.

6. У нас есть начальные и конечные положения нешего бегущего персонажа, в 40 кадров бега, 4 цикла, 8 шагов. Теперь на кадре от 2ого до 39 на таймлайне, жмём правой кнопкой мыши, и выбираем create classic tween.

В целом, я расписал «оставить кейфрейм с анимацией, и выставить, что он проигрывается 40 кадров» немного в другом ключе, но, думаю я расписал всё правильно.

А недавно, я узнал, что многие не знают, как включать режим onion skin, как включить только outlines, что такое smooth, зачем оно нужно, и где включить pressure… Оказывается, многие этого не знают. Стоит ли мне расписать всё это?

Справедливо замечу, что, в то время, когда я только начинал заниматься флэшем, у меня не было грамотного и понятного источника по разъяснению всяких вот таких вот вопросов, поэтому если у вас будут какие-то вопросы, не стесняйтесь, пишите мне сюда, либо на почту moy [друг человека] murlyka.com, с пометкой в теме «вопрос». Я буду отвечать на них здесь, в прямом эфире.

email: moy@murlyka.com

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

Я записал видео о том, как заменить стандартные цвета флеша на красивую и красочную палитру.

Перечислю по пунктам.

1) Найдите картинку, с понравившимися вам цветами.

2) Переведите эту картинку в gif. (откройте её в любом графическом редакторе, начиная от Paint, и сохраните рисунок как .gif, с максимальным качеством)

3) Во флэше, откройте swatches. Нажмите на указатель в правом верхнем углу панели, выберите clear colors.

4) Нажмите на Add colors.

5) Найдите свою картинку в .gif, и выберите её.

6) Опять нажмите на указатель справа сверху панели swatches, и выберите, save as default.

7) Как видно на записи, процедуру можно повторять сколь угодно большое количество раз.

8) Всё! Всем тем, кто проходит мои курсы смена палитры — MUST DO IT!

Видео.

email: moy@murlyka.com

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

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

3) Анимация.
Это как правила самая долгая стадия в разработке персонажей. Главная задача аниматоров придать классу свою собственную, отличительную особенность (а как вы думали? — бить кулаком/мечом, или делать пассы руками в воздухе — каждый может анимировать такую ботву, а вот как сделать так, чтобы классы имел свой собственный характер, и был не похож на другие классы — это задача не из легких, впрочем, в WakFu, ребята из Анкамы это вообще проигнорировали, а в Dofus, как-то не организовали нормально. Сложнее всего дизайну даются классы персонажей ближнего боя — одними заклинаниями тут не обойтись, ещё экшн нужен. Вообщем, этот этап может занимать от двух недель и больше.

4) Эффекты.
Вот персонаж машет руками, что-то там шепчет, а ничего и не происходит, вот чтобы что-то происходило, как раз и есть такой этап как FX — сидишь себе, рисуешь красивые переливы цветов, всякие странные штуки, свечения, огни, молнии и пр. От 10 дней.

5) Программирование.
Всё вроде сделано, теперь можно и посмотреть, как это всё работает в деле. Связка между собой действий. Прописывание персонажу координат (мир изометрический), редактирование важных точек.

6) Писание скриптов.
Вот этот пункт, как я думал, равен предыдущему, но не тут то было… для ребят из Анкамы. Скрипты отвечают за правильно выполненную последовательность действий, при получении удара — загнись и скорчись, при победе — попрыгай от радости.

7) Описание персонажа.
Рассмотрение всех изменений, вывод чистового диздока на рассмотрение судей-арт-директоров.

8) Озвучка.
Озвучивается кждое действие, шаг, кряхтение, эмоция персонажа

9) Тест и окончательный баланс персонажа.
Вот этот пункт даже у меня в работе, всегда меня обходил. Я особо никогда не участвовал в тесте и обкатке персонажей. Почему? Начиная тестировать анимацию персонажа, в рабочем виде, как ни странно, вдруг находятся откуда ни возьмись, куча ошибок, недочетов. Вечный перфекционизм аниматора встаёт в протипостояние со сроками сдачи игры, и грамотные программисты (как наш), просто напросто не дают нам иногда «немножко поиграться, да посмотреть» в почти готовый продукт:)

В Я не умею программировать и писать скрипты, но всё остальное я сделать могу.
Кто хочет в движухе поучаствовать по созданию персонажей в экстремально короткие сроки?

email: moy@murlyka.com

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

Я скетчи рисую в фотошопе, Ант.Карлов, если не ошибаюсь, рисует на бумаге, а Лерика сразу во flash, как я раньше, шпарит.

Simple Sketching from AndreBook on Vimeo.

Как это происходит у меня, в таком продукту как photoshop cs3?
Я рисую в три этапа. Первый этап — рисую большой кистью 25 по слою над бэкграундом, вроде сухие концы, минимальный диаметр – 0%, opacity и flow по 20%. Тут просто форму набрасываю, никаких деталей, только силуэт.
Второй этап. Слой выше, предыдущий ставлю opacity в 25 Уменьшаем кисть до 5-6, выставляю opacity и flow на 40%. Тут просто набросок. Третий этап. Слой ещё выше, предыдущий слой на порозрачность 30-40%. На последнем слое обрисовка кистью, у которой опасити и флоу заданы в 70%.

Вот так и делаются мои скетчи.

Что-то сегодня ни youtube, ни vimeo не захотели брать мои видео со звуком. Может так и оставить? Вам удобней со звуком или без? Делать ли комментарии голосом по ходу видео?

email: moy@murlyka.com

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

Какие ошибки я допускаю при разработке персонажей? Меня вообще эта тема настолько захватывает, что я забываю о том, что делать персонажей я должен в едином стиле. Если нажал на увеличение, уже после того, как начал рисовать кистью, то необходимо помнить какой кистью рисовал (толщина).

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

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

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

email: moy@murlyka.com

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

Как справился  Andanar.

Он выбрал телевизор, и сделал сразу кучу анимаций.

С таким аппаратом он работал.

А вот и его анимации, анимации телевизора.

Телевизорокраб? Хотя нет, скорее лошадь, а почему тогда галопом, но боком?

Телевизоро-бык? В прицнипе, мы были и не против, если бы он ходил боком, но как-то привязалось все к этому.

Крик? Звонок? :)

Ну и финальная версия. Вообще, изначально хотели, чтобы происходил loop, то есть, зацикленная анимация, как вы увидите позже у анимаций Ронды и меня, но, как-то всё это забылось потом.

Если кому-нибудь понадобиться анимация телевизора, то сразу лучше написать Andanar — он умеет, как видите:)

Кстати, как видите — Анданар совсем почти не пользовался кистью (возможно только когда девка вылазила из тв) — только примитивы.

Позже выложу от Ронды и от себя.

ps Некоторые хорошие товарищи и друзья ругаются на то, что у меня в RSS выходит полностью весь пост, говорят, что не всегда у них есть возможность читать полностью статьи, сидя где-то вне дома в интернете, да ещё и с нетбуков или коммуникаторов, просят делать только анонсы в РСС, на что я им говорю, что для этого есть твиттер, для анонсов, но, если им не удобно, может быть неудобно и вам? Скажите, как лучше — делать анонсы в рсс или полностью выкладывать статьи? И для тех, у кого есть жж, может сделать мне трансляцию в жж?

email: moy@murlyka.com

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

Странно, но начал я рисовать совсем не во флэше. Свои первые рисунки я делал в фотошопе и в пенйтере. Тогда я совсем не представлял как нужно рисовать, впрочем, как и сейчас — совсем не понимаю и не знаю ничего о ФШ и Пейнтере. Один из моих первых рисунков… в фотошопе, да.
Да, работа датирована мартом 2007 года, именно тогда у меня появился мой первый планшет, Wacom Volito2, который служил мне верой и правдой ровно 3 года, а потом стал служить моей девушке.

Кстати, планшет тогда я купил не один, а два, на меня и моего друга, с которым мы собрались делать заказ на презентацию для одной небольшой строительной фирмы (или это был сайт). Заказчики были отличными, и авансом дали мне тогда 9 000 рублей! Мне, 18-летнему парню, ещё толком не умеющему работать и рисовать, дали такие деньги авансом. Я был рад, безумно! Возможно тот день, 14 марта, и послужил такому развитию моей жизни в область профессиональной гейм-анимации. Кстати, вот сохранилось меню, которое я делал для того сайта. Смотрю на него, и смеюсь — оно было баговое, а поскольку я ничего не соображал в AS2 (как и сейчас), ничего и не получилось исправить, да.

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

Сохранилась и моя первая работа на заказ, причем заказчик её принял(!), хотя она была, кажется, бесплатной. Мой совет всем начинающим — никогда не рисуйте «за так», то есть, бесплатно. Я не буду рассказывать и объяснять в посте почему — может уйти слишком много текста, и боюсь, одного поста не хватит, лучше на моём блоге почитайте, там тоже про это было.
Требовалось нарисовать мышку для логотипа какой-то конторы платных переводов. Вот собственно и она.

Я очень много рисовал на бумаге, но всё равно, этого было не достаточно, для того, чтобы нарисовать нормально, качественно, без артефактов (лишних точек, хлама и пр).

Ну, а поскольку я понимал, что фотошоп кс2 и пейнтер9 мне подчинятся не скоро, я решил перейти во флэш, не только со стороны презентаций и сайтов, но и со стороны рисования, любительского пока. И моё знакомство началось с такого рисунка

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

А вообще, я эту историю написал, чтобы показать, что я тоже не сразу начал рисовать на том же уровне, на котором рисую сейчас.

email: moy@murlyka.com

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