2012

Поздравляю всех  с наступающим 2012. Будем надеяться,что майя ошиблись и конец света не наступит:)

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

Анимация градиентов

Продолжу тему, начатую в предыдущем посте – а именно, использование градиентов  во флеше. В этот раз расскажу, как анимировать градиенты, какие есть возможности и какие ограничения в работе  с градиентными заливками. Анимация градиентов относится к типу анимации формы (shape tween). Мне кажется, все флеш-аниматоры начинают именно с анимации формы – превращения круга  в квадратик. А затем в треугольник:)

Использование градиентов (Gradient Fills) во флеше.

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

Анимация растра во флеше

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

Плавная анимация кнопки при наведении и отведении курсора (Action Script 2)

 

В этом уроке  я поделюсь еще одним методом анимации кнопок. Ранее, я уже рассказывала о схожем способе создания кнопки. Сегодняшний метод  построен на принципе программного проигрывания анимации вперед и в обратном направлении в зависимости от положения курсора на кнопке. В первом уроке я создавала 2 разные анимации – положение на и положение за пределами кнопки. Так что задача в этот раз в какой-то степени проще в плане анимации:) Так же будет использоваться Action Script 2. Для тех, кому нужна такая кнопка в as3 - читаем в новом уроке Плавная анимация кнопки при наведении в as3.

Создание геометрических текстур (patterns) во флеше с помощью Deco Tool.

В четвертой версии флеша (Cs4) появился очень удобный инструмент, который позволяет очень быстро создавать интересные текстуры - Deco Tool. В  Cs5 его доработали, разнообразили,  но наиболее интересная его функция, по моему мнению, Grid Fill – инструмент-заливка  для создания геометрических текстур. С помощью инструмента Grid fill можно создавать разнообразные паттерны, например, для фона. И что немаловажно  – весь процесс занимает минимум времени.

Цветовые палитры для flash (Color Swatches)

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

Из растра в вектор

Опишу способ, как быстро перевести растровую картинку в вектор для последующей анимации.
Функция трассировки растровых изображений есть и во флеше, но добиться нужного качества у меня не получилось:( Поэтому для таких целей я использую иллюстратор, где есть больше возможностей получить качественное векторное изображение, благодаря большему количеству настроек трассировки.
Чтобы набросок имел четкий контур, обвожу его гелевой ручкой. Затем сканирую изображение.

Очумелые ручки: стол-просвет для аниматора:)

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

Как просто создать анимированную тень во flash?

Чтобы сделать анимированную тень, не нужно создавать дополнительную анимацию персонажа. Достаточно применить 2 эффекта к уже  готовому мувиклипу.

Итак, у нас есть анимация в мувиклипе  - танцующий мишка. Для создания тени используем тип графики Movie Clip, а не Graphic, потому что лишь к мувиклипу можно применить нужный фильтр.

Шаг 1.

Создаем дополнительный слой для тени и копируем туда мувиклип.