Анимация огня

Так давно не рисовала и анимировала (всё время забирает на себя Flash GAMM), что сейчас от этого занятия получаю просто огромный кайф. И походу стараюсь записать интересные моменты разработки.

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

Это результат. Исходник можно скачать здесь.

А вот видео процесса создания (подробное, с комментариями).

Fire animation from Lerika on Vimeo.

Ссылка, о которой я говорила в конце видео — урок создания огня от Олега Акимова.

Анимация пылесоса

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

А вот такой результат получился на выходе. Эдакий Garbage Collector :)

Создание персонажа

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

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

Однотипные анимации методом перекладки

Давно я что-то не делала никаких уроков, поэтому решила исправиться. Причём записать не просто видео процесса, а со звуком и комментариями.
В данном уроке речь пойдёт о создании однотипных анимаций для разных типов персонажей на примере собак. Анимация методом перекладки.
Это моё первое видео с записью голоса, местами оч нервничаю, часто повторяюсь, можно заметить пару боков, но первый блин всегда комом, так что строго не судите.

Результат:

Рабочий процесс над анимацией Адама Филлипcа

Известный художник-аниматор Adam Phillips, автор Brackenwood (если вы не видели этих мультфильмов, срочно смотреть), расшарил видео с процессом создания анимации одной из сцен мультфильма «The Last of the Dashkin». Эффект летящей 3D камеры с бегущим персонажем.

Полное видео состоит из 33-х частей. Пока что Адам выложил только 20, но в скором времени обещал выложить остальное. Видео очень интересное и познавательное. Очень правильный пример создания покадровой анимации.
Смотрите на работу мастера и учитесь!

Ниже выкладываю первую часть. Остальное видео можно посмотреть здесь.

Как удобнее всего рисовать во Flash мышкой

Если у вас нет планшета это ещё не повод отчаиваться. Во времена 5-6-го флеша мне тоже приходилось рисовать мышкой. А недавно мне надо было сделать иллюстрацию, в которой я повсеместно использовала методику, принципы которой я вам сейчас расскажу.

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

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

Основные инструменты, которыми вы должны пользоваться — это pen , line , selection и subselection tools:

Для явно круглых и прямоугольных областей разумно использовать oval и rectangle .
Использование pensil не возбраняется, но не приветствуется, потому как он создаёт кучу лишних точек.

Итак, с помощью pen и line необходимо нарисовать все все контуры. Не пытайтесь сразу делать правельные дуги, рисуйте прямые линии, все они потом очень легко редактируются с помощью selection (чёрная стрелочка), а где не получается добиться нужного радиуса или угла, всегда можно прибегнуть к помощи subselection (белая стрелочка.)

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

Вот собственно видео процесса прорисовки этой иллюстрации. В сумме заняло 50 минут.

А теперь немного теории для тех, кто не умеет или не понимает как правильно работать с Selection Tool.

Работа с Selection Tool

Итак, с помощью selection tool можно выделять графические объекты, перемещать и редактировать.

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

2. Перемещение.
Если графический объект или символ выделен, то при наведении на него стрелки появляется значок перемещения (крестик со стрелочками на концах) и можно переместить объект в любое произвольное место.

3. Редактирование линий.
Если подвести курсор к краю прямой или кривой линии. то пиктограмма возле него поменяется на дугу. И теперь вы с лёгкостью можете регулировать кривизну линий.

4. Редактирование узловых точек.
Если подвести курсор к узловой точке на объекте, пиктограмма возле него поменяется на прямой угол. Теперь с помощью Selection можно перемещать узловые точки.

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

6. Слияние точек.
Если вам надо удалить какую-либо точку, её на самом деле намного проще совместить с соседней. Для этого нужно подвести курсор к необходимой точке, чтобы пиктограмма поменялась на уголок и переместить на соседнюю. Внимание! У вас должна быть обязательна включена привязка к объектам, иначе ничего не получится.

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