Блог одиноко стоящего игрока вспышки » animator_at_work

Реалити-шоу “Прыгающая рыба”

murejib — Thu, 18 Feb 2010 10:29:47 +0000

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

Делается это под эгидой YLOTANA PROJECT, в поддержку тигров, увы, медленно вымирающих на бескрайних российских просторах.

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

Иллюстрация Антона Гречко

Процесс анимации Рыбы:

Векторный морфинг: FLASH vs AnimeStudio PRO

murejib — Thu, 21 Jan 2010 09:58:43 +0000

Сегодня урок о шейп-твин анимации на флеш и первая ласточка — обзор Anime Studio Pro в свете возможностей векторного морфинга.
Если возможности АнимеПро заинтересуют Вас, я серьёзно подумаю над серией обзорных видео уроков по этому инструменту, на мой взгляд очень мощному. Кости действительно работают, морфинг действительно полезен, 3Д хоть и не идеален, но работает лучше чем в том же Флеш.

УРОК:

Vector Morphing: AdobeFlashCS3 vs AnimeStudioPro6.0 from murejib on Vimeo.

Урок по шейп-твин анимации на Flash и обзор векторного морфинга в Аниме Студио Про.

Флеш анимации созданные в процессе:
FLASH
rabbit.swf

bikeRider.swf

ANIME STUDIO PRO
rabbit_AP.swf

womanRunAP.swf
(Полноценный рендер: http://vimeo.com/8835409)

Анимация Stroke Line.

murejib — Wed, 29 Apr 2009 19:17:46 +0000

Задача – надо анимировать линию, летящую по произвольному пути. )) Stroke эффект одним словом.
Задача 2 – анимировать процесс рисования некоей произвольной фигуры.

Если кому то много букв — смотрим видео версию.
Если кому то жалко трафика — читаем ниже.

Все может быть решено довольно просто.

1. Рисуем законченный путь нашей линии (кривая)

2. Дублируем кривую на новый слой.
3. Создаем круглый шейп и конвертируем его в графический клип.
4. Слой с дублем кривой превращаем в моушн-гайд для круглого шейпа.
5. Делаем анимацию шейпа по всему пути.

6. Выделяем фреймы с моушнГайдом и шейпом, вырезаем их и создаем новый графический символ в билиотеке, куда и вставляем вырезанные фреймы. Или пользуемся необычайно полезной штукой Layers manager, который можно найти тут: http://flash-animation.ru/category/plugins/ (Лерика, если ты это читаешь поправь линки! Прямая ссылка на пост о плагине не работает!!!)
7. Временно переводим моушнГайд в обычный слой, чтобы видеть путь в клипе маски.
8. Возвращаемся на сцену – совмещаем кривую и клип.

9. Возврашаемся в клип маски, и восстанавливаем моушнГайд для слоя с кривой.
10. Слой с клипом, в котором находится анимация превращаем в маску для слоя с изначальной кривой. Ура.

Задача 2.
1. Переводим клип с анимацией в ранг MovieClip. Дадим ему instance-имя masker.
2. Обернем masker в еще один мувиКлип с instance-name = mask_mc
3. Конвертируем кривую в мувиКлим с instance-name = line_mc
4. Пишем на таймлайне с линией и маской нехитрый код.

var mask_count:Number = 1;
mask_mc.masker.stop();
onEnterFrame = function():Void
{
	var mc:MovieClip = mask_mc.masker.duplicateMovieClip("mask"+mask_count,mask_count);
	mc.gotoAndStop(mask_count);
	if(mask_count == mask_mc.masker._totalframes)
	{
		delete onEnterFrame;
	}
	mask_count++;
}
line_mc.setMask(mask_mc);

5. Готово.

Аниматор за работой. Лошадь и карета.

murejib — Sat, 25 Apr 2009 07:25:03 +0000