Murlyka Animation Studio » Уроки

Мой процесс разработки концепта персонажа.

Bakame! — Sat, 05 Jun 2010 06:33:29 +0000

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

Средствами ручки, карандаша и листка блокнота, не всегда удаётся изобразить фиолетовый, или скажем, оранжевый цвет. И тогда, на помощь приходит неумелое владение таким инструментом, как фотошоп. Сразу хочу сказать, что средствами флэша тоже можно сразу изобразить персонажа, но по себе знаю, что набросок будет делаться «на чистую», и сразу в одном слое — потом наступает монотонная движуха, по редактированию рисунка, и разбиение по разным слоям. Не люблю. Не нравится.
Уж с чем-чем, а с фотошопом, даже нам, флэшевским художникам-аниматорам, приходится сталкиваться с ним.

Вот как происходит свободный полёт рисования в фотошопе.
Я постарался сразу сделать персонажа с характером, не лишённым харизмы. Купосятина, да.

А вот что получается в итоге. Уже во флэше. Как видим, точного перенесения персонажа с фотошопа во флэш не было. Даже не было места обрисовке. Но вот характер, харизма и общее направление было перенесенно с лихвой.

А вы как разрабатываете персонажа?

обсудить в сообществе.

email: moy@murlyka.com

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

Как анимировать походку персонажа?

Bakame! — Mon, 23 Nov 2009 20:12:07 +0000

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

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

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

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

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

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

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

email: moy@murlyka.com

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

Как придумать персонажа?

Bakame! — Thu, 12 Nov 2009 07:31:26 +0000

Ни для кого не секрет, что любую, сколь угодно сложную форму можно разложить на простые фигуры и контуры. Так же и с персонажами. Сколь угодно сложный рисунок не был, всё равно в его основании лежит n-ное количество разных простых фигур и объектов: треугольники, прямоугольники, окружности, параллелограммы, трапеции, звезды.

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

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

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

wamaster english version

email: moy@murlyka.com

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

Как рисовать в мультяшном стиле? Wa World

Bakame! — Tue, 08 Sep 2009 22:48:30 +0000

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

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

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

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

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

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

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

2) Мой WaMaster блог

email: moy@murlyka.com

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

С чего начать изучать Флеш?

Bakame! — Wed, 26 Aug 2009 04:19:37 +0000

Я тут задумался, а вот, представим, если бы я вдруг начал изучать что-то новое. Поставил бы себе новое ПО, для работы с графикой, на пример, или дизайном? С чего бы я начал работать? Вспоминал-придумывал, да понял. Итак, на примере флеша всех мастей, для самых начинающих (не буду больше использовать слов самый маленький ) и не только, с чего начинать работать?

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

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

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

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

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

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

email: moy@murlyka.com

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

Как нарисовать меч для игры?

Bakame! — Mon, 20 Jul 2009 08:22:17 +0000

Урок из разряда «для самых маленьких». Как видно объект исследования не обременен особым излишеством и златом. Так же он не совершенен, далеко не совершенен. Но это и не является его функцией. Он – просто пример создания не-сложной, но иногда весьма приятной анимации. Такие мечи наверное еще должны помнить Аллодов первых или Arcanum…хотя могу и ошибаться)
Погнали.

email: moy@murlyka.com

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

Что нужно знать для работы с 2.5d?

Bakame! — Fri, 01 May 2009 22:01:01 +0000

Ранее говорилось, что будет более подробное описание создания 3D-мира, в каких слоях, куда и как.

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

Переходя к самому миру.

Почва.

Рисуем блок, создаем мувиклип(обвели, F8) из нашего любимого блока земли. Прописываем ему название. Тут я не особо мудрил: почва относится к кладбищенской, значит и будет называться graveyard. Это простой блок, основа. Но как получить те блоки, что были использованы в примерах с зомби? Все просто, дублируем наш основной блок(как показанно на рисунке слева), прописываем, не менее понятное название новому блоку. Теперь рисуем на нем, что хотим (трава, камни, деревья), все, на что хватает наше воображение. Дублируем наш Graveyard, столько. сколько хотим. У нас появился конструктор. Но вот как его организовать для самой работы?

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

Для следующего поста по организации мне понадобиться консультация какого-нибудь опытного флеш-программиста. Хотя вскоре, я покажу, насколько можно сильно разнообразить и анимировать почву нашего 3d мира.

email: moy@murlyka.com

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

Как нарисовать зомби? Часть II

Bakame! — Fri, 01 May 2009 09:52:13 +0000

Я в некоторой потере от заявления Andre, впрочем, все к этому все и шло, хотя до последнего надеялся, что нет.

В принципе, я собрал всего лишь небольшую перекладку, довел до ума то, что не получилось довести вчера. С этого момента, если уж остался я на неопределенное время один, буду предельно аккуратно относится к материалу. И, пост с замечаниями по организации мира и mvc будет завтра.

email: moy@murlyka.com

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

Как нарисовать зомби?

Bakame! — Thu, 30 Apr 2009 12:00:43 +0000

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

Как-то нам пришел на почту вопрос по поводу отличия видов анимации перекладки и анимации классической. Andre работает в обоих видах, но он уроки он выкладывал только в перекладке(создание мувиклипов, перекладка половины предыдущего кадра на новый кадр). Я же художник(большая часть рисунков на сайте – мои скетчи), но начинаю заниматься анимацией классической. Поэтому открываю небольшой урок, по просьбе Andre, я сделал урок, для меня это новшество, но все же. И так. Создаем Зомби.

1) Создаем Зомби. Положив руку на сердце, скажу, что идеями вдохновлялся c deviantart

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

3) Соответственно сам аниматик, грязный и замедленный(первый опыт)

4) Ускоренный(как видим, некоторые дефекты сглаживаются)

5) Вместе с самим зомби. Раскрашено, но медлено(все таки есть дефекты).

6) Ускорили, посмотрели все пагубные эффекты. Сбил левую руку, она идет «волной».

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

8) Конец? Нет, вроде пока нет.

Кстати, недавно один из наших предыдущих исходников был замечен в свободном доступе, но под чужим авторством, даже без указания ссылки на нас. Мы долго с Андре думали, стоит ли дальше давать возможность получать наши исходники. И решили, что… Стоит. Ниже предоставлен небольшой бонус – качаем урок и исходник одним архивом. Говорить и показывать кто использовал наши материалы в коммерческих целях не буду, но этого человека ждет награда и первое, почетное место в нашем блэклисте. Да здравствует справедливость. Да снизойдет молния в этого умницу, с небес.

(если будет интересно пообщаться или поддержать Andre (не думаю что он скоро появится здесь), то напишите ему в контакте, я его видел, досталось ему не хило, хотя, не спорю – даже ему будет приятно получить поддержку)

Wyveren

email: moy@murlyka.com

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

Псевдо 3d или 2.5d? Рисуем тайлы.

Bakame! — Wed, 22 Apr 2009 19:41:00 +0000

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

1) Начнем, с малого. Придумываем: какой же мир мы хотим делать, я взял за основу простую лужайку, с немногочисленными кустами и камнями.

2) Рисуем основу блоков. Подробней у Хитри

3) Раскрашиваем основу в тот цвет, который нам нужен, создаем из блока movieclip(я его назвал block)

4) Дублируем Block, переименовываем в «block grass», рисуем в слое над ним кусты.

5) Опять дулируем Block, теперь мувик называем «block grass stone», рисуем камни. Сделаем еще несколько таких блоков, с разными рисунками.

6) Конструктор! Начинаем собирать мазайку)

7) Еще больше деталей! Ура, у нас есть вот такая вот скучная, но вполне интересная и пригодная для игрового мира земля)

8) Вот в принципе и все.

email: moy@murlyka.com

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